/*---------------------------------- PAGE ACCUEIL ------------------------------------------------*/
:root {
  --color1: #90B8CB;	/* blue */
  --color1_10: rgba(144,184,203,0.1);
  --color1_50: rgba(144,184,203,0.5);
  --color1_75: rgba(144,184,203,0.75);
  --color2: var(--color_black);
  --color2_10: var(--color_black_10);
  --color2_25: var(--color_black_25);
  --color2_50: var(--color_black_50);
  --color2_75: var(--color_black_75);
  --color3: #ffc038;	/* yellow */
  --color3_10: rgba(255,204,3,0.1);
  --color3_25: rgba(255,204,3,0.25);
  --color3_50: rgba(255,204,3,0.5);
  --color3_75: rgba(255,204,3,0.75);
  --color4: var(--color_black);
  --color4_10: var(--color_black_10);
  --color4_25: var(--color_black_25);
  --color4_50: var(--color_black_50);
  --color4_75: var(--color_black_75);
  --color5: var(--color3);
  --color5_10: var(--color3_10);
  --color5_25: var(--color3_25);
  --color5_50: var(--color3_50);
  --color5_75: var(--color3_75);
  --color6: var(--color3);
  --color6_10: var(--color3_10);
  --color6_25: var(--color3_25);
  --color6_50: var(--color3_50);
  --color6_75: var(--color3_75);
  --color7: var(--color3);
  --color7_10: var(--color3_10);
  --color7_25: var(--color3_25);
  --color7_50: var(--color3_50);
  --color7_75: var(--color3_75);
  --color_white: #FFFFFF;	/* white */
  --color_white_10: rgba(255,255,255,0.1);
  --color_white_25: rgba(255,255,255,0.25);
  --color_white_50: rgba(255,255,255,0.5);
  --color_white_75: rgba(255,255,255,0.75);
  --color_black: #000000;	/* black */
  --color_black_10: rgba(0,0,0,0.1);
  --color_black_15: rgba(0,0,0,0.15);
  --color_black_20: rgba(0,0,0,0.2);
  --color_black_25: rgba(0,0,0,0.25);
  --color_black_50: rgba(0,0,0,0.5);
  --color_black_75: rgba(0,0,0,0.75);
  --color_body: #666;	/* gray */
  --color_body_25: rgba(102,102,102,0.25);
  --color_body_50: rgba(102,102,102,0.50);
}



/*------------------------------------------------------
/ GENERIC
/------------------------------------------------------*/
body.page.et-tb-has-template.c-page .u-fullw div.et_pb_row { width: 88% !important;  max-width: 100%;}
body, body.et_cover_background {position:relative; background-color: var(--color1); background: var(--color1_75); background-image: url(/wp-content/uploads/assets/bg/cartographer_300px_50.png); background-size: auto !important;  background-repeat: repeat !important;}
.et_pb_section { padding: 25px 0; }
h2 {font-weight: 800; text-transform: uppercase; font-size:40px; margin-bottom:20px; position:relative;}
h2 em {position: absolute; width: 100%;  top: -32px; left: 5px; font-size: 0.6em; font-style: normal; opacity: 0.8; }
h3 {line-height: 1.2;}

blockquote { border-color: var(--color6);}

.u-m0 {margin:0;}
.u-mb {margin-bottom: 3%;}
.u-mtb {margin-top: 3%; margin-bottom: 3%;}
.u-p0 {padding:0;}
.u-pb0 {padding-bottom:0;}
.u-pt0 {padding-top:0;}
.u-p20 {padding:20px;}
.u-text-center {text-align: center;}
.u-bg--none {background: none !important;}
.u-bg--white {background: var(--color_white);}
.u-bg--black {background: var(--color_black); color: var(--color_white);}
.u-bg--black_75 {background: var(--color_black_75); color: var(--color_white);} 
.u-bg--color1 {background: var(--color1) !important;}
.u-bg--color2 {background: var(--color2) !important;} 
.u-bg--color3 {background: var(--color3) !important; color: var(--color_black);} 
.u-bg--color3_75 {background: var(--color3_75) !important; color: var(--color_black);} 
.u-bg--color4 {background: var(--color4) !important;} 
.u-bg--color5 {background: var(--color5) !important; color: var(--color_black);} 
.u-bg--color6 {background: var(--color6) !important; color: var(--color_black);} 
.u-bg--white {background: var(--color_white) !important;}
.u-bg--img1 {background-image: url(/wp-content/uploads/assets/bg/concrete-wall.png); background-size: auto; background-attachment: fixed;}


.u-bradius--1 {border-radius: 8px;}
.u-bradius--2 {border-radius: 50px 5px;}

.u-p--color1 p, .u-p--color1 li {color: var(--color1);}
.u-p--color2 p, .u-p--color2 li {color: var(--color2);} 
.u-p--color3 p, .u-p--color3 li {color: var(--color3);} 
.u-p--color4 p, .u-p--color4 li {color: var(--color4);} 
.u-p--color5 p, .u-p--color5 li {color: var(--color5);} 
.u-p--color6 p, .u-p--color6 li {color: var(--color6);}

.u-header--bg h2 { background: var(--color2); color: var(--color_white); padding: 10px 20px; width: fit-content;}

.u-header--bg .u-bg--color1, .u-header--bg .u-bg--color2, .u-header--bg .u-bg--color4 {color: var(--color_white); padding: 0 15px;}
.u-header--bg .u-bg--color3, .u-header--bg .u-bg--color5, .u-header--bg .u-bg--color6, .u-header--bg .u-bg--color7 {color: var(--color_black); padding: 0 15px;}
.u-header--bg h2 em {color: var(--color2); }
.u-header--bg.u-text-center .et_pb_text_inner { text-align: center;}
.u-header--bg.u-text-center h2 { margin: 0 auto 20px;}
.u-p--subheader {font-size: 1.2em; margin-top: 10px; line-height: 1.8em}

