@charset "UTF-8";
/* Reset CSS de base */
/* Box sizing pour tous les éléments */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* HTML et Body */
html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.5;
  color: #333;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  line-height: 1.2;
}

/* Listes */
ul, ol {
  list-style: none;
}

/* Liens */
a {
  text-decoration: none;
  color: inherit;
}

/* Images et médias */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Formulaires */
input, button, textarea, select {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

/* Tableaux */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Empêcher les débordements de texte */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Accessibilité - Cacher visuellement mais garder pour les lecteurs d'écran */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Cabinet Grotesk - Thin */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Thin.otf") format("opentype");
}
/* Cabinet Grotesk - Extralight */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Extralight.otf") format("opentype");
}
/* Cabinet Grotesk - Light */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Light.otf") format("opentype");
}
/* Cabinet Grotesk - Regular */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Regular.otf") format("opentype");
}
/* Cabinet Grotesk - Medium */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Medium.otf") format("opentype");
}
/* Cabinet Grotesk - Bold */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Bold.otf") format("opentype");
}
/* Cabinet Grotesk - Extrabold */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Extrabold.otf") format("opentype");
}
/* Cabinet Grotesk - Black */
@font-face {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/CabinetGrotesk/Fonts/OTF/CabinetGrotesk-Black.otf") format("opentype");
}
/* End Cabinet Grotesk */
:root {
  /* Famille standard */
  --font-standard: "Cabinet Grotesk", sans-serif;
  /* Famille titre */
  --font-titre: "Cabinet Grotesk", sans-serif;
  /* padding */
  --padding-goutiere: 9.7222222222vw;
  /* Couleurs principales */
  --UI-Fond-Crme: #FFF7F0;
  --UI-Safran-Darker: #4C1607;
  --UI-Safran-Primary: #FCCA57;
  --UI-Safran-Light: #FADF9E;
  --UI-Safran-Lighter: #FFF2D4;
  --UI-Aigre-doux-Darker: #260E07;
  --UI-Aigre-doux-Primary: #FF6047;
  --UI-Aigre-doux-Light: #FFCDB1;
  --UI-Aigre-doux-Lighter: #FFE7D9;
  --UI-Lavande-Primary: #F2ECF6;
  border-radius: 34px;
}

body {
  margin: 0;
  font-family: var(--font-standard);
  font-size: 1.3194444444vw;
  line-height: 1.2;
  background-color: var(--UI-Fond-Crme);
  color: var(--UI-Safran-Darker);
}
@media (max-width: 768px) {
  body {
    font-size: 4.834605598vw;
  }
}

.g-submit {
  color: var(--UI-Aigre-doux-Darker);
  font-size: 1.0416666667vw;
  font-weight: 500;
  transition: all 0.5s ease;
  padding: 0vw 1.3888888889vw;
  border-radius: 30px;
  height: 2.9166666667vw;
  padding: 0.6944444444vw 1.3888888889vw;
  font-size: 1.25vw;
  background-color: var(--UI-Aigre-doux-Primary);
  border: 1px solid var(--UI-Aigre-doux-Primary);
  color: var(--UI-Aigre-doux-Darker);
}
@media (max-width: 768px) {
  .g-submit {
    font-size: 4.5801526718vw;
    height: 10.6870229008vw;
    padding: 2.5445292621vw 5.0890585242vw;
  }
}
.g-submit:hover {
  background: transparent;
  border: 1px solid var(--UI-Aigre-doux-Darker);
  color: var(--UI-Aigre-doux-Darker);
}

