/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 3rd party packages */
/* SASS and Global'ish Stuff */
/* 1rem = 10px*/
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  /* 1rem = 10px */
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  color: #000000;
  overflow-x: hidden;
}

.wp-site-blocks {
  font-size: 1.6rem;
  /*h1{
    font-size: $sizeH1;
  }
  h1.site-header__title{
    font-size: $sizeH1 + 0.5rem;
  }

  h2{
    font-size: $sizeH2;
    margin-bottom: $marginMedium;
  }

  h3{
    font-size: $sizeH3;
  }*/
}
.wp-site-blocks h2 {
  margin-bottom: 5rem;
}
.wp-site-blocks .site-header__title {
  font-size: 1.785rem;
}
.wp-site-blocks h1 {
  font-size: 1.785rem;
}
.wp-site-blocks h2 {
  font-size: 1.615rem;
}
.wp-site-blocks h3 {
  font-size: 1.36rem;
}
.wp-site-blocks h4 {
  font-size: 1.105rem;
}
.wp-site-blocks h5 {
  font-size: 0.85rem;
}
.wp-site-blocks h6 {
  font-size: 0.765rem;
}
@media (min-width: 380px) {
  .wp-site-blocks .site-header__title {
    font-size: 1.89rem;
  }
  .wp-site-blocks h1 {
    font-size: 1.89rem;
  }
  .wp-site-blocks h2 {
    font-size: 1.71rem;
  }
  .wp-site-blocks h3 {
    font-size: 1.44rem;
  }
  .wp-site-blocks h4 {
    font-size: 1.17rem;
  }
  .wp-site-blocks h5 {
    font-size: 0.9rem;
  }
  .wp-site-blocks h6 {
    font-size: 0.81rem;
  }
}
@media (min-width: 530px) {
  .wp-site-blocks .site-header__title {
    font-size: 1.995rem;
  }
  .wp-site-blocks h1 {
    font-size: 1.995rem;
  }
  .wp-site-blocks h2 {
    font-size: 1.805rem;
  }
  .wp-site-blocks h3 {
    font-size: 1.52rem;
  }
  .wp-site-blocks h4 {
    font-size: 1.235rem;
  }
  .wp-site-blocks h5 {
    font-size: 0.95rem;
  }
  .wp-site-blocks h6 {
    font-size: 0.855rem;
  }
}
@media (min-width: 767px) {
  .wp-site-blocks .site-header__title {
    font-size: 2.1rem;
  }
  .wp-site-blocks h1 {
    font-size: 2.1rem;
  }
  .wp-site-blocks h2 {
    font-size: 1.9rem;
  }
  .wp-site-blocks h3 {
    font-size: 1.6rem;
  }
  .wp-site-blocks h4 {
    font-size: 1.3rem;
  }
  .wp-site-blocks h5 {
    font-size: 1rem;
  }
  .wp-site-blocks h6 {
    font-size: 0.9rem;
  }
}
@media (min-width: 960px) {
  .wp-site-blocks .site-header__title {
    font-size: 2.31rem;
  }
  .wp-site-blocks h1 {
    font-size: 2.31rem;
  }
  .wp-site-blocks h2 {
    font-size: 2.09rem;
  }
  .wp-site-blocks h3 {
    font-size: 1.76rem;
  }
  .wp-site-blocks h4 {
    font-size: 1.43rem;
  }
  .wp-site-blocks h5 {
    font-size: 1.1rem;
  }
  .wp-site-blocks h6 {
    font-size: 0.99rem;
  }
}
.wp-site-blocks img {
  max-width: 100%;
  height: auto;
}
.wp-site-blocks a {
  color: #AF3A3A;
  text-decoration: none;
}
.wp-site-blocks a:hover {
  text-decoration: none;
}
.wp-site-blocks p {
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}

.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  width: 100%;
}

