/*----------------------------------------*/
/*---------------- 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');}


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

body { font-size: 19px; font-family: 'robotoregular', 'Arial', sans-serif; }
p,li,td,label { font-size: 19px; line-height: 21px; 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;;}
em, em span{font-style: italic !important;}
.picto_txt{position: absolute;}

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{color:var(--blue);text-decoration: underline;}

.res_only{display: none;}

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

#index{ background: url('../images/index.jpg') no-repeat center; background-size: 100%; min-height: 900px; }
#ct_index{position: absolute;top: 450px;display: block;right: 5%;}

#choose_country{background-color: var(--white);width: 300px;color: var(--blue);line-height: 20px;}
#choose_country img{top: 3px;left: 200px;}
.choose_country_txt {color: var(--white);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;    
}
#country a { font-size: 16px; color: var(--blue); display: block; font-weight: bold;}

.index_ndpb{
position: absolute;
bottom: 100px;
padding: 0 100px;
font-size: 12px;    
color: var(--blue);    
text-align: center;
}

.index_ndpb a{
font-size: 12px;    
color: var(--blue);    
font-weight: bold;
text-decoration: underline;
}


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

.footer-exp{
  background: url('../images/fond_footer.png') no-repeat center; height: 357px; width: 1320px;
}
.ct-footer-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ct-footer-slide p {
  font-size: 30px;
  color: var(--blue);
  line-height: 30px;
  width: 80%;
    font-family: 'LubalinGraphStd-Demi';
}
.ct-footer-slide p::before, .ct-footer-slide p::after {
content: '';
height: 50px;
width: 30px;
display: block;
position: absolute;
}
.ct-footer-slide p::before {background: url('../images/quote_b_o.png') no-repeat center;background-size: 100%;left: -40px;top: -15px;}
.ct-footer-slide p::after {background: url('../images/quote_b_c.png') no-repeat center;background-size: 100%;right: 25px;
top: 150px;}

footer{
left: 50%;
margin-top: unset;
padding: 10px 0;
z-index: 5;
width: fit-content;    
}
.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: 16px;}

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

#logo{position: absolute;top: 10px;right: 5%;}

#header_menu nav ul { display: none; 
background-color: var(--cyan);
width: 400px;
position: absolute;
padding-top: 100px;
top: -30px;  
padding: 100px 30px 30px 30px;    
}
#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';}

.menu-site:hover{background-color: var(--white);}
.menu-site:hover a{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:hover strong{color: var(--blue) !important;}

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

#ct_country{display: none;}

header > nav{max-width: 1320px;width: 100%;top: 0;z-index: 100;margin-left: 20px;}
.menu-alt-res{display: none;}
.menu-site-res-only{display: none;}
   
.menu_accroche{
position: absolute;
display: block;
top: 17px;
left: 130px;
font-size: 18px;
font-family: 'NHaasGroteskTXPro-65Md';
}

.banniere-block{height: 470px;}

#ban1{
text-align: right;
position: absolute;
top: 250px;
right: 60px;
width: 38%;
font-family: 'LubalinGraphStd-Demi' !important;
color: var(--blue);
font-size: 42px;
line-height: 35px;
}

#ban1 span{
position: absolute;
top: 90px;
font-size: 23px;
line-height: 22px;
left: 0 !important;
font-family: 'robotobold';
right: 0px;
}

#ban2{
text-align: right;
position: absolute;
top: 220px;
right: 60px;
width: 38%;
font-family: 'LubalinGraphStd-Demi' !important;
color: var(--blue);
font-size: 38px;
line-height: 45px;
}

#ban2 strong{
font-family: 'robotobold';
color: var(--orange);
background-color: #FFF;
padding: 10px;
top: 10px;
font-size: 38px;    
}

#ban3{
text-align: right;
position: absolute;
top: 240px;
right: 60px;
width: 38%;
font-family: 'LubalinGraphStd-Demi' !important;
color: var(--blue);
font-size: 38px;
line-height: 35px;
}

#ban3 strong{
font-family: 'LubalinGraphStd-bold' !important;
color: var(--blue);
padding: 10px;
top: 10px;
font-size: 75px;  
    line-height: 60px;
}

#ban1.ban1_int{font-size: 32px;}
#ban2.ban2_int{font-size: 32px;}
#ban3.ban3_int{font-size: 32px;}

#ban1.ban1_int span{font-size: 23px;}
#ban2.ban2_int strong{font-size: 32px;}
#ban3.ban3_int strong{font-size: 32px;}


.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%;
    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 ----------------*/
/*----------------------------------------*/

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

.titre-video-alt{
font-size: 22px;
margin-top: 0;
padding: 15px 0px 15px 20px;
line-height: 22px;
margin-bottom: 5px;    
}
.titre-video-alt strong{font-family: 'LubalinGraphStd-Demi' !important;left: -10px;}

.wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 1em; }
.wrapper a span { font-size: 22px; color: #ffffff; font-family: 'LubalinGraphStd-Demi'; position: absolute; top: 20px; left: 15px; display: block; }
.wrapper a img { position: absolute; bottom: 20px; right: 20px; display: block; }
.wrapper a { 
height: 150px;
display: block;
margin: 5px 10px;
}
.wrapper a:nth-child(1) { background-color: var(--cyan); }
.wrapper a:nth-child(2) { background-color: var(--blue); }
.wrapper a:nth-child(3) { background-color: var(--green); }
.wrapper a:nth-child(4) { background-color: var(--orange); }
.wrapper a:nth-child(5) { background-color: var(--pink); }
.wrapper a:nth-child(6) { background-color: var(--dark_blue); }

.alt_wrapper { display: block;}
.alt_wrapper a span { font-size: 22px; color: #ffffff; font-family: 'LubalinGraphStd-Demi'; position: absolute; top: 10px; left: 10px; display: block; }
.alt_wrapper a:nth-child(2) span { color: var(--blue); }
.alt_wrapper a img { position: absolute; bottom: 20px; right: 20px; display: block; }
.alt_wrapper a { height: 165px; display: block; }
.alt_wrapper a:nth-child(1) { background-color: var(--purple); margin-bottom: 10px;}
.alt_wrapper a:nth-child(2) { background-color: var(--lemon); }

.catchphrase{
font-size: 24px;
text-align: center;
font-family: 'LubalinGraphStd-Demi' !important;
width: 100%;
display: block;
position: relative;
top: -20px; 
height: 36.25px;    
    background-color: var(--blue);
}

.delimitation{
display: block;
height: 15px;
border-bottom: 1px solid var(--dark_blue);
margin-top: 10px;
margin-bottom: 30px;    
}

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

#fil_ariane{display: none;}

.titre-page { 
font-family: 'LubalinGraphStd-book'; 
margin-bottom: 20px;
font-size: 40px;    
}
.titre-cat, .titre-cat strong { 
font-family: 'LubalinGraphStd-Demi'; 
margin-bottom: 20px;
font-size: 36px;
}
.sous-titre, .titre-graph  { font-size: 18px; font-family: 'LubalinGraphStd-Demi'; padding: 5px 3px; display: inline-block; margin-top: 30px; text-transform: uppercase; }

.sous-titre-dms{color: var(--white); background-color: var(--blue);}
.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';    
}

.table-ca tr:last-child{

}

.border-ca{
 
}

.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: 25px;}

.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: #96A5AF; line-height: 12px!important; display: block; }
.note a { font-style: italic; font-family: 'robotolight'; font-size: 12px; color: #96A5AF; line-height: 12px!important; text-decoration: underline; }




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

.aside.fixed {
    position: fixed;
    top: 10px;
    width: 380px;
    /* 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 .sous-titre { display: table; cursor:pointer; padding-right: 50px; background-color: var(--orange);color: var(--white);}
#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: -11px; 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; }

/*FAQ*/
#faq h2.question{background-color: var(--green); color: var(--white);}
#faq h2.question span{font-size: 18px; }

li ul li ul li{margin-top:0 !important;}

.faq_q_4 blockquote table{
width: 95%;
left: 5%;
}
.faq_q_4 blockquote table:before{
content: '';
background: url('../images/new.png') no-repeat center;
  background-size: auto;
background-size: auto;
background-size: auto;
background-size: 55px;
width: 45px;
height: 50px;
display: inline-block !important;
margin-right: 10px;
top: -15px;
position: absolute;
left: -60px;
}

.btn_pdf{
display: block;
position: relative;
margin: 0 auto;
text-align: center;
}

/*----------------------------------------*/
/*-------------- 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;    
}

#entite{position: relative;display: block;height: 30px;padding: 0 20px;}
.result-contact { width: 100%; display: block; background-color: var(--blue); padding: 20px; vertical-align: top; }
.result-contact p { margin-top: 0; color: #ffffff; }
.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(--blue); }
.flip-card-back { color: white; opacity: 0; background-color: var(--cyan); }
.flip-card .text-doc { font-size: 19px; 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: 20px; }
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: 40px; }
.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'; }

.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; }
#index {
background-size: 100%;
width: 1320px;
height: auto;
}
#index h1 { font-family: 'LubalinGraphStd-ExtraLight'; font-size: 110px; font-weight: normal; color: #ffffff; line-height: 80px; top: 250px; right: 20px; position: absolute;}
#index h1:after { content: ''; background: url('../images/signature_index.png') no-repeat center; display: block; width: 265px; height: 39px; right: 20px; top: 10px; position: absolute; margin-top: 180px; }
#index h1 .bold { font-family: 'LubalinGraphStd-Bold'; font-size: 87px; }
#index h1 .mega-fresh { font-family: 'mega_freshregular'; font-size: 87px; }
#index select { font-family: 'NHaasGroteskTXPro-65Md'; right: 20px; font-weight: normal; top: 410px; font-size: 14px; width: 234px; border: 2px solid #000000; box-shadow: inset 0px 2px 4px 0px #696767; color: #000000; position: absolute; margin-top: 100px; }
#index select option { font-family: 'NHaasGroteskTXPro-65Md'; font-weight: normal; font-size: 14px; color: #000000; }

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%; background- 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: 30px 0px; padding-left: 60px; z-index: 100; color :#ffffff; font-family: 'LubalinGraphStd-Demi'; padding-right: 40px; }
.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 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; background- display: inline-block; 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; }

.reponse{ /*display: none;*/ }
h2.question { font-size: 18px; font-family: 'LubalinGraphStd-Demi'; color: #ffffff; background- padding: 1.5px 3px; display: inline-block; margin-top: 30px; text-transform: uppercase; padding-right: 50px;}

h2.question: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: -11px; background-size: 20px; }

h2.question.active:after { transform: rotate(180deg); }

h2.question span { text-transform: initial; font-size: 18px; }

.question-saviez { position: absolute; bottom: 0px; background- width: 100%; }
.question-saviez p{ font-size: 18px; color: #ffffff; padding: 1.5px 3px; font-family: 'LubalinGraphStd-Demi'; }

.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 {
  /* text-align: center; */
}


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

:root{
    --blue:#375F9B;
    --dark_blue:#003264;
    --light_blue:#4696CD;
    --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_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);}
.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);}