.g-keyword {
  font-size: 1.25vw;
  font-weight: 700;
  padding: 0.6944444444vw 1.3888888889vw;
  background: var(--UI-Safran-Darker);
  color: var(--UI-Safran-Primary);
  border: 1px solid var(--UI-Safran-Primary);
  border-radius: 2.8472222222vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .g-keyword {
    font-size: 3.5623409669vw;
    padding: 0.7633587786vw 2.0356234097vw;
    border-radius: 5.0890585242vw;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: var(--UI-Aigre-doux-Darker);
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.g-text-highlight {
  color: var(--UI-Aigre-doux-Primary);
}

.g-content {
  text-align: left;
}
.g-content h2 {
  font-size: clamp(2.2222222222vw, 26px, 26px);
  margin-bottom: 1.3888888889vw;
  color: var(--UI-Safran-Darker);
}
@media (max-width: 768px) {
  .g-content h2 {
    margin-bottom: 3.8167938931vw;
  }
}
.g-content h3 {
  font-size: clamp(1.9444444444vw, 22px, 22px);
  margin-bottom: 1.0416666667vw;
  color: var(--UI-Safran-Darker);
}
@media (max-width: 768px) {
  .g-content h3 {
    margin-bottom: 3.0534351145vw;
  }
}
.g-content h4 {
  font-size: clamp(1.6666666667vw, 20px, 20px);
  margin-bottom: 0.8333333333vw;
  color: var(--UI-Safran-Darker);
}
@media (max-width: 768px) {
  .g-content h4 {
    margin-bottom: 2.5445292621vw;
  }
}
.g-content ul, .g-content ol {
  color: var(--UI-Aigre-doux-Darke);
  margin-top: 0.6944444444vw;
  margin-bottom: 1.0416666667vw;
  margin-left: 1.3888888889vw;
  list-style: inside;
}
@media (max-width: 768px) {
  .g-content ul, .g-content ol {
    margin-bottom: 3.0534351145vw;
  }
}
.g-content ul:last-child, .g-content ol:last-child {
  margin-bottom: 0;
}
.g-content ul li, .g-content ol li {
  font-size: clamp(1.3194444444vw, 17px, 17px);
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 0.5555555556vw;
}
.g-content p {
  font-size: clamp(1.3194444444vw, 17px, 17px);
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 1.0416666667vw;
}
.g-content strong, .g-content b {
  font-weight: 700;
}
.g-content a {
  color: var(--UI-Safran-Darker);
  text-decoration: underline;
}
.g-content blockquote {
  font-size: 1.3888888889vw;
  padding-left: 0;
  border: 0;
  margin-bottom: 2.7777777778vw;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  padding-left: 2.4305555556vw;
  border-left: 5px solid var(--UI-Aigre-doux-Primary);
}
@media (max-width: 768px) {
  .g-content blockquote {
    font-size: 5.0890585242vw;
    margin-bottom: 10.1781170483vw;
    padding-left: 8.9058524173vw;
  }
}
.g-content blockquote:not(:last-child) {
  margin-bottom: 2.7777777778vw;
}
@media (max-width: 768px) {
  .g-content blockquote:not(:last-child) {
    margin-bottom: 10.1781170483vw;
  }
}
.g-content blockquote:before {
  content: url("../images/blockquote.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  transform: translate(-130%, -100%);
}
.g-content blockquote:last-child {
  margin-bottom: 0;
}
.g-content blockquote p {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
}

.g-topo-left {
  top: 0;
  left: 0;
  width: 34.7222222222vw;
}
@media (max-width: 768px) {
  .g-topo-left {
    width: 76.3358778626vw;
  }
}

.g-topo-right {
  top: 0;
  right: 0.4166666667vw;
  width: 34.7222222222vw;
}
@media (max-width: 768px) {
  .g-topo-right {
    width: 76.3358778626vw;
    right: 1.5267175573vw;
  }
}

.wpcf7-form {
  font-size: 1.25vw;
  line-height: 1.1;
  color: var(--dark-blue);
  background: var(--beige);
  position: relative;
}
@media (max-width: 768px) {
  .wpcf7-form {
    font-size: 4.5801526718vw;
    padding: 8.1424936387vw;
  }
}

.wpcf7-form-control {
  width: 100%;
  padding: 0.6944444444vw 0.8333333333vw;
  border: 1px solid var(--dark-blue) !important;
  border-radius: 6px;
  background: var(--white);
  font-size: 1.25vw;
  box-shadow: none;
  outline: none;
  transition: border-color 0.2s ease-in-out;
}
@media (max-width: 768px) {
  .wpcf7-form-control {
    padding: 2.5445292621vw 3.0534351145vw;
    font-size: 4.5801526718vw;
  }
}
.wpcf7-form-control.wpcf7-checkbox {
  border: none !important;
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.wpcf7-form-control label {
  flex-direction: row;
}

label {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 768px) {
  label {
    gap: 2.0356234097vw;
  }
}
label br {
  display: none;
}

.wpcf7-list-item input[type=checkbox] {
  margin-right: 0.5555555556vw;
  width: auto;
}
@media (max-width: 768px) {
  .wpcf7-list-item input[type=checkbox] {
    margin-right: 2.0356234097vw;
  }
}

.splide__pagination {
  padding-top: 1.3888888889vw;
  gap: 2.5445292621vw;
}

.splide__pagination__page {
  background-color: var(--UI-Aigre-doux-Darker);
  width: 2.5445292621vw;
  height: 2.5445292621vw;
  border-radius: 50%;
  flex-shrink: 0;
}
.splide__pagination__page.is-active {
  background-color: var(--UI-Aigre-doux-Primary);
}

.a-boutton {
  color: var(--UI-Aigre-doux-Darker);
  font-size: 1.0416666667vw;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 768px) {
  .a-boutton {
    font-size: 3.8167938931vw;
  }
}
.a-boutton .label {
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  padding: 0vw 1.3888888889vw;
  border-radius: 30px;
  height: 2.9166666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  white-space: nowrap; /* Empêche le texte de passer à la ligne */
}
@media (max-width: 768px) {
  .a-boutton .label {
    padding: 0vw 5.0890585242vw;
    height: 10.6870229008vw;
  }
}
.a-boutton .label span {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.a-boutton .icon {
  background: url(../images/Arrow-round.svg) no-repeat center center;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 2.9166666667vw;
  border-radius: 50%;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
  flex-shrink: 0; /* L'icône garde toujours sa taille */
  z-index: 2;
}
@media (max-width: 768px) {
  .a-boutton .icon {
    width: 10.6870229008vw;
  }
}
.a-boutton--filter .icon {
  background: url(../images/filtre.svg) no-repeat center center;
}
.a-boutton--mail .icon {
  background: url(../images/Mail.svg) no-repeat center center;
}
.a-boutton--without-icon .icon {
  display: none;
}
.a-boutton--block {
  width: 100%;
  display: flex; /* Force flex au lieu de inline-flex */
}
.a-boutton--block .label {
  flex: 1; /* Le label prend tout l'espace disponible */
  justify-content: center; /* Centre le texte dans le label */
}
.a-boutton--lien .label {
  position: relative;
  padding: 0.6944444444vw 1.3888888889vw;
  border-radius: 2.0833333333vw;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .a-boutton--lien .label {
    padding: 2.5445292621vw 5.0890585242vw;
    border-radius: 7.6335877863vw;
    padding: 0;
  }
}
.a-boutton--lien .label span {
  position: relative;
  z-index: 1;
}
.a-boutton--lien .label::after {
  content: "";
  position: absolute;
  bottom: 0.5555555556vw;
  left: 1.3888888889vw;
  right: 1.3888888889vw;
  height: 2px;
  background-color: var(--UI-Aigre-doux-Darker);
  transition: all 0.3s ease;
  z-index: 0;
}
@media (max-width: 768px) {
  .a-boutton--lien .label::after {
    bottom: 2.0356234097vw;
    left: 0;
    right: 0;
  }
}
.a-boutton--lien:hover .label::after {
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  height: 100%;
  border-radius: 2.0833333333vw;
  background: var(--UI-Safran-Primary);
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .a-boutton--lien:hover .label::after {
    border-radius: 7.6335877863vw;
  }
}
.a-boutton--xl .label {
  height: 3.3333333333vw;
}
@media (max-width: 768px) {
  .a-boutton--xl .label {
    height: 12.213740458vw;
  }
}
.a-boutton--xl .icon {
  height: 3.3333333333vw;
  width: 3.3333333333vw;
}
@media (max-width: 768px) {
  .a-boutton--xl .icon {
    height: 12.213740458vw;
    width: 12.213740458vw;
  }
}
.a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon), .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon), .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon) {
  overflow: hidden;
}
.a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover, .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover, .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover {
  gap: 0;
}
.a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label, .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label, .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label {
  padding-right: 3.4722222222vw;
  margin-right: -2.0833333333vw;
  border-radius: 30px;
}
@media (max-width: 768px) {
  .a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label, .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label, .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .label {
    padding-right: 12.7226463104vw;
    margin-right: -7.6335877863vw;
  }
}
.a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon, .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon, .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon {
  transform: translateX(-0.6944444444vw) rotate(360deg);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .a-boutton--grey:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon, .a-boutton--primary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon, .a-boutton--secondary:not(.a-boutton--lien, .a-boutton--outline, .a-boutton--without-icon):hover .icon {
    transform: translateX(-2.5445292621vw) rotate(360deg);
  }
}
.a-boutton--grey .label {
  background-color: #F0ECF4;
  border: 1px solid #F0ECF4;
  color: var(--UI-Aigre-doux-Darker);
}
.a-boutton--grey .icon {
  background-color: #F0ECF4;
  border: 1px solid #F0ECF4;
}
.a-boutton--grey:hover .label, .a-boutton--grey:hover .icon {
  background-color: var(--UI-Aigre-doux-Light);
  border: 1px solid var(--UI-Aigre-doux-Light);
}
.a-boutton--primary .label {
  background-color: var(--UI-Aigre-doux-Primary);
  border: 1px solid var(--UI-Aigre-doux-Primary);
  color: var(--UI-Aigre-doux-Darker);
}
.a-boutton--primary .icon {
  background-color: var(--UI-Aigre-doux-Primary);
  border: 1px solid var(--UI-Aigre-doux-Primary);
}
.a-boutton--primary:hover .label, .a-boutton--primary:hover .icon {
  background-color: var(--UI-Aigre-doux-Light);
  border: 1px solid var(--UI-Aigre-doux-Light);
}
.a-boutton--secondary .label {
  background-color: var(--UI-Safran-Primary);
  border: 1px solid var(--UI-Safran-Primary);
}
.a-boutton--secondary .icon {
  background-color: var(--UI-Safran-Primary);
  border: 1px solid var(--UI-Safran-Primary);
}
.a-boutton--secondary:hover .label, .a-boutton--secondary:hover .icon {
  background-color: var(--UI-Safran-Light);
  border: 1px solid var(--UI-Safran-Light);
}
.a-boutton--primary-light .label {
  background-color: var(--UI-Aigre-doux-Light);
  border: 1px solid var(--UI-Aigre-doux-Light);
}
.a-boutton--primary-light .icon {
  background-color: var(--UI-Aigre-doux-Light);
  border: 1px solid var(--UI-Aigre-doux-Light);
}
.a-boutton--primary-light:hover .label, .a-boutton--primary-light:hover .icon {
  background-color: var(--UI-Safran-Light);
  border: 1px solid var(--UI-Safran-Light);
}
.a-boutton--outline .label {
  background: transparent;
  border: 1px solid var(--UI-Aigre-doux-Darker);
  color: var(--UI-Aigre-doux-Darker);
}
.a-boutton--outline .icon {
  display: none;
}
.a-boutton--outline:hover .label {
  background: var(--UI-Safran-Primary);
  border: 1px solid var(--UI-Safran-Primary);
  color: var(--UI-Aigre-doux-Darker);
  transition: all 0.4s ease-in;
}

.a-post {
  width: 100%;
  text-align: left;
}
@media (max-width: 768px) {
  .a-post {
    margin-bottom: 5.0890585242vw;
  }
}
.a-post--featured .title {
  font-size: 2.5vw;
}
@media (max-width: 768px) {
  .a-post--featured .title {
    font-size: 9.1603053435vw;
  }
}
.a-post--vertical .thumb {
  height: 293px;
}
@media (max-width: 768px) {
  .a-post--vertical .thumb {
    height: 74.5547073791vw;
  }
}
.a-post--with-lien .title {
  margin-bottom: 1.1111111111vw;
}
@media (max-width: 768px) {
  .a-post--with-lien .title {
    margin-bottom: 4.0712468193vw;
  }
}
.a-post .thumb {
  width: 100%;
  height: 19.8611111111vw;
  margin-bottom: 22px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .a-post .thumb {
    height: 72.7735368957vw;
    margin-bottom: 2.5445292621vw;
  }
}
.a-post .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.a-post:hover img {
  transform: scale(1.05);
}
.a-post .title {
  font-size: 1.5277777778vw;
  line-height: 1.2;
  font-weight: 600;
}
@media (max-width: 768px) {
  .a-post .title {
    font-size: 5.5979643766vw;
  }
}
.a-post .categories {
  display: flex;
  gap: 0.3472222222vw;
  flex-wrap: wrap;
  margin-bottom: 1.1111111111vw;
}
@media (max-width: 768px) {
  .a-post .categories {
    gap: 1.272264631vw;
    margin-bottom: 4.0712468193vw;
  }
}

.a-categorie {
  font-size: 0.9027777778vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5555555556vw 1.0416666667vw;
  border-radius: 2.0833333333vw;
  color: var(--UI-Aigre-doux-Darker);
  border: 1px solid var(--UI-Aigre-doux-Darker);
}
@media (max-width: 768px) {
  .a-categorie {
    font-size: 3.0534351145vw;
    padding: 0.7633587786vw 2.0356234097vw;
    border-radius: 5.0890585242vw;
  }
}
.a-categorie--featured {
  background-color: var(--UI-Aigre-doux-Primary);
  border-color: var(--UI-Aigre-doux-Primary);
}
.a-categorie--lien {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
.a-categorie--lien:hover {
  background-color: var(--UI-Aigre-doux-Light);
  border-color: var(--UI-Aigre-doux-Light);
}
.a-categorie--filter {
  font-size: 0.9722222222vw;
  background: var(--UI-Safran-Light);
  border-color: #FCCA57;
  color: var(--UI-Safran-Darker);
  cursor: pointer;
  padding: 0.5555555556vw 1.0416666667vw;
}
@media (max-width: 768px) {
  .a-categorie--filter {
    font-size: 3.5623409669vw;
    padding: 2.0356234097vw 3.8167938931vw;
  }
}
.a-categorie--filter:hover {
  background: #fff;
  border-color: var(--UI-Safran-Primary);
}
.a-categorie--filter.is-selected {
  background: #fff;
  border-color: var(--UI-Aigre-doux-Primary);
}

.m-header-nav {
  padding: 1.6666666667vw 2.7777777778vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
@media (max-width: 768px) {
  .m-header-nav {
    padding: 5.0890585242vw;
  }
}
.m-header-nav__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 2.7777777778vw;
  padding-right: 0.7638888889vw;
  height: 4.6527777778vw;
  border-radius: 4.8611111111vw;
  background: var(--UI-Lavande-Primary);
  box-shadow: 0 4px 54px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .m-header-nav__content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 5.0890585242vw;
    padding-right: 5.0890585242vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
    height: auto;
    border-radius: 8.6513994911vw;
  }
}
.m-header-nav__content .logo {
  width: 8.2638888889vw;
  margin-right: 7.4305555556vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-header-nav__content .logo {
    width: 25.4452926209vw;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.m-header-nav__content .menu-principal {
  height: 100%;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  flex: 1;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal {
    position: fixed;
    top: 20.3562340967vw;
    left: 5.0890585242vw;
    right: 5.0890585242vw;
    width: calc(100vw - 10.1781170483vw);
    height: calc(100vh - 50.8905852417vw);
    background: var(--UI-Lavande-Primary);
    border-radius: 6.106870229vw;
    padding: 7.6335877863vw;
    overflow-y: auto;
    flex-direction: column;
    gap: 7.6335877863vw;
    transform: translateY(-150%);
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    padding-top: 10.1781170483vw;
  }
  .m-header-nav__content .menu-principal.is-open {
    transform: translateY(0);
  }
}
.m-header-nav__content .menu-principal .list {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1.3888888889vw;
  list-style: none;
  position: static;
  flex: 1;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: auto;
    flex: none;
    width: 100%;
  }
}
.m-header-nav__content .menu-principal .list .item {
  height: 100%;
  display: flex;
  align-items: center;
  position: static;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .item {
    height: auto;
    flex-direction: column;
    align-items: stretch;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0vw;
    padding-top: 2.5445292621vw;
  }
  .m-header-nav__content .menu-principal .list .item:first-child {
    padding-top: 0;
  }
  .m-header-nav__content .menu-principal .list .item:last-child {
    border-bottom: none;
  }
  .m-header-nav__content .menu-principal .list .item.is-open .lien-menu-principal::after {
    transform: rotate(180deg);
  }
  .m-header-nav__content .menu-principal .list .item.is-open .sous-item {
    max-height: 508.9058524173vw;
    opacity: 1;
    visibility: visible;
    margin-top: 0vw;
    padding-bottom: 5.0890585242vw;
  }
}
@media (min-width: 769px) {
  .m-header-nav__content .menu-principal .list .item:hover .sous-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.m-header-nav__content .menu-principal .list li {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list li {
    height: auto;
    width: 100%;
  }
}
.m-header-nav__content .menu-principal .list .lien-menu-principal {
  height: 3.4722222222vw;
  display: flex;
  align-items: center;
  font-size: 1.0416666667vw;
  gap: 0.8333333333vw;
  border-radius: 30px;
  padding: 1.0416666667vw 1.25vw;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .lien-menu-principal {
    width: 100%;
    height: auto;
    font-size: 4.5801526718vw;
    padding: 3.8167938931vw 0vw;
    justify-content: space-between;
    cursor: pointer;
  }
}
.m-header-nav__content .menu-principal .list .lien-menu-principal::after {
  content: "";
  display: block;
  width: 0.8333333333vw;
  height: 0.4861111111vw;
  background: url("../images/Chevron-bas.svg") no-repeat center center;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .lien-menu-principal::after {
    width: 3.0534351145vw;
    height: 1.7811704835vw;
  }
}
.m-header-nav__content .menu-principal .list .lien-menu-principal.is-hovered {
  color: var(--UI-Aigre-doux-Darker);
}
.m-header-nav__content .menu-principal .list .sous-item {
  position: fixed;
  top: 6.3194444444vw;
  left: 2.7777777778vw;
  right: 2.7777777778vw;
  background: #fff;
  border-radius: 2.9166666667vw;
  padding: 1.5277777778vw;
  padding-right: 6.1111111111vw;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.6944444444vw);
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 100;
  display: grid;
  gap: 4.1666666667vw;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item {
    position: static;
    background: transparent;
    border-radius: 0;
    padding: 0;
    padding-left: 0vw;
    transform: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s ease;
    gap: 3.8167938931vw;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1024px) {
  .m-header-nav__content .menu-principal .list .sous-item {
    grid-template-columns: repeat(4, 1fr);
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured {
  border-radius: 1.6666666667vw;
  background: var(--UI-Safran-Light);
  display: flex;
  height: 22.5694444444vw;
  grid-column: span 3;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured {
    height: auto;
    grid-column: span 1;
    gap: 5.0890585242vw;
    padding: 5.0890585242vw;
    border-radius: 6.106870229vw;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured.no-visuel {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured.no-visuel {
    grid-column: span 1;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured .visuel {
  border-radius: 1.6666666667vw;
  width: 22.5694444444vw;
  aspect-ratio: 1;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured .visuel {
    display: none;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured .visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured .texte {
  padding: 0vw 4.1666666667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.3888888889vw;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item.featured .texte {
    padding: 0;
    font-size: 4.0712468193vw;
    gap: 3.8167938931vw;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: span 1;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens-wrapper {
    grid-column: span 1;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens-wrapper.no-visuel {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens-wrapper.no-visuel {
    grid-column: span 1;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.3888888889vw;
  width: 100%;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens {
    gap: 3.0534351145vw;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens a {
  text-decoration: underline;
  font-size: 1.3194444444vw;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens a {
    font-size: 4.0712468193vw;
    padding-left: 3.8167938931vw;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens.no-visuel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.1666666667vw;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens.no-visuel {
    grid-template-columns: 1fr;
    gap: 3.0534351145vw;
  }
}
.m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens.no-visuel .colonne {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .list .sous-item .bloc-item-liens.no-visuel .colonne {
    gap: 3.0534351145vw;
  }
}
.m-header-nav__content .menu-principal .list.is-active .sous-item {
  transform: translateY(0);
  opacity: 1;
  border-radius: 2.9166666667vw;
}
.m-header-nav__content .menu-principal .menu-secondaire {
  display: flex;
  align-items: flex-start;
  gap: 0.8333333333vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-header-nav__content .menu-principal .menu-secondaire {
    width: 100%;
    flex-direction: column;
    gap: 3.8167938931vw;
    padding-top: 7.6335877863vw;
    margin-top: auto;
  }
}

.burger-menu {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12.7226463104vw;
  height: 12.7226463104vw;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1001;
  padding: 0;
  gap: 1.5267175573vw;
  color: currentColor;
}
@media (max-width: 768px) {
  .burger-menu {
    display: flex;
  }
}
.burger-menu:focus-visible {
  outline: 2px solid var(--UI-Aigre-doux-Primary);
  outline-offset: 2px;
}

.burger-line {
  display: block;
  width: 6.106870229vw;
  height: 0.5089058524vw;
  background: currentColor;
  border-radius: 0.5089058524vw;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform-origin: center;
}

.burger-menu.is-active .burger-line-1 {
  transform: translateY(2.0356234097vw) rotate(45deg);
}
.burger-menu.is-active .burger-line-2 {
  opacity: 0;
}
.burger-menu.is-active .burger-line-3 {
  transform: translateY(-2.0356234097vw) rotate(-45deg);
}

.menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .menu-overlay {
    display: block;
  }
}
.menu-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

.menu-hover-indicator {
  position: absolute;
  background: var(--UI-Safran-Primary);
  border-radius: 2.9166666667vw;
  pointer-events: none;
  z-index: 0;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
}
@media (max-width: 768px) {
  .menu-hover-indicator {
    display: none;
  }
}

.menu-hover-indicator.is-active {
  opacity: 1;
}

.admin-bar .m-header-nav {
  top: 32px;
}
.admin-bar .sous-item {
  top: 8.5416666667vw !important;
}
@media (max-width: 768px) {
  .admin-bar .sous-item {
    top: auto !important;
  }
}

.m-flex-contenu {
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .m-flex-contenu {
    padding: 5.0890585242vw;
  }
}
.m-flex-contenu__content {
  width: 48.8888888889vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .m-flex-contenu__content {
    width: 100%;
  }
}
.m-flex-contenu__content * {
  margin-bottom: 0;
}
.m-flex-contenu__content p {
  font-size: clamp(1.3194444444vw, 17px, 17px);
  line-height: 1.4;
  font-weight: 400;
}
.m-flex-contenu__content strong, .m-flex-contenu__content b {
  font-weight: 700;
}

.m-flex-image-texte {
  padding: 0 calc(var(--padding-goutiere) + 3.8194444444vw);
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .m-flex-image-texte {
    flex-direction: column;
    padding: 5.0890585242vw;
    gap: 7.6335877863vw;
  }
}
.m-flex-image-texte--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .m-flex-image-texte--reverse {
    flex-direction: column;
  }
}
.m-flex-image-texte__content {
  flex-shrink: 0;
  flex: 1;
  padding: 0 3.75vw;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .m-flex-image-texte__content {
    flex-shrink: 1;
    flex: auto;
    padding: 0;
    gap: 3.8167938931vw;
    width: 100%;
  }
}
.m-flex-image-texte__content * {
  margin-bottom: 0;
}
.m-flex-image-texte__image {
  flex: 1;
  flex-shrink: 0;
  width: 100%;
  border-radius: 1.5277777778vw;
  overflow: hidden;
}
@media (max-width: 768px) {
  .m-flex-image-texte__image {
    flex-shrink: 1;
    border-radius: 4.0712468193vw;
  }
}
.m-flex-image-texte__image img {
  width: 100%;
  height: auto;
  display: block;
}

.m-flex-texte-et-highlight {
  padding: 0 calc(var(--padding-goutiere) + 3.8194444444vw);
  gap: 6.0416666667vw;
  display: flex;
}
@media (max-width: 768px) {
  .m-flex-texte-et-highlight {
    padding: 1.272264631vw 5.0890585242vw !important;
    font-size: 4.0712468193vw;
    flex-direction: column;
  }
}
.m-flex-texte-et-highlight__texte {
  flex-shrink: 0;
  width: 44.8611111111vw;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .m-flex-texte-et-highlight__texte {
    width: 100%;
  }
}
.m-flex-texte-et-highlight__texte * {
  margin-bottom: 0;
}
.m-flex-texte-et-highlight .highlight {
  position: -webkit-sticky;
  position: sticky;
  top: 8.0555555556vw;
}
@media (max-width: 768px) {
  .m-flex-texte-et-highlight .highlight {
    padding: 5.0890585242vw;
  }
}

.admin-bar .highlight {
  top: 10.2083333333vw !important;
}

.m-flex-image {
  margin: 0 var(--padding-goutiere);
}
.m-flex-image--full {
  margin: 0;
  max-height: 80vh;
  overflow: hidden;
}
.m-flex-image--full img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-flex-image--card {
  border-radius: 1.5277777778vw;
  overflow: hidden;
}

.m-flex-gallerie {
  padding: 3.9583333333vw var(--padding-goutiere);
}
@media (max-width: 768px) {
  .m-flex-gallerie {
    width: 100%;
    padding: 5.0890585242vw;
  }
}
.m-flex-gallerie__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .m-flex-gallerie__content {
    display: none;
  }
}
.m-flex-gallerie__content .visuel {
  aspect-ratio: 378/397;
  overflow: hidden;
  width: 100%;
  border-radius: 1.5277777778vw;
  margin-bottom: 0.9027777778vw;
  background: #fff;
}
.m-flex-gallerie__content .visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-flex-gallerie .splide-gallerie {
  display: none;
}
@media (max-width: 768px) {
  .m-flex-gallerie .splide-gallerie {
    display: block;
  }
}

.m-flex-etapes {
  padding: 0 var(--padding-goutiere);
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .m-flex-etapes {
    width: 100%;
    padding: 5.0890585242vw;
    font-size: 4.0712468193vw;
  }
}
.m-flex-etapes__etapes, .m-flex-etapes__intro {
  width: 48.8888888889vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
.m-flex-etapes__etapes *, .m-flex-etapes__intro * {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .m-flex-etapes__etapes, .m-flex-etapes__intro {
    width: 100%;
  }
}
.m-flex-etapes__etapes {
  gap: 0;
}
.m-flex-etapes__etapes .etape-item {
  display: flex;
  gap: 1.25vw;
}
.m-flex-etapes__etapes .etape-item .nb-etape {
  width: 3.5416666667vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-flex-etapes__etapes .etape-item .nb-etape {
    width: 6.9444444444vw;
  }
}
.m-flex-etapes__etapes .etape-item .contenu-etape {
  margin: 0.8333333333vw 0 !important;
}
@media (max-width: 768px) {
  .m-flex-etapes__etapes .etape-item .contenu-etape {
    font-size: 5.5979643766vw;
  }
}
.m-flex-etapes__etapes .etape-item .title {
  color: var(--UI-Aigre-doux-Primary);
  font-size: 1.9444444444vw;
  line-height: 1;
  margin-bottom: 0.3472222222vw;
}
@media (max-width: 768px) {
  .m-flex-etapes__etapes .etape-item .title {
    font-size: 5.5979643766vw;
  }
}

.m-flex-chiffres {
  padding: 0 calc(var(--padding-goutiere) + 3.8194444444vw) !important;
}
@media (max-width: 768px) {
  .m-flex-chiffres {
    padding: 0 5.0890585242vw !important;
    font-size: 4.0712468193vw;
  }
}
.m-flex-chiffres__titre {
  text-align: center;
  font-size: 1.9444444444vw;
  margin-bottom: 1.5277777778vw;
}
.m-flex-chiffres__chiffres {
  padding: 0 !important;
}

.m-flex-citation {
  width: 56.4583333333vw;
  margin: 0 auto;
  padding: 2.2222222222vw 2.2222222222vw;
  background: var(--UI-Aigre-doux-Primary);
  display: flex;
  gap: 2.2222222222vw;
  border-radius: 1.5277777778vw;
  position: relative;
  overflow: hidden;
}
.m-flex-citation.guillemet {
  font-size: 1.1111111111vw;
  padding-left: 0;
  border: 0;
  margin-bottom: 2.7777777778vw;
  padding-left: 2.4305555556vw;
  background: transparent;
  border-left: 5px solid var(--UI-Aigre-doux-Primary);
  border-left: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .m-flex-citation.guillemet {
    font-size: 4.0712468193vw;
    margin-bottom: 10.1781170483vw;
    padding-left: 8.9058524173vw;
  }
}
.m-flex-citation.guillemet .ellipse {
  display: none;
}
.m-flex-citation.guillemet .m-flex-citation__contenu:before {
  content: url("../images/blockquote.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  transform: translate(-130%, -100%);
}
.m-flex-citation.guillemet .m-flex-citation__contenu .title {
  font-size: 1.3888888889vw;
  font-weight: 500;
}
.m-flex-citation.guillemet .m-flex-citation__contenu .auteur {
  margin-top: 1.3888888889vw;
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin-bottom: 0.3472222222vw;
}
.m-flex-citation.guillemet .m-flex-citation__contenu .auteur-plus {
  font-size: 0.8333333333vw;
  font-weight: 400;
}
@media (max-width: 768px) {
  .m-flex-citation {
    margin: 0 5.0890585242vw;
    padding: 5.0890585242vw;
    width: auto;
    font-size: 4.5801526718vw;
  }
}
.m-flex-citation .ellipse {
  top: -24.3055555556vw;
  left: -34.7222222222vw;
}
.m-flex-citation__visuel {
  width: 13.1944444444vw;
  aspect-ratio: 190/181;
  border-radius: 1.5277777778vw;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.m-flex-citation__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-flex-citation__contenu {
  flex: 1 0 0;
  position: relative;
  z-index: 2;
}
.m-flex-citation__contenu .title {
  font-size: 1.6666666667vw;
  font-weight: 500;
}
.m-flex-citation__contenu .auteur {
  margin-top: 1.3888888889vw;
  font-size: 1.1111111111vw;
  font-weight: 700;
  margin-bottom: 0.3472222222vw;
}
.m-flex-citation__contenu .auteur-plus {
  font-size: 0.8333333333vw;
  font-weight: 400;
}
@media (max-width: 768px) {
  .m-flex-citation__contenu {
    width: 100%;
    font-size: 4.5801526718vw;
  }
  .m-flex-citation__contenu .title {
    font-size: 4.5801526718vw;
  }
  .m-flex-citation__contenu .auteur {
    font-size: 4.0712468193vw;
  }
  .m-flex-citation__contenu .auteur-plus {
    font-size: 3.5623409669vw;
  }
}
.m-flex-citation--small {
  width: 100%;
}
.m-flex-citation--small .title {
  font-size: 1.25vw;
  font-weight: 500;
}
.m-flex-citation--small .auteur {
  margin-top: 1.3888888889vw;
  font-size: 0.9722222222vw;
  font-weight: 700;
  margin-bottom: 0.3472222222vw;
}
.m-flex-citation--small .auteur-plus {
  font-size: 0.8333333333vw;
  font-weight: 400;
}

.m-flex-evenement {
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .m-flex-evenement {
    padding: 0 5.0890585242vw;
  }
}

.m-flex-hero {
  display: flex;
  background: var(--UI-Safran-Lighter);
  height: 34.7222222222vw;
}
@media (max-width: 768px) {
  .m-flex-hero {
    flex-direction: column-reverse;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
  }
}
.m-flex-hero__content {
  padding-top: 10.6944444444vw;
  padding-bottom: 8.6111111111vw;
  padding-right: 7.5vw;
  padding-left: var(--padding-goutiere);
  font-size: 1.3194444444vw;
  font-weight: 700;
  width: 50%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m-flex-hero__content h1 {
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 768px) {
  .m-flex-hero__content {
    width: 100%;
    padding: 5.0890585242vw;
    font-size: 4.0712468193vw;
  }
}
.m-flex-hero .breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
  margin-bottom: 1.5277777778vw;
  font-size: 0.9722222222vw;
  /*
  .breadcrumb-link, .breadcrumb-current{
      padding: 0 vw(20px);
  }*/
}
.m-flex-hero .breadcrumb a {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .m-flex-hero .breadcrumb {
    font-size: 3.5623409669vw;
  }
}
.m-flex-hero .date {
  margin-bottom: 1.5277777778vw;
  font-size: 0.9722222222vw;
  font-weight: 400;
}
@media (max-width: 768px) {
  .m-flex-hero .date {
    font-size: 3.5623409669vw;
  }
}
.m-flex-hero .categories {
  display: flex;
  gap: 0.3472222222vw;
  flex-wrap: wrap;
  margin-bottom: 1.7361111111vw;
}
@media (max-width: 768px) {
  .m-flex-hero .categories {
    gap: 1.272264631vw;
    margin-bottom: 4.0712468193vw;
  }
}
.m-flex-hero .surtitre {
  font-size: 1.3194444444vw;
  font-weight: 700;
  margin-bottom: 2.7777777778vw;
}
.m-flex-hero__visuel {
  width: 50%;
  flex-shrink: 0;
  aspect-ratio: 720/800;
  overflow: hidden;
}
@media (max-width: 768px) {
  .m-flex-hero__visuel {
    width: 100%;
    position: relative;
    z-index: 2;
  }
}
.m-flex-hero__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.m-flex-portraits {
  padding: 3.9583333333vw var(--padding-goutiere);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .m-flex-portraits {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 5.0890585242vw !important;
  }
}
.m-flex-portraits > .portrait {
  min-width: 0;
}
.m-flex-portraits .visuel {
  aspect-ratio: 378/397;
  overflow: hidden;
  width: 100%;
  border-radius: 1.5277777778vw;
  margin-bottom: 0.9027777778vw;
}
.m-flex-portraits .visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-flex-portraits .nom {
  font-size: 1.5277777778vw;
  font-weight: 700;
  margin-bottom: 0.3472222222vw;
}
@media (max-width: 768px) {
  .m-flex-portraits .nom {
    font-size: 4.5801526718vw;
  }
}
.m-flex-portraits .fonction {
  font-size: 0.9722222222vw;
  font-weight: 400;
  margin-bottom: 0.8333333333vw;
}
@media (max-width: 768px) {
  .m-flex-portraits .fonction {
    font-size: 3.3078880407vw;
  }
}

.m-flex-presse {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  width: 100%;
}
@media (max-width: 768px) {
  .m-flex-presse {
    grid-template-columns: repeat(1, 1fr);
  }
}
.m-flex-presse .presse-item {
  display: flex;
  flex-direction: row;
  padding: 2.2222222222vw 2.2222222222vw;
  background: var(--UI-Aigre-doux-Lighter);
  border-radius: 1.5277777778vw;
  position: relative;
  overflow: hidden;
}
.m-flex-presse .presse-item .visuel {
  overflow: hidden;
  width: 30%;
  border-radius: 1.3888888889vw;
  margin-bottom: 1.3888888889vw;
  margin-right: 1.3888888889vw;
}
@media (max-width: 768px) {
  .m-flex-presse .presse-item .visuel {
    margin-right: 5.0890585242vw;
  }
}
.m-flex-presse .presse-item .visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-flex-presse .presse-item .contenu {
  width: 70%;
}
.m-flex-presse .presse-item .contenu .titre_presse {
  font-size: 1.5277777778vw;
  font-weight: 700;
  margin-bottom: 0.3472222222vw;
}
@media (max-width: 768px) {
  .m-flex-presse .presse-item .contenu .titre_presse {
    font-size: 4.5801526718vw;
  }
}
.m-flex-presse .presse-item .contenu .g-content {
  font-size: 0.9722222222vw;
  font-weight: 400;
  margin-bottom: 0.8333333333vw;
}
.m-flex-presse .presse-item .contenu .g-content p {
  font-size: 0.9722222222vw;
}
@media (max-width: 768px) {
  .m-flex-presse .presse-item .contenu .g-content {
    font-size: 3.3078880407vw;
  }
  .m-flex-presse .presse-item .contenu .g-content p {
    font-size: 3.3078880407vw;
  }
}

.m-evenement-thumb {
  background: var(--UI-Safran-Lighter);
  padding: 5.1388888889vw 10.4166666667vw 5.1388888889vw 5.7638888889vw;
  position: relative;
  border-radius: 1.5277777778vw;
  height: 100%;
  overflow: hidden;
}
.m-evenement-thumb__content, .m-evenement-thumb .part-thumb-gauche, .m-evenement-thumb .part-thumb-droite {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  position: relative;
  z-index: 2;
}
.m-evenement-thumb__content .title, .m-evenement-thumb .part-thumb-gauche .title, .m-evenement-thumb .part-thumb-droite .title {
  font-size: 2.6388888889vw;
}
@media (max-width: 768px) {
  .m-evenement-thumb__content .title, .m-evenement-thumb .part-thumb-gauche .title, .m-evenement-thumb .part-thumb-droite .title {
    font-size: 5.5979643766vw;
  }
}
.m-evenement-thumb--line {
  display: flex;
  margin-bottom: 0.6944444444vw;
}
@media (max-width: 768px) {
  .m-evenement-thumb--line {
    margin-bottom: 5.0890585242vw;
  }
}
.m-evenement-thumb--line .part-thumb-gauche, .m-evenement-thumb--line .part-thumb-droite {
  flex: 1;
}
.m-evenement-thumb--line .m-evenement-thumb__content {
  flex-direction: row;
  align-items: flex-start;
  gap: 3.4722222222vw;
}
@media (max-width: 768px) {
  .m-evenement-thumb--line .m-evenement-thumb__content {
    flex-direction: column;
  }
}
.m-evenement-thumb .pastille {
  position: absolute;
  width: 21.5972222222vw;
  height: 21.5972222222vw;
  top: -5.5555555556vw;
  right: -4.1666666667vw;
  background: url("../images/Star-1-creme.svg") no-repeat center/contain;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-evenement-thumb .pastille img {
  width: 7.9166666667vw;
}
.m-evenement-thumb .date-details {
  display: flex;
}
.m-evenement-thumb .date-details .date, .m-evenement-thumb .date-details .detail {
  padding: 0.4166666667vw 0;
}
.m-evenement-thumb .date-details .date {
  padding-right: 2.5vw;
  border-right: 1px solid var(--UI-Safran-Darker);
}
.m-evenement-thumb .date-details .date .day {
  font-size: 1.0416666667vw;
  font-weight: 400;
}
@media (max-width: 768px) {
  .m-evenement-thumb .date-details .date .day {
    font-size: 5.5979643766vw;
  }
}
.m-evenement-thumb .date-details .date .nb-day-and-month {
  font-size: 3.6111111111vw;
  font-weight: 800;
}
@media (max-width: 768px) {
  .m-evenement-thumb .date-details .date .nb-day-and-month {
    font-size: 5.5979643766vw;
  }
}
.m-evenement-thumb .date-details .detail {
  padding-left: 2.5vw;
  display: flex;
  flex-direction: column;
  gap: 0.4166666667vw;
}
.m-evenement-thumb .date-details .detail .item-detail {
  display: flex;
  gap: 0.6944444444vw;
  font-size: 0.9722222222vw;
  font-weight: 500;
}
@media (max-width: 768px) {
  .m-evenement-thumb .date-details .detail .item-detail {
    font-size: 3.3078880407vw;
  }
}
.m-evenement-thumb .date-details .detail .item-detail svg {
  flex-shrink: 0;
}
.m-evenement-thumb .date-details .detail .debut-fin {
  font-size: 1.1111111111vw;
  font-weight: 400;
  gap: 0.6944444444vw;
  margin-bottom: 0.2083333333vw;
}
@media (max-width: 768px) {
  .m-evenement-thumb .date-details .detail .debut-fin {
    font-size: 3.5623409669vw;
  }
}
.m-evenement-thumb .lien-evenement {
  margin-top: 0.8333333333vw;
}

.m-localisation-thumb {
  padding: 0.6944444444vw;
  background: #fff;
  border-radius: 1.25vw;
  margin-bottom: 0.6944444444vw;
  cursor: pointer;
  display: flex;
  gap: 1.3888888889vw;
}
@media (max-width: 768px) {
  .m-localisation-thumb {
    padding: 2.5445292621vw;
    gap: 5.0890585242vw;
    border-radius: 2.5445292621vw;
    margin-bottom: 2.5445292621vw;
  }
}
.m-localisation-thumb .loc_picto {
  width: 2.7777777778vw;
  align-content: center;
}
@media (max-width: 768px) {
  .m-localisation-thumb .loc_picto {
    width: 10.1781170483vw;
  }
}
.m-localisation-thumb .loc_info .a-categorie {
  padding: 0.2777777778vw 0.5555555556vw;
  display: inline-flex;
  margin-bottom: 0.3472222222vw;
  font-size: 0.7638888889vw;
}
.m-localisation-thumb .loc_info .a-categorie.color-loc-conseil-departemental {
  background: var(--UI-Safran-Primary);
}
.m-localisation-thumb .loc_info .a-categorie.color-loc-commune {
  background: #8ECE94;
}
.m-localisation-thumb .loc_info .a-categorie.color-loc-metropole {
  background: #260E07;
  color: var(--UI-Aigre-doux-Primary);
}
.m-localisation-thumb .loc_info .a-categorie.color-loc-agglomeration {
  background: var(--UI-Aigre-doux-Primary);
}
.m-localisation-thumb .loc_info .a-categorie.color-loc-parc-naturel-regional {
  background: #A9BDEF;
}
@media (max-width: 768px) {
  .m-localisation-thumb .loc_info .a-categorie {
    padding: 1.0178117048vw 2.0356234097vw;
    margin-bottom: 1.272264631vw;
    font-size: 3.0534351145vw;
  }
}
.m-localisation-thumb .loc_info .title {
  font-weight: 700;
  font-size: 1.25vw;
}
@media (max-width: 768px) {
  .m-localisation-thumb .loc_info .title {
    font-size: 4.0712468193vw;
  }
}

.m-outil-thumb {
  border: 1px solid #FFF;
  border-radius: 1.5277777778vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: #FFF;
}
.m-outil-thumb--inline {
  flex-direction: row;
  overflow: hidden;
}
.m-outil-thumb--inline .m-outil-thumb__content {
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
}
.m-outil-thumb--inline .m-outil-thumb__content .metas, .m-outil-thumb--inline .m-outil-thumb__content .content {
  flex: 1;
  padding: 1.6666666667vw;
}
.m-outil-thumb--inline .m-outil-thumb__visuel {
  width: 18.6111111111vw;
  flex-shrink: 0;
  border-radius: 0;
}
.m-outil-thumb__content {
  padding: 1.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  position: relative;
}
.m-outil-thumb__content .etapes {
  display: flex;
  gap: 0.3472222222vw;
}
.m-outil-thumb__content .metas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5555555556vw;
}
.m-outil-thumb__content .titre {
  font-size: 1.6666666667vw;
  font-weight: 700;
  text-align: left;
}
@media (max-width: 768px) {
  .m-outil-thumb__content .titre {
    font-size: 4.3256997455vw;
  }
}
.m-outil-thumb__content .info-fichier {
  font-size: 1.0416666667vw;
  margin-bottom: 0.8333333333vw;
}
@media (max-width: 768px) {
  .m-outil-thumb__content .info-fichier {
    font-size: 3.0534351145vw;
  }
}
.m-outil-thumb__content .content {
  font-size: 0.9722222222vw;
  position: relative;
}
.m-outil-thumb__content .content p {
  font-size: 0.9722222222vw;
}
@media (max-width: 768px) {
  .m-outil-thumb__content .content {
    font-size: 3.3078880407vw;
  }
  .m-outil-thumb__content .content p {
    font-size: 3.3078880407vw;
  }
}
.m-outil-thumb__visuel {
  width: 100%;
  position: relative;
  padding: 1.5277777778vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-bottom-left-radius: 1.5277777778vw;
  border-bottom-right-radius: 1.5277777778vw;
  overflow: hidden;
}
.m-outil-thumb__visuel .a-boutton--download {
  position: relative;
  z-index: 2;
  width: 65%;
  margin-left: 4%;
}
.m-outil-thumb__visuel img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  position: relative;
  max-height: 6.9444444444vw;
  width: auto;
  position: relative;
  max-width: 30%;
}

.read-more-btn {
  background: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-top: 0.5555555556vw;
  font-size: 0.8333333333vw;
  font-weight: 700;
  text-decoration: underline;
  text-align: left;
  transition: color 0.3s ease;
}
@media (max-width: 768px) {
  .read-more-btn {
    font-size: 3.5623409669vw;
  }
}
.read-more-btn:hover {
  color: #004499;
  text-decoration: underline;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
}
.content-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 27.7777777778vw;
  background: #FFF;
  border: 1px solid #e0e0e0;
  border-radius: 1.1111111111vw;
  padding: 1.6666666667vw;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  max-height: 80vh;
  overflow-y: auto;
  font-size: 0.9722222222vw;
  opacity: 0;
  pointer-events: none;
  z-index: 1001;
}
.content-overlay.is-active {
  opacity: 1;
  pointer-events: auto;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
          animation: zoomIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.content-overlay.is-closing {
  -webkit-animation: zoomOut 0.2s ease-out forwards;
          animation: zoomOut 0.2s ease-out forwards;
}
.content-overlay .close-overlay {
  position: absolute;
  top: 0.8333333333vw;
  right: 0.8333333333vw;
  background: #f0f0f0;
  border: none;
  border-radius: 50%;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  cursor: pointer;
  font-size: 1.3888888889vw;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.content-overlay .close-overlay:hover {
  background: #e0e0e0;
  transform: rotate(90deg);
}
.content-overlay .overlay-content {
  margin-top: 0.8333333333vw;
}

.overlay-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.overlay-backdrop.is-active {
  opacity: 0;
  pointer-events: auto;
}
.overlay-backdrop.is-closing {
  opacity: 0;
}

.m-outils__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.7361111111vw;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .m-outils__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 6.3613231552vw;
  }
}
.m-outils--slider {
  width: 100%;
}
@media (max-width: 768px) {
  .m-outils--slider .m-outils__list {
    display: none;
  }
}
.m-outils .splide-outils {
  width: 100%;
  display: none;
}
@media (max-width: 768px) {
  .m-outils .splide-outils {
    display: block;
  }
}

.m-visuel {
  border-radius: 1.5277777778vw;
  overflow: hidden;
}
.m-visuel--card {
  height: 100%;
  width: 100%;
  background: #fff;
}
.m-visuel--card img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.m-ellipse {
  position: absolute;
  opacity: 0.4;
  z-index: 0;
  width: 62.5vw;
  height: 62.5vw;
  transition: transform 0.2s ease-out;
  will-change: transform;
}
.m-ellipse img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.m-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px;
  width: 100%;
}
.m-pagination .pagination__list {
  display: flex;
  gap: 0.8333333333vw;
}
.m-pagination .pagination__item--active .pagination__link {
  background: var(--UI-Aigre-doux-Primary);
  border-color: var(--UI-Aigre-doux-Primary);
}
.m-pagination .pagination__link {
  border-radius: 2.3611111111vw;
  padding: 0.6944444444vw 1.3888888889vw;
  font-size: 1.0416666667vw;
  border: 1px solid var(--UI-Aigre-doux-Darker);
  transition: all 0.2s ease-in;
}
.m-pagination .pagination__link:hover {
  background: var(--UI-Aigre-doux-Primary);
  border-color: var(--UI-Aigre-doux-Primary);
}
@media (max-width: 768px) {
  .m-pagination .pagination__link {
    font-size: 3.5623409669vw;
  }
}

.m-page-thumb {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
.m-page-thumb .thumb {
  width: 100%;
  height: 19.8611111111vw;
  overflow: hidden;
  border-radius: 1.6666666667vw;
}
@media (max-width: 768px) {
  .m-page-thumb .thumb {
    height: 72.7735368957vw;
    margin-bottom: 5.5979643766vw;
  }
}
.m-page-thumb .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}

.m-simple-thumb {
  padding: 1.6666666667vw;
  border-radius: 1.6666666667vw;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}

.m-question-thumb {
  padding: 2.5vw 4.3055555556vw;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 1.5277777778vw;
}
@media (max-width: 768px) {
  .m-question-thumb {
    flex-direction: column;
  }
}
.m-question-thumb .titre {
  font-size: 1.9444444444vw;
  width: 29.1666666667vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-question-thumb .titre {
    font-size: 5.5979643766vw;
    width: 100%;
  }
}
.m-question-thumb .reponse {
  width: 31.25vw;
  font-size: 1.25vw;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .m-question-thumb .reponse {
    font-size: 4.0712468193vw;
    width: 100%;
    margin-top: 4.0712468193vw;
  }
}
.m-question-thumb .reponse ul {
  list-style: inherit;
  margin-left: 2.0833333333vw;
  margin-bottom: 1.0416666667vw;
}

.m-posts {
  display: grid;
  gap: 1.5277777778vw;
  width: 100%;
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  .m-posts {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Ajoute la classe "featured" au premier article */
@media (min-width: 1024px) {
  .m-posts .a-post--featured {
    grid-column: span 2;
  }
}

.o-footer {
  padding: 2.7777777778vw 2.7777777778vw;
  display: flex;
  gap: 2.0833333333vw;
}
@media (max-width: 768px) {
  .o-footer {
    flex-direction: column;
    padding: 5.0890585242vw;
    padding-bottom: 8.1424936387vw;
    gap: 5.0890585242vw;
    overflow: hidden;
  }
}
.o-footer__logos {
  width: 13.6111111111vw;
}
@media (max-width: 768px) {
  .o-footer__logos {
    width: 100%;
  }
}
.o-footer__logos .logo {
  width: 8.3333333333vw;
  height: auto;
  margin-bottom: 3.3333333333vw;
}
@media (max-width: 768px) {
  .o-footer__logos .logo {
    width: 25.4452926209vw;
    margin-bottom: 0vw;
  }
}
.o-footer__logos .accroche {
  font-size: 0.7638888889vw;
  margin-bottom: 0.3472222222vw;
}
@media (max-width: 768px) {
  .o-footer__logos .accroche {
    font-size: 2.2900763359vw;
    margin-bottom: 1.0178117048vw;
  }
}
.o-footer__logos .logos {
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-footer__logos .logos {
    margin-bottom: 20px;
  }
}
.o-footer__logos .logos .logo {
  width: 5.4166666667vw;
  height: auto;
  float: left;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .o-footer__logos .logos .logo {
    width: 15.2671755725vw;
  }
}
.o-footer__menus {
  flex: 1;
}
@media (max-width: 768px) {
  .o-footer__menus {
    width: 100%;
  }
}
.o-footer__menus .footer-menu-principal {
  display: flex;
  margin-bottom: 3.8888888889vw;
}
@media (max-width: 768px) {
  .o-footer__menus .footer-menu-principal {
    flex-direction: column;
    padding-left: 0;
    gap: 4.0712468193vw;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.o-footer__menus .footer-menu-secondaire {
  display: flex;
  gap: 2.7777777778vw;
}
@media (max-width: 768px) {
  .o-footer__menus .footer-menu-secondaire {
    flex-direction: column;
    gap: 4.0712468193vw;
  }
}
.o-footer__menus .footer-menu-secondaire .item {
  display: flex;
  flex-direction: column;
  gap: 1.1805555556vw;
}
@media (max-width: 768px) {
  .o-footer__menus .footer-menu-secondaire .item {
    gap: 3.0534351145vw;
  }
}
.o-footer__menus .footer-menu-secondaire .item .lien-sous-menu {
  text-decoration: underline;
  padding-left: 1.3888888889vw;
  font-size: 1.0416666667vw;
}
@media (max-width: 768px) {
  .o-footer__menus .footer-menu-secondaire .item .lien-sous-menu {
    padding-left: 0vw;
    font-size: 3.0534351145vw;
  }
}
.o-footer__menus .footer-menu-secondaire .item .lien-sous-menu:hover {
  text-decoration: underline;
}

.o-welcome__content {
  padding: 50px;
  height: 20vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: baseline;
  overflow: hidden;
}
.o-welcome__content h1 {
  font-size: 30px;
}
.o-welcome__btn {
  text-align: center;
  text-decoration: none;
  display: block;
}
.o-welcome__btn span {
  margin-right: 10px;
  display: inline-block;
}
.o-welcome__btn:hover {
  text-decoration: none;
}
.o-welcome iframe {
  height: 80vh;
  width: calc(100vw - (100vw - 100%));
}

.admin-bar iframe {
  height: calc(80vh - 32px);
}

.o-video-popin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.o-video-popin.is-active {
  opacity: 1;
  visibility: visible;
}

.o-video-popin__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.o-video-popin__container {
  position: relative;
  width: 90%;
  max-width: 1200px;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  z-index: 1;
}

.o-video-popin.is-active .o-video-popin__container {
  transform: scale(1);
}

.o-video-popin__close {
  position: absolute;
  top: -50px;
  right: 0;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  z-index: 2;
}

.o-video-popin__close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.o-video-popin__content {
  width: 100%;
  height: 100%;
  position: relative;
}

.o-video-popin__content iframe,
.o-video-popin__content video {
  width: 100%;
  height: 100%;
  border: none;
}

/* Responsive */
@media (max-width: 768px) {
  .o-video-popin__container {
    width: 95%;
  }
  .o-video-popin__close {
    top: -45px;
    width: 36px;
    height: 36px;
  }
}
/* Empêcher le scroll quand la popin est ouverte */
body.o-video-popin-open {
  overflow: hidden;
}

.o-cartes-thematique {
  padding: 2.3611111111vw;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-end;
  background: var(--UI-Fond-Crme);
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-cartes-thematique {
    padding: 8.6513994911vw;
    flex-direction: column;
    align-items: center;
    gap: 5.0890585242vw;
  }
}
.o-cartes-thematique__ellipse {
  left: 50%;
  top: -50%;
  margin-left: -29.7222222222vw;
}
@media (max-width: 768px) {
  .o-cartes-thematique__ellipse {
    margin-left: -108.9058524173vw;
  }
}
.o-cartes-thematique .card {
  width: 26.3888888889vw;
  padding: 4.3055555556vw 3.0555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  gap: 0.6944444444vw;
  background: var(--UI-Fond-Crme);
  border-radius: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-cartes-thematique .card {
    width: 100%;
    max-width: 96.6921119593vw;
    padding: 10.1781170483vw 7.6335877863vw;
    gap: 2.5445292621vw;
    border-radius: 5.5979643766vw;
  }
}
.o-cartes-thematique .card img {
  width: auto;
  height: 8.3333333333vw;
  margin-bottom: 0.6944444444vw;
}
@media (max-width: 768px) {
  .o-cartes-thematique .card img {
    height: 30.534351145vw;
    margin-bottom: 2.5445292621vw;
  }
}
.o-cartes-thematique .card .thematique {
  font-size: 1.1111111111vw;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 768px) {
  .o-cartes-thematique .card .thematique {
    font-size: 4.0712468193vw;
  }
}
.o-cartes-thematique .card .titre {
  font-size: 1.8055555556vw;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1.5277777778vw;
  text-align: center;
}
@media (max-width: 768px) {
  .o-cartes-thematique .card .titre {
    font-size: 6.6157760814vw;
    margin-bottom: 5.5979643766vw;
  }
}

.o-temoignage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4.4444444444vw var(--padding-goutiere);
  background: var(--UI-Aigre-doux-Lighter);
  gap: 2.9166666667vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-temoignage {
    flex-direction: column;
    padding: 10.1781170483vw var(--padding-goutiere);
    gap: 6.106870229vw;
  }
}
.o-temoignage .ellipse {
  left: -10%;
  top: -29.7222222222vw;
}
@media (max-width: 768px) {
  .o-temoignage .ellipse {
    display: none;
  }
}
.o-temoignage__visuel {
  width: 33.3333333333vw;
  aspect-ratio: 480/459;
  border-radius: 1.5277777778vw;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .o-temoignage__visuel {
    width: 100%;
    max-width: 81.4249363868vw;
    border-radius: 4.0712468193vw;
    margin: 0 auto;
  }
}
.o-temoignage__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.o-temoignage__contenu {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .o-temoignage__contenu {
    width: 100%;
  }
}
.o-temoignage__contenu .content {
  font-size: 1.25vw;
  font-weight: 400;
  margin-bottom: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .content {
    font-size: 3.5623409669vw;
    margin-bottom: 4.0712468193vw;
  }
}
.o-temoignage__contenu .content p {
  margin-bottom: 0.6944444444vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .content p {
    margin-bottom: 2.0356234097vw;
  }
}
.o-temoignage__contenu .content blockquote {
  font-weight: 800;
  font-size: 1.8055555556vw;
  margin-bottom: 0.6944444444vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .content blockquote {
    font-size: 4.5801526718vw;
    margin-bottom: 2.0356234097vw;
  }
}
.o-temoignage__contenu .auteur {
  margin-bottom: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .auteur {
    margin-bottom: 4.0712468193vw;
  }
}
.o-temoignage__contenu .auteur .name {
  font-weight: 800;
  font-size: 1.1111111111vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .auteur .name {
    font-size: 3.5623409669vw;
  }
}
.o-temoignage__contenu .auteur .fonction {
  font-weight: 400;
  font-size: 0.8333333333vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .auteur .fonction {
    font-size: 3.0534351145vw;
  }
}
.o-temoignage__contenu .liens {
  display: flex;
  gap: 0.6944444444vw;
  margin-left: -1.3888888889vw;
}
@media (max-width: 768px) {
  .o-temoignage__contenu .liens {
    gap: 2.0356234097vw;
    margin-left: -4.0712468193vw;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
}

.o-hero {
  display: flex;
  background: var(--UI-Safran-Lighter);
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-hero {
    flex-direction: column-reverse;
  }
}
.o-hero .ellipse {
  width: 128.8194444444vw;
  height: 128.8194444444vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}
@media (max-width: 768px) {
  .o-hero .ellipse {
    display: none;
  }
}
.o-hero__content {
  position: relative;
  z-index: 2;
  padding-top: 10.4166666667vw;
  padding-bottom: 8.6111111111vw;
  padding-right: 7.5vw;
  padding-left: var(--padding-goutiere);
  font-size: 1.3194444444vw;
  font-weight: 700;
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .o-hero__content {
    width: 100%;
    padding: 5.0890585242vw;
    font-size: 4.0712468193vw;
  }
}
.o-hero__content h1 {
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 768px) {
  .o-hero__content h1 {
    margin-bottom: 4.0712468193vw;
  }
}
.o-hero__content p {
  font-size: clamp(1.3194444444vw, 17px, 17px);
  margin-bottom: 1.1111111111vw;
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 768px) {
  .o-hero__content p {
    margin-bottom: 3.0534351145vw;
  }
}
.o-hero__content strong {
  font-weight: 700;
}
.o-hero .surtitre {
  font-size: 1.3194444444vw;
  font-weight: 700;
  margin-bottom: 2.7777777778vw;
}
@media (max-width: 768px) {
  .o-hero .surtitre {
    font-size: 3.5623409669vw;
    margin-bottom: 6.106870229vw;
  }
}
.o-hero__visuel {
  position: relative;
  z-index: 2;
  width: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-hero__visuel {
    width: 100%;
  }
}
.o-hero__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.o-questions-highlight {
  padding-top: 2.9166666667vw;
  padding-bottom: 4.4444444444vw;
  padding-left: var(--padding-goutiere);
  padding-right: var(--padding-goutiere);
  background-color: var(--UI-Fond-Crme);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-questions-highlight {
    padding: 5.0890585242vw;
    gap: 6.106870229vw;
  }
}
.o-questions-highlight__list {
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  width: 100%;
}
.o-hero-keywords {
  display: flex;
  background: var(--UI-Safran-Light);
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-hero-keywords {
    flex-direction: column-reverse;
  }
}
.o-hero-keywords .ellipse {
  width: 128.8194444444vw;
  height: 128.8194444444vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}
@media (max-width: 768px) {
  .o-hero-keywords .ellipse {
    display: none;
  }
}
.o-hero-keywords__content {
  position: relative;
  z-index: 2;
  padding-top: 14.8611111111vw;
  padding-bottom: 8.6111111111vw;
  padding-left: var(--padding-goutiere);
  font-size: 1.3194444444vw;
  font-weight: 700;
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .o-hero-keywords__content {
    width: 100%;
    padding: 5.0890585242vw;
    font-size: 4.0712468193vw;
  }
}
.o-hero-keywords__content h1 {
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 768px) {
  .o-hero-keywords__content h1 {
    margin-bottom: 4.0712468193vw;
  }
}
.o-hero-keywords__content p {
  font-size: clamp(1.3194444444vw, 16px, 16px);
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 1.1111111111vw;
}
@media (max-width: 768px) {
  .o-hero-keywords__content p {
    font-size: 3.5623409669vw;
    margin-bottom: 3.0534351145vw;
  }
}
.o-hero-keywords__content strong, .o-hero-keywords__content b {
  font-weight: 700;
}
.o-hero-keywords__visuel {
  position: relative;
  z-index: 2;
  width: 50%;
  flex-shrink: 0;
  aspect-ratio: 720/800;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-hero-keywords__visuel {
    width: 100%;
    aspect-ratio: auto;
  }
}
.o-hero-keywords__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.o-hero-keywords .keywords {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4.5138888889vw;
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  align-items: flex-start;
}
.o-hero-keywords .keywords .keyword:nth-child(1) {
  transform: translateX(-1.3888888889vw) rotate(-3deg);
}
.o-hero-keywords .keywords .keyword:nth-child(2) {
  color: var(--UI-Aigre-doux-Primary);
  border: 1px solid var(--UI-Aigre-doux-Primary);
  transform: translateX(0vw) rotate(1deg);
}
.o-hero-keywords .keywords .keyword:nth-child(3) {
  transform: translateX(-1.0416666667vw) rotate(3deg);
}
.o-hero-keywords .keywords .keyword:nth-child(4) {
  transform: translateX(1.3888888889vw) rotate(2deg);
}

.o-bloc-text-image {
  padding: 2.9166666667vw var(--padding-goutiere);
  display: flex;
  align-items: center;
  gap: 3.75vw;
  position: relative;
}
@media (max-width: 768px) {
  .o-bloc-text-image {
    flex-direction: column-reverse;
    padding: 5.0890585242vw;
    gap: 6.106870229vw;
  }
}
.o-bloc-text-image .pastille {
  position: absolute;
  width: 14.5138888889vw;
  height: 14.5138888889vw;
  top: 4.2361111111vw;
  right: 39.7222222222vw;
  background: url("../images/Star-1-creme.svg") no-repeat center/contain;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .o-bloc-text-image .pastille {
    display: none;
  }
}
.o-bloc-text-image .pastille img {
  width: 5.6944444444vw;
}
.o-bloc-text-image.o-bloc-text-image--inverse {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .o-bloc-text-image.o-bloc-text-image--inverse {
    flex-direction: column-reverse;
  }
}
.o-bloc-text-image__visuel {
  width: 37.5vw;
  aspect-ratio: 540/512;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-bloc-text-image__visuel {
    width: 100%;
    border-radius: 4.0712468193vw;
  }
}
.o-bloc-text-image__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.o-bloc-text-image__contenu {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-bloc-text-image__contenu {
    gap: 4.0712468193vw;
    width: 100%;
  }
}
.o-bloc-text-image__contenu .lien {
  margin-top: 10px;
}
.o-bloc-text-image__contenu p {
  margin-bottom: 1.1111111111vw;
}
@media (max-width: 768px) {
  .o-bloc-text-image__contenu p {
    margin-bottom: 3.0534351145vw;
  }
}

.o-bloc-programme {
  background: var(--UI-Aigre-doux-Primary);
  padding: 3.125vw var(--padding-goutiere);
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .o-bloc-programme {
    padding: 10.1781170483vw 5.0890585242vw;
  }
}
.o-bloc-programme .ellipse {
  top: -24.3055555556vw;
  left: -13.8888888889vw;
}
@media (max-width: 768px) {
  .o-bloc-programme .ellipse {
    display: none;
  }
}
.o-bloc-programme__content {
  padding: 1.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  position: relative;
  z-index: 2;
  width: 60vw;
}
@media (max-width: 768px) {
  .o-bloc-programme__content {
    gap: 4.0712468193vw;
    width: 100%;
  }
}
.o-bloc-programme__content img {
  width: 8.1944444444vw;
  height: auto;
}
@media (max-width: 768px) {
  .o-bloc-programme__content img {
    width: 20.3562340967vw;
  }
}
.o-bloc-programme--card {
  position: relative;
  z-index: 2;
  border-radius: 1.5277777778vw;
  padding: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media (max-width: 768px) {
  .o-bloc-programme--card {
    border-radius: 4.0712468193vw;
    padding: 10.1781170483vw;
  }
}

.o-bloc-solution-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.2222222222vw 0;
  gap: 2.2222222222vw;
  background: var(--UI-Aigre-doux-Light);
}
@media (max-width: 768px) {
  .o-bloc-solution-footer {
    flex-direction: column;
    padding: 10.1781170483vw 5.0890585242vw;
    gap: 4.0712468193vw;
  }
}
.o-bloc-solution-footer img {
  width: 17.0833333333vw;
  height: auto;
}
@media (max-width: 768px) {
  .o-bloc-solution-footer img {
    width: 45.8015267176vw;
  }
}
.o-bloc-solution-footer__content {
  padding: 3.125vw 4.3055555556vw;
  display: flex;
  flex-direction: column;
  gap: 2.0833333333vw;
  width: 45.8333333333vw;
}
@media (max-width: 768px) {
  .o-bloc-solution-footer__content {
    gap: 4.0712468193vw;
    width: 100%;
  }
}

.o-bloc-chiffres {
  padding: 4.3055555556vw var(--padding-goutiere);
}
@media (max-width: 768px) {
  .o-bloc-chiffres {
    padding: 5.0890585242vw;
  }
}
.o-bloc-chiffres__container {
  display: flex;
  gap: 1.3888888889vw;
}
@media (max-width: 768px) {
  .o-bloc-chiffres__container {
    flex-direction: column;
    gap: 3.0534351145vw;
  }
}
.o-bloc-chiffres__container .item {
  flex: 1 1 0;
  min-width: 0;
  background: var(--UI-Safran-Light);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.3333333333vw 2.2222222222vw;
  gap: 1.25vw;
  overflow: hidden;
  border-radius: 1.25vw;
  position: relative;
}
@media (max-width: 768px) {
  .o-bloc-chiffres__container .item {
    padding: 8.1424936387vw 6.106870229vw;
    gap: 3.0534351145vw;
    border-radius: 3.5623409669vw;
    flex: none;
  }
}
.o-bloc-chiffres__container .item .ellipse {
  width: 34.7222222222vw;
  height: 34.7222222222vw;
}
@media (max-width: 768px) {
  .o-bloc-chiffres__container .item .ellipse {
    display: none;
  }
}
.o-bloc-chiffres__container .item:nth-child(1) .ellipse {
  bottom: -24.3055555556vw;
  left: -13.8888888889vw;
}
.o-bloc-chiffres__container .item:nth-child(2) {
  background: var(--UI-Safran-Primary);
}
.o-bloc-chiffres__container .item:nth-child(2) .ellipse {
  bottom: -20.8333333333vw;
  left: 50%;
  margin-left: -17.3611111111vw;
  opacity: 0.8;
}
.o-bloc-chiffres__container .item:nth-child(3) {
  background: var(--UI-Aigre-doux-Primary);
}
.o-bloc-chiffres__container .item:nth-child(3) .ellipse {
  top: -19.4444444444vw;
  left: -12.5vw;
}
.o-bloc-chiffres__container .item .chiffre {
  font-size: 4.4444444444vw;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .o-bloc-chiffres__container .item .chiffre {
    font-size: 12.213740458vw;
  }
}
.o-bloc-chiffres__container .item .description {
  font-size: 1.25vw;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .o-bloc-chiffres__container .item .description {
    font-size: 4.3256997455vw;
  }
}
.o-bloc-chiffres .titre {
  font-size: 1.8055555556vw;
  font-weight: 500;
  text-align: center;
  margin-bottom: 22px;
}
@media (max-width: 768px) {
  .o-bloc-chiffres .titre {
    font-size: 4.5801526718vw;
    margin-bottom: 4.0712468193vw;
  }
}

.o-bloc-double {
  display: flex;
  justify-content: space-between;
  padding: 1.5277777778vw;
  gap: 1.5277777778vw;
  background: var(--UI-Fond-Crme);
}
.o-bloc-double__content {
  flex: auto;
  flex: 0 0 49%; /* Ne pas grandir ou rétrécir, largeur fixe à 50% */
  max-width: 50%;
}
.o-bloc-double__content .o-bloc-programme__content {
  width: auto;
}
@media (max-width: 768px) {
  .o-bloc-double__content {
    max-width: 100%;
    padding: 5.0890585242vw;
    gap: 6.106870229vw;
  }
}
@media (max-width: 768px) {
  .o-bloc-double {
    flex-direction: column;
  }
}

.o-bloc-outils {
  padding: 5.2777777778vw var(--padding-goutiere);
  background: var(--UI-Safran-Light);
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 768px) {
  .o-bloc-outils {
    padding: 10.1781170483vw 5.0890585242vw;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .o-bloc-outils__cartes {
    width: 100%;
  }
}
.o-bloc-outils .title {
  margin-bottom: 0.9027777778vw;
  text-align: center;
}
@media (max-width: 768px) {
  .o-bloc-outils .title {
    font-size: 5.5979643766vw;
  }
}
.o-bloc-outils__bouttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-bloc-contact-question {
  padding: 1.5277777778vw var(--padding-goutiere) 2.9166666667vw var(--padding-goutiere);
  background-color: var(--UI-Aigre-doux-Primary);
  display: flex;
}
@media (max-width: 768px) {
  .o-bloc-contact-question {
    padding: 10.1781170483vw 5.0890585242vw;
  }
}
.o-bloc-contact-question__content {
  padding: 3.125vw 0vw 2.2222222222vw 1.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  width: 41.6666666667vw;
  flex-shrink: 0;
}
.o-bloc-contact-question__content .content {
  padding-right: 4.8611111111vw;
}
.o-bloc-contact-question__content .title {
  font-size: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-bloc-contact-question__content {
    width: 100%;
  }
  .o-bloc-contact-question__content h2 {
    width: 60%;
  }
}
.o-bloc-contact-question__visuel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
}
.o-bloc-contact-question__visuel img {
  width: 12.3611111111vw;
  height: auto;
}
@media (max-width: 768px) {
  .o-bloc-contact-question__visuel {
    position: absolute;
    right: 2%;
  }
  .o-bloc-contact-question__visuel img {
    width: 15.2777777778vw;
  }
}

.wpcf7-form .wpcf7-form-control-wrap {
  border-radius: 8px;
  border: 1px solid var(--UI-Aigre-doux-Primary);
}
.wpcf7-form .wpcf7-not-valid-tip {
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  display: block;
  text-align: center;
  background: var(--UI-Aigre-doux-Primary);
  border-radius: 4px;
  padding: 5px;
}
.wpcf7-form .wpcf7-submit {
  background-color: var(--UI-Aigre-doux-Primary);
  color: #fff;
  font-size: 1.1em;
}

.o-flexs {
  display: flex;
  gap: 3.75vw;
  flex-direction: column;
  margin-bottom: 4.4444444444vw;
}

.o-bloc-related-pages {
  display: flex;
  gap: 1.5277777778vw;
  padding: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-bloc-related-pages {
    flex-direction: column;
  }
}
.o-bloc-related-pages .page {
  flex: 1;
  background: var(--UI-Aigre-doux-Primary);
  padding-left: 5.5555555556vw;
  padding-right: 15.9722222222vw;
  height: 15.1388888889vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.6666666667vw;
  border-radius: 1.5277777778vw;
}
.o-bloc-related-pages .page:first-child {
  background: var(--UI-Safran-Lighter);
}
@media (max-width: 768px) {
  .o-bloc-related-pages .page {
    padding: var(--padding-goutiere);
  }
}

.o-home-temoignages {
  padding: 3.9583333333vw var(--padding-goutiere);
  gap: 0.6944444444vw;
}
@media (max-width: 768px) {
  .o-home-temoignages {
    padding: 5.0890585242vw;
  }
}
.o-home-temoignages__titre {
  text-align: center;
  margin-bottom: 22px;
}
.o-home-temoignages__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  width: 100%;
  box-sizing: border-box;
}
.o-home-temoignages__content > .temoignage {
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
}
.o-home-temoignages__content > .temoignage:nth-child(3) {
  grid-column: 1/-1;
  width: 70%;
  margin: auto;
}
@media (max-width: 768px) {
  .o-home-temoignages__content {
    grid-template-columns: auto;
  }
  .o-home-temoignages__content > .temoignage:nth-child(3) {
    width: 100%;
  }
  .o-home-temoignages__content .title {
    font-size: 4.5801526718vw;
  }
  .o-home-temoignages__content .auteur {
    font-size: 3.5623409669vw;
  }
  .o-home-temoignages__content .auteur-plus {
    font-size: 3.5623409669vw;
  }
}
.o-home-temoignages__content .m-flex-citation {
  background: transparent;
  text-align: center;
  gap: 0;
}
.o-home-temoignages__content .m-flex-citation:before {
  content: url("../images/blockquote.svg");
  display: inline-block;
  width: 5.0890585242vw;
  height: 5.0890585242vw;
  vertical-align: middle;
  transform: translate(-40%, -40%);
}
.o-home-temoignages__content .m-flex-citation .m-flex-citation__contenu {
  flex: auto;
}
.o-home-temoignages__content .m-flex-citation .m-ellipse img {
  opacity: 0.7;
}

.o-actualites-hero {
  background: var(--UI-Fond-Crme);
  min-height: 26.7361111111vw;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--padding-goutiere);
  padding-bottom: 2.2222222222vw;
}
@media (max-width: 768px) {
  .o-actualites-hero {
    padding-top: 100px;
  }
}
.o-actualites-hero__content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.3611111111vw;
  padding-right: 4.8611111111vw;
  position: relative;
  z-index: 2;
}
.o-actualites-hero__content h1 {
  padding-top: 1.3888888889vw;
  margin-bottom: 2.0833333333vw;
  display: flex;
  gap: 1.1111111111vw;
  align-items: center;
}
@media (max-width: 768px) {
  .o-actualites-hero__content h1 {
    font-size: 7.6335877863vw;
  }
  .o-actualites-hero__content h1 span {
    display: none;
  }
}
.o-actualites-hero__content img {
  width: 8.2638888889vw;
}
@media (max-width: 768px) {
  .o-actualites-hero__content img {
    min-height: 20.3562340967vw;
  }
}
.o-actualites-hero .ellipse {
  width: 128.4722222222vw;
  height: 128.4722222222vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}

.o-actualites-last {
  position: relative;
  z-index: 2;
  padding: 2.2222222222vw var(--padding-goutiere) 4.4444444444vw var(--padding-goutiere);
  background: var(--UI-Aigre-doux-Lighter);
}
@media (max-width: 768px) {
  .o-actualites-last {
    padding: 5.0890585242vw;
  }
}
.o-actualites-last__titre {
  margin-bottom: 22px;
}
@media (max-width: 768px) {
  .o-actualites-last__titre {
    margin-top: 22px;
  }
}
.o-actualites-last__content {
  display: flex;
  gap: 22px;
}
@media (max-width: 768px) {
  .o-actualites-last__content {
    flex-direction: column;
  }
}
.o-actualites-last__content > .a-post {
  flex: 1 1 calc(50% - 22px);
}

.o-actualites {
  padding: 2.2222222222vw var(--padding-goutiere) 4.4444444444vw var(--padding-goutiere);
  background: var(--UI-Fond-Crme);
  display: flex;
  gap: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-actualites {
    flex-direction: column;
    padding: 5.0890585242vw;
  }
}
.o-actualites__fitres {
  width: 17.8472222222vw;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
.o-actualites__fitres .categories {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
}
@media (max-width: 768px) {
  .o-actualites__fitres .categories {
    margin: 20px 0;
  }
}
.o-actualites__fitres .tags {
  display: flex;
  gap: 0.8333333333vw;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media (max-width: 768px) {
  .o-actualites__fitres {
    width: 100%;
  }
}
.o-actualites__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: calc(100% - 19.375vw);
}
.o-actualites__content .actualites {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5277777778vw;
  width: 100%;
}
@media (max-width: 767px) {
  .o-actualites__content .actualites {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .o-actualites__content {
    width: 100%;
  }
}

.o-outils-hero {
  background: var(--UI-Safran-Light);
  min-height: 26.7361111111vw;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .o-outils-hero {
    padding-top: 100px;
    flex-direction: column;
  }
}
.o-outils-hero__content, .o-outils-hero__formulaire {
  flex: 1;
  position: relative;
  z-index: 2;
}
.o-outils-hero__formulaire .presentation {
  font-size: 3.5623409669vw;
}
.o-outils-hero__content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.3611111111vw;
  padding-right: 4.8611111111vw;
}
@media (max-width: 768px) {
  .o-outils-hero__content {
    width: 100%;
  }
}
.o-outils-hero__content h1 {
  padding-top: 1.3888888889vw;
}
@media (max-width: 768px) {
  .o-outils-hero__content h1 {
    font-size: 7.6335877863vw;
  }
}
.o-outils-hero__content img {
  width: 8.2638888889vw;
}
@media (max-width: 768px) {
  .o-outils-hero__content img {
    min-height: 12.7226463104vw;
  }
}
.o-outils-hero .ellipse {
  width: 128.4722222222vw;
  height: 128.4722222222vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}
.o-outils-hero .formulaire-recherche {
  margin-top: 1.6666666667vw;
  padding: 0.2777777778vw;
  border-radius: 1.6666666667vw;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-outils-hero .formulaire-recherche input {
  background: transparent;
  border: none;
  outline: none;
  padding-left: 0.9722222222vw;
  flex: 1;
  height: 100%;
  font-size: 1.1111111111vw;
}
@media (max-width: 768px) {
  .o-outils-hero .formulaire-recherche input {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 768px) {
  .o-outils-hero .formulaire-recherche .g-submit {
    font-size: 3.5623409669vw;
  }
}

.o-outils {
  background: var(--UI-Safran-Light);
  padding: 0 var(--padding-goutiere);
  padding-top: 6.5277777778vw;
  background: var(--UI-Safran-Light);
  padding-bottom: 7.4305555556vw;
}
@media (max-width: 768px) {
  .o-outils {
    padding: 5.0890585242vw;
  }
}
.o-outils__filtres {
  position: relative;
  z-index: 2;
  border-radius: 4.1666666667vw;
  background: var(--UI-Safran-Lighter);
  display: flex;
  gap: 0.8333333333vw;
  align-items: center;
  justify-content: space-between;
  padding: 1.25vw 1.8055555556vw;
  margin-bottom: 2.9166666667vw;
}
@media (max-width: 768px) {
  .o-outils__filtres {
    flex-direction: column;
  }
}
.o-outils__filtres .titre {
  font-size: 1.5277777778vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .o-outils__filtres .titre {
    font-size: 3.5623409669vw;
  }
}
.o-outils__filtres .categories {
  display: flex;
  gap: 0.2777777778vw;
  align-items: center;
}
.o-outils__filtres .categories .titre {
  font-size: 0.9722222222vw;
  margin-right: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-outils__filtres .categories {
    align-items: start;
    flex-wrap: wrap;
    gap: 5px;
  }
  .o-outils__filtres .categories .titre {
    font-size: 3.5623409669vw;
    margin-top: 10px;
    width: 100%;
  }
}
.o-outils__title {
  margin-bottom: 1.5972222222vw;
}
@media (max-width: 768px) {
  .o-outils__title {
    font-size: 5.5979643766vw;
    margin-top: 5.0890585242vw;
  }
}
.o-outils .outils {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.3888888889vw;
  margin-bottom: 2.2222222222vw;
}
.o-outils .outils:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .o-outils .outils {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.0890585242vw;
  }
}

.o-carte-hero {
  min-height: 13.8888888889vw;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .o-carte-hero {
    padding-top: 100px;
    flex-direction: column;
  }
}
.o-carte-hero__content, .o-carte-hero__formulaire {
  flex: 1;
  position: relative;
  z-index: 2;
}
.o-carte-hero__formulaire .presentation {
  font-size: 3.5623409669vw;
}
.o-carte-hero__content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.3611111111vw;
  padding-right: 4.8611111111vw;
}
@media (max-width: 768px) {
  .o-carte-hero__content {
    width: 100%;
  }
}
.o-carte-hero__content h1 {
  padding-top: 1.3888888889vw;
}
@media (max-width: 768px) {
  .o-carte-hero__content h1 {
    font-size: 7.6335877863vw;
  }
}
.o-carte-hero__content img {
  width: 8.2638888889vw;
}
@media (max-width: 768px) {
  .o-carte-hero__content img {
    min-height: 12.7226463104vw;
  }
}
.o-carte-hero .ellipse {
  width: 128.4722222222vw;
  height: 128.4722222222vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
  z-index: -1;
}
.o-carte-hero .formulaire-recherche {
  margin-top: 1.6666666667vw;
  padding: 0.2777777778vw;
  border-radius: 1.6666666667vw;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-carte-hero .formulaire-recherche input {
  background: transparent;
  border: none;
  outline: none;
  padding-left: 0.9722222222vw;
  flex: 1;
  height: 100%;
  font-size: 1.1111111111vw;
}
@media (max-width: 768px) {
  .o-carte-hero .formulaire-recherche input {
    font-size: 3.5623409669vw;
  }
}
@media (max-width: 768px) {
  .o-carte-hero .formulaire-recherche .g-submit {
    font-size: 3.5623409669vw;
  }
}

.o-carte {
  padding: 0 var(--padding-goutiere);
  padding-top: 4.1666666667vw;
  padding-bottom: 7.4305555556vw;
  /* 2. La règle d'opacité */
  /* TRADUCTION : "Quand la carte est zoomée, tous les pins QUI N'ONT PAS la classe is-zoomed deviennent transparents" */
  /* 3. Le pin actif (Optionnel, pour être sûr qu'il reste opaque) */
  /* On garde le pointer-events pour éviter les bugs */
}
@media (max-width: 768px) {
  .o-carte {
    padding: 5.0890585242vw;
  }
}
.o-carte__filtres {
  position: relative;
  z-index: 2;
  border-radius: 4.1666666667vw;
  background: var(--UI-Safran-Lighter);
  display: flex;
  gap: 0.8333333333vw;
  align-items: center;
  justify-content: left;
  padding: 1.25vw 1.8055555556vw;
  margin-bottom: 2.9166666667vw;
}
@media (max-width: 768px) {
  .o-carte__filtres {
    flex-direction: column;
  }
}
.o-carte__filtres .titre {
  font-size: 1.5277777778vw;
  font-weight: 700;
}
@media (max-width: 768px) {
  .o-carte__filtres .titre {
    font-size: 3.5623409669vw;
  }
}
.o-carte__filtres .categories {
  display: flex;
  gap: 0.2777777778vw;
  align-items: center;
}
.o-carte__filtres .categories .titre {
  font-size: 0.9722222222vw;
  margin-right: 1.5277777778vw;
}
@media (max-width: 768px) {
  .o-carte__filtres .categories {
    align-items: start;
    flex-wrap: wrap;
    gap: 5px;
  }
  .o-carte__filtres .categories .titre {
    font-size: 3.5623409669vw;
    margin-top: 10px;
    width: 100%;
  }
}
.o-carte__search {
  display: flex;
  gap: 4.1666666667vw;
  align-items: flex-start;
}
.o-carte__search .o-carte__content {
  flex-shrink: 1;
}
@media (max-width: 768px) {
  .o-carte__search {
    flex-direction: column-reverse;
    gap: 2.5445292621vw;
  }
  .o-carte__search .o-carte__content {
    width: 100%;
  }
}
.o-carte__map {
  position: -webkit-sticky;
  position: sticky;
  top: 6.9444444444vw;
  width: 100%;
  /* Style de base pour l'enfant direct du groupe map-pin (l'icône SVG) */
  /* Quand la classe .is-hovered est ajoutée par JS au parent... */
}
.o-carte__map img {
  max-height: 102vh;
}
@media (max-width: 768px) {
  .o-carte__map {
    position: relative;
    top: auto;
  }
  .o-carte__map img {
    max-height: auto;
  }
}
.o-carte__map .departement {
  fill: #FFE7D9;
  stroke: #ffffff;
  stroke-width: 1px;
  cursor: pointer;
  transition: fill 0.2s ease;
}
.o-carte__map .map-pin > * {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Effet "rebond" sympa */
  transform-origin: center center;
  transform-box: fill-box; /* CRUCIAL : Définit le centre sur l'objet lui-même */
}
.o-carte__map .map-pin.is-hovered > * {
  transform: scale(1.5); /* ...on grossit l'enfant de 50% */
  /* Note : Ce scale se multiplie à celui défini en PHP sur le parent */
}
.o-carte__title {
  margin-bottom: 1.5972222222vw;
}
@media (max-width: 768px) {
  .o-carte__title {
    font-size: 4.5801526718vw;
    margin-top: 5.0890585242vw;
  }
}
.o-carte .outils {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.3888888889vw;
  margin-bottom: 2.2222222222vw;
}
.o-carte .outils:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .o-carte .outils {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.0890585242vw;
  }
}
.o-carte .carte-interactive-wrapper.is-zoomed .map-pin-wrapper:not(.is-zoomed) {
  opacity: 0.3; /* J'ai mis 0.3 pour que ce soit bien visible */
  transition: opacity 0.3s ease; /* Transition douce */
  z-index: 1;
}
.o-carte .carte-interactive-wrapper.is-zoomed .map-pin-wrapper.is-zoomed {
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 10; /* Toujours au-dessus */
}
.o-carte #map-zoom-layer {
  /* Transition fluide pour l'effet de caméra */
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  /* Optimisation des performances */
  will-change: transform;
}
.o-carte .pin-align-layer {
  transform-box: fill-box;
  /* Modifiez les valeurs en pixels ci-dessous jusqu'à ce que ce soit parfait */
  transform: translate(calc(-50% - 10px), calc(-100% + 8px));
}
.o-carte .pin-align-layer svg,
.o-carte .pin-align-layer path {
  pointer-events: all;
}

.o-evenements-hero {
  background: var(--UI-Safran-Light);
  min-height: 26.7361111111vw;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .o-evenements-hero {
    padding-top: 100px;
  }
}
.o-evenements-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.5277777778vw;
  padding-right: 4.8611111111vw;
  width: 50%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .o-evenements-hero__content {
    width: 100%;
  }
}
.o-evenements-hero__content h1 {
  padding-top: 1.3888888889vw;
}
@media (max-width: 768px) {
  .o-evenements-hero__content h1 {
    font-size: 7.6335877863vw;
  }
}
.o-evenements-hero .ellipse {
  width: 128.4722222222vw;
  height: 128.4722222222vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}

.o-evenements {
  background: var(--UI-Safran-Light);
  padding: 0 var(--padding-goutiere);
  padding-top: 6.5277777778vw;
  background: var(--UI-Safran-Light);
  padding-bottom: 7.4305555556vw;
}
@media (max-width: 768px) {
  .o-evenements {
    padding: 5.0890585242vw;
  }
}
.o-evenements__list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  margin-bottom: 2.2222222222vw;
}
.o-evenements__list:last-child {
  margin-bottom: 0;
}

.o-home-hero {
  display: flex;
  height: 90vh;
  background: var(--UI-Safran-Light);
}
.o-home-hero__visuel {
  position: relative;
  flex: 1;
  width: 50%;
}
.o-home-hero__visuel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.o-home-hero__visuel .pastille-video {
  position: absolute;
  width: 20vw;
  bottom: 5.3472222222vw;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1;
  padding: 4.1666666667vw;
  text-align: center;
  display: flex;
  gap: 1.3888888889vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/Star-1.svg) no-repeat center/contain;
}
.o-home-hero__content {
  flex: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.7777777778vw 5.5555555556vw 0vw 5.5555555556vw;
  gap: 1.5277777778vw;
}
.o-home-hero__content .liens {
  margin-top: 1.5277777778vw;
  display: flex;
  gap: 1.1111111111vw;
  margin-left: -1.3888888889vw;
}

@media (max-width: 768px) {
  .o-home-hero {
    flex-direction: column;
    height: auto;
  }
  .o-home-hero__visuel {
    width: 100%;
    height: 76.3358778626vw;
  }
  .o-home-hero__visuel .pastille-video {
    width: 30.534351145vw;
    bottom: 5.0890585242vw;
    padding: 12.7226463104vw 2.5445292621vw 0 2.5445292621vw;
    gap: 3.8167938931vw;
  }
  .o-home-hero__visuel .pastille-video .video-titre {
    font-size: 3.0534351145vw;
  }
  .o-home-hero__content {
    width: 100%;
    padding: 5.0890585242vw;
    gap: 4.0712468193vw;
  }
  .o-home-hero__content .liens {
    margin-top: 4.0712468193vw;
    flex-direction: column;
    gap: 3.0534351145vw;
    margin-left: 0;
    width: 100%;
  }
}
.o-last-posts {
  padding: 3.9583333333vw var(--padding-goutiere);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6944444444vw;
  text-align: center;
}
@media (max-width: 768px) {
  .o-last-posts {
    padding: 5.0890585242vw;
  }
}
.o-last-posts .lien {
  margin-bottom: 1.8055555556vw;
}

.o-faq-hero {
  background: var(--UI-Safran-Light);
  min-height: 26.7361111111vw;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--padding-goutiere);
}
@media (max-width: 768px) {
  .o-faq-hero {
    padding-top: 100px;
  }
}
.o-faq-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.3611111111vw;
  padding-right: 4.8611111111vw;
}
.o-faq-hero__content .intro {
  display: flex;
  flex-direction: column;
  gap: 1.5277777778vw;
}
.o-faq-hero__content h1 {
  padding-top: 1.3888888889vw;
}
.o-faq-hero__content img {
  width: 8.2638888889vw;
}
.o-faq-hero .ellipse {
  width: 128.4722222222vw;
  height: 128.4722222222vw;
  left: -76.3888888889vw;
  top: -76.3888888889vw;
}

.o-faq {
  background: var(--UI-Safran-Light);
  padding: 0 var(--padding-goutiere);
  padding-top: 6.5277777778vw;
  background: var(--UI-Safran-Light);
  padding-bottom: 7.4305555556vw;
}
.o-faq__title {
  margin-bottom: 1.5972222222vw;
}
.o-faq__questions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.6944444444vw;
  margin-bottom: 2.2222222222vw;
}
.o-faq__questions:last-child {
  margin-bottom: 0;
}
.o-faq__questions .question-item {
  flex-direction: column;
}
.o-faq__questions .question-item .titre {
  width: 80%;
}
.o-faq__questions .question-item .reponse {
  margin-top: 1.3888888889vw;
  margin-left: 20%;
  width: 80%;
  line-height: 1.3;
}
/*# sourceMappingURL=main.css.map */