.container2 {
  max-width: 1530px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

.container--narrow {
  max-width: 960px;
}

.section-break {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2.5rem 0;
}

.min-list {
  padding: 0;
  margin: 0;
}

.min-list li {
  list-style: none;
}

.p-top-small {
  padding-top: 1rem;
}

.p-top-large {
  padding-top: 1.6rem;
}

.p-bottom-large {
  padding-bottom: 1.6rem;
}

@media (min-width: 530px) {
  .p-top-large {
    padding-top: 3.5rem;
  }
  .p-bottom-large {
    padding-bottom: 3.5rem;
  }
}
.no-margin {
  margin: 0;
}

.nu {
  text-decoration: none;
}

.nu:hover {
  text-decoration: underline;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.t-small {
  font-size: 0.85rem;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.push-right {
  margin-right: 20px;
}

.hide {
  display: none;
}

.b-rad {
  border-radius: 2rem;
}

.b-rad-right {
  border-radius: 0 2rem 2rem 0;
}

.shadow {
  transition: box-shadow ease 0.3s;
  box-shadow: 0px 0px 3px 1px #aecadb;
}

.shadow:hover {
  box-shadow: 0px 0px 5px 2px #6ea1bf;
}

.transition-ease {
  transition: all ease 0.3s;
}

.fade {
  opacity: 0;
  transition: all 1s ease 0.1s;
  transform: translateY(100px) rotate(0deg) translateZ(0);
}

.inView {
  opacity: 1;
  transform: translateY(0px) rotate(0deg) translateZ(0);
}

.list-marker-in li {
  list-style-position: inside;
}

/*********************** Margin & Padding ***********************/
/****** Padding ******/
/* padding top/right/bottom/left extraSmall */
.pxs {
  padding: 1rem;
}

/* padding top/right/bottom/left small */
.ps {
  padding: 2rem;
}

/* padding top/right/bottom/left medium */
.pm {
  padding: 5rem;
}

/* padding top/right/bottom/left large */
.pl {
  padding: 8rem;
}

/* padding top/right/bottom/left extraLarge */
.pxl {
  padding: 10rem;
}

/* padding top extraSmall */
.ptxs {
  padding-top: 1rem;
}

/* padding top small */
.pts {
  padding-top: 2rem;
}

/* padding top medium */
.ptm {
  padding-top: 5rem;
}

/* padding top large */
.ptl {
  padding-top: 8rem;
}

/* padding top extraLarge */
.ptxl {
  padding-top: 10rem;
}

/* padding right extraSmall */
.prxs {
  padding-right: 1rem;
}

/* padding right small */
.prs {
  padding-right: 2rem;
}

/* padding right medium */
.prm {
  padding-right: 5rem;
}

/* padding right large */
.prl {
  padding-right: 8rem;
}

/* padding right extraLarge */
.prxl {
  padding-right: 10rem;
}

/* padding bottom extraSmall */
.pbxs {
  padding-bottom: 1rem;
}

/* padding bottom small */
.pbs {
  padding-bottom: 2rem;
}

/* padding bottom medium */
.pbm {
  padding-bottom: 5rem;
}

/* padding bottom large */
.pbl {
  padding-bottom: 8rem;
}

/* padding bottom extraLarge */
.pbxl {
  padding-bottom: 10rem;
}

/* padding left extraSmall */
.plxs {
  padding-left: 1rem;
}

/* padding left small */
.pls {
  padding-left: 2rem;
}

/* padding left medium */
.plm {
  padding-left: 5rem;
}

/* padding left large */
.pll {
  padding-left: 8rem;
}

/* padding left extraLarge */
.plxl {
  padding-left: 10rem;
}

/****** End Padding ******/
/****** Margin ******/
/* margin top/right/bottom/left extraSmall */
.mxs {
  margin: 1rem;
}

/* margin top/right/bottom/left small */
.ms {
  margin: 2rem;
}

/* margin top/right/bottom/left medium */
.mm {
  margin: 5rem;
}

/* margin top/right/bottom/left large */
.ml {
  margin: 8rem;
}

/* margin top/right/bottom/left extraLarge */
.mxl {
  margin: 10rem;
}

/* margin top extraSmall */
.mtxs {
  margin-top: 1rem;
}

/* margin top small */
.mts {
  margin-top: 2rem;
}

/* margin top medium */
.mtm {
  margin-top: 5rem;
}

/* margin top large */
.mtl {
  margin-top: 8rem;
}

/* margin top extraLarge */
.mtxl {
  margin-top: 10rem;
}

/* margin right extraSmall */
.mrxs {
  margin-right: 1rem;
}

/* margin right small */
.mrs {
  margin-right: 2rem;
}

/* margin right medium */
.mrm {
  margin-right: 5rem;
}

/* margin right large */
.mrl {
  margin-right: 8rem;
}

/* margin right extraLarge */
.mrxl {
  margin-right: 10rem;
}

/* margin bottom extraSmall */
.mbxs {
  margin-bottom: 1rem;
}

/* margin bottom small */
.mbs {
  margin-bottom: 2rem;
}

/* margin bottom medium */
.mbm {
  margin-bottom: 5rem;
}

/* margin bottom large */
.mbl {
  margin-bottom: 8rem;
}

/* margin bottom extraLarge */
.mbxl {
  margin-bottom: 10rem;
}

/* margin left extraSmall */
.mlxs {
  margin-left: 1rem;
}

/* margin left small */
.mls {
  margin-left: 2rem;
}

/* margin left medium */
.mlm {
  margin-left: 5rem;
}

/* margin left large */
.mll {
  margin-left: 8rem;
}

/* margin left extraLarge */
.mlxl {
  margin-left: 10rem;
}

/****** End margin ******/
/*********************** End Margin & Padding ***********************/
.our-placeholder-block {
  color: #ffffff;
  padding: 20px;
  text-align: center;
  font-size: 1.65rem;
  background: linear-gradient(180deg, #2f7caa, #225d7f);
}

/* BEM Blocks */
.btn, .button {
  display: inline-block;
  padding: 1.5rem 3rem;
  background-color: #B5CFDE;
  color: #000000 !important;
  font-size: 2rem;
  line-height: 1;
  border: none;
  border-radius: 1rem;
  box-shadow: 3px 3px 6px #B5CFDE;
}
.btn:hover, .button:hover {
  background-color: #FFFFFF;
}

.btn2 {
  display: block;
  padding: 1.5rem 3rem;
  background-color: #EFEFEF;
  color: #000000 !important;
  font-size: 2rem;
  line-height: 1;
  border: none;
  border-radius: 1rem;
  box-shadow: 3px 3px 6px #000000;
  /* &::before {
       content: "\f0b0";
       margin-right: $paddingExtraSmall;
       font-family: "Font Awesome 4 Free";
       font-weight: 900;
   }
   &:hover {
       background-color: $color2;
       box-shadow: none;
   }*/
}

.btn-intro {
  margin: 0 1rem 2rem 1rem;
  background-color: #EFEFEF;
  border: none;
  border-radius: 1rem;
  text-align: center;
  overflow: hidden;
  min-height: 10rem;
  width: calc(100% - 2rem);
}
.btn-intro .btn-pannel {
  width: 100%;
  border: none;
  cursor: pointer;
}
.btn-intro .btn-title {
  padding: 1.5rem 3.2rem;
  height: 5rem;
  background-color: #B5CFDE;
  font-weight: normal;
}
.btn-intro .btn-cross {
  position: relative;
  padding: 1.2rem 3.2rem;
  min-height: 5rem;
  background-color: #EFEFEF;
}
.btn-intro .btn-wrapper-img {
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 1rem;
}
.btn-intro .btn-link {
  display: inline-block;
}

.cross {
  height: 2.6rem;
}

.lines-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
}
.lines-container .line {
  position: absolute;
  background-color: #62929E;
  rotate: 0;
  transition: 0.3s ease-in-out;
}
.lines-container .line:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 2.6rem;
}
.lines-container .line:nth-child(2) {
  top: 50%;
  transform: translatey(-50%);
  width: 2.6rem;
  height: 1px;
}

.toggle-pannel {
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  height: 0;
}

.btn-pannel.open .lines-container .line {
  rotate: 45deg;
}

@media (min-width: 992px) {
  .btn-intro {
    width: calc(100% - 2rem);
  }
}
html.open-modal-box,
body.open-modal-box {
  position: relative;
  overflow: hidden;
}

.modal-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  display: none;
  justify-content: center;
  align-items: center;
  transition: opacity 400ms ease, transform 100ms ease 200ms;
}
.modal-box__content {
  display: flex;
  flex-direction: column;
  background: #EFEFEF;
  position: relative;
  z-index: 2;
}
.modal-box__content button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.modal-box__content button .trigger-modal-box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.5rem;
}
.modal-box__content button:hover {
  color: #AF3A3A;
}
.modal-box__content .button {
  cursor: pointer;
  transition: all ease 0.3s;
}
.modal-box__content p {
  display: flex;
  flex-direction: column;
}
.modal-box__content .input,
.modal-box__content input[type=password],
.modal-box__content input[type=text] {
  font-size: 24px;
  line-height: 1.33333333;
  width: 100%;
  border-width: 0.0625rem;
  padding: 0.1875rem 0.3125rem;
  margin: 0 6px 16px 0;
  min-height: 40px;
  max-height: none;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 1;
  cursor: pointer;
}