.u-h3--style2 h3 {font-size:25px; line-height: 1.5; text-transform:none; text-align:center; color:var(--color_black); padding: 30px 20px; margin: 0 -20px 15px; border-radius: 50px 5px 0 0;}
.u-h3--style2 h3 span {color: var(--color3); background: var(--color_black_50); text-decoration: none !important; text-transform: uppercase; font-weight: 600; font-size: 1.2em; line-height: 1; letter-spacing: 4px; min-width: 100%; display: inline-block; border-radius: 10px 2px 10px 2px;}

.u-bg--black .u-h3--style2 h3, .u-bg--black_75 .u-h3--style2 h3 {color:var(--color_white);}
.u-bg--black .u-h3--style2 h3 span, .u-bg--black_75 .u-h3--style2 h3 span { color: var(--color_black); background:var(--color3);}
.u-bg--color3 .u-h3--style2 h3, .u-bg--color3_75 .u-h3--style2 h3 {}
.u-bg--color3 .u-h3--style2 h3 span, .u-bg--color3_75 .u-h3--style2 h3 span { background: var(--color_black);}


/*.u-bg--shift:after { content: ''; width: 3%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; background-color: var(--color_white);}
.u-bg--shift {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}*/
.u-bg--shift { margin-right: 3%; padding-left: 3%;}
.u-bg--shift:after {background-color: var(--color1);}

.u-img-1-1 .et_pb_image_wrap {padding-top: 100%; display: block;}
.u-img-1-1 img {position: absolute; height: 100%; width: 100% !important; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}

.c-scrollto a {  position:relative;  width: 24px;  height: 40px;  border: 2px solid var(--color_white);  border-radius: 20px;  display: inline-block;}
.c-scrollto a span {  position: absolute;  top: 8px;  left: 50%;  width: 4px;  height: 8px;  background: var(--color_white);  border-radius: 2px;  transform: translateX(-50%);  animation: a-scrollto 1.8s infinite;}

span.c-date-time {
 position: relative;
 background: var(--color4_75);
 border: 1px solid var(--color4_75);
 min-width: 120px;
 display: inline-block;
 line-height: 1.4;
 padding-left: 5px;
 text-transform: uppercase;
}

span.c-date-time em {
 position: absolute;
 left: 0;
 top: -18px;
 color: var(--color_body);
 color: var(--color4);
 font-size: 0.8em;
 width: 100%;
 font-style: normal;
 text-transform: none;
}

.u-style1 h3 span { background: var(--color1); color: var(--color_white); padding: 0 15px; text-decoration: none !important;}
.u-style1 h4 { color: var(--color1); font-weight: 600;}
.u-style1 p>span, .u-style1 li>span {color: var(--color1); text-decoration: none !important; font-weight: 600; text-transform: uppercase; }
.u-style1 li:before {color: var(--color1);}

.u-style4 h3 span { background: var(--color4); color: var(--color_white); padding: 0 15px; text-decoration: none !important;}
.u-style4 h4 { color: var(--color4); text-transform: uppercase;}
.u-style4 p>span, .u-style4 li>span {color: var(--color4); text-decoration: none !important; font-weight: 600; text-transform: uppercase; }
.u-style4 li:before {color: var(--color4);}

.u-style5 h3 span { background: var(--color5); color: var(--color_white); padding: 0 15px; text-decoration: none !important;}
.u-style5 h4 { color: var(--color5); font-weight: 600;}
.u-style5 p>span, .u-style5 li>span {color: var(--color5); text-decoration: none !important; font-weight: 600; text-transform: uppercase; }
.u-style5 li:before {color: var(--color5);}

.u-style6 h3 span { background: var(--color6); color: var(--color_black_75); padding: 0 15px; text-decoration: none !important;}
.u-style6 h4 { color: var(--color6); font-weight: 600;}
.u-style6 p>span, .u-style6 li>span {color: var(--color6); text-decoration: none !important; font-weight: 600; text-transform: uppercase; background: var(--color_black_50); padding: 0 2px;}
.u-style6 li:before {color: var(--color6);}

.u-style7 h3 span { background: var(--color7); color: var(--color_black_75); padding: 0 15px; text-decoration: none !important;}
.u-style7 h4 { color: var(--color7); font-weight: 600;}
.u-style7 p>span, .u-style7 li>span {color: var(--color_black_75); text-decoration: none !important; font-weight: 600; text-transform: uppercase; background: none; padding: 0; border-bottom: 2px solid var(--color7);}
.u-style7 li:before {color: var(--color_black_75);}


.c-btn__a {display: inline-block;  padding: 5px 10px; border: 2px solid var(--color6); color: var(--color2); transition: all 300ms ease 0ms; position: relative; border-radius: 10px;}
.c-btn__a:hover {background-color: var(--color6_25);}
.c-btn__a--bg {font-weight:normal; background-color: var(--color7); font-weight: 600; text-transform: uppercase;}
.c-btn__a--bg:hover {background-color: var(--color6);}
.c-btn__a:after {font-family: ETmodules !important; font-size: 1.2em; line-height: 1em; content: "\35";}
.c-btn__a--ext:after {font-family: FontAwesome !important; font-size: 12px; font-weight: 600; content: "\f08e"; content: ""; margin-left: 5px;}


