/* MENU SUPERIEUR */

#submenu-wrapper .subnav .sticky-nav-menu-item a {
    font-size: 16px !important;
}

/* =========================================================================================================================================================
=============================================================********* FORMULAIRES *******==================================================================
 =========================================================================================================================================================== */


/* bruors / olicla1 - 03/05/2023 - probleme d'affichage d'un formulaire - libelle trop long */
.aui .article-wrapper#formWrapper .form-group input.on-focus ~ label, 
.aui .article-wrapper#formWrapper .form-group textarea.on-focus ~ label,
.aui .article-wrapper#formWrapper .form-group input.content-inside ~ label,
.aui .article-wrapper#formWrapper .form-group textarea.content-inside ~ label
{
white-space: nowrap;
overflow: hidden;
width: 95%;
} 


/* Madame Monsieur en mobile */
@media only screen and (max-width: 767px) {
.aui .article-wrapper#formWrapper #webform input[type="radio"], .aui .article-wrapper#formWrapper #webform input[type="date"] {
    margin-left: 0px !important;
    width: 0px !important;
}

.aui .article-wrapper#formWrapper #webform .form-group-cb-radio {
    padding-right: 18px !important;
}

.aui .article-wrapper#formWrapper .field_RADIO .requiredstar {
 float:none !important;
}

.aui .article-wrapper#formWrapper {
	margin-left:10px;
	margin-right:10px;
}
}

/* Réduire la largeur du champ Captcha pour que ça tienne sur une ligne en mobile */
@media only screen and (max-width: 767px) {
.aui .article-wrapper#formWrapper #webform .captcha input[type=text]  {
    width: 100px !important;
	margin-left:0px !important;
}
}

/* Pour que le captcha et le champ input restent sur la même ligne */
label[for=response_captcha] {
	display:inline !important;
}

input[type="search"] {
	-webkit-appearance: none !important;
}

/* Réduire l'espace après le descriptif */
  @media only screen and (max-width: 767px){
.aui .article-wrapper#formWrapper #webform .form_description {
    margin: 0px 0px 0px 0px !important;
}
  }

/* Réduire l'espace entre les champs */
@media only screen and (max-width: 767px) {
.aui .article-wrapper#formWrapper .fields .field {
    margin: 0 0 30px 0 !important;
}
}

/* Selection option noir sur Safari */
#formWrapper select {
	color:black !important;
}

.aui .article-wrapper#formWrapper .form-group-cb-radio input[type="checkbox"] {
visibility: visible;
opacity: 0;
}
.aui .article-wrapper#formWrapper .form-group-cb-radio input[type="radio"] {
display: inline-block;
opacity: 0;
width: 1px;
height: 1px;
margin: 10px;
float: left;
}

.aui .article-wrapper#formWrapper .form-group-cb-radio input[type="radio"] ~ label {
margin-left: -20px;
}

/* Webform paragraphe */
.aui .article-wrapper#formWrapper p {
    font-size: 15px !important;
    line-height: 28px !important;
}

/* Webform titre */
.aui .article-wrapper#formWrapper h2 {
    font-size: 40px !important;
    font-weight: 400 !important;
    margin-top: 10px !important;
	margin-bottom: 50px !important;
	line-height: 100% !important;
}

/* Webform intro */
.aui .article-wrapper#formWrapper .intro {
    margin-top: 0 !important;
}


/* Libellé champ on focus */
.aui .article-wrapper#formWrapper .form-group input.on-focus ~ label, .aui .article-wrapper#formWrapper .form-group textarea.on-focus ~ label {
    color: #8d8d8d !important;
    font-weight: 400 !important;
}

/* Libellé liste on focus */
.aui .article-wrapper#formWrapper select.on-focus ~ label {        color: #8d8d8d !important;
    font-weight: 400 !important;
}

/* Champ */
.aui .article-wrapper#formWrapper .form-group input, .aui .article-wrapper#formWrapper .form-group textarea {
    background-color: white !important;
    border: 1px solid #d8d8d8 !important;
    font-size: 14px !important;
    padding: 7px !important;
    color: black !important;
}

/* Liste */
.aui .article-wrapper#formWrapper .form-group-select select {
    background-color: white !important;
    border: 1px solid #d8d8d8 !important;
    height: 34px !important;
}