.modal-box.open-modal-box {
  display: flex;
  opacity: 1;
}

.swiper {
  width: 100%;
  height: 300px;
}

.site-header {
  position: relative;
  width: 100%;
  background-color: #62929E;
}
.site-header .wrapper-btn-logo-h1-mobile {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.site-header a {
  color: #000000;
}
.site-header__img {
  display: none;
}
.site-header__filter-white, .site-header__filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(181, 207, 222, 0.3);
  z-index: 2;
}
.site-header__filter-white {
  background-color: rgba(255, 255, 255, 0.8);
}
.site-header__white {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  text-decoration: none;
  z-index: 3;
}
.site-header__white.mobile-menu {
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
}
.site-header__logo img {
  display: block;
  max-width: 12rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
  min-width: 10rem;
  height: auto;
  background-repeat: no-repeat;
}
.site-header__title {
  display: none;
}

.wrapper-breadcrumb {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 15rem;
}

.breadcrumb {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #B5CFDE;
  border-radius: 0 2rem 2rem 0;
  z-index: 99;
}
.breadcrumb h1 {
  margin: 0;
}

.breadcrumb.single-bread {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: none;
}
.breadcrumb.single-bread .btn-back {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #EFEFEF;
  color: #000000;
  cursor: pointer;
}
.breadcrumb.single-bread .btn-back:hover {
  background: #B5CFDE;
  margin-right: 1rem;
}
.breadcrumb.single-bread h1 {
  background: #B5CFDE;
  flex: 1;
}

