/*
CSS by Manu LECHAT
https://e-lechat.com
*/


@font-face {
  font-family: "RoboRecklessNeue";
  src: url("../fonts/RecklessNeue/RecklessNeue-RegularItalic.ttf") format('truetype')
} 

.RoboRecklessNeue{
  font-family: "RoboRecklessNeue";
  font-weight: 600;
  font-style: normal;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}



/*

/^^     /^^        /^^         /^ /^^^      /^^^^
 /^^   /^^       /^^  /^^       /^^        /^^
  /^^ /^^       /^^   /^^       /^^          /^^^
   /^/^^        /^^   /^^       /^^            /^^
    /^^           /^^ /^^^     /^^^        /^^

*/

:root {
  --black : "black";
  --space_unit: 1vw;
  --padding_v_sections: 60px;
  --grid_cols_nb: 12;
  --grid_gutter: 2vw;
  --grid_unit: calc((100vw - var(--grid_gutter) * (var(--grid_cols_nb) + 2)) / var(--grid_cols_nb));
  --grid_3cols :  calc(  var(--grid_gutter) * 2 + var(--grid_unit) * 3 ); 
  --grid_4cols :  calc(  var(--grid_gutter) * 3 + var(--grid_unit) * 4 ); 
  --grid_5cols :  calc(  var(--grid_gutter) * 4 + var(--grid_unit) * 5 ); 
  --gap_v:60px;
  --gap_h:30px;

  /* layout */
  --site_max_width: 1440px;
  --site_slim_width: 1080px;

  --fontSize_unit: 10px;
  
  --color_eleonore : #00c07c;
  --color_eleonore :  #BADA55;
  --color_eleonore :   #97d700;
  --color_eleonore_light :   #d7dad0;
  --color_eleonore_icons:   #0e290d;
  --color_txt : #0e290d;
  --color_txt :  #2F3C2B;
  --color_white: #f4f4f4;

}


/*

  /^^                                    /^^
/^                                       /^^
/^/^ /^        /^^         /^^ /^^       /^/^ /^      /^^^^
/^^        /^^  /^^       /^^  /^^       /^^       /^^
/^^       /^^    /^^      /^^  /^^       /^^         /^^^
/^^        /^^  /^^       /^^  /^^       /^^           /^^
/^^          /^^         /^^^  /^^        /^^      /^^ /^^

*/



.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}


/* sizes */

.txt_150 { line-height: 1em; height: 1em; font-size: 10vw;  white-space: no-wrap; }
.txt_72, .txt_72 p { font-size: 65px; line-height: 1em; letter-spacing: -0.03em; max-width:18ch  }
.txt_38 { font-size: 38px; line-height: 1; letter-spacing: -0.03em;  }
.txt_31{ font-size: 31px; line-height: 1.25em; letter-spacing: -0.02em;  }
.txt_34{ font-size: 34px; line-height: 1.45em;  }
.txt_26{ font-size: 26px; line-height: 1.45em;  }
.txt_18{ font-size: 18px; }
.txt_15{ font-size: 15px; }
.txt_14{ font-size: 14px; }
.txt_12{ font-size: 12px; }
.txt_v9{ font-size: 9.4vw; }
.txt_v7{ font-size: 7vw; letter-spacing: 0; font-weight: 500;}
.txt_08{ font-size: 0.8em; }