/* Flèche select */
.aui .article-wrapper#formWrapper .form-group-select:after {
    top: 15px !important;
}

/* Label liste */
.aui .article-wrapper#formWrapper .form-group-select select ~ label {
    /*top: 5px !important;*/
}

/* Bouton radio */
.aui .article-wrapper#formWrapper .form-group-cb-radio input[type="radio"] ~ label:before, .aui .article-wrapper#formWrapper .form-group-cb-radio input[type="checkbox"] ~ label:before {
    background-color: rgba(255, 255, 255, 0.01);
    border: 1px solid #d8d8d8 !important;
}

/* Couleur du bouton radio lorsque sélectionné*/
.aui .article-wrapper#formWrapper .form-group-cb-radio input[type="radio"] ~ label:after {
    width: 8px !important;
    height: 8px !important;
}

/* Effet rouge liste select */
.aui input:focus:invalid:focus, .aui textarea:focus:invalid:focus, .aui select:focus:invalid:focus {
    border-color: #d8d8d8 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.aui input:focus:invalid, .aui textarea:focus:invalid, .aui select:focus:invalid {
    color: #8d8d8d !important;
    border-color: #d8d8d8 !important;
}

/* Taille police dans les champs */
.aui .article-wrapper#formWrapper {
    font-size: 14px !important;
}

/* Espace en-dessous de l'image */
.aui .article-wrapper#formWrapper #webform img {
    margin-bottom: 25px !important;
}

/* */
.aui .article-wrapper#formWrapper .field_RADIO .requiredstar {
 float:right !important;
}

/* décalage de la zone captcha en smartphone */
.aui .article-wrapper#formWrapper .captcha .form-group {
 /* display: inline !important; */
}

/* on enleve les bordures en smartphone */
.aui .article-wrapper#formWrapper .form-group input, .aui .article-wrapper#formWrapper .form-group textarea {
 -webkit-appearance: none !important;
}

 .aui .article-wrapper#formWrapper .form-group-cb-radio input[type="radio"] ~ label {
    margin-left: 0px !important;
}

/* START - surcharges du message de confirmation et bouton */
.aui .article-wrapper#formWrapper .form-error-message, .aui .article-wrapper#formWrapper .form-success-message {
    text-align: left;
	line-height: 30px;
}
	
.aui .article-wrapper#formWrapper .form-success-message {
    border: none;
	color: #000;
	padding: 0px;
	 font-size: 17px!important;
}

.aui .article-wrapper#formWrapper .btn.style1#close_button {
	display: none !important;
}
/* END - surcharges du message de confirmation et bouton */

/* Surcharge du bouton style 1, 2 et 4 pour l'accessibilité */
/*
.btn.style1, .btn.style2, .btn.style4 {
	display:inline !important;
} */


/* Formulaire full screen en pop-up mobile */
@media only screen and (max-width: 767px) {
.aui .featherlight-iframe .featherlight-content {
    width: 100% !important;
    height: 100% !important;
}
}


/* =========================================================================================================================================================
=============================================================********* FIN FORMULAIRES *******==============================================================
 =========================================================================================================================================================== */


/* Icônes RS Footer */

@media screen and (min-width:1200px) and (max-width:1400px) {
	.aui #column-footer .footer_container .footer_flex .footer_column.social a {
		letter-spacing:0px;
	}
}

/* Soucis bullet point page toutes les actus */

ul.lfr-pagination-buttons
{   list-style-type: none !important;   text-align: center;   display: block; } 
ul.lfr-pagination-buttons li 
{  display: inline-block;   min-width: 300px; } 


/* Aucun bord vidéo carré */

.aui .article-wrapper .video-container.square {
	padding-bottom:92.1% !important;
}

@media screen and (max-width:1080px) {
	.aui .article-wrapper .video-container.square {
		padding-bottom:85% !important;
	}
}

/* Correctifs partie Event */
#titleEventBeginDate {
	margin-top: 10px;
}

.contact_event {
	margin: 0px !important;
}

.hr-event + h3, .contact_event + h3 {
	margin: 0px !important;
}

.hr-event {
	border-top:1px solid #c1a47e !important;
}

#AskMyQuestion button {
    border-radius: 0px !important;
}