.u-bg--black .c-btn__a:not(.c-btn__a--bg), .u-bg--black_75 .c-btn__a:not(.c-btn__a--bg) {color: var(--color_white);}
.u-bg--color3 .c-btn__a--bg, .u-bg--color3_75 .c-btn__a--bg {background: var(--color_black); color:var(--color7);}
.u-bg--color3 .c-btn__a--bg:hover, .u-bg--color3_75 .c-btn__a--bg:hover {background: var(--color_black_75);}
.u-bg--color3 .c-btn__a:not(.c-btn__a--bg), .u-bg--color3_75 .c-btn__a:not(.c-btn__a--bg) {border-color: var(--color_black);}
.u-bg--color3 .c-btn__a:not(.c-btn__a--bg):hover, .u-bg--color3_75 .c-btn__a:not(.c-btn__a--bg):hover {border-color: var(--color_black_75);}


.c-btn .et_pb_text_inner { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 20px;}
.c-btn.c-btn--left .et_pb_text_inner {justify-content: left;}
.c-btn .et_pb_text_inner p { padding-bottom: 0 !important;}
.c-btn .c-btn__a {/*width: 100% !important;*/}

.c-btn.c-btn--sticky.et_pb_sticky--top .et_pb_text_inner {background: var(--color_black_75); padding: 10px; margin-top: 10px; border-radius: 8px;}


.entry-content p a:not(.c-btn__a), 
.entry-content li a:not(.c-btn__a), 
.entry-content td a:not(.c-btn__a) { color: var(--color4); position: relative; text-decoration: dotted; text-decoration-line: underline !important; text-decoration-color: var(--color4);}

.entry-content p a:not(.c-btn__a):not(:has(img))::after, 
.entry-content li a:not(.c-btn__a):not(:has(img))::after, 
.entry-content td a:not(.c-btn__a):not(:has(img))::after {  content: "";  position: absolute;  left: 0;  bottom: 2px;  width: 0;  height: 1px;  background: var(--color4);  z-index: -1;  transition: width 0.3s ease;}

.entry-content p a:not(.c-btn__a):not(:has(img)):hover::after, 
.entry-content li a:not(.c-btn__a):not(:has(img)):hover::after, 
.entry-content td a:not(.c-btn__a):not(:has(img)):hover::after {  width: 100%;}


/*.entry-content p a:not(.c-btn__a):after, .entry-content li a:not(.c-btn__a):after { content: ""; width: 100%; height: 3px; background: var(--color2_10);
 position: absolute; left: 0;   bottom: 2px; transition: background 0.4s ease}
.entry-content p a:not(.c-btn__a):after:hover, .entry-content li a:not(.c-btn__a):after:hover {background: var(--color2_50);}
.entry-content p a:not(.c-btn__a):hover:after, .entry-content li a:not(.c-btn__a):hover:after {background: var(--color2_50);}*/


.u-toggle { background: none; border: none; text-align: center; padding: 20px 0;}
.u-toggle h5 { color: var(--color_white) !important; display: inline-block; font-size: 25px; border: 2px solid var(--color_white_10); padding: 5px 50px 5px 20px !important; margin-bottom: 10px;}
.u-toggle .et_pb_toggle_content { background: var(--color_white); text-align: left; padding: 20px; background-image: url(/wp-content/uploads/assets/bg/concrete-wall.png); }

.u-toggle h5:before {position: absolute; top: 50%; right: 10px !important; transform: translate(0, -50%) !important; margin-top: 0; font: normal normal normal 14px / 1 FontAwesome !important; content: "\f055" !important; color: var(--color_white_75); font-size: 18px !important;
}
.u-toggle.et_pb_toggle_open h5:before {content: "\f056" !important;}

@media (max-width:1279px){
 
}

@media (max-width:981px){
 
 body.page.et-tb-has-template.c-page div.et_pb_row, body.page.et-tb-has-template.c-page .u-fullw div.et_pb_row  { width: 96% !important;  max-width: 100%;}
 .et_pb_section { padding: 25px 0; }
 h2 {font-size: 30px;}
 
 
}

@media (max-width:768px){
	.u-mb {margin-bottom: 50px;}
	.u-mtb {margin-top: 50px; margin-bottom: 50px;}
 .u-p--subheader {font-size: 1.1em; line-height: 1.56em;}
 .u-bg--shift {margin-right: 2%; padding-left: 2%;}
	.c-btn .et_pb_text_inner {gap:10px;}
}

@media (max-width:479px){
 
}


/*------------------------------------------------------
/ HEADER
/------------------------------------------------------*/
.o-header.et_pb_section {position: absolute; position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding-top: 0; padding-bottom: 0; background-color: rgba(255, 255, 255, 0) !important; /* backdrop-filter: blur(10px);*/ transition: transform 0.3s ease, top 0.3s ease; }
.o-header.js-scrollhide {transform: translateY(-100%);}
.o-header.js-scrollshow {transform: translateY(0); background-color: var(--color2_75) !important}
.o-header .et_pb_row { width: 90%; max-width: 90%; padding: 15px 0;}
.o-header .et_pb_menu .et_pb_menu__wrap {justify-content: end;}
.o-header .et_pb_menu__menu { display: none;}
.o-header .et_mobile_nav_menu { display: flex;}

.o-header .mobile_nav .mobile_menu_bar:before {color:white !important; display: inline-block; transition: transform 0.4s ease, content 0.4s ease, color 0.4s ease; transform-origin: center;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55), content 0.3s ease, color 0.3s ease;
 transform-origin: center;}
.o-header .mobile_nav.opened .mobile_menu_bar {z-index: 99999;}
.o-header .mobile_nav.opened .mobile_menu_bar:before { content: "×"; color: var(--color_black) !important; transform: rotate(180deg) scale(1.2); transform: rotate(0deg) scale(1.2); text-shadow: 0 0 15px green;}


/* Menu mobile fullscreen */
.o-header .et_mobile_menu { background: var(--color3) !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; max-height: 100vh !important; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: auto; transition: transform 0.4s ease, opacity 0.4s ease; transform: translateY(-100%); opacity: 0; list-style: none; border-color: var(--color1);}