@media (min-width: 380px) {
  .site-header__white.mobile-menu {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
  }
  .site-header__logo {
    margin-right: 1rem;
  }
  .site-header__title {
    display: inline-block;
  }
}
@media (min-width: 530px) {
  .wrapper-breadcrumb {
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 4rem;
  }
}
@media (min-width: 767px) {
  .wrapper-breadcrumb {
    grid-template-columns: 1.5fr 1fr;
  }
}
@media (min-width: 960px) {
  .site-header {
    position: relative;
    padding-bottom: 0.5rem;
    border-top: 2rem solid #62929E;
    width: 100%;
    margin-bottom: 15rem;
  }
  .site-header a {
    color: #000000;
  }
  .site-header__img {
    position: relative;
    display: flex;
    align-items: center;
    height: 27rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .site-header__filter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(181, 207, 222, 0.3);
    z-index: 2;
  }
  .site-header__white {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 2.5rem;
    text-decoration: none;
    z-index: 3;
  }
  .site-header__logo {
    margin-right: 3rem;
  }
  .site-header__logo img {
    max-width: 20rem;
    min-width: 16rem;
  }
  .site-header__title {
    display: inline-block;
  }
  .wrapper-breadcrumb {
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 8rem;
    margin-top: 20rem;
  }
  .breadcrumb {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #B5CFDE;
    border-radius: 0 2rem 2rem 0;
    z-index: 99;
  }
  .breadcrumb h1 {
    margin: 0;
  }
}
.site-footer__mountains {
  height: 10rem;
}
.site-footer__mountains .mountain-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  border-top: 10rem solid #FFFFFF;
  border-right: 14rem solid transparent;
}
.site-footer__mountains .mountain-2 {
  position: absolute;
  top: 0;
  left: 11.5%;
  height: 0;
  width: 0;
  border-top: 10rem solid #FFFFFF;
  border-right: 7.5rem solid transparent;
  border-left: 7.5rem solid transparent;
}
.site-footer__mountains .mountain-3 {
  position: absolute;
  top: 0;
  left: 26.5%;
  width: 0;
  height: 0;
  border-top: 7rem solid #FFFFFF;
  border-right: 11rem solid transparent;
  border-left: 6rem solid transparent;
}
.site-footer__mountains .mountain-4 {
  position: absolute;
  top: 0;
  left: 48%;
  width: 0;
  height: 0;
  border-top: 8rem solid #FFFFFF;
  border-right: 7.8rem solid transparent;
  border-left: 7.5rem solid transparent;
}
.site-footer__mountains .mountain-5 {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 10rem solid #FFFFFF;
  border-right: 14rem solid transparent;
  border-left: 12rem solid transparent;
}

.comite-direction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 18rem;
}
.comite-direction .comite-direction__members {
  display: flex;
  flex-direction: column;
}