/* Espace blanc chelou au-dessus de certains blocs home */
.align-items-center .d-flex .mb-2 {
	display:none !important;
}

/* Uniformisation portlet ged */
.ged-portlet + .portlet-journal-content {
	margin-top:70px !important;
}

.linkto:only-child {
	margin-bottom:20px !important;
}

.ged-portlet .article-wrapper {
	padding-top:20px !important;
}

.ged-portlet {
    min-height: 50px !important;
}

/* Six bandeau */
@media only screen and (max-width: 1200px) and (min-width:768px) {
.aui .graph_container.six .graph_wrapper .graph_item {
    min-width: 40%;
}
}

/* Fond gris foncé vidéo */
 .bande {
    max-width:900px !important;
    padding-bottom: 50vh !important;
    margin: auto;
   }

/* Correctif template lien (exemple Next-Gen) */
.linked-article {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #000;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    text-decoration: none !important;
	cursor:pointer;
}

.linked-article-text {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-transform: none;
    text-align: left;
    text-decoration: none !important;
}

.linked-article-title {
	line-height:24px;
}

.linked-article:hover {
	color:#c1a57c;
}

.linked-article a {
    text-decoration: none !important;
}


.aui #column-footer .footer_container .footer_flex .footer_column.social a {
    color: #666 !important;
}
.aui #column-footer .footer_container .footer_flex .footer_column.social {
    padding: 0px !important;
}
.aui #context-menu .subnav .sticky-nav-menu-item a {
    font-size: 15px !important;
}

/* Icônes - uniformisation de la taille */
.aui .graph_icon img {
    width: 110px;
    height: 110px;
}

/* centrage de l'image de la campagne */
.left img {
   margin-left:auto !important;
   margin-right:auto !important;
}

@media only screen and (max-width: 767px) {
/* Fond gris foncé vidéo */
   .bande {
       max-width:900px !important;
       padding-bottom: 30vh !important;
       margin: auto;
   }

/* Eviter que bouton retour liste des fonds soit collé */
.button-retour-liste-fonds-target {
    margin-top:0px !important;
}


/* Correction bouton contact sombre si pas scroll sur mobile */
#top-menu-contact .showonsmartphone {
    color:white !important;
}

/* Accueil mobile - Bloc campagne - réduction des padding sur le texte */

.aui .pub_container .pub_item.right {
    padding: 35px !important;
}

/* Icônes - uniformisation de la taille */
.aui .article-wrapper h3, .aui .full-width .graph_container h3 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
}

/* Fine-tunning campagne mobile */
.aui .pub_container .pub_item img {
   height:auto !important;
   padding: 50px 0px !important;
}
}

/* Pub vidéo home : laisser fixe en tablette */
@media only screen and (max-width: 1520px) {
	.publicite-video {
	   display:none;
	}
}

#column-prefooter .fp-tableCell {
	vertical-align: bottom;
}

.footnote {
    margin-bottom: 15px !important;
}

/* FIX - OL DE MÊME STYLE QUE UL */
ol {
	font-size: 18px !important;
}

ol li {
	line-height: 35px !important;
    padding-top: 15px !important;
    padding-bottom: 0 !important;
}

ol li.dot {
	padding-top:0px !important;
}

/* FIX - IL MANQUE DES STYLES */
.aui .article-wrapper .mtop20 { margin-top: 20px; }

/* BLOC POPUP NEWSLETTER */
.aui .bli-page #nl-subscription a#nl-link-form div {
     line-height: 42px; 
}

.aui #nl-subscription a#nl-link-form div {
	line-height: 4px;
}

.aui #nl-subscription a:hover#nl-link-form {
	color: #fff !important;
}

/* FIX EXPAND */
.aui .expand { box-sizing: border-box; }

/* FIX MANAGER SAME PHOTO AS COVER IMAGE */
.slide_manager_photo { display: none; width: 100%; padding-top: 50%;  margin-top: 28px; background-size: cover; }
@media only screen and (max-width: 767px) { .slide_manager_photo { display: block; } }

/* FIX BRUNO DU 02/10 */
@media only screen and (max-width: 767px) {
.aui .slide.managers .slide_manager_photo {
margin-left: -35px;
width: calc(100% + 70px);
}
}