.o-header .mobile_nav.opened .et_mobile_menu:before {  content: "";  width: 180px;  height: 44px;  background:url(/wp-content/uploads/2026/05/logo-GTDE.png) no-repeat center;  background-size: 180px;  margin-bottom: 10px; border-radius: 5px;}

.o-header .mobile_nav.opened .et_mobile_menu { transform: translateY(0); opacity: 1;  background: var(--color3) !important; }

/* Style des liens du menu */
.o-header .et_mobile_menu li { width: 300px;}
.o-header .et_mobile_menu li a { text-align: center; font-size: 16px; padding: 8px 0; color: var(--color_black); text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid var(--color_black_10); }
.o-header .et_mobile_menu a[href^="https://as2pic"]::after, .o-header .et_mobile_menu a[href^="https://genialp"]::after, .o-header .et_mobile_menu a[href^="https://docs.google"]::after {font-family: FontAwesome !important; font-size: 10px; font-weight: 600; content: ""; margin-left: 5px; color: var(--color_black_75);}
.o-header .et_mobile_menu li.menu-item-has-children>a { background: none; font-weight: normal;}
.o-header .et_mobile_menu li.menu-item-has-children ul { list-style: none; padding: 0; background: var(--color2_10) !important}
.o-header .et_mobile_menu ul.sub-menu {display: grid !important; grid-template-columns: repeat(2, 1fr);}
.o-header .et_mobile_menu ul.sub-menu>li {width: 150px;}
.o-header .et_mobile_menu li.menu-item-has-children .sub-menu .sub-menu {background: none !important}
.o-header .et_mobile_menu li.menu-item-has-children li { padding: 0;}
.o-header .et_mobile_menu li.menu-item-has-children li a {padding: 2px; text-transform: none; font-size: 16px; border-color: var(--color3_50);}

/* Bloquer le scroll du body quand le menu est ouvert + empêche le scroll vertical + optionnel pour certains navigateurs mobiles + éviter décalage horizontal */
body.js-menu-open { overflow: hidden; height: 100vh; position: fixed; width: 100%;}


@media (max-width:981px){
 .o-header.et_pb_section {padding-top: 0; padding-bottom: 0;}
 .o-header .et_pb_row {  display: flex;}
 .o-header .et_pb_column {margin-bottom: 0;}
}

@media (max-width:768px){
	.o-header .et_pb_row {padding: 8px 0;}
	.o-header .et_mobile_menu li a { font-size: 15px;  padding: 5px 0;}
	.o-header .et_mobile_menu li.menu-item-has-children li a {font-size: 14px;}
}

/*------------------------------------------------------
/ FOOTER
/------------------------------------------------------*/
body.c-page #main-footer { text-align: center; background: var(--color2); }
body.c-page #main-footer #et-footer-nav {background: none;}
body.c-page #main-footer #footer-bottom { background: none; padding: 0;}
body.c-page #main-footer #footer-bottom>.container { display: flex; justify-content: center;}
body.c-page #main-footer #footer-bottom .et-social-icons {order:2; margin-left: 50px;}
body.c-page #main-footer #footer-bottom #footer-info {color:var(--color3); color: var(--color_white_75);}
body.c-page #main-footer a {color:var(--color3); color: var(--color_white_75); font-weight: 500; font-size: 13px;}



/*------------------------------------------------------
/ SECTION HERO
/------------------------------------------------------*/
.o-hero {display: flex; height: 80vh; }
.o-hero.o-hero--home {height: 100vh; clip-path: polygon( 0 0, 100% 0, 100% 95vh, 0 90vh, 0 0); }
.o-hero.o-hero--home img { max-width: 768px;}
/*.o-hero.o-hero--home .et_pb_section_video_bg {clip-path: polygon( 0 0, 100% 0, 100% 95vh, 0 90vh, 0 0);}*/
.o-hero.o-hero--home .o-hero__video {clip-path: polygon( 0 0, 100% 0, 100% 95vh, 0 90vh, 0 0); position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity:0; transition:opacity 0.5s ease;}

.o-hero:not(.o-hero--home) .et_parallax_bg_wrap>span {/*animation: kenburns 18s ease-in-out infinite alternate;*/}
.o-hero__txt { text-align: center !important; max-width: 700px; margin: 0 auto; position: relative;}
.o-hero h1 { font-size: 45px; line-height: 1.1; color: var(--color3); text-align: center; border-bottom: 2px solid var(--color_white_25); border-color: var(--color4); padding: 10px 20px; display: inline-block; background: var(--color_black_15); backdrop-filter: saturate(150%) blur(5px); text-shadow: 0em 0.1em 0.1em rgba(0, 0, 0, 0.4); font-weight: 700;}
.o-hero:not(.o-hero--home) h1:before { content: ""; background: var(--color3) url(/wp-content/uploads/2026/05/logo-GTDE-300x74.png) no-repeat center; background-size: 120px; position: absolute; right: -10px; top: -30px; width: 140px; height: 40px; border-radius: 5px 0; animation: floatY5pxR15 3s ease-out infinite;}
.o-hero h1 strong {font-size: 86px; text-transform: uppercase;}
.o-hero h1 em { font-size: 0.6em; line-height: 1.2; display: inline-block; font-weight: 500; color: var(--color_white);}
.o-hero h1 em:last-child:before { font: normal normal normal 14px / 1 FontAwesome !important; content: "\f274"; margin-right: 5px; font-size: 24px !important;}

.o-hero__txt_soldout { position: absolute; top: -20px; left: -30px; background: var(--color_black); border-top: 2px solid var(--color3); border-bottom: 2px solid var(--color3); font-size: 16px; color: white; line-height: 1; padding: 5px 10px; transform: rotate(-5deg);}