.txt_grey{ color: #729B97; }

.medium{    font-family: "Poppins", sans-serif;  font-weight: 500; font-style: normal;}
.bold{  font-family: "Poppins", sans-serif;  font-weight: 600;  font-style: normal; }

/*headings */

.suptitle{ background-color: var(--color_txt); color: var(--color_white); border-radius: 3px; font-size: 12px; margin-bottom: 5px; padding: 2px 8px; font-style: normal; font-weight: 700; line-height: normal;letter-spacing: 2.47px; text-transform: uppercase; }
.tiret_left{ padding-left: 110px; position: relative }
.tiret_left:before{ content: "";  width: 90px; height: 1px; background-color: var(--color_txt); position: absolute; top: 50%; left: 0;  }

.title em { font-weight: normal;  }

.maj{ text-transform: uppercase; letter-spacing: -0.04em;    }

strong { font-weight: 700; }
.black { font-weight: 700; }
.white{ color: #fff; }
.titre{ line-height: 1.1em; margin-bottom: 0.5em; }
.color_alt{ color: var(--color_eleonore) }
.color_light{color:  var(--color_light) }
.bolder{ font-weight: bolder; }
.icon_burger{ display: none; }

.display_none{ display: none; }
.bt_contact:hover{ cursor: pointer; }

::selection {  background-color: rgba(0, 0, 0, 0.3); opacity: 0.1; transition: all .3s; ;  text-shadow: none; }
* {   z-index: 1; box-sizing: border-box; outline: none; position: relative;   } 

/* svg path{ fill: var(--color_eleonore); } */

/* html{ min-height: 100vh; background: var(--color_white);   font-weight: 500; color: var(--color_txt); height: 100vh;  top:0; left: 0; margin: 0; padding: 0; width:100%; overflow-x: hidden; -webkit-font-smoothing: antialiased;   box-sizing: border-box;  position: relative;  text-rendering: optimizeLegibility;  } */
/* body{ font-family: Lexend; border: 4px solid royalblue; */
  /* font-style: normal; */
  /* font-weight: 400; background: var(--color_white);   font-size: 1rem; line-height: 1.5em;  overflow-x: hidden;  width: 100vw; overflow-y: auto; color: var(--color_txt); margin: 0; padding: 0; top:0; left: 0; } */
/* body.shownav{ overflow: hidden; } */

html{  box-sizing: border-box; width:100%; max-width: 100vw;    }
body{ box-sizing: border-box;
  height: auto;
  width: 100%;
  max-width: 100vw; 
  background: #f4f4f4;
  color: var(--color_txt);
  max-width: 100vw;
  overflow-x: hidden;
  font-weight: 400; 
  margin: 0; 
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased; 
  text-rendering: optimizeLegibility; 
  font-size: 14px;
  /* background-image: url("../images/noise.jpg"); */
  /* background-image: url('../images/grain.jpg');  */
  background-size: 100% auto;
}

div{  position: relative; display: block;   }
header, section, main{ width: 100%; position: relative; }
img{  max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; object-fit: contain; }
ul{ margin: 0; display: block; text-align: left; padding: 0;}
li{ margin: 0;  list-style: none; padding: 0px;  }
h1,h2,h3,h4, h5{ font-weight: normal; font-style: normal; margin-block-start: 0; margin-block-end: 0; width: fit-content;   display: block; margin: 0; clear: both; break-after: always;   line-height: 1.2em; letter-spacing: 0em;  } 
span{ display: inline-block; }
a{ width: fit-content;  position: relative; color: var(--color_txt);  text-align: left; text-decoration: none;  }
a:hover{ cursor: pointer; }
p{   font-weight: 400; clear: both; display: block; padding: 0; margin: 0; line-height: 1.45em;  }
p a{ text-decoration: underline;  color: var(--color_theme_dark); }
p a:hover{ text-decoration: underline; }

.bold .em{  font-style: italic;  font-weight: normal; }
p em{  font-weight: normal;   }
u{ position: relative;   }
u::before{  pointer-events: none; opacity: 0.6; mix-blend-mode: multiply; position: absolute; transform: rotate(2deg); z-index:1;  top: 0.3em; left: 0; width: 100%; height: .8em; background-color: var(--color_theme); content: "";  }
li{ font-size: 1rem; line-height: 1.35em; }

iframe{ border: none; width: 100%; height: 100%; margin: 0; }
a.over_underline{  width: fit-content;}
a.over_underline:after{ content:""; position: absolute; bottom:0; left: 0; transition: all .1s cubic-bezier(.17,.67,.68,1.01); width:0%; height: 2px; background: var(--color_txt); }
a.over_underline:hover:after{ width:100%;  }
blockquote{ margin: 1em 0; }
.section{ max-width:  100% ; width: var(--w_wrapper); margin: 0 auto;  }
.main_container{ width: 100%; }
.center{ text-align: center; margin: 0 auto; }

.color_txt_alt{ color: var(--color_txt_alt); }

.container{ width: 100%; max-width: var(--site_max_width); margin: auto; padding-right: var(--grid_gutter);; padding-left: var(--grid_gutter); }
.container_slim{ width: 100%; max-width: var(--site_slim_width); margin: auto; padding-right: 80px; padding-left: 80px; }
.container_flex{  display: flex; gap: var(--page_grid_gap); }
.container_full{ background-color: #f5efea;  width: 100%;  padding-right: 80px; padding-left: 80px;  }

.cta_border{  transition: all .17s ease-in-out; font-weight: 600; border: 2px solid var(--color_eleonore);  font-size: 14px; border-radius: 30px; padding: 6px 15px; display: flex; gap: 8px; align-items: center; }
/* .cta_border .cta_border_icon{ position: absolute; right: 30px; width: 0; opacity: 0; } */
/* .cta_border:hover .cta_border_icon{ width: 15px; opacity: 1; right: 15px; }
.cta_border:hover{  padding: 6px 40px  6px 15px ; }
.cta_border_icon{  } */
.cta_border:hover{ color: var(--color_txt); background-color: var(--color_eleonore); }
.cta_border:hover .cta_border_icon path{ fill: white; }

.cta_green{transition: all .13s; background-color: var(--color_eleonore); color: var(--color_white);font-weight: 600; border: 2px solid white; font-size: 14px; border-radius: 30px; padding: 6px 17px; }
.cta_green:hover{  outline: 2px solid var(--color_eleonore);  }


.cta_underline{ font-weight: 600; display: block; }
.cta_underline:after{ content: "" ;  background-color: var(--color_eleonore); height: 3px; border-radius: 4px; width: 100%; position: absolute; left: 0; bottom: -3px; }

.pad_title {
  letter-spacing: 0.05em;
  background: var(--color_txt);
  color: var(--color_white);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 4;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 10px 30px;
  border-radius: 5px;
}


.suptitle{  font-family: "Poppins", sans-serif;
  font-weight: 600; width: fit-content;
  font-style: normal; font-size: 12px; text-transform: uppercase;  }

  .title_42{  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal; font-size: 42px;  }

  .title_54{  font-family: "Poppins", sans-serif;
    font-family: "RoboRecklessNeue";
    font-weight: 500;
    font-style: normal; font-size: 62px; /*text-transform: uppercase; */}
    /* .title_54:after{ content: ''; width: 60px; height: 4px; background-color: var(--color_eleonore); position: absolute; left: 0; bottom: -10px; } */

  .title_m{  font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal; font-size: 32px;  }
  
  
  

 .flex_h{ display: flex; gap: var(--gap_h); }
 .gap_v{ display: flex; flex-direction: column; gap: var(--gap_v); }
 .gap_v30{ display: flex; flex-direction: column; gap: 30px; }
 .gap_v10{ display: flex; flex-direction: column; gap: 10px; }
 .gap_v0{ display: flex; flex-direction: column; gap: 0px; }

 em{ font-family: "RoboRecklessNeue"; font-weight: 500; font-size: 1.1em; }
/*

 /^^                                                                /^^
 /^^                                                                /^^
 /^^        /^^         /^^   /^^        /^^         /^^  /^^     /^/^ /^
 /^^      /^^  /^^       /^^ /^^       /^^  /^^      /^^  /^^       /^^
 /^^     /^^   /^^         /^^^       /^^    /^^     /^^  /^^       /^^
 /^^     /^^   /^^          /^^        /^^  /^^      /^^  /^^       /^^
/^^^       /^^ /^^^        /^^           /^^           /^^/^^        /^^
                         /^^
*/


.main_container{ padding-top: 120px;  padding-bottom: 0px; }

.section_header{  z-index: 10; position: relative; /* border-top: 5px solid var(--color_eleonore); */ }
/* .section_header .header_cols{     align-items: center;  padding: var(--gap_v) 96px;  align-items: flex-start; display: flex; justify-content: space-between; }
.section_header .logo{  font-weight: 400; font-size: 42px; letter-spacing: 0.00em;  } 
.section_header .col2{ align-items: flex-end; gap: 20px; display: flex; flex-direction: column;  }
.section_header .col2 .ligne1{ align-items: center; display: flex; gap: 30px; }
.section_header .col2 .ligne2{ align-items: center; display: flex; gap: 16px; }
.section_header .ligne_col{ text-align: right; }
.section_header .reservation{ display: flex; align-items: center; gap: 10px; flex-direction: column; color: var(--color_white); } */



.section_header .header_cols{    align-items: center;  padding: 40px 20px;  align-items: flex-start; display: flex; justify-content: space-between;  }
.section_header .logo{text-align: center; font-size: 42px; letter-spacing: 0.005em; margin-top: 10px;   } 
/* .section_header .logo em{ font-size: 1.4em; padding-left: 2em; } */
.section_header .col2{ align-items: flex-end; gap: 20px; display: flex; flex-direction: column;  }
.section_header .col2 .ligne1{ text-align: right; align-items: center; display: flex; gap: 20px; }
.section_header .col2 .ligne2{ align-items: center; display: flex; gap: 16px; }
.section_header .cta_border{  border-color: var(--color_eleonore); }
.section_header .cta_border:hover{ color: var(--color_eleonore); background: none; border-color: var(--color_eleonore); }
.section_header svg path{ fill:  var(--color_eleonore); }
/* 
.template_home .section_header{   position: absolute;  color: var(--color_white);}
.template_home .section_header .logo{  color: var(--color_white); }
.template_home .section_header .cta_border{  color: var(--color_white);  border-color: var(--color_white);}
.template_home .section_header .cta_border:hover{ color: var(--color_eleonore); background: none;  border-color: var(--color_eleonore);}
.template_home .section_header .ligne_col{ font-size: 16px; } */

.template_home .section_hero .img_full_txt1{ mix-blend-mode: overlay; }
.template_home .section_hero .img_full_txt2{ mix-blend-mode: overlay; }

/* section_nav */

/* .section_nav { padding: -220px 0 120px 0; } */
.section_nav nav{ overflow: visible; display: flex; gap: var(--grid_unit); justify-content: center; align-items: center; justify-content: space-evenly; }
.section_nav nav a{ font-size: 16px; font-weight: 600; text-align: center; background-color: #f5efea; border-radius: 2rem; padding: 2rem; }
.section_nav nav a:after{ z-index: 11; position: absolute; bottom: calc( var(--grid_gutter) * -0.6); left: calc(50% - var(--grid_gutter) * 0.5); width: var(--grid_gutter); height: 3px; background-color: var(--color_eleonore); content: ""; }
.section_nav nav a:hover{ color: var(--color_eleonore); }


/* section_hero */

.section_hero {  height: 45vw; top: 0; align-items: center; width: 100%; display: flex; align-items: center; justify-content: center;   }
.section_hero .img_wrapper{   border-radius: 2rem; overflow: hidden; width: 380px;  height:500px;   position: absolute;  margin: 0;  }
.section_hero .img_wrapper img{  z-index:3;position: absolute;  width: 100%; top: 0; left: 0;   height: 100%;  object-fit: cover;  }
.section_hero .img_wrapper::before{  z-index:5;  position: absolute; content: "";  width: 100%; top: 0; left: 0;   height: 100%;display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.4) 80%);  }
.section_hero .img_full_txt1{font-family: "RoboRecklessNeue"; font-weight: 500; font-weight: 400;letter-spacing:0; line-height: 1em; z-index:6; position: absolute;  white-space: nowrap;display: inline-block; color: var(--color_white); height: 1em; top: 50%; left: 100px; transform: translate(0%, -120%); }
.section_hero .img_full_txt2{  font-style: italic; font-weight: 400; letter-spacing:0;  line-height: 1em; z-index:6; position: absolute; white-space: nowrap; display: inline-block; color: var(--color_white); height: 1em;  position: absolute; top: 50%; left: 100px; transform: translate(0%, -20%); }
.section_hero .hero_suptitle{ color: var(--color_white); position: absolute; top: 160px; left: 50%; transform: translateX(-50%);   font-size: 28px; letter-spacing: 0.005em; margin-top: 10px;   } 
.section_hero nav{ position: absolute; bottom: 80px; gap: 20px; right: 0px; width: 300px; color: var(--color_white); display: flex; flex-direction: column;  }
.section_hero nav a{ font-size: 18px; font-style: italic; font-weight: 600; line-height: 1.3em; line-height: 1.2em; transition: all .2s ease-out; background-color: none; color: var(--color_white);  padding: 20px 20px 20px 40px ; border-radius: 1rem; }
.section_hero nav a:before{ content: ""; position: absolute; display: flex; align-items: center; justify-content: center; top: calc( 15px ); height: calc( 100% - 30px ) ; left:20px; width: 3px;  border-radius: 2px; z-index: 10; background-color: var(--color_white);   }
.section_hero nav a:hover:before{ background-color: var(--color_eleonore);   }
/* .section_hero nav a .icon{ display: none; opacity: 0; transition: all .1s ease-out 0s; position: absolute; display: flex; align-items: center; justify-content: center; top: calc( 50% - 15px ); height: 30px; right:10px; width: 30px;  border-radius: 100%; z-index: 10; background-color: var(--color_eleonore); background-color: var(--color_white);  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);   } */
.section_hero nav a .icon{ display: none; opacity: 0; transition: all .1s ease-out 0s; right:10px; width: 30px;  border-radius: 100%; z-index: 10;   }
.section_hero nav a:hover{ padding: 20px 60px 20px 45px ; }


/* .section_hero nav a:hover .icon{ opacity: 1; display: block; transition: all .1s ease-out .2s; } */
/* .section_hero nav a .icon svg path{ fill: white; } */

/* section_intro */

.section_intro{ padding-top: var(--gap_v); display: flex; flex-direction: column; gap:var(--gap_v) }
.section_intro .ligne1{ display: flex; justify-content: space-between;  }
.section_intro .ligne1 .intro_col1 { width: 60%; }
.section_intro .ligne1 .intro_col1 .list_field{ margin-top: 30px; font-weight: 500; }
.section_intro .intro_col1{ display: flex; flex-direction: column; gap: 80px; }
.section_intro .intro_col1 .flex_h { gap: var(--grid_unit) }
.section_intro .intro_img1{ border-radius: 2rem; overflow: hidden; left: 0; width:calc( var(--grid_3cols) + var(--grid_gutter) ); aspect-ratio: 1; }
.section_intro .intro_img2{ border-radius: 2rem; overflow: hidden; width:var(--grid_4cols); aspect-ratio: 3/4; }
.section_intro .intro_img3{ border-radius: 2rem; margin-left: var(--grid_4cols) ; overflow: hidden;width:var(--grid_3cols); aspect-ratio: 4/3; top:-80px }
.section_intro img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section_intro .intro_col2{ display: flex; flex-direction: column; gap: 40px; }
.intro_img1 {  position: relative; }
.intro_img1 img {  position: absolute;  top: 0;  left: 0;  width: 100%;  opacity: 0;  object-fit: cover;  transition: opacity 1s ease; }
.intro_col2 ul { display: flex; flex-direction: column; gap:10px }
.intro_col2 ul li{ padding-left: 30px; width: fit-content;  }
.intro_col2 ul li:before{ content:""; left: 0; width: 24px; height: 24px; position: absolute; background-image: url('../images/v.png') ; background-repeat: no-repeat; background-size: contain }



.section_footer{ background-color: var(--color_white); border-top: 3px solid var(--color_eleonore_light); }
.section_footer .header_cols{   padding: 60px 0; align-items: flex-start; display: flex; justify-content: space-between; }
.section_footer .logo{  font-size: 42px; letter-spacing: 0.005em; margin-top: 10px;   } 
.section_footer .col2{ align-items: flex-end; gap: 20px; display: flex; flex-direction: column;  }
.section_footer .col2 .ligne1{ align-items: center; display: flex; gap: 20px; }
.section_footer .col2 .ligne2{ align-items: center; display: flex; gap: 16px; }
.section_footer .cta_border{  border-color: var(--color_eleonore); }
.section_footer .cta_border:hover{ color: var(--color_eleonore); background: none; border-color: var(--color_eleonore); }

/* .section_footer .cta_border{ background-color: var(--color_white); color: var(--color_eleonore); } */
.section_footer svg path{ fill: var(--color_eleonore); }
.bg_lines_wrapper{ display: none; overflow: hidden; z-index: -1; mix-blend-mode: luminosity; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; }
.grain{ background-image: url('../images/grain.jpg'); opacity: 0.2; z-index: -1; mix-blend-mode: multiply; background-size: 100% auto; background-repeat: repeat-y; background-size: 100% auto;  position: absolute; top: 0; left: 0; width: 100vw; height: 100%; }
/* .bg_lines_wrapper{ z-index: -1; mix-blend-mode: luminosity; position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; } */
.bg_lines{ pointer-events: none; opacity: 1;  mix-blend-mode: multiply; position: absolute; width: 100%; top: 0; left: 0; max-height: none; height: 800vh;  opacity: 0.6; object-fit: cover; }


/* .section_events .img_wrapper::after{  z-index:4;  position: absolute; top: 0; left: 0; content: "";  width: 100%; height: 100%; display: block; background: linear-gradient(97deg, #00c07c 16.47%, #064a4f 80.49%, #064a4f 97.14%);  mix-blend-mode: screen;   } */


/* section_map */

.section_map{ padding: var(--gap_v) 0; position: relative; }
.section_map:before{  position: static; content: ""; width: 100%; height: 100%; opacity: 0.1; position: absolute; top: -200px; z-index: -1; left: 0; background:  url('../images/topographic.jpg'); background-size: 100% auto; }
.section_map .noise{ display: none;  z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0;/* background-image: url("../images/noise_hard.jpg"); background-size: 100% auto; background-repeat: repeat; mix-blend-mode: color-burn; opacity: 0.3; background: linear-gradient(white, #7f7f7fa3); */ background-color: #dedede; z-index: 4; }
.section_map .container{ padding-top: 150px; }
.section_map .intro{ z-index: 5; display: flex; position: absolute; top: 0px;  display: flex; flex-direction: column; gap:20px ;  width: var(--grid_5cols); }
.section_map .intro svg path{ fill: var(--color_txt);  }
.section_map .intro .flex_h{ align-items: center;  }


.section_map .eleonore_map{ padding: 0;   }
.section_map .map{ z-index:2;}
.section_map .map_legend{  position: absolute; top: 0px; right: 96px; width: 76px; }
.section_map .map_legend img{ mix-blend-mode: multiply; }
.section_map .map_icon{ position: absolute; border: 3px solid var(--color_eleonore); border-radius: 6px;}
.section_map .icons_wrapper{  z-index: 3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.section_map .map_pad{ pointer-events: none; border: 3px solid white; font-weight: bold; transition: all .17s ease-out; opacity: 0; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);; position: absolute;  z-index: 8; top: 0; left: 50%; transform: scale(.9) translate(-50%, calc(-100% + 40px ));  flex-direction: column; gap: 0;  width: 320px; padding:  0; align-items: center;  justify-content: center; text-align: center; justify-content: center; border-radius: 1rem; background: var(--color_white); }
.section_map .map_pad .map_pad_img{ object-fit: cover; border-radius: 1rem 1rem 0 0 ; width: 100%; aspect-ratio: 16/9; }
.section_map .visible{ z-index: 5; }
.section_map .visible .map_pad{ display: flex; transform: scale(1) translate(-50%, calc(-100% + 40px ));; opacity: 1; }
.section_map  .icon{  width: 50px; position: absolute;  transition: all .17s ease-out; }
.section_map .map_icon:hover{  cursor: pointer;  }
.section_map .map_icon .icon{  left: 50%; position: absolute; transform: scale(1) translate(-50%, -50px); transition: all .17s;  }
.section_map .map_icon:hover .icon{   transform: scale(1.1)  translate(-48%, -47px);  }
.section_map .map_icon:hover .circle { fill: var(--color_eleonore); }
.section_map .map_txt{ padding: 1rem; font-weight: 500; font-size: 16px; }

/* section_testim */
.section_testim:before{  position: static; content: ""; width: 100%; height: 100%; opacity: 0.1; position: absolute; top: 0px; z-index: -1; left: 0; background:  url('../images/topographic.jpg'); background-size: 100% auto; }

.section_testim{ /* background-image: url('../images/bg_testim.jpg'); */ padding: 180px; }
.section_testim .swiper{  width: 100%; max-width: 800px; overflow: visible; position: relative;  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);   background-color: var(--color_white); padding: 80px ; border-radius: 2rem; }
.section_testim .swiper .title{ font-size: 16px; z-index: 4; letter-spacing: 0.05em;   position: absolute; top:0%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: var(--color_txt); color: var(--color_white); font-weight: 500; padding: 10px 30px; border-radius: 5px; }
.section_testim .swiper .bt_prev{ position: absolute; top: 50%; left: 30px; width: 30px; height: 30px; border-radius: 30px; }
.section_testim .swiper .bt_next{ position: absolute; top: 50%; right:30px; width: 30px; height: 30px; border-radius: 30px; }
.section_testim .swiper .swiper-wrapper{ width: 100%; height: 100%; min-height: 150px; position: relative; }
.section_testim .swiper .swiper-slide{ justify-content: center; text-align: center; position: relative; top: 0; opacity: 0;  min-height: 150px; padding: 10px 60px; height: 100%!important; margin: 0; background: var(--color_white); width:100%!important; margin: auto; display: flex; flex-direction: column; gap: 20px; }
.section_testim .swiper .swiper-slide-visible{ opacity: 1; }
.section_testim .swiper-pagination-bullet-active{ background: var(--color_eleonore); }
.section_testim .swiper .swiper-slide .text{ opacity: 0; line-height: 2.1em;; transition: all .3s ease-out; transform: translateY(30px); }
.section_testim .swiper .swiper-slide-visible .text{ opacity: 1; line-height: 1.6em;  transition: all .9s ease-out;  transform: translateY(0px); }
.section_testim .swiper .swiper-slide .signature{ opacity: 0; transition: all .3s ease-out; transform: translateY(0px); }
.section_testim .swiper .swiper-slide-visible .signature{ opacity: 1;transition: all .3s ease-out 1s; transform: translateY(0px); }
.section_testim .swiper .bt_prev,
.section_testim .swiper .bt_next{ cursor: pointer; }




.section_localisation{ margin: 0; padding: 0%; height: 500px;  }
.section_localisation iframe{ height: 500px; border: none; position: relative; width: 100%; margin: 0; }





/* article_cards_grid */

.article_cards_grid{ display: grid;  padding-bottom: 80px; grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
.article_cards_grid .article_card{ background: var(--color_white); border-radius: 0 0 8px 8px; z-index: 2; width: 100%; padding: 0px; border-radius: 8px; }
.article_cards_grid .article_card:after{ border-radius: 8px;  background: var(--color_white);  z-index: -1; position: absolute; content: ""; display: block;  box-shadow: 0px 10px 20px 16px rgba(0, 0, 0, .05) ; width: 100%; height: 100%; top: 0; left: 0; }
.article_cards_grid .article_card .bottom{  padding: 30px 20px; width: 100%; height: calc(100% - 200px); gap: 20px;  display: flex; flex-direction: column;  justify-content: space-between; }
.article_cards_grid .article_card .text_wrapper{ width: 100%; display: flex; flex-direction: column; gap: 20px; }
.article_cards_grid .article_card .cover_wrapper{ background-color: #f5efea; border-radius: 8px 8px 0 0; overflow: hidden; width: 100%; margin: 0; height: 200px; float: right; object-fit: cover; }
.article_cards_grid .article_card .cover_wrapper img{ width: 100%; height: 100%;  object-fit: cover;}



.page_styleguide{ min-height: 200vh; }



/* page_articles */

.page_articles{ padding-bottom: 300px; background: top 70px left -20px no-repeat url(../images/bg_article_left.png), top 0px right -100px no-repeat url(../images/bg_article_right.png); }
.page_articles .bg_bottom{ position: absolute; bottom: 0; right: 60px;  }
.page_articles .article_cards_grid{ grid-template-columns: 1fr 1fr 1fr; }



/* page_article */
.page_blocks{ display: flex; flex-direction: column; gap: 3rem; }
.page_blocks .cover_wrapper{ border-radius: 8px; overflow: hidden; width: 100%; aspect-ratio: 16/9; float: right;  height: auto; object-fit: cover; }
.page_blocks .cover_wrapper img{ width: 100%; height: 100%;  object-fit: cover;}
.page_blocks .page_title{ max-width: 32ch; }
.page_blocks h2{ font-size: 2.25rem; margin-bottom: 2rem;  margin-top: 2rem; }
.page_blocks h3{ font-size: 1.5rem; margin-bottom: 2rem;  margin-top: 2rem; }
.page_blocks p{ margin-bottom: 1rem; font-weight: 400; }
.page_blocks ul{  margin-bottom: 1rem; margin-left: 2rem; }
.page_blocks li{ list-style: disc; } 

.page_article  .title_next{ text-align: center; width: 100%; padding: 2rem; font-family: droid-serif, serif; font-weight: 700;  font-style: normal;  font-size: 2.9rem;  letter-spacing: -2px;  color: #1d1d1b; }
.page_article .section_block{ margin-top: 40px; margin-bottom: 40px;  }
.page_article .section_block.container_full{  margin-top: 80px; margin-bottom: 80px;  }

/* blocks  */

.page_block.block-type-heading h1{ font-weight: bold; }
.page_block.block-type-heading h2{ font-weight: bold; }
.page_block.block-type-heading h3{ font-weight: bold; }
.page_block.block-type-heading h4{ font-weight: bold; }
.page_block.block-type-video {  aspect-ratio: 16/9; width: 100%; max-width: 920px; }
.page_block.block-type-video figure { border: none; width: 100%; height: 100%; margin: 0;  }
.page_block.block-type-video iframe{ border: none; width: 100%; height: 100%; margin: 0; }
.page_block.block-type-citation{ letter-spacing: 0.01em; padding: 40px  0 40px 0 ; text-align: center;font-size: 1.3rem; line-height: 1.5em; font-weight: 700; font-style: italic;  }
.page_block.block-type-citation blockquote{ max-width: 48ch; margin: auto; }
.page_block.block-type-button{ padding: 40px; display: flex; justify-content: center; }
.page_article .bt_back{ margin: 40px auto 120px auto; }
.page_block.block-type-exergue .cols{  grid-template-columns: 1fr 1fr;   display: grid; height: auto; justify-content: center;  }
.page_block.block-type-exergue .col1{ width: 100%;   padding: 120px 40px; display: flex; gap: 30px; flex-direction: column;     justify-content: center;  }
.page_block.block-type-exergue .col2{ width: 100%; height:100%;   display: flex; flex-direction: column; justify-content: center; }
.page_block.block-type-exergue .col2 .cover{ width: 100%; height: 100%;  }
.page_block.block-type-exergue .col2 .cover img{ width: 100%; height: 100%; object-fit: cover; }
.page_block.block-type-exergue .exergue_wrapper .titre{ margin: 0; position: relative; }
.page_block.block-type-exergue .exergue_wrapper .titre:after{ z-index: 3;  content: "";  display: inline-block;  position: absolute; top: 50%; transform: translateY(-50%);  right: -125px;  width: 100px;  height: 5px;  border-color: #371d00;  border-top: 1px solid;  border-bottom: 1px solid;  }
.page_block.block-type-exergue .exergue_wrapper{ width: 100%; margin: auto; max-width: var(--site_slim_width);  }

.page_block.block-type-image{ width: 720px; max-width: 100%; }
/* section_activite */
.section_activite { padding-top: 96px; }
.section_activite .container{ display: flex; gap: calc( var(--gap_v) * 2 ); flex-direction: column; justify-content: center;  align-items: center; }
.section_activite .activity{  padding-left: 0; padding-right: 100px;align-items: center; width: auto;   display: flex; gap: 26px;     align-items: flex-start; }
.section_activite .activity:nth-child(odd){ padding-left: 100px; padding-right: 0; flex-direction: row-reverse;  }
.section_activite .activity .col0{ width: 120px; padding: 30px 0px; vertical-align: top;  }
.section_activite .activity .col1{ width: auto; padding: 0 ;  }
.section_activite .activity .col2{ width: auto; }
.section_activite .activity .col2 .img_wrapper{ margin: 0 80px; overflow: hidden; border-radius: 2rem;  height: var(--grid_3cols); aspect-ratio: 1.4; }
.section_activite .activity .col2 .img_wrapper img{  position: absolute;  width: 100%; max-height: none; height: 110%; top: -5%; object-fit: cover;}
.section_activite .activity .icon{  width: auto; height: 80px; margin: 10px 0 0px 0px; transform: translateX( 00px );  }
.section_activite .activity .icon img{ object-fit: contain; }
.section_activite .activity .icon path{ fill:var(--color_eleonore_icon) }
.section_activite .activity .flex_h{ transform: translateX(-40px); gap: 15px; margin-top: 5px; align-items: center;  }
.list_field ul { display: flex; flex-direction: column; gap:10px }
.list_field ul li{ padding-left: 30px; width: fit-content;  }
.list_field ul li:before{  background-position: center; content:""; left: 0; width: 14px; height: 100%; position: absolute; background-image: url('../images/v.png') ; background-repeat: no-repeat; background-size: contain; background-position: center; }


.section_reservation{ padding-top: 15px }
.section_reservation .pad{ width: 720px; max-width: 96%;  }
.section_reservation .pad{ background-image: url("../images/fougere.png"); background-color: #fff; background-repeat: no-repeat; background-size: 920px auto; background-position: 260px top; }

.section_reservation .pad .col1{ width: 100%; padding: 40px; }
.section_reservation .phone_number{ display: flex; float: right; font-weight: bold; flex-direction: row; align-items: center; gap:1rem ; margin: 2rem 0 0 0 ;}
.section_reservation .img_wrapper{ height: 100%; }

.block-type-gallery{  }
.block-type-gallery .swiper_gallery{ border: 2px solid red;  }
.block-type-gallery .swiper_gallery .swiper_slide{ border: 2px solid red;  }

.gallery_mosaique{     justify-content: center; display: flex; gap: 30px; flex-wrap: wrap; }
.gallery_mosaique img{ border-radius: 1rem; width: var(--grid_3cols); aspect-ratio: 1; overflow: hidden; object-fit: cover; }

/* section_fullimg */

.big_green_section .img_full_txt2{ font-style: italic; }
.pad{ box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);; position: relative; z-index: 8; bottom: 0; display: flex; gap: 60px; width: fit-content;  max-width: 80%; padding:  2rem; border-radius: 2rem; background: var(--color_white); }
.pad .col2 img{ width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 1rem;}
.pad .col1{ justify-content: space-around; width: var(--grid_4cols); display: flex; flex-direction: column; gap: 30px; }
.pad .col2{ width: var(--grid_3cols); display: flex; flex-direction: column; gap: 20px; }


.big_green_section{ margin-top: 80px;  }
.big_green_section .img_wrapper{ position: absolute; top: 0; left: 0;  width: calc(100% - var(--grid_gutter) * 2 ) ;  margin: 0 var(--grid_gutter); width:100%; margin: 0;; aspect-ratio: 16/7;  overflow: hidden;  border-radius: 2rem;  border-radius: 0 }
.big_green_section .img_wrapper img{  z-index: 3; top:0; left: 0;  width:100%; height: 120%; transform: translateY(-10%); max-height: none; object-fit: cover; position: absolute; }
.big_green_section .img_full_txt1,
.big_green_section .img_full_txt2{ line-height: 1em; } 
.big_green_section .head{ align-items: center; text-align: center; color: var(--color_white); display: flex; gap: 10px; flex-direction: column; }
.big_green_section .content{ display: flex; padding: var(--gap_v) 0; position: relative; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: flex-start; gap: 30px; flex-direction: column; gap: var(--gap_v); align-items: center; }
.big_green_section .img_wrapper::before{ border-radius: 2rem; z-index:5;  position: absolute; content: "";  width:  calc(100%  ); top: 0; left:0;   height: 100%;display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 80%);  border-radius: 0;  }

.section_events .pad { margin-top: 40px; padding-top: 60px; }
.section_events .pad .pad_title{ letter-spacing: 0.05em; background: var(--color_txt); color: var(--color_white); font-weight: 500; text-transform: uppercase; font-size: 14px; z-index: 4;   position: absolute; top:0%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 10px 30px; border-radius: 5px; }
.section_events .items{ display: flex; flex-direction: column; }
.section_events .item{ width:720px; max-width: 100%; display: flex; gap: 40px;  }
.section_events .item .col1{ display: flex; flex-direction: column; gap: 5px; }
.section_events .pad .col1{ width: 100%; }

.section_visite{ margin-top: 0; padding-top: 50px; z-index: 4; }
.section_visite .pad{ background-image: url("../images/fougere.png"); background-color: #fff; background-repeat: no-repeat; background-size: 520px auto; background-position:  90% bottom; }

/* page_article */
.page_blocks{ display: flex; flex-direction: column; gap: 3rem; }
.page_blocks .cover_wrapper{ border-radius: 8px; overflow: hidden; width: 100%; aspect-ratio: 16/9; float: right;  height: auto; object-fit: cover; }
.page_blocks .cover_wrapper img{ width: var(--grid_4cols); aspect-ratio: 4/3; height: 100%;  object-fit: cover;}
.page_blocks .page_title{ max-width: 32ch; }
.page_blocks h2{ font-size: 2.25rem; margin-bottom: 2rem;  margin-top: 2rem; }
.page_blocks h3{ font-size: 1.5rem; margin-bottom: 2rem;  margin-top: 2rem; }
.page_blocks p{ margin-bottom: 1rem; font-size: 18px; line-height: 1.55em; }
.page_blocks ul{  margin-bottom: 1rem; margin-left: 2rem; }
.page_blocks li{ list-style: disc; } 
.page_article .section_block{ margin-top: 40px; margin-bottom: 40px;  }
.page_article .section_block.container_full{  margin-top: 80px; margin-bottom: 80px;  }


/* blocks  */

.page_block.block-type-heading h1{ font-weight: bold; }
.page_block.block-type-heading h2{ font-weight: bold; }
.page_block.block-type-heading h3{ font-weight: bold; }
.page_block.block-type-heading h4{ font-weight: bold; }
.page_block.block-type-video {  aspect-ratio: 16/9; width: 100%; border-radius: 2rem; overflow: hidden; }
.page_block.block-type-video figure { border: none; width: 100%; height: 100%; margin: 0;  }
.page_block.block-type-video iframe{ border: none; width: 100%; height: 100%; margin: 0; }


.page_block.block-type-citation{  max-width: 580px; text-align: left; padding: 20px  40px; margin: 20px; border-left: 3px solid var(--color_eleonore) ; border-radius: 3px; font-size: 32px; line-height:1.3em; font-family: "RoboRecklessNeue"; color: var(--color_alt);   }
.page_block.block-type-citation blockquote{ max-width: 48ch; margin: auto; }
.page_block.block-type-citation footer{ position: relative;  margin-top: 40px; font-size: 1rem; color: var(--color_txt); }
.page_block.block-type-citation footer::before{ content: ''; position: absolute; top: -20px; left: calc(50% - 20px); width: 40px; background-color: var(--color_txt); height: 1px; display: block;  }


.page_block.block-type-button{ padding: 40px; display: flex; justify-content: center; }
.page_article .bt_back{ margin: 40px auto 120px auto; }

.article_content{ padding-bottom: 120px; }
.template_article{   display: flex; flex-direction: column; gap: 80px; }




/* page_intro */

.page_intro_wrapper{ display: flex; gap: 60px;  width: 80%; margin: auto;  }
.page_intro_wrapper .cover_wrapper{ width: 40%; }
.page_intro_wrapper .cover_wrapper img{ object-fit: cover; aspect-ratio: 3/4;  border-radius: 2rem; }
.page_intro_wrapper .intro_txt{ width: 60%; font-size: 1.3rem; display: flex; flex-direction: column; padding-top: 0px; gap: 13px; }





.page_subtitle{  max-width: 580px; text-align: left; padding: 10px  40px; margin: 20px 0; border-left: 3px solid var(--color_eleonore) ; border-radius: 3px; font-size: 32px; line-height:1.3em; font-family: "RoboRecklessNeue"; color: var(--color_alt);   }



.page_blocks .container_nolimit{ background-color: var(--color_foen7); padding: 120px; border-radius: 100px 100px 0 0; }

.page_blocks .block-type-heading{ max-width: 620px; width: 100%; display: flex; align-items: flex-start;  margin: auto; }


.page_blocks .block-type-heading h2,
.page_blocks .block-type-heading h3,
.page_blocks .block-type-heading h4{ color: var(--color_txt_alt);  font-size: 26px;  font-weight: 600;  font-style: normal;  margin:.2em 0 ; }


.page_blocks .block-type-heading h2{ font-size: 50px; }
.page_blocks .block-type-heading h3{ font-size: 26px; }
.page_blocks .block-type-heading h4{ font-size: 24px; }


.page_blocks .paragraphe { max-width: 620px;  display: flex; flex-direction: column; gap: 1em;    margin: auto; }
.page_blocks .paragraphe h2,
.page_blocks .paragraphe h3,
.page_blocks .paragraphe h4{ color: var(--color_txt_alt);  font-size: 26px; font-weight: 600;  font-style: normal; margin:1em 0  1em 0 ; }



.page_blocks .paragraphe h2{ font-size: 26px; }
.page_blocks .paragraphe h3{ font-size: 26px; }
.page_blocks .paragraphe h4{ font-size: 24px; }


.page_blocks .article_blocks{ display: flex;     align-items: center; flex-direction: column; gap: 40px; }
.page_blocks .block-type-image figure{ width: 100%; margin: 0; }
.page_blocks .block-type-image figure img{  width: 100%; object-fit: cover; aspect-ratio: 16/9; border-radius: 2rem; }
.page_blocks .block-type-image figure figcaption{ margin: 1em; }
.page_blocks .block-type-image .copyright{ font-size: 12px; position: absolute; bottom: 10px; right: 20px; }


/* footer */


/*


/^^^^^^^                                                                        
/^^    /^^                                                                      
/^^    /^^          /^^          /^^^^      /^ /^^        /^^^^      /^^     /^^
/^ /^^            /^   /^^      /^^         /^  /^^      /^^          /^^   /^^ 
/^^  /^^         /^^^^^ /^^       /^^^      /^   /^^       /^^^        /^^ /^^  
/^^    /^^       /^                 /^^     /^^ /^^          /^^        /^/^^   
/^^      /^^       /^^^^        /^^ /^^     /^^          /^^ /^^         /^^    
                                            /^^                                 


*/



@media ( max-width: 800px){

  :root {
  --gap_v: 40px;
  }

  header, section, main{ max-width: 100vw; overflow-x: hidden; }
  body { font-size: 13px; }
  
  .main_container{ padding-top: 40px; padding-bottom: 40px; }
  .txt_150 { font-size: 45px;  }
  .txt_72 , .txt_72 p { font-size: 32px; line-height: 1; letter-spacing: -0.03em;  }
  .title_m { font-size: 24px; line-height: 1.25em; }
  .txt_38 { font-size: 25px; line-height: 1; letter-spacing: -0.03em;  }
  .txt_31{ font-size: 24px; line-height: 1.45em;  }
  .txt_14{ font-size: 12px; }
  .title_54{ font-size: 42px; }
  .txt_18{ font-size: 16px; }

  .cta_border {  border: 2px solid var(--color_eleonore);    font-size: 12px;    padding: 6px 17px; }

  .container{ padding-left: 30px; padding-right: 30px; }
  .icon_burger{ z-index: 100; transition: all .17s; display: flex; gap: 3px; flex-direction: column;justify-content: center;  align-items: center;  justify-items: center; width: 40px; height: 40px;  border-radius: 100%; position: fixed; top: 40px; right: 10px; border: 1px solid var(--color_txt); border-radius: 40px; padding: 10px; }
  .icon_burge:hover{ gap: 5px; }
  .icon_burger span{ transition: all.17s; transform-origin: center; width: 18px; height: 2px; background-color: #18100d; border-radius: 2px; }

  .shownav .icon_burger span{ position: absolute; }
  .shownav .icon_burger span:nth-child(1){ transform: rotate(45deg)  }
  .shownav .icon_burger span:nth-child(2){ transform: rotate(-45deg)}


  .shownav .navbar{  transform: translateY(0%);   visibility: visible; opacity: 1; }
  .navbar{  justify-content: center; min-height: 100vh; transition: all .3s; visibility: hidden; opacity: 0; display: flex; transform: translateY(-50px); background-color: #dfdfdf; flex-direction: column; z-index: 90;  gap: 1rem; position: fixed; top: 0px; left: 0; width: 100%;  }
  .pad { padding: 1rem; }

  /* section_header */

  .section_header .logo { font-size: 8vw; text-align: center;  } 
  .section_header .header_cols{ flex-direction: column; gap: 30px; padding: 30px; }
  .section_header .col2 .ligne1{ flex-direction: column; gap: 30px; text-align: center; justify-content: center; }
  .section_header .ligne_col{ text-align: center; }


  /* hero */



  .section_hero{ width: 100%; height: 50vh;  }


  .section_hero .img_wrapper{ width: 96vh; height: 50vh; padding: 0; top: 0px; }
  .section_hero .img_full_txt1{ top: 110px; font-size: 12vw; left: 40px; }
  .section_hero .img_full_txt2{ top: 130px; font-size: 12vw; left: 60px; }
  .section_hero nav{ bottom: 0; padding: 1rem; right: auto; left: auto; width: 100%; gap: 6%;  display: flex; flex-direction: row;  flex-wrap: wrap; }
  .section_hero nav a{ width: 47%; font-size: 3.4vw; }
  .section_hero .img_wrapper::before{ background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 80%); }



  /* section_activite */
  .section_activite .activity:nth-child(odd),
  .section_activite .activity {    flex-direction: column; width: 100%; padding: 0; }
  .section_activite .activity .col2 {   width: 100%; }
  .section_activite .activity .col2 .img_wrapper{   width: 100%; height: auto; margin: 0; }
  .section_activite .activity .col2 .img_wrapper img{ position: relative; width: 100%; height: auto; margin: 0; border-radius: 1rem; }
  .section_activite .activity .icon{ position: absolute; top: 0px; right: -20px; opacity: 0.5; width: 100px; }

  /* section_events */

  .section_events .item { flex-direction: column; }
  .section_events .pad .col2{ width: 100%;}
  .section_events .item .col1{ gap: 20px; }
  .pad .col2 img{ aspect-ratio: 1; width: 60%; }
  .section_events .pad .pad_title{ text-align: center; font-size: 10px; white-space: nowrap; }


  /* section_testim */
  .section_testim{ padding: 0; }
  .section_testim .swiper{ padding: 10px 0 60px 0; border-radius: 0;  margin-top: 30px; }
  .section_testim .swiper .swiper-slide .text{ font-size: 14px; padding: 20px 60px; }
  .section_testim .swiper .bt_prev{ left: 10px; }
  .section_testim .swiper .bt_next{ right: 10px; }
  .section_testim .swiper .swiper-slide{ padding: 0;  }


  /* section_footer */
  .section_footer{ max-width: 100vw; overflow-x: hidden; }
  .section_footer .header_cols{ flex-direction: column; gap: 40px; }
  .section_footer .col2 .ligne1{ flex-direction: column; align-items: center; text-align: center; justify-content: center; gap: 30px; }

  .section_footer .col2 { align-items: center; gap: 20px; display: flex;  width: 100%; flex-direction: column; }
  .section_footer .col2 .ligne2 { flex-direction: column; }
  .section_testim .swiper .swiper-slide .text{ transform: none; }

  .list_field ul li{ font-size: 14px; }
  .list_field ul{ gap: 5px; }

  /* section_localisation */
  .section_localisation,
  .section_localisation iframe{ width: 100vw; height: 60vh; }



  /* .section_map */
  
  .section_map .intro{ position: relative;  width: 100%; max-width:100vw; overflow-x: hidden; padding-right: 80px; }
  .section_map .intro svg{ display: none; }
  .section_map .eleonore_map{ width: 140%; left: -20%;         margin-top: 60px; }
  .section_map .icon{ width: 30px; }
  .section_map .map_legend {    right: 26px;    top: 32px;    width: 49px; }
  .section_map .map_icon .icon{   transform: scale(1) translate(-50%, -46px);  }
  .section_map .map_pad{ width: 80vw; position: fixed; top: 30px; left: 10vw; transform: none; }
  .section_map .visible .map_pad{ transform: scale(1);  }


  .section_testim .swiper .title {  font-size: 10px; }

/*   
  .hero{ padding: 220px 40px; }
  .hero .central_wrapper{ width: 100%; }
  .hero .hero_slides_wrapper{  width: 60vw; height: 70vw; }
  .hero .suptitle{  width: 100%;  text-align: center;}
  .hero .herotxt{ font-size: 12vw; }
  .hero .herotxt.left {  left: 50%; top: 40vw; transform: translateY(-.5em) translateX(calc(-100% + 90px)); }
  .hero .herotxt.right { left: 50%; top: 40vw;  transform: translateY(.5em) translateX(calc(-48px)); }
   */
  /* section_intro */
  .section_intro {  padding-top: 40px;  padding-bottom: 0px;  }
  .section_intro .container{ padding-right: 30px; }
  .section_intro .cols{ width: 100%; flex-direction: column; left: 0; }
  .section_intro .cols .col1,
  .section_intro .cols .col2{ width: 100%;   }
  .section_intro .fly_img1 { top: -360px; left: -28px; } 
  .section_intro .fly_img2 { top: -260px; } 
  .section_intro .fly_img3 {  width: 180px; height: 134px;  bottom: -160px; left: -32px; }
  .section_intro .fly_img4 {  width: 330px;  height: 194px;  bottom: -300px;  right: -74px; }
  .section_intro .ligne1 { flex-direction: column; }
  .section_intro .ligne1 .intro_col1{ width: 100%; }
  .section_intro .ligne1 .intro_col1 .flex_h{ flex-direction: column; }
  .section_intro .intro_img1{ width: 60%;  border-radius: 1rem;}
  .section_intro .ligne1{ gap: 40px; }
  .section_intro .intro_img2{ width: 50vw; border-radius: 1rem; }
  .section_intro .intro_img3{ margin: 0; border-radius: 1rem; }
  .section_intro .flex_h { justify-content: flex-end; }

  .section_visite .pad{ max-width: 90%; width: 90%; flex-direction: column-reverse; }
  .section_visite .pad .col1{ width: 100%; }
  .section_visite .pad .col2 img{ aspect-ratio: 16/9; }
  .section_visite .pad .col2{ width: 100%; }
  .big_green_section .img_wrapper{ aspect-ratio: 4/3; }

  .page_intro_wrapper{ width: 100%; flex-direction: column; }
  .page_intro_wrapper .cover_wrapper{ width: 100%;  }
  .page_intro_wrapper .intro_txt{ width: 100%; padding-left: 30px; padding-right: 30px; }


  .page_intro_wrapper .cover_wrapper img{ border-radius: 0; aspect-ratio: 16/9; }

  .page_blocks .block-type-heading h2{ font-size: 38px; }
  .page_blocks p{ font-size: 16px; }
  .page_block.block-type-citation{ padding: 30px; max-width: none; width: 100%; font-size: 21px; }

  .section_footer .logo{ text-align: center; }
  .section_reservation .pad .col1{ padding: 20px; }
  .section_visite .pad{ background: white ; }
  .section_map .container{ padding-top: 0; }
  .section_map .intro{ z-index: 0; }
  .section_activite .activity .flex_h{ transform: translate(0); }
  .section_activite .activity .flex_h .icon{ right: -80px;  }
  .section_activite .container{ gap: 60px; }
  .pad { max-width: 96%; }

}


@keyframes fadeIn{
  to { opacity: 1; transform:translate3D(0,0,0) }
}


@keyframes anim_herotxt_left{
  0% {  opacity: 0; transform: translateY(-1em) translateX(0); }
  100% { opacity: 1; transform: translateY(-1em) translateX(calc( 200px)); }
}


@keyframes anim_herotxt_right{
  0% {  opacity: 0;  transform: translateY(0em) translateX(-100%); }
  100% { opacity: 1;  transform: translateY(0em) translateX(200px); }
}



@keyframes anim_titre_banner{
  0% {   width: 100%;   }
  100% {  width: 0%; }
}


@keyframes loop{
  0% {
    transform: rotateZ(0deg)    ;
  }
  50% {
    transform: rotateZ(175deg) ;
  }
  100% {
    transform: rotateZ(350deg)  ;
  }
}

@keyframes anim_h1_mask{
  0% {   width: 130%; left: 0;   }
  100% {  width: 0%; left: 130%; }
}


@keyframes anim_h1_submask{
  10% {   width: 0%; left: 0;   }
  50% {   width: 80%; left: -2%;   }
  100% {  width: 0%; left: 102%; }
}

@keyframes anim_h1{
  0% { opacity: 0; transform: translate3d(10%,0,0) scaleX(1.2);  }
  100% { opacity: 1; transform: translateX(0px,0,0) scaleX(1); }
}


@keyframes anim_img_intro{
  0%  { opacity: 0; transform:scale(1.05) rotate(2deg)}
  100%  { opacity: 1; transform:scale(1) rotate(0deg) }
}


@keyframes anim_img_header{
  0%  { filter: brightness(10) grayscale(1);}
  100%  { filter: brightness(1.3) grayscale(1);}
}