.comite-direction__members .member:first-child {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.site-footer__hills {
  position: relative;
  height: 6rem;
  overflow: hidden;
}
.site-footer__hills .hill-1 {
  position: absolute;
  bottom: -180%;
  left: 29%;
  width: 54%;
  height: 260%;
  background-color: #ACD1A5;
  z-index: 1;
  border-radius: 50%;
}
.site-footer__hills .hill-2 {
  position: absolute;
  top: 0;
  right: -15%;
  width: 55%;
  height: 250%;
  background-color: #ACD1A5;
  z-index: 1;
  border-radius: 50%;
}

.site-footer {
  position: relative;
  background-color: #B5CFDE;
  font-size: 2rem;
}
.site-footer h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.site-footer__infos {
  padding-top: 3rem;
  display: flex;
  flex-direction: column;
}
.site-footer__infos h3 {
  margin-bottom: 2.4rem;
}
.site-footer__infos .adress {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 18rem;
}
.site-footer__infos .separation {
  display: block;
  border-bottom: 1px solid #62929E;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.site-footer__bottom {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: #000;
}
.site-footer__copyright {
  display: flex;
  justify-content: center;
}
.site-footer__copyright p {
  text-align: center;
  color: #FFFFFF;
}
.site-footer__copyright a {
  color: #B5CFDE;
}

@media (min-width: 540px) {
  .comite-direction .comite-direction__members {
    flex-direction: row;
  }
  .comite-direction__members .member {
    width: 50%;
    max-width: 25rem;
    margin-right: 5rem;
  }
  .comite-direction__members .member:first-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
}
@media (min-width: 768px) {
  .site-footer__mountains {
    height: 10rem;
  }
  .site-footer__mountains .mountain-1 {
    left: 0;
    border-top: 10rem solid #FFFFFF;
    border-right: 28rem solid transparent;
  }
  .site-footer__mountains .mountain-2 {
    left: 10%;
    border-top: 10rem solid #FFFFFF;
    border-right: 14.5rem solid transparent;
    border-left: 14.5rem solid transparent;
  }
  .site-footer__mountains .mountain-3 {
    left: 26%;
    border-top: 9.5rem solid #FFFFFF;
    border-right: 20.5rem solid transparent;
    border-left: 7rem solid transparent;
  }
  .site-footer__mountains .mountain-4 {
    left: 48%;
    border-top: 8rem solid #FFFFFF;
    border-right: 17rem solid transparent;
    border-left: 14.5rem solid transparent;
  }
  .site-footer__mountains .mountain-5 {
    border-top: 8rem solid #FFFFFF;
    border-right: 23rem solid transparent;
    border-left: 12rem solid transparent;
  }
  .site-footer__infos {
    flex-direction: row;
    justify-content: center;
  }
  .site-footer__infos .adress {
    width: auto;
  }
  .site-footer__infos .separation {
    display: block;
    border-left: 1px solid #62929E;
    border-bottom: none;
    min-height: 18rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .comite-direction {
    width: auto;
  }
  .comite-direction__members .member {
    margin-right: 5rem;
  }
  .comite-direction__members .member:first-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }
  .site-footer__hills {
    height: 8rem;
  }
}
@media (min-width: 1024px) {
  .site-footer__mountains {
    height: 20rem;
  }
  .site-footer__mountains .mountain-1 {
    left: 0;
    border-top: 20rem solid #FFFFFF;
    border-right: 56rem solid transparent;
  }
  .site-footer__mountains .mountain-2 {
    left: 10%;
    border-top: 20rem solid #FFFFFF;
    border-right: 29rem solid transparent;
    border-left: 29rem solid transparent;
  }
  .site-footer__mountains .mountain-3 {
    left: 28%;
    border-top: 19rem solid #FFFFFF;
    border-right: 35rem solid transparent;
    border-left: 19rem solid transparent;
  }
  .site-footer__mountains .mountain-4 {
    left: 40%;
    border-top: 16rem solid #FFFFFF;
    border-right: 23rem solid transparent;
    border-left: 38rem solid transparent;
  }
  .site-footer__mountains .mountain-5 {
    border-top: 16rem solid #FFFFFF;
    border-right: 47rem solid transparent;
    border-left: 45rem solid transparent;
  }
  .site-footer__hills {
    height: 10rem;
  }
}
@media (min-width: 1920px) {
  .site-footer__hills {
    height: 16rem;
  }
}
ul.documents-list {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  /* text-decoration: none; */
  list-style-type: none;
}
ul.documents-list li {
  background: #EFEFEF;
  flex: 1 1 100%;
  overflow: hidden;
  max-width: 100%;
}
ul.documents-list .document-link {
  display: flex;
  align-items: center;
  width: 100%;
}
ul.documents-list .icon-document {
  font-size: 3.5rem;
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 0.5rem;
  color: #000000;
}
ul.documents-list h2 {
  margin-bottom: 0rem;
}

#page-statuts ul.documents-list li {
  flex: initial;
}

