/*---------------------------------- PAGE ACCUEIL ------------------------------------------------*/
:root {
  --color1: #90B8CB;
  --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: #274538;
  --color2_10: rgba(39,69,56,0.1);
  --color2_50: rgba(39,69,56,0.5);
  --color2_75: rgba(39,69,56,0.75);
  --color3: #3E6F5B;
  --color3_10: rgba(62,111,91,0.1);
  --color3_50: rgba(62,111,91,0.5);
  --color3_75: rgba(62,111,91,0.75);
  --color4: #B1CA44;
  --color4_10: rgba(177,202,68,0.1);
  --color4_50: rgba(177,202,68,0.5);
  --color4_75: rgba(177,202,68,0.75);
  --color5: #CFB51D;
  --color5_10: rgba(207,181,29,0.1);
  --color5_50: rgba(207,181,29,0.5);
  --color5_75: rgba(207,181,29,0.75);
  --color6: #feda67;
  --color6_10: rgba(254,218,103,0.1);
  --color6_25: rgba(254,218,103,0.25);
  --color6_50: rgba(254,218,103,0.5);
  --color6_75: rgba(254,218,103,0.75);
  --color7: #FFF200;
  --color7_10: rgba(255,242,0,0.1);
  --color7_25: rgba(255,242,0,0.25);
  --color7_50: rgba(255,242,0,0.5);
  --color7_75: rgba(255,242,0,0.75);
  --color_white: #FFFFFF;
  --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;
  --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_50: rgba(0,0,0,0.5);
  --color_black_75: rgba(0,0,0,0.75);
  --color_body: #666;
  --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 {position:relative; background-color: var(--color1); background: var(--color1_75);}
body:after {content: ""; position: absolute; top: 0; left: 0; z-index: -2; width: 100%; height: 100%; 
background-image: url(https://eterlou-vtt.com/wp-content/uploads/assets/bg/cardboard-flat.png); 
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/asfalt-light.png");
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/bedge-grunge.png");
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/clean-gray-paper.png");
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/concrete-wall.png");
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/fresh-snow.png");
background-image: url("https://eterlou-vtt.com/wp-content/uploads/assets/bg/light-aluminum.png");
background-attachment: fixed; display:none; }

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-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--color1 {background: var(--color1) !important;}
.u-bg--color2 {background: var(--color2) !important;} 
.u-bg--color3 {background: var(--color3) !important;} 
.u-bg--color4 {background: var(--color4) !important;} 
.u-bg--color5 {background: var(--color5) !important;} 
.u-bg--color6 {background: var(--color6) !important;} 
.u-bg--white {background: var(--color_white) !important;}
.u-bg--img1 {background-image: url(https://eterlou-vtt.com/wp-content/uploads/assets/bg/concrete-wall.png); background-size: auto; background-attachment: fixed;}
.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; margin-bottom: 5px; text-align: center;}
.u-header--bg .u-bg--color4 {color: var(--color_white); padding: 0 15px;}
.u-header--bg .u-bg--color5 {color: var(--color_white); padding: 0 15px;}
.u-header--bg .u-bg--color1 {color: var(--color_white); 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-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;}
.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: normal normal normal 14px / 1 FontAwesome !important; content: "\f08e"; margin-left: 5px;}

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


.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(https://eterlou-vtt.com/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%;}
 h2 {font-size: 30px;}
}

@media (max-width:768px){
 .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: 20px; 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(--color1) !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; justify-content: center;  align-items: 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: var(--color1) url(https://eterlou-vtt.com/wp-content/uploads/2025/02/LOGO-ETERLOU-WEB-2025-300x74.png) no-repeat center;  background-size: contain;  margin-bottom: 20px;}

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

/* Style des liens du menu */
.o-header .et_mobile_menu li { width: 250px;}
.o-header .et_mobile_menu li a { text-align: center; font-size: 20px; padding: 15px 0; color: var(--color_black_75); text-transform: uppercase; letter-spacing: 2px; border-color: var(--color_white_10);}

/* 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; font-weight: 600;}
}

/*------------------------------------------------------
/ 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; }
.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:not(.o-hero--home) .et_parallax_bg_wrap>span {/*animation: kenburns 18s ease-in-out infinite alternate;*/}
.o-hero__txt { text-align: center !important; }
.o-hero h1 { font-size: 45px; line-height: 1.1; color: var(--color_white); 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);}
.o-hero:not(.o-hero--home) h1:before { content: ""; background: url(https://eterlou-vtt.com/wp-content/uploads/2026/03/LOGO-ETERLOU-WEB-2025-chamois.webp) no-repeat; background-size: contain; position: absolute; right: 20px; top: -20px; width: 40px; height: 69px; 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;}
.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__scrollto { position: absolute;  bottom: 10vh;  left: 50%;  transform: translate(-50%, 0); text-align: center; padding: 0 !important;}

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

@media (max-width:1279px){
	.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 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: 20px;}
	.o-hero:not(.o-hero--home) h1:before {width: 30px; height: 51px; top: -5px;}
	.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 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 h1 em {font-size: 0.7em; margin-top: 15px;}
	.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%; }
.c-desc h2 {margin: 0 auto 20px;}
.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: 2px solid var(--color2_75); /* 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 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: "\35"; content: "\24"; content: "\3d";}
.c-desc p + ul { margin-top: -10px !important;}

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

body.page-id-3878 .c-desc .et_pb_row {margin-top: 20vh; }
body.page-id-3878 .c-desc__txt {max-width: 768px; margin-top: -20vh;}

.c-desc .c-scrollto {text-align:center;}
.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; }
body:not(.page-id-3878) .c-desc .js-bgimg-slideshow {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;}
	.c-desc__txt {max-width: 96%; padding: 50px 30px 30px;}
 
	body.page-id-3878 .c-desc .et_pb_row {margin-top: 50vh; }
	body.page-id-3878 .c-desc__txt {margin-top: -50vh; }
	body:not(.page-id-3878) .c-desc .js-bgimg-slideshow {margin-top:-40vh;}
	
}

@media (max-width:479px){
	.c-desc__txt {padding: 50px 20px 30px;}
	body.page-id-3878 .c-desc .et_pb_row {margin-top: 110vh; }
	body.page-id-3878 .c-desc__txt {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 { margin-right: 3%; width: 31.3333%;}
.c-s-zoom__row .et_pb_module {display:flex; justify-content: center; align-items:center; border-radius: 50px 5px; padding: 30px 20px; min-height: 300px; margin-bottom: 0 !important; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);}
.c-s-zoom__row .et_pb_text_inner {font-size: 20px; color: var(--color_white_75);}
.c-s-zoom__row strong {display:block; font-size:40px; color:var(--color_white); font-weight:500; text-transform:uppercase; line-height:1em; margin-bottom:20px;}


@media (max-width:1279px){
 .c-s-zoom__row .et_pb_module {min-height: 250px;}
}

@media (max-width:981px){
 .c-s-zoom__row strong {font-size: 30px;}
 .c-s-zoom__row .et_pb_module {min-height: 200px;}
}

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

@media (max-width:479px){
 .c-s-zoom__row .et_pb_module {padding: 30px 20px; min-height: 150px;}
}


/*------------------------------------------------------------------
/   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 {background:none;}
.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-color: var(--color_white); border-radius: 55px 8px; transition: all 500ms ease;}
.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);}

.c-sformule__content h3 {font-size:40px; height: 140px; text-transform:uppercase; text-align:center; color:var(--color_white); background: var(--color_black); padding: 30px 20px; margin: 0 -20px 15px; border-radius: 50px 5px 0 0;}
.c-sformule__content .u-color2 h3 {background: var(--color2);}
.c-sformule__content .u-color3 h3 {background: var(--color3);}
.c-sformule__content .u-color4 h3 {background: var(--color4);}
.c-sformule__content .u-color5 h3 {background: var(--color5);}

.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 .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;}
}


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

/*------------------------------------------------------------------
/   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(--color4);}
.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;}
.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;}

@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;}

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