@charset "UTF-8";
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
}

.lien-externe a:after {
  content: " ↗";
  font-size: 20px;
  display: inline-block !important;
  color: #779242;
  margin-left: 3px;
}

body #page-container {
  overflow-x: hidden;
}
body #main-content {
  position: relative;
  z-index: 2;
}
body #main-content .page.type-page h1,
body #main-content .header-actualite h1 {
  display: inline-block;
}
body #main-content .page.type-page h1::before,
body #main-content .header-actualite h1::before {
  content: "";
  background-image: url("../images/flammes.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  height: 500px;
  top: 0;
  left: 0;
  transform: translate(-20%, -48%) rotate(10deg);
  aspect-ratio: 2.6/1;
  z-index: -1;
}
body #main-content .wp-grid-builder .wpgb-area-left {
  left: 50%;
  bottom: 0;
  top: auto;
  transform: translate(-100%, 50%);
}
body #main-content .wp-grid-builder .wpgb-area-left button {
  background: transparent;
}
body #main-content .wp-grid-builder .wpgb-area-left button::after {
  content: "";
  aspect-ratio: 2/3;
  background-image: url("../images/fleche.svg");
  background-size: contain;
  display: inline-block;
  width: 44px;
  background-repeat: no-repeat;
}
body #main-content .wp-grid-builder .wpgb-area-left button svg {
  display: none;
}
body #main-content .wp-grid-builder .wpgb-area-right {
  left: 50%;
  bottom: 0;
  top: auto;
  transform: translate(0%, 50%);
  right: auto;
}
body #main-content .wp-grid-builder .wpgb-area-right button {
  background: transparent;
}
body #main-content .wp-grid-builder .wpgb-area-right button::after {
  content: "";
  aspect-ratio: 2/3;
  background-image: url("../images/fleche.svg");
  background-size: contain;
  display: inline-block;
  width: 44px;
  background-repeat: no-repeat;
  transform: scalex(-1);
}
body #main-content .wp-grid-builder .wpgb-area-right button svg {
  display: none;
}
body .logo-home::before {
  content: "";
  background-image: url("../images/vague-blanche-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  height: 380px;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -65%);
  aspect-ratio: 5.5/1;
}
body.home .section-shortcut::before {
  content: "";
  background-image: url("../images/vague-beige-shortcut-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center top;
  height: 150px;
  width: 100%;
  top: 0;
  left: 0;
  transform: translate(0, -100%);
  z-index: 10;
}
body.home .section-shortcut .et_pb_column {
  margin-bottom: 3em;
}
body.home .et_pb_section.et_pb_section_1 {
  z-index: 11;
  background-color: #F5D191 !important;
}
body.home .section-actu {
  z-index: 2;
  background: transparent;
}
body.home .section-actu::before {
  content: "";
  background-image: url("../images/vague-blanche-actu-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center top;
  height: 150px;
  width: 100%;
  top: 0;
  left: 0;
  transform: translate(0, -75%);
}
body.home .section-actu .jumbo h2::before {
  content: "";
  background-image: url("../images/vague-marron-actu-titre.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center top;
  aspect-ratio: 92/13;
  width: 120vw;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -75%);
  z-index: -1;
}
body.home .section-titre-page {
  z-index: 2;
  background: transparent;
}
body.home .section-titre-page::before {
  content: "";
  background-image: url("../images/vague-blanche-actu-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center top;
  height: 150px;
  width: 100%;
  top: 0;
  left: 0;
  transform: translate(0, -75%);
}
body.home .section-titre-page .jumbo h2::before {
  content: "";
  background-image: url("../images/vague-marron-actu-titre.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center top;
  aspect-ratio: 92/13;
  width: 120vw;
  top: 50%;
  left: 50%;
  transform: translate(-13%, -73%);
  z-index: -1;
}
body.home .section-agenda {
  z-index: 1;
}
body.home .section-agenda::before {
  content: "";
  background-image: url("../images/montagne-bleu-agenda.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  aspect-ratio: 42/51;
  background-position: center top;
  width: 50%;
  top: 0;
  left: 0;
  transform: translate(0, -15%);
}
body.home .section-agenda .last-revue {
  flex-wrap: wrap;
}

@media only screen and (min-width: 426px) {
  .home .highlighted-events {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .home .highlighted-events .highlighted-event {
    width: 48%;
  }
}
@media only screen and (max-width: 1440px) {
  body.home .section-shortcut::before {
    content: "";
    height: 150px;
    width: 100%;
    transform: translate(0, -100%);
  }
  body.home .section-actu::before {
    height: 150px;
    width: 100%;
    transform: translate(0, -75%);
  }
  body.home .section-actu .jumbo h2::before {
    width: 190vw;
    transform: translate(-30%, -75%);
  }
  body.home .section-titre-page::before {
    height: 150px;
    width: 100%;
    transform: translate(0, -75%);
  }
  body.home .section-titre-page .jumbo h2::before {
    width: 190vw;
    transform: translate(-18%, -75%);
  }
  body.home .section-agenda::before {
    width: 50%;
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 980px) {
  body #main-content .page.type-page h1::before {
    height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  body.home .section-actu .jumbo h2::before {
    width: 350vw;
    transform: translate(-35%, -75%);
  }
  body.home .section-titre-page .jumbo h2 {
    text-align: center;
  }
  body.home .section-titre-page .jumbo h2::before {
    width: 350vw;
    transform: translate(-35%, -75%);
  }
  body.home #main-content .page.type-page h1::before {
    height: 250px;
  }
  body.home .section-agenda::before {
    width: 100%;
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 425px) {
  body.home .section-agenda::before {
    width: 150%;
    transform: translate(0, 0);
  }
}
#search-modal #search-overlay,
#popup-search #search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
#search-modal #search-box,
#popup-search #search-box {
  background: white;
  padding: 2rem;
  border-radius: 2px;
  position: relative;
}
#search-modal #search-box input,
#popup-search #search-box input {
  width: 240px;
  padding: 0.5rem;
  font-size: 1.1rem;
}
#search-modal #search-box button,
#popup-search #search-box button {
  padding: 10px 20px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  background-color: #779242;
  border: 0px;
  cursor: pointer;
}
#search-modal #search-box button span.submit-search:after,
#popup-search #search-box button span.submit-search:after {
  content: "U";
  font-family: ETmodules !important;
}
#search-modal #close-search-modal,
#popup-search #close-search-modal {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 1.5rem;
  cursor: pointer;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  font-size: 20px;
}