@font-face{
  font-family:'Montserrat';
  font-style:normal;
  font-weight:normal;
  src:local('Montserrat'), local('Montserrat Regular'), local('Montserrat-Regular'), url('fonts/Montserrat-Regular.woff2') format('woff2');
}
@font-face{
  font-family:'Montserrat';
  font-style:normal;
  font-weight:600;
  src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('fonts/Montserrat-SemiBold.woff2') format('woff2');
}
@font-face{
  font-family:'Signika';
  font-style:normal;
  font-weight:300;
  src:local('Signika Light'), local('Signika-Light'), url('fonts/Signika-Light.woff2') format('woff2');
}
@font-face{
  font-family:'Signika';
  font-style:normal;
  font-weight:600;
  src:local('Signika SemiBold'), local('Signika-SemiBold'), url('fonts/Signika-SemiBold.woff2') format('woff2');
}
@font-face{
  font-family:'Signika';
  font-style:normal;
  font-weight:700;
  src:local('Signika Bold'), local('Signika-Bold'), url('fonts/Signika-Bold.woff2') format('woff2');
}
*{
  margin:0;
  padding:0;
  border:0;
}
body{
  font-family:'Montserrat', Arial, sans-serif;
  font-size:medium;
  color:#00202D;
  background:#F3F1E7;
}
#menu{
  position:fixed;
  z-index:3;
  display:flex;
  justify-content:space-between;
  margin:0 auto;
  width:95%;
  padding:0 2.5%;
  background:#E7F3F4;
}
#menu_haut{
  display:flex;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  transition:.2s ease;
}
#menu_haut h2{
  padding:5px 0;
  width:20%;
}
#menu_haut h2 img{
  width:100%;
  max-width:153px;
  max-height:120px;
}
#menu_nav{
  padding:25px 0 0 0;
  width:80%;
  display:flex;
  justify-content:flex-end;
  align-items:stretch;
  list-style:none;
}
#menu_nav>li{
  position:relative;
  flex:1 1 auto;
}
#menu_nav>li>a{
  display:block;
  box-sizing:border-box;
  padding:0 2.5%;
  height:100%;
  font-family:'Signika';
  font-weight:600;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
}
#menu_nav>li a:hover ,
#menu_nav>li a.active{
  color:#1E8698;
}
#menu_nav_activites_nautiques:hover ,
#menu_nav_activites_nautiques>a.active{
  background:url(../images/bg-nav-activites_nautiques.webp) no-repeat bottom 10px center;
}
#menu_nav_activites_terrestres:hover ,
#menu_nav_activites_terrestres>a.active{
  background:url(../images/bg-nav-activites_terrestres.webp) no-repeat bottom 10px center;
}
#menu_nav_groupes_scolaires:hover ,
#menu_nav_groupes_scolaires>a.active{
  background:url(../images/bg-nav-groupes_scolaires.webp) no-repeat bottom 10px center;
}
#menu_nav_ce:hover ,
#menu_nav_ce>a.active{
  background:url(../images/bg-nav-ce.webp) no-repeat bottom 10px center;
}
#menu_nav>li>ul{
  display:none;
  position:absolute;
  flex-wrap:wrap;
  width:100%;
  box-sizing:border-box;
  padding:20px 20px 10px;
  background:#E7F3F4;
  list-style:none;
}
#menu_nav>li:hover>ul{
  display:flex;
  width:200%;
}
#menu_nav>li>ul>li{
  width:50%;
  box-sizing:border-box;
  margin-bottom:10px;
  padding-left:25px;
  font-family:'Signika';
  font-size:0.8em;
  font-weight:300;
  background:url(../images/bg-vagues.webp) no-repeat center left;
}
#menu_gauche,
#menu .reseaux{
  position:absolute;
  top :calc(130px + 5vh);
  left:2.5vw;
  width:40px;
  padding:10px 5px;
  background:#FFF;
  border-radius:50px;
  border:2px solid #1E8698;
  list-style:none;
  transition:.2s ease;
}
#menu_gauche li:not(:last-child),
#menu .reseaux li:not(:last-child){
  margin-bottom:2.5vh;
}
#menu_gauche a{
  position:relative;
}
#menu_gauche img{
  filter:brightness(0);
}
#menu_gauche span{
  display:none;
}
#menu_gauche a:hover img,
.reseaux a:hover img{
  filter:none;
}
#menu_gauche a:hover span{
  display:block;
  position:absolute;
  top:0;
  left:70px;
  padding:5px;
  height:14px;
  background:#1E8698;
  color:#FFF;
  font-size:0.8em;
  white-space:nowrap;
}
#menu_gauche a:hover span::before{
  content:'';
  position:absolute;
  top:0;
  left:-16px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-right:16px solid #1E8698;
}
#menu .reseaux{
  position:absolute;
  top :70vh;
  width:30px;
}
#menu.scrolled #menu_haut{
  margin-top:-130px;
}
#menu.scrolled #menu_gauche,
#menu.scrolled .reseaux{
  margin-left:calc(-2.5vw + -54px);
}
.reseaux img{
  width:30px;
  filter:grayscale(1);
}
header{
  height:30vh;
  padding:60vh 10% 10vh;
  display:flex;
  flex-direction:column;;
  justify-content:flex-start;
  align-items:flex-end;
  color:#FFF;
  background:none no-repeat center center;
  background-image:url(../images/bg-base-nautique-1.webp);
  background-size:cover;
  font-family:'Signika';
}
header .bfleche{
  left:calc(50% + -8px);
  bottom:2.5vw;
  width:8px;
  padding:8px 4px;
  border-radius:8px;
}
header h1{
  font-weight:700;
  font-size:3.8em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:6px 3px 3px #000;
}
header h2{
  margin-top:0.8em;
  padding:10px;
  font-weight:500;
  font-size:1.3em;
  text-align:center;
  text-transform:uppercase;
  background:#1E8698;
}
footer{
  position:relative;
  color:#FFF;
  background:#00202D;
  font-size:0.8em;
}
footer>div:first-of-type{
  padding:5vw 5vw 0;
  display:flex;
  justify-content:space-around;
}
footer>div:first-of-type>*{
  width:30%;
}
footer h2{
  font-family:'Signika';
  font-size:1.2em;
  font-weight:600;
  text-transform:uppercase;
}
footer h3{
  font-family:'Signika';
  font-weight:600;
}
#footer_coordonnees > p{
  padding:1em 0;
}
#footer_coordonnees > p:last-of-type{
  border-top:1px solid transparent;
  border-image:linear-gradient(to right, #1E8698 0 40%, transparent 40%) 1
}
footer a:link,
footer a:active,
footer a:visited{
  color:#FFF;
}
footer ul{
  list-style:none;
}
footer ul li{
  margin-bottom:1em;
}
footer .bouton,
footer .bouton:link,
footer .bouton:active,
footer .bouton:visited{
  box-sizing:border-box;
  width:70%;

}
footer .reseaux::before{
  content:'Suivez-nous';
}
footer .reseaux{
  display:flex;
  align-items:center;
}
footer .reseaux li{
  margin:5px;
}
footer nav:last-child ul{
  padding-left:10px;
  border-left:1px solid #1E8698;
  font-family:'Signika';
  font-weight:600;
  text-transform:uppercase;
}
footer .bfleche{
  right:2.5vw;
  bottom:5vw;
}
.easyloisirs_module{
  position:absolute;
  display:none !important;
  /* padding:0 !important;
  height:10px;
  width:10px;
  overflow:hidden;
  opacity:0; */
}
#footer_legals{
  margin-top:2.5vw;
  padding:0;
  width:100%;
  max-width:none;
  border-top:1px solid #FFF;
}
#footer_legals p{
  margin:0;
  padding:10px;
  font-size:0.8em;
  font-weight:300;
  text-align:center;
}
section{
  flex:1 1 auto;
  overflow:hidden;
}
.fil_ariane{
  width:90%;
  padding:20px 5% 0;
  font-family:'Signika';
  font-size:0.7em;
  font-weight:300;
  text-align:center;
  text-transform:uppercase;
}
.fil_ariane strong{
  color:#1E8698;
  font-weight:300;
}
/* Accueil */
#accueil_actualites{
  background:#00202D;
  color:#FFF;
}
#accueil_actualites h2{
  text-align:left;
}
#accueil_actualites h2 strong{
  color:#FFF;
}
#actus li h3{
  margin-bottom:10px;
}
#actus li img{
  width:100%;
  margin-bottom:10px;
}
#actus li a{
  margin-top:10px;
  display:block;
  width:100%;
  color:#1E8698;
  text-align:right;
  text-decoration:none;
}
#eau_terre{
  background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 1) 100%), url(../images/bg-plan-eau.webp) no-repeat center center;
  background-size:cover;
}
#eau_terre .boutons>*,
#eau_terre .boutons>*:link,
#eau_terre .boutons>*:active,
#eau_terre .boutons>*:visited{
  background:rgba(255, 255, 255, 0.5);
}
#accueil_activites{
  display:block;
  width:100%;
  height:40vw;
  max-height:550px;
  margin-bottom:5vw;
}
#accueil_activites ul{
  width:calc(100% + -2vw);
  height:calc(100% + -1vw);
  display:grid;
  grid-template-columns:50% 25% 25%;
  grid-template-rows:50% 50%;
  grid-gap:1vw;
}
#accueil_activites ul > li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  list-style:none;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
#accueil_activites ul > li:nth-of-type(1){
  grid-column:1;
  grid-row:1 / 3;
  background-image:url(../images/bg-catamaran.webp);
}
#accueil_activites ul > li:nth-of-type(2){
  grid-column:2 / 4;
  grid-row:1;
  background-image:url(../images/bg-vtt.webp);
}
#accueil_activites ul > li:nth-of-type(3){
  grid-column:2;
  grid-row:2;
  background-image:url(../images/bg-tir_a_l_arc.webp);
}
#accueil_activites ul > li:nth-of-type(4){
  grid-column:3;
  grid-row:2;
  background-image:url(../images/bg-ce_paddle.webp);
}
#accueil_activites ul a,
#activites nav:not(.boutons) a{
  display:flex;
  width:calc(100% + -2vw);
  height:100%;
  box-sizing:border-box;
  margin:1vw;
  padding:2.5vw;
  justify-content:center;
  align-items:flex-end;
  text-decoration:none;
  text-shadow:4px 2px 2px #000;
  transition:.2s ease;
}
#accueil_activites ul h3,
#activites h3{
  color:#FFF;
  text-transform:uppercase;
}
#accueil_activites ul a:hover,
#activites ul a:hover{
  align-items:center;
  background:rgba(0, 32, 45, 0.5);
}
#eau_terre .boutons,
#activites .boutons{
  width:50%;
  margin:0 auto;
}
/* Activités nautiques */
.activites_nautiques header{
  background-image:url(../images/activites-nautiques/bg-catamaran-planche.webp);
}
.activites_nautiques-big_sup header{
  background-image:url(../images/activites-nautiques/bg-big_sup.webp);
}
.activites_nautiques-canoe header{
  background-image:url(../images/activites-nautiques/bg-canoe.webp);
}
.activites_nautiques-kayak header{
  background-image:url(../images/activites-nautiques/bg-kayak.webp);
}
.activites_nautiques-paddle header{
  background-image:url(../images/activites-nautiques/bg-paddle.webp);
}
.activites_nautiques-pedalo header{
  background-image:url(../images/activites-nautiques/bg-pedalo.webp);
}
.activites_nautiques-voile header{
  background-image:url(../images/activites-nautiques/bg-optimists.webp);
}
.activites_nautiques-foil header{
  background-image:url(../images/activites-nautiques/bg-foil.webp);
}
.activites_nautiques section{
  background:url(../images/activites-nautiques/bg-vagues.webp) no-repeat center left;
}
#activites{
  position:relative;
}
#activites::before{
  content:'';
  position:absolute;
  z-index:-1;
  top:30%;
  right:0;
  display:block;
  width:calc(50% + -10px);
  max-width:610px;
  height:25vw;
  max-height:433px;
  background:#1E8698;
}
#activites::after{
  content:'';
  position:absolute;
  z-index:-1;
  bottom:15vw;
  left:0;
  display:block;
  width:10vw;
  max-width:610px;
  height:25vw;
  max-height:433px;
  background:#1E8698;
}
#activites ul{
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:5vw;
}
#activites li{
  z-index:2;
  width:calc(50% + -10px);
  height:25vw;
  max-height:433px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  list-style:none;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