.o-hero__countdown_timer h4 {margin: 10px 0 !important;}
.o-hero__txt .c-btn__a { background: var(--color_black); color: var(--color6); font-size: 16px; position: absolute; right: -20px; bottom: -10px; transform: rotate(-5deg);}
.o-hero__txt .c-btn__a:hover {transform: rotate(-5deg) scale(1.1);}

.o-hero__scrollto { position: absolute;  bottom: 10vh;  left: 50%;  transform: translate(-50%, 0); text-align: center; padding: 0 !important;}

.o-hero.o-hero--light {height: 65vh;}
.o-hero.o-hero--light .o-hero__scrollto {bottom: 0;}

@media (max-width:1279px){
	.o-hero__txt {max-width: 500px;}
	.o-hero.o-hero--home img {max-width: 500px;}
	.o-hero.o-hero--home h1 strong {font-size: 54px;}
}

@media (max-width:981px){
	.o-hero {height: 100vh; }
}

@media (max-width:768px){
	.o-hero__txt {max-width: 400px;}
	.o-hero__txt_soldout {top: -25px; left: -15px;} 
	.o-hero__txt .c-btn__a {bottom: -25px; right: -15px;}
	.o-hero h1 {font-size: 35px; line-height: 1.2;}
	.o-hero h1 strong {font-size: 65px;}
	.o-hero h1 em {font-size: 0.7em; margin-top: 0;}
	.o-hero:not(.o-hero--home) h1:before {}
	.o-hero.o-hero--home img { max-width: 400px;}
	.o-hero.o-hero--home h1 strong {font-size: 44px;}

}

@media (max-width:479px){
	.o-hero__txt {max-width: 300px;}
	.o-hero h1 {font-size: 30px; line-height: 1.4; padding: 10px; min-width: 80vw;}
	.o-hero h1 strong {font-size: 50px; font-size: 45px;}
	.o-hero.o-hero--home img { max-width: 280px;}
	.o-hero.o-hero--home .et_pb_module { margin-bottom: 20px;}
	.o-hero.o-hero--home h1, .o-hero.o-hero--home h1 strong {font-size: 30px;}
	.o-hero.o-hero--home .o-hero__countdown_timer { margin: 35px 0 0 !important;}
}

