/*----------------------------------------*/
/*---------------- FONTS ----------------*/
/*----------------------------------------*/

@font-face {font-family: 'LubalinGraphStd-BoldCondObl';src: url('webfonts/3640B0_0_0.eot');src: url('webfonts/3640B0_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_0_0.woff2') format('woff2'),url('webfonts/3640B0_0_0.woff') format('woff'),url('webfonts/3640B0_0_0.ttf') format('truetype');}  
@font-face {font-family: 'LubalinGraphStd-BoldCond';src: url('webfonts/3640B0_1_0.eot');src: url('webfonts/3640B0_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_1_0.woff2') format('woff2'),url('webfonts/3640B0_1_0.woff') format('woff'),url('webfonts/3640B0_1_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-BoldOblique';src: url('webfonts/3640B0_2_0.eot');src: url('webfonts/3640B0_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_2_0.woff2') format('woff2'),url('webfonts/3640B0_2_0.woff') format('woff'),url('webfonts/3640B0_2_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-BookCondObl';src: url('webfonts/3640B0_3_0.eot');src: url('webfonts/3640B0_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_3_0.woff2') format('woff2'),url('webfonts/3640B0_3_0.woff') format('woff'),url('webfonts/3640B0_3_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-Bold';src: url('webfonts/3640B0_4_0.eot');src: url('webfonts/3640B0_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_4_0.woff2') format('woff2'),url('webfonts/3640B0_4_0.woff') format('woff'),url('webfonts/3640B0_4_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-BookCond';src: url('webfonts/3640B0_5_0.eot');src: url('webfonts/3640B0_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_5_0.woff2') format('woff2'),url('webfonts/3640B0_5_0.woff') format('woff'),url('webfonts/3640B0_5_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-BookOblique';src: url('webfonts/3640B0_6_0.eot');src: url('webfonts/3640B0_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_6_0.woff2') format('woff2'),url('webfonts/3640B0_6_0.woff') format('woff'),url('webfonts/3640B0_6_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-Book';src: url('webfonts/3640B0_7_0.eot');src: url('webfonts/3640B0_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_7_0.woff2') format('woff2'),url('webfonts/3640B0_7_0.woff') format('woff'),url('webfonts/3640B0_7_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-DemiOblique';src: url('webfonts/3640B0_8_0.eot');src: url('webfonts/3640B0_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_8_0.woff2') format('woff2'),url('webfonts/3640B0_8_0.woff') format('woff'),url('webfonts/3640B0_8_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-DemiBoldCond';src: url('webfonts/3640B0_9_0.eot');src: url('webfonts/3640B0_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_9_0.woff2') format('woff2'),url('webfonts/3640B0_9_0.woff') format('woff'),url('webfonts/3640B0_9_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-Demi';src: url('webfonts/3640B0_A_0.eot');src: url('webfonts/3640B0_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_A_0.woff2') format('woff2'),url('webfonts/3640B0_A_0.woff') format('woff'),url('webfonts/3640B0_A_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-DemiBoldCondObl';src: url('webfonts/3640B0_B_0.eot');src: url('webfonts/3640B0_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_B_0.woff2') format('woff2'),url('webfonts/3640B0_B_0.woff') format('woff'),url('webfonts/3640B0_B_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-ExtraLightObl';src: url('webfonts/3640B0_C_0.eot');src: url('webfonts/3640B0_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_C_0.woff2') format('woff2'),url('webfonts/3640B0_C_0.woff') format('woff'),url('webfonts/3640B0_C_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-ExtraLight';src: url('webfonts/3640B0_D_0.eot');src: url('webfonts/3640B0_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_D_0.woff2') format('woff2'),url('webfonts/3640B0_D_0.woff') format('woff'),url('webfonts/3640B0_D_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-MediumCondObl';src: url('webfonts/3640B0_E_0.eot');src: url('webfonts/3640B0_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_E_0.woff2') format('woff2'),url('webfonts/3640B0_E_0.woff') format('woff'),url('webfonts/3640B0_E_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-MediumCond';src: url('webfonts/3640B0_F_0.eot');src: url('webfonts/3640B0_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_F_0.woff2') format('woff2'),url('webfonts/3640B0_F_0.woff') format('woff'),url('webfonts/3640B0_F_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-MediumOblique';src: url('webfonts/3640B0_10_0.eot');src: url('webfonts/3640B0_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_10_0.woff2') format('woff2'),url('webfonts/3640B0_10_0.woff') format('woff'),url('webfonts/3640B0_10_0.ttf') format('truetype');}   
@font-face {font-family: 'LubalinGraphStd-Medium';src: url('webfonts/3640B0_11_0.eot');src: url('webfonts/3640B0_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3640B0_11_0.woff2') format('woff2'),url('webfonts/3640B0_11_0.woff') format('woff'),url('webfonts/3640B0_11_0.ttf') format('truetype');}
@font-face {font-family: 'robotobold'; src: url('webfonts/roboto-bold-webfont.ttf') format('ttf'), url('webfonts/roboto-bold-webfont.woff2') format('woff2'), url('webfonts/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'robotolight'; src: url('webfonts/roboto-light-webfont.ttf') format('ttf'), url('webfonts/roboto-light-webfont.woff2') format('woff2'), url('webfonts/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'robotoregular'; src: url('webfonts/roboto-regular-webfont.ttf') format('ttf'), url('webfonts/roboto-regular-webfont.woff2') format('woff2'), url('webfonts/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'mega_freshregular'; src: url('webfonts/mega_fresh-webfont.woff2') format('woff2'), url('webfonts/mega_fresh-webfont.woff') format('woff'), url('webfonts/mega_fresh-webfont.eot'), url('webfonts/mega_fresh-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/mega_fresh-webfont.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-55Rg';src: url('webfonts/371E51_0_0.eot');src: url('webfonts/371E51_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_0_0.woff2') format('woff2'),url('webfonts/371E51_0_0.woff') format('woff'),url('webfonts/371E51_0_0.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-56It';src: url('webfonts/371E51_1_0.eot');src: url('webfonts/371E51_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_1_0.woff2') format('woff2'),url('webfonts/371E51_1_0.woff') format('woff'),url('webfonts/371E51_1_0.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-65Md';src: url('webfonts/371E51_2_0.eot');src: url('webfonts/371E51_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_2_0.woff2') format('woff2'),url('webfonts/371E51_2_0.woff') format('woff'),url('webfonts/371E51_2_0.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-66MdIt';src: url('webfonts/371E51_3_0.eot');src: url('webfonts/371E51_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_3_0.woff2') format('woff2'),url('webfonts/371E51_3_0.woff') format('woff'),url('webfonts/371E51_3_0.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-75Bd';src: url('webfonts/371E51_4_0.eot');src: url('webfonts/371E51_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_4_0.woff2') format('woff2'),url('webfonts/371E51_4_0.woff') format('woff'),url('webfonts/371E51_4_0.ttf') format('truetype');}
@font-face {font-family: 'NHaasGroteskTXPro-76BdIt';src: url('webfonts/371E51_5_0.eot');src: url('webfonts/371E51_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/371E51_5_0.woff2') format('woff2'),url('webfonts/371E51_5_0.woff') format('woff'),url('webfonts/371E51_5_0.ttf') format('truetype');}
@font-face {font-family: 'Arsilon';src: url('webfonts/Arsilon.eot');src: url('webfonts/Arsilon.eot?#iefix') format('embedded-opentype'),url('webfonts/Arsilon.woff2') format('woff2'),url('webfonts/Arsilon.woff') format('woff'),url('webfonts/Arsilon.ttf') format('truetype');}


/*----------------------------------------*/
/*---------- STYLES GENERAUX -------------*/
/*----------------------------------------*/

body { font-size: 19px; font-family: 'robotoregular', 'Arial', sans-serif; overflow-x: hidden;}
p,li,td,label { font-size: 16px; line-height: normal; font-family: 'robotoregular', 'Arial', sans-serif;color: var(--black);}
strong{font-family: 'robotobold', 'Arial', sans-serif;}
h2{font-size: 32px;color: var(--blue);}
h3, h3 p, h3 span{font-size: 32px !important;color: var(--blue);padding-bottom: 10px;line-height: 32px;}
h4, h4 p, h4 span{font-size: 18px !important;}
h5, h5 p, h5 span{font-size: 20px !important;    font-family: 'LubalinGraphStd-Demi';}
h5 sup{font-size: 12px !important;}
em, em span{font-style: italic !important;}
.picto_txt{position: absolute;}
.none{display: none;}

/* main{margin-bottom:50px;} */

section article{overflow: hidden;}

ul{list-style: none;}
ul li, ol li{list-style-position: outside;margin-left: 15px;}
ul ul li{margin-left: 30px;}

header > nav > ul > li::before, .bloc-home-bulles li::before, #nav_home li::before,  .nav_aside_content li::before, footer li::before, #fil_ariane li::before, ol li::before, .content_doc li::before{content: ""; width: 0;margin-left: 0;display: none;}

p a, span a, li a{color:var(--blue);text-decoration: underline;}

.res_only{display: none;}
/* .ndbp{font-style: italic !important;font-size: 11px;line-height: 11px;} */
/* .ndbp a{font-style: italic !important;font-size: 11px;line-height: 11px;color: var(--black);} */
.slick-dotted.slick-slider{padding: 0 60px;}

/*----------------------------------------*/
/*--------------- INDEX ------------------*/
/*----------------------------------------*/

#index {
background-size: 100%;
width: 100%;
height: auto;
background-color: var(--light_blue);
display: flex;
flex-direction: row;
flex-wrap: wrap;  
}

.banLogo_res{display: none;}
.cleanIndex img{max-width: 400px;}
.cleanIndex img, .introtxtIndex{padding: 20px;}
#choose_country{margin: 0 20px;}
.introtxtIndex{font-size: 28px !important;line-height: normal !important;padding: 20px 20px 0px 20px;}

.cleanIndex{width: 30%;}


.imgIndex{
    width: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;    
}

.banIndex{
    width: 100%;
    height: fit-content;
}
.banLogo{
    width: 200px;
    height: fit-content;
    margin: 15px 50px 0 0;
}

.banSite_res{display: none;}
.banSite_med{display: none;}

.indexLogo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 30px 30px 25px 30px;
}

.introtxtIndex{
    font-family: 'LubalinGraphStd-Demi';
}

.index_ndpb a{
  color: var(--white);
}

#choose_country{
  background-color: var(--white);
  width: 300px;
  color: var(--dark_blue);
  line-height: 20px;  
}
#choose_country img{top: 3px;left: 200px;padding: 0;}
.choose_country_txt {color: var(--light_blue);display: block;position: relative;font-size: 24px;left: -55px;}

h3#choose_country { font-size: 16px; letter-spacing: normal; margin-top: 10px; }
h3#choose_country b{ left: 10px;font-size: 16px !important;top: 3px; font-family: 'NHaasGroteskTXPro-65Md';}

#country {
    background-color: var(--white);
    width: 300px;
    left: 0;
    padding: 10px;
    display: none;
    top: 0px;
    z-index: 99;
    height: 300px;
    overflow: auto;
    margin: 0px 20px 20px 20px;
    position: absolute;
    top: 35px;
}
#country a { font-size: 16px; color: var(--dark_blue); display: block;     font-family: 'NHaasGroteskTXPro-65Md';}

.index_ndpb{
    padding: 20px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background-color: var(--dark_blue);
}


/*----------------------------------------*/
/*----------------- FOOTER ---------------*/
/*----------------------------------------*/

.ct-footer-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 370px;
    flex-direction: row;
    gap: 30px;
}
.ct-footer-slide p {
  font-size: 16px;
  color: var(--dark_blue);
  width: 100%;
  font-family: 'LubalinGraphStd-BoldOblique';
  text-align: right;
}
.ct-footer-slide p::before {
content: '';
    height: 80px;
    width: 60px;
    display: block;
    position: absolute;
}
.ct-footer-slide p::before {
    background: url(../images/incarnations/guillemets.svg) no-repeat center;
    background-size: 100%;
    left: -20px;
    top: -75px;
}


.bloctxtFooter{
    display: flex;
    padding: 20px 50px 10px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
    border-radius: 0px 47px;
    background: var(--white, #FFF);
    width: 600px;
}

footer{
margin-top: unset;
padding: 10px 0;
z-index: 5;
width: 100%;    
}

.liens-footer{
    text-align: right;
    right: 20px;  
}

.content_footer{
width: 100%;
display: inline-block;
position: relative;
float: right;
top: -17px;
background-color: var(--grey);
z-index: 0;
opacity: 0.7; 
}    
.footer-home { background: linear-gradient(to right, #265AA6, #35BBD7); padding: 20px 20px; margin-top: 80px; }
.footer-home p *, .footer-home p { color: #ffffff; width: 60%; }
.footer-home p { font-family: 'LubalinGraphStd-Medium'; font-size: 21px; left: 40%; }
.footer-home:before { content:''; background: url('../images/quote_o.png') no-repeat center; display: block; width: 60px; height: 60px; position: absolute; left: calc(40% - 80px); top: 10px; background-size: 56px; }
.footer-home:after { content:''; background: url('../images/quote_c.png') no-repeat center; display: block; width: 60px; height: 60px; position: absolute; left: calc(70% + 80px); bottom: 10px; background-size: 56px; }
.footer-home p strong { font-family: 'LubalinGraphStd-Bold'; font-size: 24px; }
.footer { min-height: 290px; }
.footer img { position: absolute; bottom: 0; left: 0; }
.footer a { font-size: 12px; font-family: 'NHaasGroteskTXPro-65Md'; color: #003063; display: block; margin: 5px 0; }

.footer_sliders .slick-dots li{display: none;}
footer a{z-index: 1 !important;}

.ct-footer-slide p .smaller{font-size: 10px;}
.bloctxtFooter .name{
font-family: 'Arsilon';
font-size: 21px;  
margin-top: 10px;
display: inline-flex;
}

/*----------------------------------------*/
/*----------- MENU / BANNIERE ------------*/
/*----------------------------------------*/

/* #containerBanResMedium{display: none;} */
#header_menu{margin-bottom: 40px;}
#header_menu nav ul { display: none; 
background-color: var(--cyan);
width: 400px;
position: absolute;
padding-top: 100px;
top: -30px;  
padding: 100px 30px 30px 30px;    
z-index: 999;
}
#header_menu nav ul li{
    position: relative;
    display: block;
    padding: 5px 0px 5px 15px;
    border-bottom: 1px solid var(--white);    
}
#header_menu nav ul li a{color: var(--white); font-family: 'robotoregular';width: 100%;display: block;}

.menu-site:hover{background-color: var(--white);}
.menu-site:hover a, .menu-site:hover a em{color: var(--blue) !important;font-family: 'robotobold' !important;}
/*Par-dessus le style général de HOVER*/
.menu-site a:hover{color: var(--blue) !important;opacity: 1 !important;}

.souscrire_style{background-color: #FFF !important;color: var(--blue) !important;}
.souscrire_style strong{color: var(--cyan) !important;}
.souscrire_style strong, .souscrire_style em{font-family: 'robotoregular' !important;}
.souscrire_style:hover strong, .souscrire_style:hover strong em{color: var(--blue) !important;font-family: 'robotobold' !important;}

/*MASQUER -> Site de souscription cassé*/
/*.souscrire_style, .btn-souscription{display:none !important;}*/

#ct_country{display: none;}

header > nav{
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    top: 0;
    z-index: 100;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

header > nav > div{width: inherit;}
.menu-alt-res{display: none;}
.menu-site-res-only{display: none;}
   
.menu_accroche{
position: absolute;
display: block;
top: 20px;
left: 120px;
font-size: 16px;
line-height: 18px;
font-family: 'robotobold';
}

.ct-video{
width:62%;
margin-right: 2%;
}

.ct-altNav{
width: 30%;
}

#videoCeo img{width: 100%;}

.banniere-block{height: auto;}

.ct-home-bloc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

#containerBanRes{display: none;}

/* Styles communs pour #ban1 et #ban2 */
#ban1, #ban2 {
    position: absolute;
    top: 20%;
    right: 40px;
    width: 460px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: flex-end;
    text-align: right;

    /* Animation */
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

/* État visible avec animation */
#ban1.show, #ban2.show {
    opacity: 1;
    visibility: visible;
}

/* Contenu texte pour #ban1 */
#ban1 p {
    font-family: 'LubalinGraphStd-Book' !important;
    color: var(--dark_blue);
    font-size: 32px;
    line-height: normal;
}

#ban1 strong {
    font-family: 'LubalinGraphStd-Bold' !important;
}

#ban1 span {
    font-size: 16px;
    font-family: 'robotobold';
    color: var(--dark_blue);
    left: 0 !important;
    right: 0;
}

#ban1 div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

/* Contenu texte pour #ban2 */
#ban2 p {
    font-family: 'LubalinGraphStd-Book' !important;
    color: var(--dark_blue);
    font-size: 32px;
    line-height: normal;
}

#ban2 strong {
    font-family: 'LubalinGraphStd-Bold' !important;
    display: block;
    font-size: 60px;
}
#ban2 em {
    font-family: 'LubalinGraphStd-Bold' !important;
    display: block;
    text-transform:none;
    font-style: normal !important;
    font-size: 40px;
}




.banDateSous{
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  background: var(--dark_blue);
  width: fit-content;
}
.banDateSous{
color: var(--white);
text-align: right;
font-family: 'robotobold';
font-size: 15px;
}


.prix_sous_eur{font-size: 75px;}
.prix_sous_loc{font-size: 45px;}

/*----------------------------------------*/
/*----------------- VIDEO ----------------*/
/*----------------------------------------*/

.pop_up_video{
  position: fixed;
  /*background-color: rgba(255, 255, 255, 0.50);*/
  background-color: #fff;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  opacity: 1; /*0.7*/
  z-index: 9999;
  display: none;
  }
.pop_up_video .video{
    background-color: #fff;
    position: relative;
    top: 0;
    width: 70%;
    max-width: 850px;    
    padding: 10px;
    opacity: 1;
    z-index: 10000;
    margin: 0 auto;
    
}

.close{
    position: fixed;
    width: 40px;
    right: 20px;
    cursor: pointer;
}
.close:hover{
  opacity: 0.5;
}

.video_content_top{top: 40px;}


/*----------------------------------------*/
/*------------------ HOME ----------------*/
/*----------------------------------------*/

#popup{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index: 99999;}
#popup div{background:#fff; margin:100px auto; padding:20px; width:60%; border-radius:8px;}
#popup div button{margin: 10px 0 0 0;padding: 0 10px;background:#FFF;}

.titre-video strong{  font-size: 18px; font-family: 'LubalinGraphStd-Demi'; }
.titre-video { 
font-size: 28px;
font-family: 'LubalinGraphStd-Demi';
margin-top: 0;
padding: 20px 10px;
line-height: 28px;
margin-bottom: 4px;
}

.titre-video-alt{
  font-size: 20px;
  margin-top: 0;
  padding: 10px 10px 30px 10px;
  margin-bottom: 10px;  
}
.titre-video-alt strong{font-family: 'LubalinGraphStd-Demi' !important;}

.wrapper {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.wrapper .wrapper1blocs {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  display: flex;
  width: 30%;
}

.wrapper_blocs_marginright{
  margin-right: 2%;
}

.wrapper1blocs a{
  width: inherit;
  height: 245px;
  width: 100%;    
}

.wrapper2blocs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 30%;      
    gap: 30px;
  }
  
  .wrapper2blocs a{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;  
    height: 107px;
    width: 100%;    
}

.troisPourcent{
    width: 3%;
}


.wrapper a span { font-size: 20px; color: #ffffff; font-family: 'LubalinGraphStd-bold'; position: absolute; top: 20px; left: 15px; display: block; }
.wrapper a span em { font-family: 'LubalinGraphStd-bold';  }
.wrapper a img { position: absolute; bottom: 10px; right: 10px; display: block; }

.alt_wrapper_res { display: none;}
.alt_wrapper { display: block;width: auto;}
.alt_wrapper a span { font-size: 20px; color: #ffffff; font-family: 'LubalinGraphStd-Bold'; position: absolute; top: 10px; left: 10px; display: block; }
.alt_wrapper a span em{ font-family: 'LubalinGraphStd-Bold'; }
.alt_wrapper a img { position: absolute; bottom: 10px; right: 10px; display: block; }
.alt_wrapper a { height: 120px; display: block; }
.aside.fixed .alt_wrapper a { width: 320px; }
.alt_wrapper a:nth-child(1) { background-color: var(--purple);margin-bottom: 20px;}
.alt_wrapper a:nth-child(2) { background-color: var(--light_blue); }
#simulator .alt_wrapper a:nth-child(1) { background-color: var(--light_blue); }

.alt_wrapper_aside { display: block;width: 320px;}
.alt_wrapper_aside a span { font-size: 20px; color: #ffffff; font-family: 'LubalinGraphStd-Bold'; position: absolute; top: 10px; left: 10px; display: block; }
.alt_wrapper_aside a span em{ font-family: 'LubalinGraphStd-Bold'; }
.alt_wrapper_aside a img { position: absolute; bottom: 10px; right: 10px; display: block; }
.alt_wrapper_aside a { height: 120px; display: block; }
.aside.fixed .alt_wrapper_aside a { width: 320px; }
.alt_wrapper_aside a:nth-child(1) { background-color: var(--purple);margin-bottom: 20px;}
.alt_wrapper_aside a:nth-child(2) { background-color: var(--light_blue); }
#simulator .alt_wrapper_aside a:nth-child(1) { background-color: var(--light_blue); }

.catchphrase {
    font-size: 20px;
    text-align: center;
    font-family: 'LubalinGraphStd-Demi' !important;
    width: auto;
    display: block;
    position: relative;
    top: 0;
    height: 31.25px;
    background-color: var(--light_blue);
    /* margin: 10px 60px; */
    margin: 10px 0px;
}
.scroll-container{width: max-content;}

.delimitation{
display: block;
height: 15px;
border-bottom: 1px solid var(--dark_blue);
margin-top: 10px;
margin-bottom: 20px;    
margin-left: 3%;
margin-right: 3%;
}

/*----------------------------------------*/
/*--------------- CONTENT ---------------*/
/*----------------------------------------*/

#fil_ariane{display: none;}

.titre-page { 
font-family: 'LubalinGraphStd-book'; 
font-size: 40px;    
}
.titre-cat, .titre-cat strong { 
font-family: 'LubalinGraphStd-Demi'; 
font-size: 36px;
}
.sous-titre, .titre-graph  { font-size: 18px; font-family: 'LubalinGraphStd-Demi'; padding: 10px; display: inline-block; text-transform: uppercase; }

.sous-titre-dms{color: var(--white); background-color: var(--dark_blue_2);width: fit-content;}
.sous-titre-dms-alt{color: var(--white); background-color: var(--orange);}

.table-ca{   
display: block;
position: relative;    
padding: 30px 0 30px 0;
}

.table-ca td{
text-align: center;
vertical-align: top;  
border: none;  
padding: 20px;  
    width: 33%;
    
    border-left: 1px solid var(--cyan);
    border-right: 1px solid var(--cyan);    
}

.table-ca td img{
margin-bottom: 20px;    
}

.table-ca .ca_little{
font-size: 16px;
font-family: 'LubalinGraphStd-book';    
}

.table-ca .ca_big{
font-size: 28px;
font-family: 'LubalinGraphStd-Demi';    
}

.delimitation-ca{
display: block;
height: 0;
border-bottom: 1px solid var(--cyan);
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
position: relative;
width: 100%;
}

.titre-orange { color: var(--orange); font-size: 20px; font-family: 'LubalinGraphStd-Bold'; }
.titre-orange:before { content:''; background: url('../images/thumbs_up_orange.png') no-repeat center; background-size: 16px; width: 16px; height: 30px; display: inline-block; margin-right: 10px; top: 5px; position: relative; }
        
.titre-orange:before { content:''; background: url('../images/thumbs_up_orange.png') no-repeat center; background-size: 16px; width: 16px; height: 30px; display: inline-block; margin-right: 10px; top: 5px; position: relative; }

.alt-titre-orange { color: var(--orange); font-size: 20px; font-family: 'LubalinGraphStd-Bold'; }
.alt-titre-pink {
font-size: 18px;
font-family: 'LubalinGraphStd-Demi';
color: #ffffff;
background-color: #D35098;
padding: 1.5px 3px;
display: inline-block;
text-transform: uppercase;
margin-bottom: 5px;
}

.alt-cyan-txt{
color: var(--cyan);
font-size: 20px;
font-family: 'LubalinGraphStd-Book';   
}

.cyan-trait{
    border-left: 2px solid #009FE3;
    height: 45px;
    margin-left: 20px;
    margin-bottom: 10px;
    display: block;
    content: '';   
}

.block-left > .infographie-souscrire { background: #ffffff!important; font-size: 0; margin-bottom: 30px;}
.block-left > .infographie-souscrire > div { width: 50%; border-right: 5px solid #575756; padding: 0 15px ; border-top: 1px solid #000000; padding-top: 15px; padding-bottom: 50px;}
.block-left > .infographie-souscrire > div:nth-child(even) { left: 49.3%; border: 0; border-left: 5px solid #575756; border-top: 1px solid #000000; padding: 15px 0px 0 15px; }
.block-left > .infographie-souscrire > div:last-child { border-left: 0; border-top: 1px solid #000000; }
.block-left > .infographie-souscrire > div p { margin-top: 0; color: #000000; }
.block-left > .infographie-souscrire > div p::first-letter { color: #ffffff; display: inline-block; padding: 2px 5px; }
.block-left > .infographie-souscrire > div:nth-child(1) p::first-letter { background-color: var(--cyan); }
.block-left > .infographie-souscrire > div:nth-child(2) p::first-letter { background-color: var(--cyan); }
.block-left > .infographie-souscrire > div:nth-child(3) p::first-letter { background-color: var(--cyan); }
.block-left > .infographie-souscrire > div:nth-child(4) p::first-letter { background-color: var(--cyan); }
.block-left > .infographie-souscrire > div:nth-child(5) p::first-letter { background-color: var(--cyan); }

.block-left > .infographie-souscrire > div:first-child:after { content: '';  background: url('../images/cmt_picto1.jpg') no-repeat center #ffffff; width: 71px; background-size: 80%; height: 71px; display: block; position: absolute; right: -80px; top: 10px; }

.block-left > .infographie-souscrire > div:nth-child(2):before { content: ''; background: url('../images/cmt_picto2.jpg') no-repeat center #ffffff; width: 71px; background-size: 80%; height: 71px; display: block; position: absolute; left: -90px; top: 20px; }

.block-left > .infographie-souscrire > div:nth-child(3):after { content: ''; background: url('../images/cmt_picto3.jpg') no-repeat center #ffffff; width: 71px; background-size: 80%; height: 71px; display: block; position: absolute; right: -90px; top: 20px; }

.block-left > .infographie-souscrire > div:nth-child(4):before { content: ''; background: url('../images/cmt_picto4.jpg') no-repeat center #ffffff; width: 71px; background-size: 80%; height: 71px; display: block; position: absolute; left: -90px; top: 20px; }

.block-left > .infographie-souscrire > div:nth-child(5):after { content: ''; background: url('../images/cmt_picto5.jpg') no-repeat center #ffffff; width: 71px; background-size: 80%; height: 71px; display: block; position: absolute; right: -90px; top: 20px; }

video{top: 40px;}

.delimitation_spec{
display: block;
height: 15px;
margin-top: 30px;
margin-bottom: 30px;
width: 1030px;
border-bottom: 10px solid var(--cyan);
}


.note { font-style: italic; font-family: 'robotolight'; font-size: 12px; color: #535b61; line-height: 12px!important; display: block; }
.note a { font-style: italic; font-family: 'robotolight'; font-size: 12px; color: #535b61; line-height: 12px!important; text-decoration: underline; }
.ndbp{font-style: italic; font-family: 'robotolight'; font-size: 12px; color: #535b61; line-height: 12px!important; display: block;}
.ndbp a{font-style: italic; font-family: 'robotolight'; font-size: 12px; color: #535b61; line-height: 12px!important; text-decoration: underline; }


#decouvrir_my_share{
    display: flex;
    flex-direction: row;
}

.decouvrirMyShare{
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    gap: 20px;  
}

.content_encartLightBlue{
display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 40px;
align-self: stretch;
border-radius: 0px 80px 0px 0px;
background: rgba(80, 195, 225, 0.20);  
}

.content_encartLightBlue h4{
    font-family: 'LubalinGraphStd-Medium';  
    width: -webkit-fill-available; /* Pour Chrome, Safari */
    width: -moz-available;         /* Pour Firefox */
    width: fill-available;         /* Standard (en cours de spec) */
    padding: 10px;
}


.titlePicto{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  width: auto; 
  padding: 0px 60px 0 0; 
}
.titlePicto div{
  border-radius: 15px;
  background: var(--white, #FFF);  
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;  
}
.titlePicto div img{
  width: 20px;
  height: 20px;
}

.contentGraph{
  display: flex;
  padding: 0px 60px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.contentGraph img{
    width: 100%;
    height: auto;
}
.contentGraph p, .contentGraph p a{
color: #00349B;
font-family: 'robotoregular';
font-size: 10px;
font-style: italic;
}

.content_encartSouscrire{
    display: flex;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    flex-direction: column;
}

.encartSouscrire_2_2{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.content_encartSouscrire_left{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.ss_title_content_encartSouscrire{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;  
}

.content_encartSouscrire_left ul li, .content_encartSouscrire2 ul li{
    margin-top: 0 !important;  
}

.ss_title_content_encartSouscrire img{
display: flex;
width: 30px;
height: 30px;
padding: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
border-radius: 25px;
background: var(--secondary-colors-00349-b, #00349B);  
}

.content_encartSouscrire_left table td {
  padding: 8px 10px;
  text-align: left;
  border: 0.5px solid var(--secondary-colors-00349-b, #00349B);

}

/* Première cellule (colonne 1) */
.content_encartSouscrire_left table td:first-child{
  border-left: none;
  border-right: none;
}

.content_encartSouscrire_left table td:first-child .offTitle, .content_encartSouscrire_left table td:nth-child(2) .offTitle{
  font-family: "LubalinGraphStd-Demi" !important;
  font-size: 16px !important;
}

/* Deuxième cellule (colonne 2, à masquer mais à styler quand même) */
.content_encartSouscrire_left table td:nth-child(2) {
  border-right: none;
  border-left: none;
  background-color: #50C3E133;
}

.content_encartSouscrire_left table td p{
  font-family: 'robotobold';
  font-size: 14px;
}

.content_encartSouscrire_right{
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
  border-radius: 0px 40px;
  border: 5px solid var(--secondary-colors-00349-b, #00349B);  
}

.content_encartSouscrire_right p strong{
  /* Roboto xnet/Tx 19/bold */
  font-family: 'robotobold';
  font-size: 19px;
  color:#00349B;
  display: block;
}

.content_encartSouscrire2{
display: flex;
align-items: flex-start;
gap: 40px;
align-self: stretch;  
}
.content_encartSouscrire2_left{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 0 0;
align-self: stretch;  
}
.content_encartSouscrire2_right{
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #50C3E133;
    flex-direction: column;
    width: 340px;
    height: fit-content;
    color: var(--dark_blue_2);
}
.content_encartSouscrire2_right ul li, .content_encartSouscrire2_right p{
    color: var(--dark_blue_2);
}

.content_souscrireQlqClicks{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
/* padding: 40px 0px; */
/* border-top: 5px solid var(--secondary-colors-00349-b, #00349B);
border-bottom: 5px solid var(--secondary-colors-00349-b, #00349B);   */
    border-radius: 0px 40px;
    border: 5px solid var(--secondary-colors-00349-b, #00349B);
        padding: 30px;
}
.content_souscrireQlqClicks_ol{
display: flex;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
}
.content_souscrireQlqClicks_ol content li:first-child{
    margin-top: 0px;
}
.content_souscrireQlqClicks .alt_wrapper{
  width: auto;
  margin-top: 0 !important;
}
.content_souscrireQlqClicks .alt_wrapper a{
  margin-bottom: 0 !important;
}
  
.content_souscrireQlqClicks .alt_wrapper a:nth-child(1) {
    background: var(--light_blue);
    display: flex;
    flex-direction: row;
    width: inherit;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px;
    gap: 40px;
    height: auto;
}

.content_souscrireQlqClicks .alt_wrapper a span {
    font-size: 20px;
    color: #ffffff;
    font-family: 'LubalinGraphStd-Demi';
    position: relative;
    top: unset;
    left: unset;
    display: block;
}

.content_souscrireQlqClicks .alt_wrapper a img {
    position: relative;
    bottom: unset;
    right: unset;
    display: flex;
}

.content_calendrierIndic{
display: flex;
padding: 40px;
justify-content: center;
align-items: flex-start;
gap: 40px;
align-self: stretch;
border-radius: 0px 80px 0px 0px;
background: var(--dark_blue_2, #00349B);  
}

.content_calendrierIndic div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  width: 33%;
}

.content_calendrierIndic div img{margin-bottom: 30px;}
.cal_title, .cal_content, .cal_off_content{color: var(--white, #FFF);}
.cal_title{font-size: 18px;text-transform: uppercase;font-family: "LubalinGraphStd-Medium" !important;}
.cal_content{font-size: 16px;font-family: "LubalinGraphStd-Demi" !important;}
.cal_off_content{font-size: 16px;font-family: "robotoregular" !important;}

.content_calendrierIndic .delimiterCal{
background:var(--white);
  width: 1px;
  height: 200px;
}

/*----------------------------------------*/
/*-------------- ASIDE -------------*/
/*----------------------------------------*/

.aside.fixed {
    position: fixed;
    top: 10px;
    width: inherit;
    /* right: 30px; */
    /* Ajoutez d'autres styles ici */
}

.aside.fixed .bg-grey{display: none;}
/*.aside.fixed .alt_wrapper a:nth-child(1){display: none;}*/

/*----------------------------------------*/
/*-------------- LEXIQUE/FAQ -------------*/
/*----------------------------------------*/

/*Lexique*/
#lexique .block{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#lexique{margin-bottom: 30px;}

#faq{margin-bottom: 30px;}

#lexique .sous-titre { display: table; cursor:pointer; padding-right: 50px; background-color: var(--pink);color: var(--white); width:fit-content;}
#lexique .sous-titre ~ p { display: none; }

#lexique .sous-titre:after { content: ''; background: url(../images/fleche_faq.png) no-repeat center; width: 50px; height: 50px; right: 0px; position: absolute; font-size: 18px; margin-right: 0; top: -3px; background-size: 20px; }

#lexique .sous-titre.active:after { transform: rotate(180deg); }

.aside-box-lexique { padding-left: 30px; box-shadow: 5px 5px 10px #000000; }
.aside-box-lexique:after { content: ''; background: url('../images/picto_lexique.png') no-repeat center; background-size: 22px; width: 34px; height: 35px; position: absolute; right: 20px; padding-left: 5px; top: 25px; border-left: 1px solid #ffffff; }

.btn_pdf{
    display: block;
    position: relative;
    margin: 0;
    text-align: left;
    border: 3px solid var(--pink);
    width: max-content;
}
/*FAQ*/
.ajustFaq{
  display: flex;
  flex-direction: column;
  gap: 20px;  
}

.cat_orange p, .cat_rose p, .cat_purple p, .cat_green p, .cat_darkblue_2 p, .cat_lightblue p, .cat_darkblue p{font-size: 22px;font-family: 'LubalinGraphStd-bold' !important;color: var(--white);padding: 5px 50px 5px 10px;}
.cat_orange{background: var(--orange);}
.cat_rose{background: var(--pink);}
.cat_purple{background: var(--purple);}
.cat_green{background: var(--green);}
.cat_darkblue_2{background: var(--dark_blue_2);}
.cat_lightblue{background: var(--light_blue);}
.cat_darkblue{background: var(--dark_blue);}
.titre-categorie{cursor: pointer;}
.titre-categorie::after{
content: '';
background: url(../images/fleche_faq.png) no-repeat center;
display: block;
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 12px;
right: 15px;
top: 13px;
background-size: cover;  
}

.question_orange .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--orange);}
.question_rose .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--pink);}
.question_purple .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--purple);}
.question_green .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--green);}
.question_lightblue .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--light_blue);}
.question_darkblue_2 .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--dark_blue_2);}
.question_darkblue .reponse ul li::marker, .question_orange .reponse ol li::marker{color: var(--dark_blue);}

.question_orange, .question_rose, .question_purple, .question_green, .question_darkblue_2, .question_lightblue, .question_darkblue{font-size: 18px;font-family: 'LubalinGraphStd-demi';color: var(--white);display: none;}
.question_orange h2, .question_rose h2, .question_purple h2, .question_green h2, .question_darkblue_2 h2, .question_lightblue h2, .question_darkblue h2{margin-bottom: 5px;}
.question_orange h2{color: var(--orange);}
.question_rose h2{color: var(--pink);}
.question_purple h2{color: var(--purple);}
.question_green h2{color: var(--green);}
.question_darkblue_2 h2{color: var(--dark_blue_2);}
.question_lightblue h2{color: var(--light_blue);}
.question_darkblue h2{color: var(--dark_blue);}

.reponse{display: none;}


/*----------------------------------------*/
/*-------------- EXPERIENCE --------------*/
/*----------------------------------------*/


.ct-exp div { color: var(--dark_blue); padding: 15px; display: inline-flex; align-content: center; flex-wrap: wrap; vertical-align: text-bottom; }
.ad_cal {vertical-align: middle !important; }
.ct-exp div blockquote, .ct-exp div p  { font-size: 18px; font-family: 'robotobold'; text-align: left; padding: 10px; }
.ct-exp div p  { font-size: 18px; font-family: 'LubalinGraphStd-demi'; text-align: left; color: var(--white);}

/*For animation*/
.ct-exp div { opacity: 0;transition: opacity 1s;}

.queue_de_bd, .queue_de_bd_alt{content:""; position: absolute;top: 100%;}

.queue_de_bd{
border-left: 30px solid transparent;
border-top: 40px solid;
left: 250px;    
}
.queue_de_bd_alt{
border-left: 30px solid transparent;
border-top: 40px solid;
right: 250px;    
}

.ad::after{
content:""; 
border-right:0px !important;
border-top: 0px !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;    
}


/* CONTACT */
#contact{min-height: 350px;}
.contacts{margin-top: 10px;}
.contact, .contact a:-webkit-any-link{color:#000 !important;cursor: pointer;text-decoration: underline;}
.societe-nom { font-weight: bold; margin: 5px 0; }
.contact { margin: 2px 0; }
.hide { display: none; }
.societe-select { margin: 15px 0; }
.societe-select select { padding: 5px; }



.ad{height: 0 !important;padding: 0 !important;align-content: unset !important;}

.plus-exp { font-size: 30px; color: #ffffff; background-color:var(--pink); padding: 10px; text-align: center; cursor: pointer; width: 99%; margin-top: 10px; margin-top: 50px;}


.et-vous form > div:first-of-type { border-right: 1px solid #000000; }
.et-vous form  input[type="submit"] { padding: 5px; background-color: #ffffff; border: 1px solid var(--pink); color: var(--pink); width: 50%; font-family: 'LubalinGraphStd-Demi';cursor: pointer;font-size:19px;}
.et-vous form  input[type="submit"]:hover {transform: scale(1.1);transition: 0.15s;}

#et_vous {
display: block;
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;    
background-color: rgba(255, 255, 255, 0.50);
margin: 30px 0;
}
.et-vous { 
background-color: #efefef;
padding: 10px 50px 40px 50px;
bottom: 0; 
border: 5px solid var(--pink);    
}
.et-vous h1 { margin-bottom: 10px!important; }
#open_et_vous {
font-size: 52px;
position: absolute;
top: -9px;
cursor: pointer;
}

.close_form{
position: absolute;
width: 20px;
right: 20px;
cursor: pointer;
}


/*----------------------------------------*/
/*----------- DOCUMENTATION --------------*/
/*----------------------------------------*/

.container_doc{padding: 50px 0;}

.pg-intern #block_docs a { text-decoration:none; color:#000; }
.pg-intern #block_docs a:after { background: none; }
#block_docs .flip-card img { top: 15px; }
.flip-card {
background-color: transparent;
width: 100%;
height: 160px;
perspective: 1000px;
position: relative;
float: left;
padding: 5px;
}


.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; }
.flip-card:hover .flip-card-front { opacity: 0;transition: opacity 0.5s;  }
.flip-card:hover .flip-card-back { opacity: 1;transition: opacity 0.5s;  }

.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.flip-card-front { background-color: var(--green); }
.flip-card-back { color: white; opacity: 0; background-color: #69a53c7a; }
.flip-card .text-doc { font-size: 18px !important; color: #ffffff; font-family: 'robotobold'; padding: 0px 20px;top: 20px;}
.flip-card .flip-card-back .text-doc{top: 30px;}

.picto_doc_usa_google_meet {
  width:40%;
}

/*----------------------------------------*/
/*--------------- STYLE 21 ---------------*/
/*----------------------------------------*/


body { color: #000000; font-family: 'robotoregular'; }
h1 { font-family: 'LubalinGraphStd-Demi';  font-size: 36px; }
article { padding: 0 60px; }
sup { font-size: 8px;}
a:hover{ opacity: 0.7; }
table { width: 100%; border-collapse: collapse; }
table td { vertical-align: top; border: 1px solid #000000; padding: 5px; text-align: center; width: 16%; font-family: 'robotoregular'; }
button { font-family: 'robotoregular'; }
.pg-intern li { list-style: disc; margin-left: 20px; }
/* .pg-intern li:first-child { margin-top: 15px; } */

.menu-head:hover { opacity: 0.7; }

.ct-index a { font-size: 12px; }


b { font-family: 'LubalinGraphStd-Bold'; }

#mentions_legales b, #cookies b  { font-family: 'robotobold'; }
#mentions_legales{margin-bottom: 40px;}

.fil-ariane { font-size: 16px; line-height: 19px; font-family: 'Arial'; background-color: #f0f0f0; padding: 10px 0 10px 40px; color: #595959; font-size: 12px; border-top: 1px solid #D8D8D8; }
.fil-ariane a { color: #595959; font-size: 12px; }
.aside .picto-aside { position: absolute; bottom: 10px; right: 10px; display: block; }


em { font-size: 1em; font-style: italic; }

nav p { font-size: 16px;  font-family: 'NHaasGroteskTXPro-65Md'; }

.captcha-container table td { border: 0; }
.captcha-container table { width: 20%; }

.error { background-color: #efefef; border: 1px solid #d9d9d9; padding: 10px; }
.error p { color: #DB0812; margin: 0; text-align: center; font-family: 'LubalinGraphStd-Demi'; }

.ct-choice-menu { border: 0; font-size: 12px;  font-family: 'robotoregular'; }
.ct-choice-menu option { border: 0; font-size: 12px;  font-family: 'robotoregular'; }

.menu { width: 33%; padding: 28px 50px 38px 50px; position: absolute; top: 130px; left: 0; z-index: 1; display: none; }
.menu a { color: #ffffff; display: block; padding: 5px 0 5px 10px; border-bottom: 1px solid #ffffff; margin-top: 10px; }
.menu a:first-child { border-top: 1px solid #ffffff; padding-top: 10px; }
.menu a:last-child { background-color: #ffffff;  margin-top: 30px; }


.btn-souscrire, .cta {     font-size: 20px;
  padding: 20px !important;
  z-index: 100;
  color: var(--pink);
  font-family: 'LubalinGraphStd-Demi';
  padding-right: 0;
  width: fit-content;
  display: block; }
/* .btn-souscrire:after, .cta:after { content: ''; background: url('../images/picto_curseur.png') no-repeat center; background-size: 24px; width: 34px; height: 30px; position: absolute; right: 20px; top: 25px; border-left: 1px solid #ffffff; } */

.aside-box-investir { padding-left: 60px; box-shadow: 5px 5px 10px #000000; }
.aside-box-investir:after { content: ''; background: url('../images/picto_home_block1.png') no-repeat center; background-size: 24px; width: 34px; height: 35px; position: absolute; right: 20px; padding-left: 5px; top: 25px; border-left: 1px solid #ffffff; }

.aside-box-faq { padding-left: 30px; box-shadow: 5px 5px 10px #000000; }
.aside-box-faq:after { content: ''; background: url('../images/picto_faq.png') no-repeat center; background-size: 30px; width: 34px; height: 35px; position: absolute; right: 20px; padding-left: 5px; top: 25px; border-left: 1px solid #ffffff; }


.aside .cta { padding: 30px; padding-left: 30px; padding-right: 60px; }
.aside .cta:after { top: 25px;}







.aside .aside-box { display: block; margin-top: 20px; border-radius: 60px 60px; box-shadow: 5px 5px 10px #000000; padding: 39.5px 30px; }
.aside .aside-box span { font-size: 18px; color: #ffffff; font-family: 'LubalinGraphStd-Demi'; position: absolute; width: 100%; display: block; }
.aside .aside-box:nth-of-type(1) { background-color: var(--orange); border-radius: 60px 60px; max-width: 400px; margin: auto; margin-top: 20px; display: flex;
  align-items: center; align-content: center; }
.cta-sim { background-color: var(--orange); border-radius: 60px 60px; padding: 15px; padding-left: 30px; text-align: left; box-shadow: 5px 5px 10px #000000; }

.cta-sim:after { content: ''; background: url('../images/picto_home_block3.png') no-repeat center; background-size: 24px; width: 34px; height: 30px; position: absolute; right: 20px; top: 20px; border-left: 1px solid #ffffff; }

.aside .aside-box:nth-of-type(1) span { text-align: left; padding-right: 83px; }
.aside .aside-box:nth-of-type(2) { background-color: #D35097;  }

.aside-last { height: 150px; }
.titre-aside { font-family: 'LubalinGraphStd-Demi'; background: linear-gradient(to right, #265AA6, #35BBD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; top: 10px; left: 10px; font-size: 26px; }




/*
.block-left > div { background: linear-gradient(to right, #265AA6, #35BBD7); padding: 5px 50px 40px 50px; }
.block-left > div p { color: #ffffff; }
*/
.block-left > div h2 { color: #ffffff; font-family: 'LubalinGraphStd-Medium'; }
.block-left > div h2:after { content: ''; background: url('../images/picto_a_noter.png') no-repeat center; background-size: 51px; width: 51px; height: 53px; position: absolute;  top: 0; margin-left: 20px; }

.block-left-2 > div { border-left: 2px solid #009FE3; height: 45px; left: 20px; margin-bottom: 10px; }
.block-left-2 p { margin-top: 0; }
.block-right-last { background-color: #F1F9FC; padding: 72px 52px; }
.block-right-last p {  }
.block-right-last h2 {  font-size: 38px; font-family: 'LubalinGraphStd-Medium'; line-height: 30px; }
.block-right-last h2:after { content: ''; background: url('../images/picto_loupe.png') no-repeat center; background-size: 46px; width: 46px; height: 53px; position: absolute;  top: 40px; margin-left: 45px; }

#home { padding: 0 25px !important; }
#home h2 { font-family: 'LubalinGraphStd-Demi'; background: linear-gradient(to right, #265AA6, #35BBD7); -webkit-background-clip: text; margin-bottom: 20px; }
.savoir a { color: #ffffff; font-family: 'NHaasGroteskTXPro-65Md'; background-color: #35BBD7; padding: 5px; }



.pg-intern p { font-family: 'robotoregular'; }
.pg-intern li { font-family: 'robotoregular'; }

.pg-intern h1 {  font-size: 26px; font-family: 'LubalinGraphStd-Book'; margin: 20px 0 36px 0; }



.celendrier > div > div { min-height: 160px; border-left: 1px solid #35BBD7; margin-bottom: 20px; }
.celendrier > div > div:first-child { border: 0; }
.celendrier h2 {  font-family: 'LubalinGraphStd-Medium'; font-size: 36px; }
.celendrier p strong {  font-family: 'LubalinGraphStd-Bold'; font-size: 21px; display: inline-block; margin-bottom: 8px; }
.celendrier p {  font-family: 'LubalinGraphStd-Book'; font-size: 12px; line-height: 16px; }

.img-cal { height: 55px; }

.bg-graph { padding: 30px; }
.bg-graph h2 { font-family: 'LubalinGraphStd-Medium'; font-size: 32px; margin-bottom: 20px;  }
.list-graph, .list-graph strong { font-family: 'NHaasGroteskTXPro-55Rg'; font-size: 18px; }
.list-graph li { list-style: none; }
.bg-graph li, .bg-graph li strong { font-size: 16px; }
.list-graph li:nth-child(1):before { content: ''; width: 14px; height: 14px; margin-right: 10px; }
.list-graph li:nth-child(2):before { content: ''; width: 14px; height: 14px; background-color: #CBD000; display: inline-block; margin-right: 10px; }
.list-graph li:nth-child(3):before { content: ''; width: 14px; height: 14px; background-color: #D35097; display: inline-block; margin-right: 10px; }

.quote::before { content:''; background: url('../images/quote_b_o.png') no-repeat center; display: block; width: 60px; height: 60px; position: absolute; left: -12%; top: -30px; background-size: 56px; }
.quote::after { content:''; background: url('../images/quote_b_c.png') no-repeat center; display: block; width: 60px; height: 60px; position: absolute; right: 10px; bottom: 0px; background-size: 56px; }
.quote { font-family: 'LubalinGraphStd-Medium'; font-weight: normal; font-size: 21px; left: 12%; width: 85%; top: 30px; text-align: left!important; }
.quote strong { font-family: 'LubalinGraphStd-Bold'; font-weight: normal; font-size: 24px; }

.footer-invest-img img { left: -166px; bottom: -45px; }


.container-flip {
  perspective: 800px;
}

.card{
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    cursor: pointer;
    background: #fff;
}



.card > div {
    backface-visibility: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back { transform: rotateY(180deg); width: 100%; padding: 10px 0; background-color: #ffffff; position: absolute; top: 0; min-height: 100%; }
.back p { padding: 20px;  text-align: center; font-family: 'LubalinGraphStd-Demi'; font-size: 13px; margin: 0; }
.back p { padding: 20px;  text-align: center; font-family: 'robotoregular'; font-size: 16px; margin: 0; }

.card.flipped { transform: rotateY(180deg); }

.footer-links p { font-size: 12px; font-family: 'NHaasGroteskTXPro-65Md'; color: #003063; display: block; margin: 5px 0; }
.footer-links p a { display: inline-block!important; }

input[type="number"] { width: 100px; text-align: right; }





#investir_grp .sous-titre { display: table; cursor:pointer; padding-right: 50px; }
#investir_grp .sous-titre ~ p { display: none; }
#investir_grp .sous-titre ~ ul { display: none; }

#investir_grp .sous-titre:after { content: ''; background: url(../images/fleche_faq.png) no-repeat center; width: 50px; height: 20px; right: 0px; position: absolute; font-size: 18px; margin-right: 0; background-size: 20px; bottom: 2px; }

#investir_grp .sous-titre.active:after { transform: rotate(180deg); }

.picto-index:before { content: ''; background: url(../images/index-left.png) no-repeat center; background-size: 16px; width: 16px; height: 30px; display: inline-block; margin-right: 10px; top: 10px; position: relative; }

.slide {
  display: none;
}

.disclaimer-usa { position: absolute; bottom: 0; width: 100%; background-color: #efefef80; padding: 20px; }
.disclaimer-usa p {  font-family: 'LubalinGraphStd-Bold'; }
.disclaimer-usa a { font-family: 'LubalinGraphStd-Bold'; text-decoration: underline; }

.aside .cta {
    max-width: 400px;
    margin: auto;
}

.aside .margin-top-20 a{
  margin-bottom: 20px;
}


/*----------------------------------------*/
/*--------------- COULEURS ---------------*/
/*----------------------------------------*/

:root{
    --blue:#375F9B;
    --dark_blue:#003264;
    --dark_blue_2:#00349B;
    --light_blue:#50C3E1;
    --cyan:#50C3E1;
    --red:#D7001E;
    --yellow:#B9BE0F;
    --purple:#645F9B;
    --orange:#F58C2D;
    --pink:#C8559B;
    --green:#69A53C;
    --lemon:#C8D400;
    --grey:#EBEBEB;
    --dark_grey:#96A5AF;
    --white:#FFFFFF;
    --black:#000000;
}

.bg_blue{background-color: var(--blue);}
.bg_dark_blue{background-color: var(--dark_blue);}
.bg_dark_blue_2{background-color: var(--dark_blue_2);}
.bg_light_blue{background-color: var(--light_blue);}
.bg_cyan{background-color: var(--cyan);}
.bg_red{background-color: var(--red);}
.bg_yellow{background-color: var(--yellow);}
.bg_purple{background-color: var(--purple);}
.bg_orange{background-color: var(--orange);}
.bg_pink{background-color: var(--pink);}
.bg_green{background-color: var(--green);}
.bg_lemon{background-color: var(--lemon);}
.bg_grey{background-color: var(--grey);}
.bg_dark_grey{background-color: var(--dark_grey);}
.bg_white{background-color: var(--white);}
.bg_black{background-color: var(--black);}

.blue{color: var(--blue);}
.dark_blue{color: var(--dark_blue);}
.dark_blue_2{color: var(--dark_blue_2);}
.light_blue{color: var(--light_blue);}
.cyan{color: var(--cyan);}
.red{color: var(--red);}
.yellow{color: var(--yellow);}
.purple{color: var(--purple);}
.orange{color: var(--orange);}
.pink{color: var(--pink);}
.green{color: var(--green);}
.lemon{color: var(--lemon);}
.grey{color: var(--grey);}
.dark_grey{color: var(--dark_grey);}
.white{color: var(--white);}
.black{color: var(--black);}

.blue p{color: var(--blue);}
.dark_blue p{color: var(--dark_blue);}
.light_blue p{color: var(--light_blue);}
.cyan p{color: var(--cyan);}
.red p{color: var(--red);}
.yellow p{color: var(--yellow);}
.purple p{color: var(--purple);}
.orange p{color: var(--orange);}
.pink p{color: var(--pink);}
.green p{color: var(--green);}
.lemon p{color: var(--lemon);}
.grey p{color: var(--grey);}
.dark_grey p{color: var(--dark_grey);}
.white p{color: var(--white);}
.black p{color: var(--black);}