/* Style Toggle Accordion  */
.accordion {
  list-style: none;
  padding: 0;
  background: #ffffff;
  margin-bottom: 0rem;
}
.accordion .toggle {
  text-decoration: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #B5CFDE;
  color: #000000;
  border-bottom: 1px solid #ffffff;
  border-radius: 0.15em;
  transition: background 0.3s ease;
}
.accordion .toggle:hover,
.accordion .toggle.active {
  background: #62929E;
  color: #000000;
}
.accordion .inner {
  overflow: hidden;
  transition: max-height 0.3s ease;
  display: none;
}
.accordion .inner li {
  display: flex;
  align-items: center;
}
.accordion .inner .show-pannel {
  max-height: none;
  display: block;
  /* Une valeur suffisamment grande pour afficher tout le contenu */
  /* Vous pouvez également utiliser max-height: none; si vous voulez que le contenu s'adapte automatiquement */
}
.accordion .inner a {
  display: flex;
  align-items: center;
}
.accordion .inner a:hover {
  color: #000000;
}
.accordion .inner .icon-document {
  font-size: 3.5rem;
  width: auto;
  height: auto;
  display: inline-block;
  color: #000000;
}
.accordion h2 {
  margin-bottom: 0rem;
}
.accordion .date {
  float: right;
  display: block;
}

/* -------------------------------------------------------------------------- */
/*	17. Media Queries
  /* -------------------------------------------------------------------------- */
@media (max-width: 599px) {
  .accordion .date {
    float: none;
    display: block;
  }
}
@media (min-width: 960px) {
  ul.documents-list {
    gap: 2rem;
  }
  ul.documents-list li {
    max-width: 60%;
  }
}
html.open, body.open {
  position: relative;
  overflow: hidden;
}

#main-mobile-menu,
.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 800;
}

.mobile-menu {
  display: flex;
}

.desktop-menu {
  display: none;
}

.main-navigation.mobile-menu {
  padding-right: 1.5rem;
}

.main-navigation.desktop-menu {
  position: absolute;
  left: 0;
  right: 0;
}

.menu-item.current-menu-item {
  background-color: #B5CFDE;
}

.main-navigation {
  position: relative;
  background-color: #EFEFEF;
  border-top: 1rem solid #62929E;
  border-bottom: 0.5rem solid #62929E;
}
.main-navigation #nav-icon-burger-open,
.main-navigation #nav-icon-burger-close {
  display: block;
  z-index: 1100;
  justify-content: space-between;
  position: relative;
  padding: 0px 1.5rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  width: 7rem;
  align-items: center;
  background-color: transparent;
  /* background: #2e2d2c; */
}
.main-navigation #nav-icon-burger-close.open {
  z-index: 10000;
  stroke-dashoffset: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 7rem;
  background: none !important;
}
.main-navigation #nav-icon-burger-open.open {
  position: fixed;
  top: 0.5rem;
  left: 0rem;
  height: 7rem;
}
.main-navigation span.burger {
  position: absolute;
  z-index: 1;
  height: 2px;
  width: 22px;
  background: #464646;
  right: 50%;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  transition: background 0.5s;
}
.main-navigation span.burger::before,
.main-navigation span.burger::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  transform-origin: 50% 50%;
  transform: translateY(-6px);
  display: block;
  width: 22px;
  height: 2px;
  background: #464646;
  transition: all 0.5s;
}
.main-navigation span.burger::after {
  transform: translateY(6px) rotate(0deg);
}
.main-navigation #nav-icon-burger-open:hover span.burger::before {
  transform: translateY(-8px);
}
.main-navigation #nav-icon-burger-open:hover span.burger::after {
  transform: translateY(8px);
}
.main-navigation #nav-icon-burger-open.open span,
.main-navigation #nav-icon-burger-open.open:hover span.burger,
.main-navigation #nav-icon-burger-close.open span,
.main-navigation #nav-icon-burger-close.open:hover span.burger {
  background: transparent;
}
.main-navigation #nav-icon-burger-open.open span::before,
.main-navigation #nav-icon-burger-close.open span::before {
  transform: rotate(45deg) !important;
}
.main-navigation #nav-icon-burger-open.open span::after,
.main-navigation #nav-icon-burger-close.open span::after {
  transform: rotate(-45deg) !important;
}
.main-navigation ul {
  display: flex;
  visibility: hidden;
  flex-direction: column;
  padding: 0;
  margin: 0;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overscroll-behavior: none;
  background-color: #EFEFEF;
  position: fixed;
  width: 100%;
  transition: visibility 0s linear 0.4s, transform 0.5s ease 0s;
  transform: translate3d(-100%, 0, 0);
}
.main-navigation ul.open {
  display: flex;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
  overflow-y: auto;
  background: #62929E;
  padding-top: 8rem;
}
.main-navigation li {
  list-style: none;
  background: #EFEFEF;
}
.main-navigation nav a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  padding: 0.75rem 1.5rem;
  font-size: 2rem;
  text-align: center;
}
.main-navigation nav a .icone-svg {
  margin-bottom: 1rem;
  margin-right: 1.5rem;
  height: 5rem;
  width: 5rem;
}
.main-navigation nav a:hover {
  background-color: #B5CFDE;
}