/* FIX STYLE EXPAND ... IL MANQAUIT UNE SURCHARGE */
@media only screen and (max-width: 1024px) {
	.aui .expand {
		width: 100vw;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		left: 50%;
		right: 50%;
		position: relative;
	}
	.aui p.exergue {
		margin: 0 0 35px 0 !important;
	}
}

/* FIX STYLE FOCUS */
.aui p.focus {
    padding: 0;
    margin: 35px 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

/* FIX CHIFFRTES LISTE FONDS */
.aui table.table-style1.fonds-liste th.right, .aui table.table-style1.fonds-liste td.right {
    white-space: nowrap;
}

/* HOMEPAGE - VIDEO TEXT */
.aui .portlet-content .video-text {
	font-family: 'Pano Light', serif;
	color: white;
	font-weight: 500;
	font-size: 3.5vmin !important;
	line-height: 5vmin !important;
	position: absolute;
	width: 40%;
	text-align: left;
	bottom: 100px;
	left: 2vw !important;
	z-index: 20;
}

/* HOMEPAGE - Ajuste la taille du bloc Campagne */
.aui .pub_container .pub_item img { width: 100% !important; /* height:100% !important; */ }

/* Avec adaptation pour mobile */
@media only screen and (max-width: 767px) {
	.aui .pub_container .pub_item img {
		width: 65% !important;
	}
}

/* HOMEPAGE - Ajuste le rendu des liens du baseline */
.homepage-metiers-nav a {
    font-size: 2vmin;
	line-height: 2em;
    letter-spacing: 2px;
}

/* HOMEPAGE - Changement style des titres pour blocs topics et news */
.aui .topics h2.intro, .aui .news h2.intro {
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 2px;
    color: #333;
    padding: 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    font-weight: 600;
}

/* MENU - Réduit la taille des éléments */
.aui #context-menu .subnav .sticky-nav-menu-item a {
	font-size: 15px;
}

/* BANDEAU MON COMPTE - Réduire l'espacement entre le titre et l'introduction */
.fullpage-elm1.mon-compte h2 {
    margin: 0!important;
    padding: 0!important;
    font-size: 2.6vmin!important;
    line-height: 3.6vmin!important;
}

/* TOPICS - styles supplémentaires */
.img-right .img-source, .img-left .img-source {
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #999;
	margin-top: 8px;
}

.img-right > img, .img-left > img {
	width: 100%;
}

/* TOPICS - style exergue */
p.exergue {
    border: none;
    background-color: #e2e9ea;
}

/* BLOG - bloc auteur */
.aui .article-wrapper .blog-detail-auteur {
	margin-top: 0px !important;
}

/* MENU MOBILE - le menu ne s'affiche pas correctement sur les détails fonds */
.aui .menu-homepage-only.force-dark a .showonsmartphone, .aui .menu-homepage-only.force-dark a:hover  .showonsmartphone {
    color: white;
}


/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/


/* Inclusion POLICES */

@font-face {
  font-family: 'Pano Light';
  src:url('/documents/10184/1944507/pano_light.woff2/8e1ccae3-0a72-495d-e033-6992f2ae6172?t=1670853291883') format('woff2');
  font-display: swap;
  }

  @font-face {
  font-family: 'Cosi Times';
  src:url('/documents/10184/1944507/CosiTimes-Roman.woff2/0678d3d2-4ac2-993d-eb2c-d034609ddcfd?t=1670853497400') format('woff2');
  font-display: swap;
 }

/*20190321 - ROMKOC4 - CORRECTIONS RESPONSIVE - START*/

/* HOMEPAGE - VIDEO TEXT */
.aui .video-text.mobile { display: none; }