/*------------------------------------------------------------------
/   SECTION DESCRIPTION
/------------------------------------------------------------------*/
.c-desc {padding-top: 0 !important; z-index: 5;}
.c-desc .et_pb_row {display: flex; flex-direction: column; align-items: center; max-width: 100%; margin-top: 20vh; }
.c-desc h2 {margin: 0 auto 20px; text-align: center;}
.c-desc h2 em { left: 50%; transform: translate(-50%, 0);}
.c-desc h3 {text-transform:uppercase;}
.c-desc__txt {background: var(--color_white); background-image: url(https://eterlou-vtt.com/wp-content/uploads/2019/05/fond-gallery.png); background-size: contain; background-position: bottom center; background-repeat: no-repeat;  padding:50px; max-width: 1024px; border: 10px solid var(--color3); max-width: 768px; margin-top: -20vh; /* border-radius: 5px 5px 0 0; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.5);  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.5); */}
.c-desc p {padding-bottom: 1em !important; text-align: justify;}
.c-desc__txt p.c-desc__annonce { font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif; color: var(--color3); text-decoration: none !important; font-size: 24px;}
.c-desc ul { list-style: none; position: relative; padding: 0 0 16px 0;}
.c-desc li {position: relative; margin-left: 19px; text-align: justify;}
.c-desc li:before { position: absolute; left: -19px; font-family: ETmodules !important; font-size: 0.8em; content: "\3d"; }
.c-desc p + ul { margin-top: -10px !important;}

.entry-content .c-desc table tr td { font-size: 14px; padding: 3px 8px;}

.c-desc .c-scrollto {text-align:center; margin-top: 40px;}
.c-desc .c-scrollto a { color: var(--color2); border-color: 2px solid var(--color2); }
.c-desc .c-scrollto span { background: var(--color2); }

.c-desc .js-bgimg-slideshow {transition: background-image 0.8s ease-in-out; min-height: 80vh; /* margin-top:-500px; */}


@media (max-width:1279px){
 
}

@media (max-width:981px){

}

@media (max-width:768px){
	body.page.et-tb-has-template .et-l--post .c-desc .et_pb_row { max-width: 100%; width: 100% !important; margin-top: 50vh;}
	.c-desc__txt {max-width: 96%; padding: 50px 30px 30px; margin-top: -50vh;}
	.c-desc .js-bgimg-slideshow  {/* margin-top:-40vh; */}	
}

@media (max-width:479px){
	body.page.et-tb-has-template .et-l--post .c-desc .et_pb_row {margin-top: 110vh; }
	.c-desc__txt {padding: 50px 20px 30px; margin-top: -110vh;}
	.c-desc p, .c-desc li { text-align: justify;}
}

/*------------------------------------------------------------------
/   SECTION ZOOM
/------------------------------------------------------------------*/
.c-s-zoom {padding-top: 300px !important;} /* to show anchor #zoom correctly */
.c-s-zoom .et_pb_row:first-child {margin-top: -200px;} /* to show anchor #zoom correctly */
.c-s-zoom__row {max-width: 1280px;}
.c-s-zoom__row .et_pb_column { display:flex; justify-content: center; align-items:center; min-height: 300px; margin-bottom: 0 !important;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(255, 255, 255, 0.25); margin-right: 3%; width: 31.3333%;}
.c-s-zoom--2columns .c-s-zoom__row .et_pb_column { margin-right: 4%; width: 48%;}
.c-s-zoom__row .et_pb_text_inner {padding:20px; font-size: 16px;}
.c-s-zoom__row strong {display:block; font-size:40px; color:var(--color_white); font-weight:700; text-transform:uppercase; line-height:1em; margin-bottom:20px;}

.c-s-zoom__row .percent-value {color:var(--color_black); font-weight: 600; font-size: 100px;}
.c-s-zoom__row h3 {font-size: 25px; text-transform: uppercase; max-width: 165px; margin: 0 auto;}
.c-s-zoom__row .u-text--absolute {position: absolute; bottom: 9.27%;}
.c-s-zoom__row .u-bg--black .percent-value, .c-s-zoom__row .u-bg--black h3 {color:var(--color_white);}

.c-s-zoom h3 {}

@media (max-width:1279px){
 .c-s-zoom__row .et_pb_column {min-height: 250px;}
 .c-s-zoom__row .percent-value {font-size: 80px;}
}

@media (max-width:981px){
 .c-s-zoom__row strong {font-size: 30px;}
 .c-s-zoom__row .et_pb_column {min-height: 200px;}
 .c-s-zoom__row .percent-value {font-size: 65px;}
 .c-s-zoom__row .u-text--absolute  {bottom: 0;}
}

@media (max-width:768px){
 .c-s-zoom__row .et_pb_column { width: 100% !important; margin-right: 0 !important; margin-bottom: 0;}
}

@media (max-width:479px){
 .c-s-zoom__row .et_pb_column { min-height: 150px;}
 .c-s-zoom__row .percent-value {font-size: 60px;}
}


/*------------------------------------------------------------------
/   SECTION TROPHEE
/------------------------------------------------------------------*/
.c-s-trophee .c-sformule__title>div {   margin-bottom: -100px;}

@media (max-width:1279px){
	
}

@media (max-width:981px){
	
}

@media (max-width:768px){
	.c-s-trophee .c-sformule__title img {max-width: 60vw;}
}

@media (max-width:479px){
	
}

/*------------------------------------------------------------------
/   SECTION PARCOURS
/------------------------------------------------------------------*/
.c-s-parcours iframe {}

@media (max-width:981px){
	.c-s-parcours iframe {max-height: 80vh;}
}

@media (max-width:768px){
	.c-s-parcours iframe {}
}

@media (max-width:479px){
	.c-s-parcours iframe {}
}


/*------------------------------------------------------------------
/   SECTION FORMULE
/------------------------------------------------------------------*/
.c-sformule__title {padding:0;}
.c-sformule__content {max-width: 100%; display: flex;}

.c-sformule__content .et_pb_column {width: inherit; margin: 0 50px 0 0; padding: 0 20px 20px; background: var(--color_black_75); transition: all 500ms ease; color: var(--color_white);}
.c-sformule__content .et_pb_column:hover { transform: translateY(-10px); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);}
.c-sformule__content .et_pb_column:nth-child(2n) { background-color: var(--color_white_75); color: var(--color_black);}



.c-sformule__content p { font-size: 16px; text-align:center;}
.c-sformule__content p a {font-size: 14px;}
.c-sformule__content p.c-sformule__price { font-size: 60px; font-weight: 700; padding-bottom: 30px;}
.c-sformule__content p.c-sformule__price em {font-size: 16px; font-weight: normal; font-style:normal;}

.c-sformule__content .u-color2 h3 {background: none;}
.c-sformule__content .u-color3 h3 {background: none;}
.c-sformule__content .u-color4 h3 {background: none;}
.c-sformule__content .u-color5 h3 {background: none;}

.c-sformule__content h4 { position: relative; display: inline-block; text-transform:uppercase; color: var(--color_black); font-weight: 600;}
.c-sformule__content .u-color2 h4 {color: var(--color2);}
.c-sformule__content .u-color3 h4 {color: var(--color3);}
.c-sformule__content .u-color4 h4 {color: var(--color4);}
.c-sformule__content .u-color5 h4 {color: var(--color5);}

.c-sformule__content ul {list-style:none; position: relative; padding: 0 0 0 10px; margin-bottom: 15px;}
.c-sformule__content li {position: relative; padding-bottom: 5px;}
.c-sformule__content li:before { content: ""; position: absolute; top: 0; left: -10px; width: 1px; height: 100%; background: var(--color_black_50);}
.c-sformule__content li:last-child:before { height: 13px;}
.c-sformule__content .u-color2 li:before {background: var(--color2_50);}
.c-sformule__content .u-color3 li:before {background: var(--color3_50);}
.c-sformule__content .u-color4 li:before {background: var(--color4_50);}
.c-sformule__content .u-color5 li:before {background: var(--color5_50);}

.c-sformule__content li>em:first-child {position: relative; /* border-radius: 10px 2px 2px;*/ border: 1px solid; font-weight: 600; font-style: normal; font-size: 0.95em; color: var(--color_white); min-width: 90px; text-align: center; display: inline-block; line-height: 1.5;}
.c-sformule__content li>em:first-child:before {content:""; position: absolute; top: 40%;  left: -10px; width: 9px; height: 1px; }
.c-sformule__content li>em:first-child {background: var(--color_black_10); color: var(--color3); border-color: var(--color_black_50); }
.c-sformule__content li>em:first-child:before {background: var(--color_black_50);}
.c-sformule__content .u-color2 li>em:first-child {background: var(--color2_10); border-color: var(--color2_50); }
.c-sformule__content .u-color2 li>em:first-child:before {background: var(--color2_50);}
.c-sformule__content .u-color3 li>em:first-child {/*background: var(--color3_10); border-color: var(--color3_50);*/ background: var(--color3_75); border-color: var(--color3); color: var(--color_white); }
.c-sformule__content .u-color3 li>em:first-child:before {background: var(--color3_50);}
.c-sformule__content .u-color4 li>em:first-child {/*background: var(--color3_10); border-color: var(--color4_50); */ background: var(--color4_75); border-color: var(--color4); color: var(--color_white);  }
.c-sformule__content .u-color4 li>em:first-child:before {background: var(--color4_50);}
.c-sformule__content .u-color5 li>em:first-child {/*background: var(--color5_10); border-color: var(--color5_50); */ background: var(--color5_75); border-color: var(--color5); color: var(--color_white); }
.c-sformule__content .u-color5 li>em:first-child:before {background: var(--color5_50);}

@media (max-width:1279px){
	.c-sformule__content {width: 94%;}
 .c-sformule__content .et_pb_column {margin: 0 30px 0 0;}
 
}

@media (max-width:981px){
 .c-sformule__content.js-slider-981 {flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; gap:10px; -webkit-overflow-scrolling:touch; cursor:grab;}
 .c-sformule__content.js-slider-981 > .et_pb_column{ flex:0 0 90%; scroll-snap-align:start; margin: 0 10px 0 0; }
 .c-sformule__content h3 {font-size: 30px; padding: 20px; height: 100px;}

}

@media (max-width:768px){
	
}

@media (max-width:479px){
	.c-sformule__content.js-slider-981 > .et_pb_column {margin: 0;}
}

/*------------------------------------------------------------------
/   COMPOSANT JS-SLIDER
/------------------------------------------------------------------*/
.js-slider {display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; gap: 10px; -webkit-overflow-scrolling: touch; cursor: grab;}
.js-slider.js-slider--desk2>div { flex: 0 0 45%; scroll-snap-align: start; margin: 0 10px 0 0;}

@media (max-width:768px){
	.js-slider.js-slider--mob1>div { flex: 0 0 90%;}
}


/*------------------------------------------------------------------
/   SECTION PHOTOS IMAGES
/------------------------------------------------------------------*/
.c-s-images h2 { margin: 0;}
.c-s-images .et_pb_row.u-bg--black { padding: 20px !important; margin: 50px auto;}
.c-s-images .et_pb_row.u-bg--black h2 {color:var(--color3);}
.c-s-images .js-slider { padding: 0 0 20px 0; margin-top: -20px;}


/* Fond de la scrollbar */
.c-s-images .js-slider::-webkit-scrollbar {
  height: 12px; /* scrollbar horizontale */
  background-color: var(--color_black_10);
}

/* La "barre" (thumb) */
.c-s-images .js-slider::-webkit-scrollbar-thumb {
  background-color: var(--color3);
  border-radius: 6px;
}

/* Flèches 
.c-s-images .js-slider::-webkit-scrollbar-button {
  background-color: var(--color_black);
  width: 12px;
}*/



/*------------------------------------------------------------------
/   SECTION PARTNERS
/------------------------------------------------------------------*/
.c-s-partners {box-shadow: 0px 0px 10px 0px var(--color_black_20);}
.c-s-partners a {transition: all 0.2s ease; display: block;}
.c-s-partners a:hover {transform: scale(0.95);}
.c-s-partners img { max-width: 250px; width: 100% !important;}
.c-s-partners__logo>div { gap: 20px; column-count: 4;}
.c-s-partners__logo>div>div { break-inside: avoid; margin-bottom: 20px !important;}

@media (max-width:768px){
	.c-s-partners__logo>div { gap: 15px; column-count: 2;}
	.c-s-partners__logo>div>div { break-inside: avoid; margin-bottom: 15px !important;}
}

/*------------------------------------------------------------------
/   SECTION REGLEMENT
/------------------------------------------------------------------*/
.c-s-reglement .u-header--bg h2 {background:var(--color_body); font-size: 25px !important; padding: 5px 10px;}


/*------------------------------------------------------------------
/   SECTION PROGRAMME
/------------------------------------------------------------------*/
.c-s-programme .gteTimeline .et_pb_column {border-left: 3px solid var(--color3);}
.c-s-programme .gteTimeline .et_pb_column:after {box-shadow: 0 0 0 3px var(--color3); height: 13px; width: 13px;} 
.c-s-programme .gteTimeline .et_pb_module:last-child { background: var(--color_white); padding: 10px; border: 1px solid var(--color2_10);}
.c-s-programme .gteTimeline table {border: none !important;}
.c-s-programme .gteTimeline table tr:not(:last-child) { border-bottom: 1px solid var(--color2_10);}
.c-s-programme .gteTimeline table tr td { padding: 6px 10px !important; border-top: none;}

@media (max-width:981px){
	.c-s-programme .gteTimeline .et_pb_module:first-child {margin-bottom: 20px;}
	.c-s-programme .gteTimeline .et_pb_image { margin: 0 0 20px 0px !important;}
}

@media (max-width:479px){
	.c-s-programme .gteTimeline .et_pb_image { max-width: 100%;}
}

/*------------------------------------------------------------------
/   SECTION LES RANDOS
/------------------------------------------------------------------*/
.c-s-lesrandos h3 {height: 50px;}
.c-s-lesrandos a {transition: all 0.2s ease; display: block;}
.c-s-lesrandos a:hover {transform: scale(0.98);}

.c-s-lesrandos .et_pb_image_wrap { padding-top: 100%; display: block;}
.c-s-lesrandos img { position: absolute; height: 100%; width: 100% !important; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}

/*------------------------------------------------------------------
/   SECTION MENTIONS LEGALES
/------------------------------------------------------------------*/
.c-s-mentionslegales { margin-top: 50px !important;}
.c-s-mentionslegales .gteHeadLine h1 {font-size: 45px; line-height: 1.1; color: var(--color3); padding: 0; margin: 0; text-shadow: none; font-weight: 700}
.c-s-mentionslegales .gteReglement h2 {font-size: 20px;}
.c-s-mentionslegales .gteReglement h2:before { content: counter(titre) "."; width: inherit; padding-right: 5px;}

/*------------------------------------------------------------------
/   COMPOSANT LIST ICO (UL)
/------------------------------------------------------------------*/
.c-listico { padding: 1em 0 !important; list-style: none;}
.c-listico li {position: relative; display: flex; align-items: center; margin: 0; padding: 5px 0 5px 60px; border-bottom: 1px solid var(--color3_50); min-height: 70px;}
.u-bg--black .c-listico li, .u-bg--black_75 .c-listico li {border-color:var(--color3_50);}
.u-bg--color3 .c-listico li, .u-bg--color3_75 .c-listico li {border-color:var(--color_black_10);}
.c-listico li:before {position: absolute; left: 0; content: ""; width: 50px; height: 50px; border-radius: 50%; background-color:white; background-repeat: no-repeat; background-position: center; background-size: 40px;}
.u-ico-run:before {background: url(/wp-content/uploads/2019/03/046-jogging2.png);}
.u-ico-win:before {background: url(/wp-content/uploads/2019/03/028-win-22.png);}
.u-ico-trace:before {background: url(/wp-content/uploads/2019/03/032-route-12.png);}
.u-ico-high:before {background: url(/wp-content/uploads/2019/03/025-mountain2.png);}
.u-ico-water:before {background: url(/wp-content/uploads/2019/03/031-water-bottle2.png);}
.u-ico-eat:before {background: url(/wp-content/uploads/2019/03/004-restaurant2.png);}
.u-ico-bus:before {background: url(/wp-content/uploads/2019/03/043-bus-22.png);}



/*------------------------------------------------------------------
/   OBJECT TABLE
/------------------------------------------------------------------*/

.o-tablescroll { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* scroll fluide iOS */}
.o-tablescroll::-webkit-scrollbar { height: 6px;}
.o-tablescroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px;}
.o-tablescroll table {  border-collapse: collapse;  width: 100%;  min-width: 600px; background:var(--color_white); }
.o-tablescroll tr th, .o-tablescroll tr td { font-size: 14px; text-align: left; font-weight: 500; padding: 10px; border: 1px solid var(--color_body_25); }
.o-tablescroll tr th {background: var(--color1_10);}