@media (min-width: 960px) {
  .mobile-menu {
    display: none !important;
  }
  .desktop-menu {
    display: flex;
    justify-content: center;
  }
  .main-navigation {
    background-color: #EFEFEF;
    height: auto;
  }
  .main-navigation #nav-icon-burger-open,
  .main-navigation #nav-icon-burger-close {
    display: none;
  }
  .main-navigation ul {
    position: relative;
    display: flex;
    visibility: visible;
    flex-direction: row;
    justify-content: center;
    transform: none;
    transition: none;
  }
  .main-navigation li {
    list-style: none;
  }
  .main-navigation nav a {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 2.5rem 3.5rem;
    font-size: 2rem;
    text-align: center;
    border-bottom: none;
  }
  .main-navigation nav a .icone-svg {
    margin-bottom: 1rem;
    margin-right: 0rem;
    height: 5rem;
    width: 5rem;
  }
  .main-navigation nav a:hover {
    background-color: #B5CFDE;
  }
}
#introduction {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8rem;
}
#introduction__top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#introduction__top h2 {
  text-align: center;
}
#introduction__top li {
  font-size: 1.8rem;
  list-style: none;
  margin-bottom: 2rem;
}
#introduction__top li:last-child {
  margin-bottom: 0;
}
#introduction__bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#introduction__bottom .btns {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem;
}
#introduction__bottom .btns-item {
  flex: 1;
}
#introduction__bottom .btn-more {
  display: flex;
  justify-content: center;
}

@media (min-width: 530px) {
  #introduction__top h2, #introduction__top ul {
    padding: 0 10%;
  }
  #introduction__bottom .btns {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media (min-width: 960px) {
  #introduction__top h2 {
    padding-right: 25%;
    padding-left: 25%;
  }
  #introduction__top ul {
    padding-right: 30%;
    padding-left: 30%;
  }
  #introduction__bottom .btns {
    padding-right: 10%;
    padding-left: 10%;
    flex-direction: row;
  }
}
#map {
  background-color: #B5CFDE;
}
#map__contain {
  text-align: center;
}
#map__contain .list-locality p {
  margin: 0;
}
#map .wrapper-img {
  background-color: #FFFFFF;
  border-radius: 1rem;
  padding: 1.5rem;
}

@media (min-width: 540px) {
  #map__contain {
    padding-right: 10%;
    padding-left: 10%;
  }
}
#advice {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#advice__top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#advice__top h2 {
  text-align: center;
}
#advice__top li {
  list-style: none;
  margin-bottom: 2rem;
}
#advice__top li:last-child {
  margin-bottom: 0;
}
#advice__bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#advice__bottom .btn-more {
  display: flex;
  justify-content: center;
}

@media (min-width: 540px) {
  #introduction__top h2, #introduction__top ul {
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media (min-width: 992px) {
  #introduction__top h2 {
    padding-right: 25%;
    padding-left: 25%;
  }
  #introduction__top ul {
    padding-right: 30%;
    padding-left: 30%;
  }
}
#slider-commune .infos {
  position: relative;
  padding-top: 3rem;
  height: 30rem;
  background-color: #EFEFEF;
  text-align: center;
  border-radius: 2rem;
  box-shadow: 0px 0px 3px 1px #aecadb;
  overflow: hidden;
}
#slider-commune .infos .ecussons {
  height: 18rem;
}
#slider-commune .infos p {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.5rem 0;
  margin-bottom: 0;
  background-color: #B5CFDE;
  color: #000000;
}
#slider-commune .swiper-button-next:after,
#slider-commune .swiper-button-prev:after {
  color: #AF3A3A;
}

#tableau-delegues-communaux thead {
  background-color: #B5CFDE;
}
#tableau-delegues-communaux td {
  vertical-align: top;
}
#tableau-delegues-communaux tbody > tr:nth-child(odd) {
  background-color: #EFEFEF;
}

#comite-direction {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
  row-gap: 2rem;
}
#comite-direction .comite-direction-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  background-color: #EFEFEF;
  text-align: center;
  border-radius: 1rem;
  box-shadow: 0px 0px 3px 1px #aecadb;
}
#comite-direction .comite-direction-item h3 {
  margin-bottom: 2rem;
}
#comite-direction .comite-direction-item .delegues {
  padding: 1rem;
  background-color: #B5CFDE;
}