#activites .nautiques li:nth-of-type(3),
#activites .nautiques li:nth-of-type(4),
#activites .nautiques li:nth-of-type(5){
  width: 31%;
  height:20vw;
  max-height:350px;
}
#activites .nautiques li:first-of-type{
  background-image:url(../images/activites-nautiques/bg-canoe.webp);
}
#activites .nautiques li:nth-of-type(2){
  background-image:url(../images/activites-nautiques/bg-kayak.webp);
}
#activites .nautiques li:nth-of-type(3){
  background-image:url(../images/activites-nautiques/bg-paddle.webp);
}
#activites .nautiques li:nth-of-type(4){
  background-image:url(../images/activites-nautiques/bg-big_sup.webp);
}
#activites .nautiques li:nth-of-type(5){
  background-image:url(../images/activites-nautiques/bg-pedalo.webp);
}
#activites .nautiques li:nth-of-type(6){
  background-image:url(../images/activites-nautiques/bg-optimists.webp);
}
#activites .nautiques li:nth-of-type(7){
  background-image:url(../images/activites-nautiques/bg-foil.webp);
}
/* Activités terrestres */
.activites_terrestres header{
  background-image:url(../images/activites-terrestres/bg-vttistes.webp);
}
.activites_terrestres-vtt header{
  background-image:url(../images/activites-terrestres/bg-vttistes.webp);
}
.activites_terrestres-speed_ball header{
  background-image:url(../images/activites-terrestres/bg-speed_ball.webp);
}
.activites_terrestres-arc header{
  background-image:url(../images/activites-terrestres/bg-tir_a_l_arc.webp);
}
.activites_terrestres section{
  background:url(../images/activites-terrestres/bg-empreintes.webp) no-repeat center left;
}
#activites .terrestres li:first-of-type{
  background-image:url(../images/activites-terrestres/bg-vtt.webp);
}
#activites .terrestres li:nth-of-type(2){
  background-image:url(../images/activites-terrestres/bg-speed_ball.webp);
}
#activites .terrestres li:last-of-type{
  background-image:url(../images/activites-terrestres/bg-tir_a_l_arc.webp);
  background-position: top 30% center;
}
#activite h3{
  margin-bottom:10px;
  padding-left:25px;
  font-family:'Montserrat';
  background:url(../images/bg-vagues.webp) no-repeat center left;
}
#activite p{
  margin-bottom: 2em;
}
#activite ul{
  display:flex;
  gap:2em;
  margin-bottom:2em;
  list-style:none;
}
/* Groupes et Scolaires */
.groupes header{
  background-image:url(../images/groupes-scolaires/bg-groupes.webp);
}
.groupes section{
  padding-bottom:5vw;
}
.groupes_activite{
  position:relative;
}
.groupes_activite>div{
  max-width:1000px;
  margin:0 auto;
  text-align:right;
}
.groupes_activite h2{
  margin:0;
  color:#00202D;
  font-weight:700;
  text-align:inherit;
  text-transform:none;
}
.groupes_activite h3{
  color:#00202D;
}
.groupes_activite>div>img{
   box-shadow:0px 6px 10px #000000;
   z-index:2;
 }