/*------------------------------------------------------------------
/   ANIMATION
/------------------------------------------------------------------*/
@keyframes a-scrollto {
  0% {
  opacity: 1;
  transform: translate(-50%, 0);
  }
  100% {
  opacity: 0;
  transform: translate(-50%, 12px);
  }
}

@keyframes floatY5pxR15 {
 0% {
  transform: rotate(15deg) translatey(0)
 }

 50% {
  transform: rotate(15deg) translatey(-5px)
 }

 100% {
  transform: rotate(15deg) translatey(0)
 }
}

@keyframes kenburns { from {transform: scale(1); } to {transform: scale(1.08); } }




/*------------------------------------------------------------------
/   ANIMATION : SUN, MOUNTAINS, CLOUDS
/------------------------------------------------------------------*/

.js-sun-scroll { position: fixed; left: 50px; bottom: 50%; width: 100px; height: 100px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #FFE680, #FDB813); box-shadow: 0 0 0 10px rgba(255, 211, 77, 0.25), 0 0 0 30px rgba(255, 211, 77, 0.15); pointer-events: none; z-index: -1; transform: translate(0, 0);}
.js-flatmountains { position: fixed; z-index: -1; bottom: 0; width: 50vw; height: 12vw;}
.js-flatmountains:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23688ba6' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23684d37' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23597388' points='0 900 398 662 816 900'/%3E%3Cpolygon fill='%23695b44' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%2399a5af' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23928972' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%235b6e7d' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23776e35' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%234d5861' points='1600 900 1401 632 1096 900'/%3E%3Cpolygon fill='%237c793a' points='1600 900 1401 632 1365 900'/%3E%3Cpolygon fill='%232e3a44' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%238b8b5e' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"); background-attachment: fixed; background-size: 40%; background-repeat: no-repeat; background-position: bottom left;}


#js-clouds { position: fixed;  bottom: 0; padding: 100px 0; z-index:-1; /*background: #c9dbe9; background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%); background: -linear-gradient(top, #c9dbe9 0%, #fff 100%); background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);*/}

/*Time to finalise the cloud shape*/
.cloud { width: 200px; height: 60px; background: #fff; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; position: relative; }

.cloud:before, .cloud:after { content: ''; position: absolute;  background: #fff; width: 100px; height: 80px; position: absolute; top: -15px; left: 10px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -webkit-transform: rotate(30deg); transform: rotate(30deg); -moz-transform: rotate(30deg);}

.cloud:after { width: 120px; height: 120px; top: -55px; left: auto; right: 15px;}

/*Time to animate*/
/* .x1 { -webkit-animation: moveclouds 15s linear infinite; -moz-animation: moveclouds 15s linear infinite; -o-animation: moveclouds 15s linear infinite;}

/*variable speed, opacity, and position of clouds for realistic effect
- opacity proportional to the size
- Speed will also be proportional to the size and opacity (More the speed. Less the time in 's' = seconds)
*/
.x2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite;}

.x3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite;}

.x4 { left: 470px; top: -250px -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75;  -webkit-animation: moveclouds 18s linear infinite; -moz-animation: moveclouds 18s linear infinite; -o-animation: moveclouds 18s linear infinite;}

.x5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite;}

@-webkit-keyframes moveclouds {
 0% {margin-left: 1000px;}
 100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
 0% {margin-left: 1000px;}
 100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
 0% {margin-left: 1000px;}
 100% {margin-left: -1000px;}
}