/* MOBILE ONLY */
@media only screen and (max-width: 767px) {

	/*BURGER MENU*/
	.aui #burgermenu .position-centered { margin: 8vmin 0; width: 90vw; } /*hmmmm*/
	.aui .burgermenu .burgernav-filiales, .aui #column-langues .burgernav-filiales, .aui #column-contact .burgernav-filiales, .aui #column-mon-compte .burgernav-filiales { margin-left: 30px; }
	
	/* HOMEPAGE - VIDEO TEXT */
	.aui .portlet-content .video-text {
		font-size: 36px !important;
		line-height: 42px !important;
		width: 80% !important;
		text-align: center !important;
		bottom: 44vh !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto;
	}
	.aui .video-text { display: none; }
	.aui .video-text.mobile { display: block; bottom: 20vh !important; font-size: 5.5vmin !important; }

	/* HOMEPAGE - SLOGAN */
	.homepage-metiers-nav a {
		font-size: 16px;
		line-height: 2em;
	}

	/*CITATIONS*/
	.aui blockquote.citation { width: 100%; }
	/*tables*/
	.aui table.table-style2 td.td-important { font-size: 24px; }
	/*FAUTE4 GRAPHS*/
	.aui .graph_container .graph_wrapper .graph_item { min-width: 80%; }

	/*CITATION SUR SMARTPHONE - ENLEVER QUOTE*/
	.aui blockquote.citation.style1::before, .aui blockquote.citation.style2::before { display: none; }


	/*FIX IMPLANTATION*/
	.implantations.column { margin-top: 25px; }

}


/* HOMEPAGE - BLOC 3 LIGNES DE TEXTE */

.aui .quote_container h2 {
	font-family:'Pano Light' !important;
	font-size: 5vmin !important;
    line-height: 6.5vmin !important;
}

@media only screen and (max-width: 767px) {
	.aui .quote_container h2 {
		font-size: 22px !important;
		line-height: 1.5em !important;
	}
}

/* IPAD PORTRAIT RULE */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	/*topics slider verstical */
	.aui .topics .slide_container { flex-direction: column; width: 50%; margin: 0 auto;	}
	.aui .topics .slide_container .slide_item { padding: 0; margin: 0 0 70px 0; }
	.aui .topics .hauteur_bloc_titre, .aui .news .hauteur_bloc_titre { height: auto; }
	.aui .topics h2.intro, .aui .news h2.intro { margin: 70px 0; }
	/*offre vertical*/
	.aui .offre_container { flex-direction: column; align-items: center; justify-content: flex-start; }
	.aui .offre_container .offre_item { width: 100%; height: 46vh; }
	.aui .offre_container .offre_item .offre_item_text { min-height: unset; }
	.aui .offre_container .offre_item:nth-child(2n+2) { border-left: none; }
	.aui .offre_item_content { padding-top: 8vh; }
	.aui .offre_container .offre_item:hover { background-color:inherit; }
	/*pub vertical*/
	.aui .pub_container { flex-direction: column; }
	.aui .pub_container .pub_item { width: 100%; }
	.aui .pub_container .pub_item.right { padding: 140px 140px 280px 140px; }
	.aui .pub_container+a { margin-top: -200px; }
	/*fix news*/
	.aui .news .slide_container a .slide_text .slide_text_title { font-size: 20px; line-height: 30px; }
}

/*20190321 - ROMKOC4 - CORRECTIONS RESPONSIVE - END*/


/* Page & actu mobile banking 4 photos */ 
@media screen and (max-width: 768px) {
.mobile-app-content {
width: 100% !important;
}
}


/* 20210209 - OLICLA1 - CORRECTIONS COOKIES */ 

/* cookie surcharge player issuu mauvais rendu */
.issuu_player {
	position:relative;
}

/* cookie surcharge player video sans bandeau supérieur sur fonds noir */
.aui .article-wrapper .video-container {
    padding-top: inherit; 
	margin-bottom: 30px;
	padding-bottom:50%;
}

.aui .article-wrapper .video-container.bande {
	padding-top:30px !important;
}

@media screen and (max-width:1080px) {
	.aui .article-wrapper .video-container.bande {
		padding-bottom:50% !important;
	}
}


/* MENU effet survol en mode portrait ou smartphone */
@media only screen and (max-width: 1024px) {
.aui .burgermenu .position-centered a:hover {
    color: #b79768 !important;
}
}


/* ADMIN VOLET AJOUT INVISIBLE AU CLIC SUR LANGUES ET CONTACT */

html:not(#__):not(#___) .cadmin.lfr-admin-panel.sidenav-menu-slider {
	z-index:9999 !important;
}

@media only screen and (max-width: 1023px) {
    .aui #nl-subscription.blu-times-nl.form_newsletter .form_newsletter_content {
        top: 24vh !important;
    }
}