.item1 {
  grid-row: 2/3;
}

@media (min-width: 767px) {
  #comite-direction {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 1fr);
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    row-gap: 5rem;
  }
  .item1 {
    grid-column: 1/3;
    grid-row: 2/3;
    order: 2;
  }
  .item2 {
    grid-column: 2/4;
    grid-row: 1/2;
  }
  .item3 {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .item4 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .item5 {
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .item6 {
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .item7 {
    grid-column: 3/5;
    grid-row: 4/5;
  }
  .item8 {
    grid-column: 1/3;
    grid-row: 5/6;
  }
  .item9 {
    grid-column: 3/5;
    grid-row: 5/6;
  }
  .item10 {
    grid-column: 1/3;
    grid-row: 6/7;
  }
  .item11 {
    grid-column: 3/5;
    grid-row: 6/7;
  }
}
@media (min-width: 960px) {
  #comite-direction {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(3, 1fr);
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    row-gap: 5rem;
  }
  .item1 {
    grid-column: 2/4;
    grid-row: 1/2;
    order: 1;
  }
  .item2 {
    grid-column: 4/6;
    grid-row: 1/2;
  }
  .item3 {
    grid-column: 6/8;
    grid-row: 1/2;
  }
  .item4 {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  .item5 {
    grid-column: 3/5;
    grid-row: 2/3;
  }
  .item6 {
    grid-column: 5/7;
    grid-row: 2/3;
  }
  .item7 {
    grid-column: 7/9;
    grid-row: 2/3;
  }
  .item8 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .item9 {
    grid-column: 3/5;
    grid-row: 3/4;
  }
  .item10 {
    grid-column: 5/7;
    grid-row: 3/4;
  }
  .item11 {
    grid-column: 7/9;
    grid-row: 3/4;
  }
}
#page-documents {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
}
#page-documents .search-form .wrapper-search {
  display: flex;
  height: 5rem;
}
#page-documents .search-form .wrapper-search button {
  width: 5rem;
  border: none;
  cursor: pointer;
}
#page-documents .search-form .wrapper-search input {
  flex: 1;
  box-shadow: inset 0 1px 3px #3E3E3E;
}
#page-documents #filter {
  display: none;
  z-index: 9;
}
#page-documents #filter .wrapper-filter-forms {
  background-color: #62929E;
  position: sticky;
  top: 16rem;
}
#page-documents .documents {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
#page-documents .documents__link-to-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #efefef;
}
#page-documents .documents__title {
  text-align: center;
  margin-bottom: 0;
}
#page-documents .documents__icon {
  max-width: 13rem;
  height: auto;
  width: 100%;
}
#page-documents .documents .item-first-row-doc + .item-second-row-doc,
#page-documents .documents .item-first-row-doc + .item-third-row-doc,
#page-documents .documents .item-first-row-doc + .item-fourth-row-doc {
  grid-column-start: 1;
}
#page-documents .documents .item-second-row-doc + .item-third-row-doc,
#page-documents .documents .item-second-row-doc + .item-fourth-row-doc {
  grid-column-start: 1;
}
#page-documents .documents .item-third-row-doc + .item-fourth-row-doc {
  grid-column-start: 1;
}
@media (min-width: 380px) {
  #page-documents .documents {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 530px) {
  #page-documents .documents {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 960px) {
  #page-documents .documents {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 6rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  #page-documents .documents {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
/* Réglage popup de visualisation des images au dessus de la barre de menu d'administration */
.lg-backdrop {
  z-index: 100000 !important;
}

.lg-outer {
  z-index: 105000 !important;
}

.lightgallery {
  margin-bottom: 9rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 2rem;
}
.lightgallery .item {
  display: flex;
  overflow: hidden;
  position: relative;
  list-style: outside none none;
  border-radius: 5px;
  height: 17rem;
}
.lightgallery .item .thumb {
  transition: transform 0.15s ease 0s;
  transform: scale3d(1, 1, 1);
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.lightgallery .item .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.15s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.lightgallery .item .icon-search {
  opacity: 0;
  position: absolute;
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
  color: #fff;
  transition: opacity 0.3s ease 0s;
}
.lightgallery .item:hover .thumb {
  transform: scale3d(1.1, 1.1, 1.1);
}
.lightgallery .item:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.lightgallery .item:hover .icon-search {
  opacity: 1;
}

@media (min-width: 380px) {
  .lightgallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 767px) {
  .lightgallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 960px) {
  .lightgallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .lightgallery {
    grid-template-columns: repeat(5, 1fr);
  }
}
#page-404 .not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=style-index.css.map*/