.groupes_activite .boutons{
  margin-top:2.5vw;
}
.groupes_activite::after{
  content:'';
  position:absolute;
  z-index:1;
  bottom:15vw;
  bottom:2.5vw;
  right:0;
  display:block;
  width:40vw;
  height:50%;
  background:#1E8698;
}
.groupes_activite:nth-of-type(odd)>div{
  text-align:left;
}
.groupes_activite:nth-of-type(odd)>div>img{
  order:-1;
}
.groupes_activite:nth-of-type(odd)::after{
  right:unset;
  left:0;
}
.groupes aside,
#contact>div{
  position:relative;
  width:90vw;
  max-width:1000px;
  overflow:hidden;
  margin:0 auto;
  padding:0;
  color:#FFF;
  font-size:0.8em;
  background:#00202D;
  border-radius:0 0 1.75vw 1.75vw;
  max-height:0;
  transition:max-height 0.15s ease-out;
  overflow:hidden;
}
.groupes aside.active{
  max-height:500px;
  transition:max-height 0.25s ease-in;
}
.groupes aside::before{
  content:'';
  position:absolute;
  top:0;
  left:15%;
  width:0;
  height:0;
  border-left:2.5vw solid transparent;
  border-right:2.5vw solid transparent;
  border-top:2vw solid #F3F1E7;
}
.groupes aside .tableau{
  padding:5vw;
}
.tableau h3{
  margin-bottom:0.5em;
  color:#1E8698;
  font-family:'Signika';
  font-size:1.5em;
  font-weight:600;
  text-transform:uppercase;
}
.tableau h3:not(:first-of-type){
  margin-top:1em;
  padding-top:1em;
  border-top:1px solid #1E8698;
}
.tableau li{
  margin-bottom:1em;
  display:flex;
  justify-content:space-between;
  list-style:none;
}
.tableau li span::before{
  content:'> ';
}
.tableau li a:link,
.tableau li a:active,
.tableau li a:visited{
  color:#1E8698;
  font-weight:600;
  text-decoration:none;
}
.tableau li a:hover{
  text-decoration:underline;
}
/* Comités d'entreprise */
.ce header{
  background-image:url(../images/ce/bg-ce.webp);
}
.ce section{
  padding-bottom:5vw;
}
.ce article:nth-of-type(2) {
  padding-top : 0;
}
.ce ul h2{
  font-size:2em;
  font-weight:700;
  text-align:center;
  text-transform:none;
}
.ce ul img{
  margin-bottom:1em;
  width: 100%;
}
.ce aside{
  width:80vw;
  max-width:1000px;
  margin:0 auto 5vw;
  padding:2.5vw 5vw;
  color:#FFF;
  font-size:0.8em;
  line-height:2em;
  background:#1E8698;
  border-radius:0 0 1.75vw 1.75vw;
}
.ce aside h2{
  margin-bottom:1em;
  font-family:'Signika';
  font-weight:600;
  text-transform:uppercase;
}
/* Actualités */
.actualites header{
  background-image:url(../images/bg-actualites.webp);
}
.actualites .slider-container{
  margin:0 auto;
}
#actualite>div{
  max-width:600px;
  margin:0 auto;
}
#actualite>div h2{
  margin:0 0 1em;
  font-size:2em;
  font-weight:600;
  text-align:left;
  text-transform:none;
}
#actualite>div img{
  width:100%;
  margin-bottom:1em;
}
#actualite .col2{
  justify-content:space-between;
  align-items:center;
}
#actualite .col2 h4{
  flex:1 0 auto;
  margin:5px 0;
}
#actualite .col2 h3{
  flex:0 1 auto;
  width:auto;
}
#actualite p a{
  text-decoration:underline;
}
.photos{
    margin:10px 0;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    justify-content:flex-end;
}
.photos>li{
    width:calc(18% + -10px);
    margin-left:10px;
    cursor:pointer;
}
/* Contact */
#contact{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
#contact>form{
  width:62%;
}
.formulaire>*{
  margin-bottom:1.5em;
}
.formulaire label:not(input + label):not([for="fdevis-produits_autre"]),
.formulaire input[type=file]{
  display:none;
}
.formulaire input[type=text],
.formulaire input[type=email],
.formulaire input[type=tel],
.formulaire textarea{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  background:none;
  border:1px solid #1E8698;
  color:#00202D;
  font-family:inherit;
  font-size:1em;
}
.formulaire div p{
  text-align:center;
}
.confirmation{
  color:green;
  text-align:center;
  background:rgba(255, 255, 255, 0.5);
}
.erreur{
  color:red;
  border-color:red !important;
  text-align:center;
  background:rgba(255, 255, 255, 0.5);
}
#contact>div{
  width:33%;
  max-height:none;
  box-sizing:border-box;
  padding:1.75vw;
  font-size:1em;
}
#contact h2{
  margin:0 0 1em;
  color:#FFF;
  font-size:1.5em;
  font-weight:600;
  text-align:center;
  text-transform:none;
}
#contact>div p{
  margin-bottom:1em;
}
#contact>div p:first-of-type{
  text-align:center;
  margin-bottom:3em;
}
#contact>div p:last-of-type{
  padding-top:1em;
  border-top:1px solid transparent;
  border-image:linear-gradient(to right, #1E8698 0 40%, transparent 40%) 1
}
#contact_map iframe{
  width:100%;
  height:400px;
}
/* Génériques */
.bfleche{
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  padding:5px;
  background:#FFF;
  border-radius:50%;
}
.bfleche img{
  display:block;
  /* width:10px; */
}
.boutons{
  width:100%;
  display:flex;
  justify-content:center;
  gap: 10px;
}
.boutons>*,
.boutons>*:link,
.boutons>*:active,
.boutons>*:visited,
.bouton,
.bouton:link,
.bouton:active,
.bouton:visited{
  display:inline-block;
  margin:5px auto;
  padding:5px 10px;
  border:1px solid #1E8698;
  background:none;
  color:#1E8698;
  font-family:'Signika';
  font-size:1em;
  font-weight:600;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
  transition:.2s ease;
}
.boutons>*:hover,
.bouton:hover,
#eau_terre .boutons>*:hover{
  background:#1E8698;
  color:#FFF;
}
.large1200{
  margin:0 auto;
  width:100%;
  max-width:1200px;
  box-sizing:border-box;
}
.largeFull{
  width:100%;
  margin:0;
  padding:0;
}
.col2,
.col3{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  list-style:none;
}
.col2>*{
  width:48%;
  box-sizing:border-box;
}
.col3>*{
  width:31%;
  box-sizing:border-box;
}
article{
  padding:5vw;
  font-size:0.8em;
}
article.presentation{
  max-width:900px;
  margin:0 auto;
  box-sizing:border-box;
}
article.presentation p>strong{
  font-size:1.2em;
}
article.presentation>p.chapeau{
  margin-top: 2em;
}
article.presentation p:last-of-type{
  margin-bottom:5vw;
}
article.presentation>img{
  box-shadow:0px 6px 10px #000;
  margin-bottom:5vw;
}
article.presentation>*:last-child{
  margin-bottom:0;
}
article h2{
  margin:0 10% 0.5em;
  color:#1E8698;
  font-family:'Signika';
  font-size:3.5em;
  font-weight:300;
  text-align:right;
  text-transform:uppercase;
  white-space:pre-line;
}
article h2 strong{
  font-weight:700;
  color:#00202D;
}
article h3{
  color:#1E8698;
  font-family:'Signika';
  font-weight:600;
}
p{
  margin-bottom:0.5em;
}
p.signature{
  text-align:right;
}
article ul:not([class]){
  list-style-position:inside;
}
article ul:not([class]) li{
  margin-left: 1em;
}
a:link,
a:active,
a:visited{
  text-decoration:none;
  color:inherit;
}
article a:link,
article a:active,
article a:visited{
  text-decoration:underline;
}
article a:hover{
  text-decoration:none;
}
img{
  display:block;
  max-width:100%;
}
.slider{
  margin:0 auto 2.5vw;
  position:relative;
}
.slider-container{
  width:90%;
  margin:0 auto;
  max-width:1000px;
  overflow:hidden;
}
.slider-content{
  display:flex;
  flex-wrap:nowrap;
  list-style:none;
}
.slider-content li{
  flex:0 0 313px;
  margin:0 30px 0 0;
}
.arrow-left,
.arrow-right{
  position:absolute;
  z-index:2;
  bottom:calc(50% + -15px);
  cursor:pointer;
}
.arrow-right{
  right:0px;
}
/* Animations */
.animTranslateL{
	position:relative;
	left:-50%;
	opacity:0;
	transition: 2s all ease;
}
.animTranslateR{
	position:relative;
	right:-50%;
	opacity:0;
	transition: 2s all ease;
}
.animTranslateL.show{
	opacity:1;
	left:0;
}
.animTranslateR.show{
	opacity:1;
	right:0;
}
@keyframes fleche {
	0% {bottom:0}
	50% {bottom:10px}
	100% {bottom:0}
}
header .bfleche > *{
	position:absolute;
	animation-name: fleche;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
/* RGPD */
@keyframes anim-rgpd{
  from{
    bottom:-100px;
  }
  to{
    bottom:0;
  }
}
#rgpd{
  position:fixed;
  background:linear-gradient(180deg, #2E5488 0%, #22B4C2 100%);
  color:#FFF;
  border-top:1px solid #FFF;
  bottom:0;
  width:100%;
  min-height:50px;
  z-index:9999;
  animation-name:anim-rgpd;
  animation-duration:1s;
}
#rgpd span.rgpd-fermer{
  position:absolute;
  display:block;
  right:0;
  top:0;
  margin:5px;
  padding:3px;
  width:auto;
  cursor:pointer;
}
#rgpd>div{
  max-width:1200px;
  padding:10px 20px 10px 10px;
  margin:0 auto
}
#rgpd p a{
  color:inherit;
  text-decoration:underline;
}
#rgpd_f button{
  padding:3px;
  color:#00202D;
  font-family:inherit;
  border:1px solid #1E8698;
  background:#FFF;
  cursor:pointer;
}
.mobile{
  display:none;
}
.cacher{
  display:none !important;
}
@media screen and (max-width:1250px){
  /* Tablettes */
  #menu_nav>li>a{
    font-size:0.8em;
  }
  #actus .slider-content li{
    flex:0 0 25vw;
    margin:0 2vw 0 0;
  }
  .actualites .arrow-right{
    right:-15px
  }
  .actualites .arrow-left{
    left:-15px;
  }
}
@media screen and (max-width:900px){
  /* Smartphones */
  #menu{
    position: absolute;
    width:100%;
    padding:0;
    flex-direction:column;
  }
  #mobile_menu{
    position:absolute;
    z-index:5;
    top:10px;
    right:10px;
  }
  #menu h2{
    margin:0 auto;
    height:65px;
  }
  #menu_haut{
    width:100%;
    min-height:75px;
    flex-direction:column;
  }
  #menu_haut h2 img{
    margin:0 auto;
    height:65px;
    width:auto;
  }
  #menu_nav{
    width:100%;
    padding:0;
    flex-direction:column;
    align-items:stretch;
    background:#E7F3F4;
    text-align:center;
  }
  #menu #menu_nav>li{
    margin:0;
    justify-content:center;
    border-bottom:1px solid #00202D;
  }
  #menu_nav li a{
    padding:10px;
  }
  #menu_nav_activites_nautiques:hover,
  #menu_nav_activites_nautiques>a.active,
  #menu_nav_activites_terrestres:hover,
  #menu_nav_activites_terrestres>a.active,
  #menu_nav_groupes_scolaires:hover,
  #menu_nav_groupes_scolaires>a.active,
  #menu_nav_ce:hover,
  #menu_nav_ce>a.active{
    background:none;
  }
  #menu_nav>li:hover>ul{
    width: 100%;
  }
  #menu_nav>li>ul{
    display:flex;
    position:relative;
    padding:0;
  }
  #menu_nav>li>ul>li{
    padding:5px 0 0;
    margin-bottom:5px;
    width:100%;
    border-top:1px solid #00202D;
    background:none;
  }
  #menu_gauche,
  #menu .reseaux{
    position:relative;
    top :0;
    width:100%;
    display:flex;
    justify-content:space-around;
    background:none;
    border:0;
  }
  #menu_gauche li:not(:last-child),
  #menu .reseaux li:not(:last-child){
    margin:0;
  }
  #menu_gauche a:hover span{
    display:none;
  }
  header h1{
    padding:0 2.5vw;
    font-size:3em;
    line-height:1em;
    white-space:normal;
  }
  footer>div:first-of-type{
    flex-direction:column;
  }
  footer nav{
    text-align:center;
  }
  footer nav:last-child ul{
    border:0;
  }
  footer .reseaux.mobile_no{
    display:flex !important;
    justify-content:center;
    align-items:center;
  }
  footer .bfleche{
    bottom:calc(50px + 2.5vw);
  }
  #footer_legals p{
    font-size:0.7em;
  }
  /* Accueil*/
  .slider-container{
    width:80%;
  }
  #actus .slider-content li{
    flex:0 0 70vw;
    margin:0 2vw 0 0;
  }
  #accueil_activites{
    height:auto;
    max-height:none;
  }
  #accueil_activites ul{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
  }
  #accueil_activites ul li{
    margin-bottom:2.5vw;
  }
  #accueil_activites ul li a{
    padding:5vh 0;
  }
  #eau_terre .boutons,
  #activites .boutons{
    width:100%;
  }
  /* Activités */
  #activites::before,
  #activites::after{
    display:none;
  }
  #activites li,
  #activites .nautiques li:nth-of-type(odd),
  #activites .nautiques li:nth-of-type(even),
  #activites .terrestres li:nth-of-type(odd),
  #activites .terrestres li:nth-of-type(even){
    width:100%;
    height:20vh;
  }
  /* Groupes et Scolaires */
  .groupes_activite>div{
    text-align:left;
  }
  .groupes_activite:nth-of-type(even)>div>img{
    order:-1;
  }
  .groupes_activite::after{
    display:none;
  }
  .tableau li{
    flex-direction:column;
  }
  /* Contact */
  .formulaire .col2{
    margin:0;
  }
  /* Générique */
  .reseaux li{
    padding:5px;
  }
  .reseaux li img{
    width:20px;
  }
  .col2>*,
  .col3>*,
  footer>div:first-of-type>*,
  article.presentation>*:first-child,
  article.presentation>*:last-child,
  .famille .col2f div,
  #contact>form,
  #contact>div{
    flex:none;
    margin:0;
    width:100%;
    max-width:100%;
    margin-bottom:20px;
  }
  .col5>*{
    flex:none;
    margin:2vw;
    width:41%;
  }
  /* Mobile */
  .mobile{
    display:block;
  }
  .mobile_no{
    display:none !important;
  }
}