@charset "UTF-8";
/* GENERAL */
@import url("https://use.typekit.net/img7wdl.css");
/************************************************************
 * Responsive Breakpoints
 ************************************************************/
:root {
  --noir: #162F5A;
  --taupe: #DFDFCE;
  --beige: #F5F4EA;
  --blanc: #ffffff;
  --bleu: #104F8F;
  --accent: #B6E9ED;
  --principale: #FFBB00;
  --font-family-base: "Montserrat", sans-serif;
  --font-family-accent: "Roca", sans-serif;
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-xl: 1.75rem;
  --font-size-huge: 4rem;
  --espacement-s:10px;
  --espacement-m:30px;
  --espacement-l:60px;
  --espacement-xl:100px;
  --espacement-section-x-base:30px;
  --espacement-section-y-base:40px;
  --espacement-section:var( --espacement-section-y-base) var( --espacement-section-x-base) ;
  --largeur-ecran-base:1330px;
  --largeur-ecran-large:1600px;
  --hauteur-entete-page: 320px;
  --shadow-base: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.06);
  --border-radius-base: 30px;
}
@media screen and (min-width: 600px) {
  :root {
    --espacement-section-y-base:60px;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --espacement-section-y-base:80px;
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --espacement-section-y-base:100px;
  }
}
@media screen and (min-width: 1260px) {
  :root {
    --espacement-section-x-base: 30px;
    --espacement-section-y-base:120px;
  }
}
html,
body {
  overflow-x: hidden;
}

.site {
  padding: 0px !important;
  min-width: 100% !important;
}

.site-main > * {
  margin-bottom: 0;
}

.one-container .site-content {
  padding: 0px !important;
}

.grid-container {
  width: 100%;
}

.site-content {
  display: block;
  flex-wrap: wrap;
}

.site-content #primary.content-area-full {
  min-width: 100%;
}

.display-none {
  display: none;
}

.separate-containers .site-main {
  margin: 0px;
}

.effet-paralax {
  background-attachment: fixed;
}

section {
  padding: var(--espacement-section);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Fonts */
body {
  font-family: var(--font-family-base);
}

h1, h2, h3, h4 {
  font-family: var(--font-family-accent);
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  h1 br, h2 br, h3 br, h4 br {
    display: none;
  }
}

h3 {
  font-style: normal;
  font-size: 1.75rem;
}

p, li {
  line-height: 1.5;
}

p:last-of-type {
  margin-bottom: 0;
}

.texte-xl {
  font-size: var(--font-size-xl);
}

.texte-l {
  font-size: var(--font-size-l);
}

.texte-majuscule {
  text-transform: uppercase;
}

.texte-alt {
  font-family: var(--font-family-accent);
  font-weight: normal;
  font-style: normal;
}

.section-contenus h3 {
  font-family: var(--font-family-base);
  font-size: clamp(20px, 4vw, var(--font-size-xl));
  font-style: italic;
  font-weight: normal;
  line-height: 1.4em;
}
.section-contenus h4 {
  font-size: var(--font-size-xl);
  font-weight: normal;
}
.section-contenus ul,
.section-contenus ol {
  margin: 0px 0px 20px 18px;
}
.section-contenus ul li,
.section-contenus ol li {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .section-contenus {
    row-gap: 15px;
  }
  .section-contenus p {
    font-size: 16px;
  }
  .section-contenus > * {
    text-align: left !important;
  }
}

@media screen and (max-width: 768px) {
  .section-contenus-apres p {
    font-size: 16px;
  }
  .section-contenus-apres > * {
    text-align: left !important;
  }
}

/* Liens a */
.section-contenus a:not(.button),
.section-contenu-apres a:not(.button),
.colonne a:not(.button) {
  color: var(--principale);
  font-weight: bold;
}

.section-contenus a:not(.button):hover,
.section-contenu-apres a:not(.button):hover,
.colonne a:not(.button):hover {
  color: var(--bleu);
}

.bg-accent .section-contenus a:not(.button),
.bg-accent .section-contenu-apres a:not(.button) .colonne.bg-accent a:not(.button) {
  color: var(--principale);
}

.bg-accent .section-contenus a:not(.button):hover,
.bg-accent .section-contenu-apres a:not(.button):hover,
.colonne.bg-accent a:not(.button):hover {
  color: var(--blanc);
}

.bg-principale .section-contenus a:not(.button),
.bg-principale .section-contenu-apres a:not(.button),
.colonne.bg-principale a:not(.button) {
  color: var(--bleu);
}

.bg-principale .section-contenus a:not(.button):hover,
.bg-principale .section-contenu-apres a:not(.button):hover,
.colonne.bg-principale a:not(.button):hover {
  color: var(--noir);
}

.bg-bleu .section-contenus a:not(.button):hover,
.bg-bleu .section-contenu-apres a:not(.button):hover,
.colonne.bg-bleu a:not(.button):hover {
  color: var(--accent);
}

.bg-noir .section-contenus a:not(.button):hover,
.bg-noir .section-contenu-apres a:not(.button):hover,
.colonne.bg-noir a:not(.button):hover {
  color: var(--accent);
}

/* CARTES BASE */
.carte-base-noir {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: var(--espacement-m);
  border-radius: var(--border-radius-base);
  background-color: var(--noir);
}
.carte-base-noir h3, .carte-base-noir h4, .carte-base-noir p {
  color: var(--blanc);
  margin-bottom: 0;
}

/* DISPLAY */
.hidden {
  display: none !important;
}

/* REVERSE */
.row-reverse {
  flex-direction: row-reverse;
}

/* COULEURS */
.coul-noir, .coul-hover-noir:hover {
  color: var(--noir);
}

.bg-noir, .bg-hover-noir:hover {
  background-color: var(--noir);
}

.coul-taupe, .coul-hover-taupe:hover {
  color: var(--beige);
}

.bg-beige, .bg-hover-taupe:hover {
  background-color: var(--beige);
}

.coul-beige, .coul-hover-beige:hover {
  color: var(--beige);
}

.bg-beige, .bg-hover-beige:hover {
  background-color: var(--beige);
}

.coul-blanc, .coul-hover-blanc:hover {
  color: var(--blanc);
}

.bg-blanc, .bg-hover-blanc:hover {
  background-color: var(--blanc);
}

.coul-bleu, .coul-hover-bleu:hover {
  color: var(--bleu);
}

.bg-bleu, .bg-hover-bleu:hover {
  background-color: var(--bleu);
}

.coul-accent, .coul-hover-accent:hover {
  color: var(--accent);
}

.bg-accent, .bg-hover-accent:hover {
  background-color: var(--accent);
}

.coul-principale, .coul-hover-principale:hover {
  color: var(--principale);
}

.bg-principale, .bg-hover-principale:hover {
  background-color: var(--principale);
}

.bg-noir .section-contenus,
.bg-noir .section-contenu-apres,
.bg-bleu .section-contenus,
.bg-bleu .section-contenu-apres {
  color: var(--blanc);
}

.bg-accent .section-contenus,
.bg-accent .section-contenu-apres {
  color: var(--bleu);
}

.bg-noir .section-contenus h2,
.bg-noir .section-contenu-apres h2 {
  color: var(--accent);
}

section.bg-noir + section.bg-noir,
section.bg-blanc + section.bg-blanc {
  padding-top: 0;
}

body:not(.home) main > section:first-of-type {
  padding-top: var(--espacement-l);
}

/* Section forme haut */
section.section-forme-1-concave {
  position: relative;
}
section.section-forme-1-concave {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-1-concave {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-1-concave {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-1-concave {
    padding-top: 12vw;
  }
}
section.section-forme-1-concave:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-1-concave.svg");
  mask-image: url("../img/forme-1-concave.svg");
  transform: "none";
}
section.section-forme-1-concave-inv {
  position: relative;
}
section.section-forme-1-concave-inv {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-1-concave-inv {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-1-concave-inv {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-1-concave-inv {
    padding-top: 12vw;
  }
}
section.section-forme-1-concave-inv:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-1-concave.svg");
  mask-image: url("../img/forme-1-concave.svg");
  transform: scaleX(-1);
}
section.section-forme-1-convexe {
  position: relative;
}
section.section-forme-1-convexe {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-1-convexe {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-1-convexe {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-1-convexe {
    padding-top: 12vw;
  }
}
section.section-forme-1-convexe:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-1-convexe.svg");
  mask-image: url("../img/forme-1-convexe.svg");
  transform: "none";
}
section.section-forme-1-convexe-inv {
  position: relative;
}
section.section-forme-1-convexe-inv {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-1-convexe-inv {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-1-convexe-inv {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-1-convexe-inv {
    padding-top: 12vw;
  }
}
section.section-forme-1-convexe-inv:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-1-convexe.svg");
  mask-image: url("../img/forme-1-convexe.svg");
  transform: scaleX(-1);
}
section.section-forme-2-concave {
  position: relative;
}
section.section-forme-2-concave {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-2-concave {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-2-concave {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-2-concave {
    padding-top: 12vw;
  }
}
section.section-forme-2-concave:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-2-concave.svg");
  mask-image: url("../img/forme-2-concave.svg");
  transform: "none";
}
section.section-forme-2-concave-inv {
  position: relative;
}
section.section-forme-2-concave-inv {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-2-concave-inv {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-2-concave-inv {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-2-concave-inv {
    padding-top: 12vw;
  }
}
section.section-forme-2-concave-inv:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-2-concave.svg");
  mask-image: url("../img/forme-2-concave.svg");
  transform: scaleX(-1);
}
section.section-forme-2-convexe {
  position: relative;
}
section.section-forme-2-convexe {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-2-convexe {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-2-convexe {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-2-convexe {
    padding-top: 12vw;
  }
}
section.section-forme-2-convexe:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-2-convexe.svg");
  mask-image: url("../img/forme-2-convexe.svg");
  transform: "none";
}
section.section-forme-2-convexe-inv {
  position: relative;
}
section.section-forme-2-convexe-inv {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.section-forme-2-convexe-inv {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.section-forme-2-convexe-inv {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.section-forme-2-convexe-inv {
    padding-top: 12vw;
  }
}
section.section-forme-2-convexe-inv:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-2-convexe.svg");
  mask-image: url("../img/forme-2-convexe.svg");
  transform: scaleX(-1);
}
section:has(+ section[class*=section-forme]) {
  padding-bottom: calc(var(--espacement-section-y-base) + 4vw);
}
@media screen and (max-width: 768px) {
  section:has(+ section[class*=section-forme]) {
    padding-bottom: calc(var(--espacement-section-y-base) + 12vw);
  }
}

/* section content */
.section-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.section-content {
  row-gap: var(--espacement-m);
}
@media screen and (max-width: 1024px) {
  .section-content {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-content {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-content {
    row-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .section-content.section-bouton-en-ligne {
    flex-direction: row;
    column-gap: 3vw;
  }
  .section-content.section-bouton-en-ligne .section-contenus {
    flex: 1;
  }
  .section-content.section-bouton-en-ligne .boutons {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .section-content {
    row-gap: 20px;
  }
  .section-content .boutons {
    justify-content: left;
  }
}

.section-content .section-contenus {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.section-content .section-contenus {
  row-gap: var(--espacement-m);
}
@media screen and (max-width: 1024px) {
  .section-content .section-contenus {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-content .section-contenus {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-content .section-contenus {
    row-gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .section-content .section-contenus {
    row-gap: 15px;
  }
}

.section-content .section-contenus > * {
  margin-bottom: 0px;
}

/* disposition */
.section-disposition {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 30px;
}

.section-disposition.colonne-1 > * {
  width: 100%;
}

.section-disposition.colonnes-2 > * {
  width: 48%;
}

.section-disposition.colonnes-3 > * {
  width: 30.66%;
}

.section-disposition.colonnes-4 > * {
  width: 22%;
}

/* Pastille don */
.spa-float-don {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 9999;
  display: inline-block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.spa-float-don img {
  width: 100px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.spa-float-don:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

/* Shortcode menu */
.spa-menu-shortcode {
  font-size: 16px;
  line-height: 1.6;
  color: var(--noir);
}
.spa-menu-shortcode .spa-menu-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: left;
}
.spa-menu-shortcode .spa-menu-list > li {
  margin-bottom: 15px;
  /* Niveau 2 */
}
.spa-menu-shortcode .spa-menu-list > li > a {
  color: var(--principale);
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
.spa-menu-shortcode .spa-menu-list > li > a:hover {
  text-decoration: underline;
}
.spa-menu-shortcode .spa-menu-list > li > ul {
  list-style: none;
  marign-left: 20px;
  text-transform: initial;
  /* Niveau 3 */
}
.spa-menu-shortcode .spa-menu-list > li > ul > li > a {
  font-weight: 400;
  text-transform: initial;
  color: var(--noir);
}
.spa-menu-shortcode .spa-menu-list > li > ul > li > a:hover {
  text-decoration: underline;
}
.spa-menu-shortcode .spa-menu-list > li > ul > ul {
  list-style: none;
  marign-left: 15px;
}
.spa-menu-shortcode .spa-menu-list > li > ul > ul li > a {
  font-weight: 400;
  color: var(--noir);
}
.spa-menu-shortcode .spa-menu-list > li > ul > ul li > a:hover {
  text-decoration: underline;
}

.bg-noir .spa-menu-shortcode a, .bg-bleu .spa-menu-shortcode a {
  color: var(--blanc);
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 1270px) {
  .section-disposition.colonnes-4 > * {
    width: 30.66%;
  }
}
@media screen and (max-width: 1024px) {
  .section-disposition.colonnes-3 > *,
  .section-disposition.colonnes-4 > * {
    width: 48%;
  }
}
@media screen and (max-width: 600px) {
  .section-disposition.colonnes-2 > *,
  .section-disposition.colonnes-3 > *,
  .section-disposition.colonnes-4 > * {
    width: 100%;
  }
  .spa-float-don img {
    width: 80px;
  }
}
.entete-accueil {
  display: block;
  position: relative;
}
.entete-accueil .entete-banniere-titre {
  position: absolute;
  top: 50%;
  font-size: 1rem;
  color: var(--beige);
  z-index: -1;
  visibility: hidden;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-prev {
  left: 20px;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-next {
  right: 20px;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-prev, .entete-accueil .entete-banniere.entete-accueil-slider .slick-next {
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: white;
  z-index: 1;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-prev:before, .entete-accueil .entete-banniere.entete-accueil-slider .slick-next:before {
  font-size: 50px;
  color: var(--taupe);
  opacity: 1;
  margin-left: -6px;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-prev:hover::before, .entete-accueil .entete-banniere.entete-accueil-slider .slick-next:hover::before {
  color: var(--bleu);
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-dots {
  position: relative;
  bottom: 40px;
  width: fit-content;
  margin: 0 auto;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-dots li button:hover::before {
  color: var(--bleu);
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-dots li button:before {
  font-size: 15px;
  color: var(--taupe);
  opacity: 1;
}
.entete-accueil .entete-banniere.entete-accueil-slider .slick-dots li.slick-active button:before {
  color: var(--principale);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .entete-accueil .entete-banniere.entete-accueil-slider .slick-prev, .entete-accueil .entete-banniere.entete-accueil-slider .slick-next, .entete-accueil .entete-banniere.entete-accueil-slider .slick-dots {
    display: none !important;
  }
}
.entete-accueil .entete-banniere .entete-banniere-image {
  aspect-ratio: 24/9;
}
.entete-accueil .entete-banniere .entete-banniere-image img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.entete-accueil .entete-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-top: 30px;
}
.entete-accueil .entete-actions .entete-action-item {
  padding: clamp(15px, 2vw, 30px);
  text-align: center;
}
.entete-accueil .entete-actions .entete-action-item img,
.entete-accueil .entete-actions .entete-action-item svg {
  margin-bottom: var(--espacement-s);
  height: clamp(24px, 6vw, 50px);
}
.entete-accueil .entete-actions .entete-action-item svg path, .entete-accueil .entete-actions .entete-action-item svg g, .entete-accueil .entete-actions .entete-action-item svg line {
  transition: all 0.3s ease;
}
.entete-accueil .entete-actions .entete-action-item:hover {
  /*.style-svg {
      path, g, line {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: dash 5s linear forwards;;
      }
  }*/
}
.entete-accueil .entete-actions .entete-action-item:hover .entete-action-texte {
  color: var(--principale);
}
.entete-accueil .entete-actions .entete-action-item p.entete-action-texte {
  font-size: clamp(0.75rem, 2vw, 1.125rem);
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .entete-accueil .entete-actions {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    background-color: var(--blanc);
    row-gap: 10px;
    padding: 0px 20px 30px 20px;
  }
  .entete-accueil .entete-actions .entete-action-item {
    padding: 10px;
    text-align: center;
    flex: 1;
    border-radius: 10px;
    background-color: var(--bleu);
    color: white;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
/* ENTETE PAGE ET POSTS
 ************************************************************/
.entete {
  width: 100%;
  max-width: var(--largeur-ecran-large);
  margin: auto;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .entete {
    padding: 30px calc(var(--espacement-section-x-base) / 2);
  }
}
@media screen and (min-width: 1420px) {
  .entete {
    padding: 30px 60px;
  }
}
.entete-contenu {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--hauteur-entete-page);
  padding: 0 var(--espacement-section-x-base);
  background-color: var(--beige);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}
.entete-contenu > .grid-container {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .entete-contenu {
    padding-bottom: var(--espacement-m);
    min-height: auto;
  }
}
.entete-contenu-image .entete-content {
  flex: 0 0 60%;
}
@media screen and (max-width: 1024px) {
  .entete-contenu-image .entete-content {
    flex: 1;
  }
}
@media screen and (max-width: 1024px) {
  .entete-contenu-image {
    background-position: right bottom;
    background-size: auto 300px;
    padding-bottom: 250px;
  }
}
.entete-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 60px 0;
  padding-right: var(--espacement-section-x-base);
}
@media screen and (max-width: 768px) {
  .entete-content {
    row-gap: 20px;
    padding: 40px 0;
  }
}
.entete-content h1 {
  font-size: clamp(3rem, 5.5vw, 5rem);
  line-height: 1;
  font-weight: 700;
  color: var(--bleu);
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .entete-content h1 {
    font-size: 38px;
  }
}
.entete-content h2 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-xl);
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0;
}
.entete-content p {
  font-size: var(--font-size-l);
  margin-bottom: 0;
}
.entete-menu {
  margin-top: -36px;
  padding: 0 var(--espacement-section-x-base);
}
.entete-menu.is-sticky {
  margin-top: 0px;
  position: fixed;
  top: 70px;
  width: 100%;
  left: 0;
  z-index: 999;
  transform: none;
  padding: 0;
}
.entete-menu.is-sticky .grid-container {
  max-width: 100%;
}
.entete-menu.is-sticky .entete-menu-items {
  max-width: 100%;
  border-radius: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .entete-menu.is-sticky {
    display: none;
  }
}
.entete-menu-items {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  background: var(--bleu);
  margin: 0;
  padding: 0;
  border-radius: 70px;
  overflow: hidden;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .entete-menu-items {
    border-radius: 10px;
  }
}
.entete-menu-item {
  padding: 1.2em 0 1em 0;
  background: var(--noir);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .entete-menu-item {
    padding: 8px;
  }
}
.entete-menu-item a {
  font-family: var(--font-family-accent);
  color: #fff;
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  font-weight: 600;
}

/* ENTETE POSTS
 ************************************************************/
.entete-article .entete-post-type {
  font-size: var(--font-size-l);
}
.entete-article .entete-post-type:first-letter {
  text-transform: uppercase;
}
.entete-article .entete-categorie-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
}
.entete-article .entete-categorie-liste li {
  padding: 0.5em 1em;
  background-color: #fff;
  border-radius: 6px;
  font-size: 16px;
  color: var(--noir);
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .entete-article .entete-categorie-liste li {
    font-size: 14px;
    padding: 8px 15px;
  }
}
.single-carrieres .entete-article .entete-contenu {
  background-color: var(--noir);
}
@media screen and (max-width: 1023px) {
  .single-carrieres .entete-article .entete-contenu {
    background-image: none !important;
  }
}
.single-carrieres .entete-article .entete-content {
  flex: 0 0 60%;
}
.single-carrieres .entete-article .entete-content .entete-posts-titre {
  color: var(--principale);
}
.single-carrieres .entete-article .entete-content p, .single-carrieres .entete-article .entete-content a {
  color: var(--blanc);
}
.single-carrieres .entete-article .entete-content .entete--post-intro {
  font-size: var(--font-size-xl);
  font-style: italic;
  color: var(--blanc);
}

@media screen and (min-width: 1024px) {
  .entete-animaux .entete-content {
    flex: 0 0 calc(100% - 500px);
  }
}

nav.secondary-navigation .main-nav ul li.menu-item-perdu, nav.secondary-navigation .main-nav ul li.menu-item-trouver, nav.secondary-navigation .main-nav ul li.menu-item-adopter {
  display: flex;
  align-items: center;
}
nav.secondary-navigation .main-nav ul li.menu-item-perdu a, nav.secondary-navigation .main-nav ul li.menu-item-trouver a, nav.secondary-navigation .main-nav ul li.menu-item-adopter a {
  padding-left: 0;
}
nav.secondary-navigation .main-nav ul li.menu-item-perdu:before, nav.secondary-navigation .main-nav ul li.menu-item-trouver:before, nav.secondary-navigation .main-nav ul li.menu-item-adopter:before {
  display: inline-flex;
  content: "";
  align-items: center;
  margin-right: 1em;
  height: 32px;
  width: 32px;
  background-color: var(--bleu);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
nav.secondary-navigation .main-nav ul li.menu-item-perdu:hover a, nav.secondary-navigation .main-nav ul li.menu-item-trouver:hover a, nav.secondary-navigation .main-nav ul li.menu-item-adopter:hover a, nav.secondary-navigation .main-nav ul li.menu-item-perdu:focus a, nav.secondary-navigation .main-nav ul li.menu-item-trouver:focus a, nav.secondary-navigation .main-nav ul li.menu-item-adopter:focus a {
  color: var(--principale);
}
nav.secondary-navigation .main-nav ul li.menu-item-perdu:hover:before, nav.secondary-navigation .main-nav ul li.menu-item-trouver:hover:before, nav.secondary-navigation .main-nav ul li.menu-item-adopter:hover:before, nav.secondary-navigation .main-nav ul li.menu-item-perdu:focus:before, nav.secondary-navigation .main-nav ul li.menu-item-trouver:focus:before, nav.secondary-navigation .main-nav ul li.menu-item-adopter:focus:before {
  background-color: var(--principale);
}

header.site-header .inside-header ul li.btn-header-don, nav.secondary-navigation .main-nav .btn-header-phone,
header.site-header .main-nav .btn-header-phone {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  height: 100%;
  width: clamp(150px, 15vw, 210px);
  background: var(--accent);
  text-align: center;
}
header.site-header .inside-header ul li.btn-header-don a, nav.secondary-navigation .main-nav .btn-header-phone a,
header.site-header .main-nav .btn-header-phone a {
  font-size: clamp(0.875rem, 1.25vw, 1.125rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2em;
  width: 100%;
}
header.site-header .inside-header ul li.btn-header-don a strong, nav.secondary-navigation .main-nav .btn-header-phone a strong,
header.site-header .main-nav .btn-header-phone a strong, header.site-header .inside-header ul li.btn-header-don a b, nav.secondary-navigation .main-nav .btn-header-phone a b,
header.site-header .main-nav .btn-header-phone a b {
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
header.site-header .inside-header ul li.btn-header-don:hover, nav.secondary-navigation .main-nav .btn-header-phone:hover,
header.site-header .main-nav .btn-header-phone:hover {
  background-color: var(--bleu);
}
header.site-header .inside-header ul li.btn-header-don:hover > a, nav.secondary-navigation .main-nav .btn-header-phone:hover > a,
header.site-header .main-nav .btn-header-phone:hover > a {
  color: var(--accent) !important;
  background-color: unset !important;
}
@media screen and (max-width: 1023px) {
  header.site-header .inside-header ul li.btn-header-don, nav.secondary-navigation .main-nav .btn-header-phone,
  header.site-header .main-nav .btn-header-phone {
    position: relative;
    width: 100%;
    border-radius: 25px;
  }
}

.navigation-branding img, .site-logo.mobile-header-logo img {
  max-width: max-content;
  padding: 6px 0;
}

nav.secondary-navigation,
header.site-header {
  max-width: var(--largeur-ecran-large);
  margin: 0 auto;
}
nav.secondary-navigation .inside-navigation,
header.site-header .inside-navigation {
  width: 100%;
  max-width: unset;
}
nav.secondary-navigation .main-nav,
header.site-header .main-nav {
  width: 100%;
}
nav.secondary-navigation .main-nav > ul,
header.site-header .main-nav > ul {
  position: relative;
}
@media screen and (min-width: 1024px) {
  nav.secondary-navigation .main-nav,
  header.site-header .main-nav {
    padding-left: clamp(20px, 3vw, 100px);
  }
}
nav.secondary-navigation .main-nav {
  padding: 0 60px 0 calc(clamp(100px, 12vw, 176px) + 60px + clamp(20px, 3vw, 100px));
}
nav.secondary-navigation .main-nav ul li {
  padding: 0;
}
nav.secondary-navigation .main-nav ul li a {
  padding: 20px min(1.5vw, 30px);
}
nav.secondary-navigation .main-nav ul li:first-child a {
  padding-left: 0;
}
nav.secondary-navigation .main-nav ul li:not(.btn-header-phone) a {
  line-height: 1.2em;
  font-size: clamp(0.875rem, 1.4vw, 1.25rem);
  font-weight: 600;
}
nav.secondary-navigation .main-nav ul li.menu-item-adopter:before {
  mask-image: url("../img/coeur.svg");
}
nav.secondary-navigation .main-nav ul li.menu-item-trouver:before {
  mask-image: url("../img/bulldog.svg");
}
nav.secondary-navigation .main-nav ul li.menu-item-perdu:before {
  mask-image: url("../img/loupe.svg");
}
@media screen and (max-width: 1023px) {
  nav.secondary-navigation {
    display: none;
  }
}

header.site-header .inside-header {
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  header.site-header .inside-header {
    padding: 0 6px;
  }
}
.nav-float-right #site-navigation {
  margin-left: 0;
  width: 100%;
}

header.site-header .inside-header .site-logo {
  min-width: clamp(100px, 12vw, 176px);
  max-width: clamp(100px, 12vw, 176px);
}
header.site-header .inside-header .site-logo img {
  height: auto;
}
@media screen and (min-width: 1024px) {
  header.site-header .inside-header .site-logo {
    margin-top: -70px;
  }
}
header.site-header .inside-header ul li {
  padding: 0;
}
header.site-header .inside-header ul li:first-child {
  padding-left: 0;
}
header.site-header .inside-header ul li a {
  line-height: 1.2em;
  font-size: clamp(0.825rem, 1.2vw, 1.0625rem);
  font-weight: 400;
  padding: var(--espacement-s) 10px;
}
header.site-header .inside-header ul li.menu-item-has-children .dropdown-menu-toggle {
  padding-left: 5px;
  padding-right: 15px;
}
@media screen and (max-width: 1259px) {
  header.site-header .inside-header ul li.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  header.site-header .inside-header ul li.menu-item-has-children .dropdown-menu-toggle {
    position: absolute;
    right: 0;
    width: 100%;
    text-align: right;
  }
}
header.site-header .inside-header ul li.btn-header-don {
  background-color: var(--principale);
  border-radius: 0 0 15px 15px;
}
header.site-header .inside-header ul li.btn-header-don a strong, header.site-header .inside-header ul li.btn-header-don a b {
  font-weight: bold;
}
header.site-header .inside-header ul li.btn-header-don[class*=current-menu-] > a {
  background-color: transparent;
  color: var(--noir);
}
header.site-header .inside-header ul li.btn-header-phone {
  display: none;
}
header.site-header .inside-header ul li .sub-menu {
  top: 100%;
  min-width: unset;
  width: auto;
  white-space: nowrap; /* Empêche le retour à la ligne */
}
header.site-header .inside-header ul li .sub-menu li {
  padding: 0;
}
header.site-header .inside-header ul li .sub-menu li a {
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
  header.site-header .inside-header ul li .sub-menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
header.site-header .inside-header ul li .sub-menu li:hover, header.site-header .inside-header ul li .sub-menu li:focus {
  background-color: var(--principale);
}
header.site-header .inside-header ul li .sub-menu li:hover > a, header.site-header .inside-header ul li .sub-menu li:focus > a {
  background-color: transparent;
  color: var(--bleu);
}
header.site-header .inside-header ul li .sub-menu li.menu-item-has-children a .dropdown-menu-toggle {
  padding-right: 0px;
}
header.site-header .inside-header .menu-bar-items {
  display: none;
}

header.site-header .inside-header .navigation-stick .inside-navigation {
  flex-wrap: nowrap;
  height: 70px;
  padding: 0 60px;
}
header.site-header .inside-header .navigation-stick .inside-navigation ul.menu > li.menu-item-has-children > a {
  padding: 25px 10px;
}
header.site-header .inside-header .navigation-stick .menu-bar-items {
  display: flex;
  align-items: center;
  background: var(--bleu);
  height: 70px;
}
header.site-header .inside-header .navigation-stick .menu-bar-items svg {
  fill: var(--blanc);
}
header.site-header .inside-header .navigation-stick .menu-bar-items:hover {
  background-color: var(--principale);
}
header.site-header .inside-header .navigation-stick .menu-bar-items:hover a {
  background-color: var(--principale);
}
header.site-header .inside-header .navigation-stick .menu-bar-items .gp-icon.icon-search {
  padding: 0px 5px;
  font-size: 20px;
}
header.site-header .inside-header .navigation-stick .btn-header-don {
  display: none;
}
header.site-header .inside-header .navigation-stick .btn-header-phone {
  display: block;
  height: 70px;
}
header.site-header .inside-header .navigation-stick.toggled .main-nav {
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0;
  border-top: 1px solid var(--beige);
}
header.site-header .inside-header .navigation-stick.toggled .btn-header-phone {
  height: auto;
}

.header-widget {
  margin-left: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
.header-widget .menu li.social-icon {
  display: block;
  padding: 5px 10px;
  margin-bottom: 0;
  text-align: center;
}
.header-widget .menu li.social-icon:first-child {
  padding-left: 10px !important;
}
.header-widget .menu li.social-icon a {
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .header-widget {
    display: none;
  }
}

.has-inline-mobile-toggle .mobile-menu-control-wrapper {
  height: 70px;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover {
  background-color: transparent;
  padding: 14px;
}

.menu-toggle {
  background-color: transparent;
}
.menu-toggle:hover {
  background-color: transparent;
}
.menu-toggle svg {
  fill: var(--bleu);
  height: 2rem;
  width: 2rem;
}

@media screen and (max-width: 1023px) {
  header.site-header .inside-header .menu-toggle {
    display: flex;
  }
  header.site-header .inside-header ul {
    padding: var(--espacement-s);
  }
  header.site-header .inside-header ul li > a {
    font-size: 1rem;
    background-color: transparent !important;
  }
  header.site-header .inside-header ul li > a:hover {
    color: inherit;
  }
  header.site-header .inside-header ul li.btn-header-don, header.site-header .inside-header ul li.btn-header-phone {
    display: flex;
    border-radius: 35px;
    display: block !important;
    max-width: 350px;
    margin: var(--espacement-s) auto;
  }
  header.site-header .inside-header ul li .sub-menu {
    background-color: transparent;
  }
  header.site-header .inside-header ul li .sub-menu li > a {
    color: var(--noir);
  }
  header.site-header .inside-header ul li .sub-menu li:hover {
    background-color: transparent;
  }
  header.site-header .main-nav {
    align-self: flex-start;
  }
}
.gp-search-modal .gp-modal__overlay {
  background-color: rgba(255, 255, 255, 0.9);
}

.search-modal-fields {
  border: 2px solid var(--bleu);
  border-radius: 60px;
}
.search-modal-fields input[type=search] {
  border-radius: 50px;
}

/************************************************************
 * Single article Content
 ************************************************************/
/* Mise en page article single
 ************************************************************/
.article-grid .article-main {
  padding: 0 var(--espacement-section-x-base);
}
@media screen and (min-width: 1024px) {
  .article-grid .article-main {
    padding: 0 calc(var(--espacement-section-x-base) + 10px);
  }
}
.article-grid .article-main .grid-container {
  display: flex;
  flex-wrap: wrap;
}
.article-grid .article-main section {
  padding: 0;
}
.article-grid .article-main .article-contenu,
.article-grid .article-main .article-sidebar {
  padding-top: 60px;
}
.article-grid .article-main .article-contenu {
  flex: 1;
  padding-right: clamp(40px, 7vw, 100px);
}
.article-grid .article-main .article-sidebar {
  width: 500px;
}
@media screen and (max-width: 1023px) {
  .article-grid .article-main .article-contenu,
  .article-grid .article-main .article-sidebar {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.article-grid:has(+ section[class*=section-forme]) {
  padding-bottom: calc(var(--espacement-section-y-base) + 4vw);
}

/* Article single contenu
 ************************************************************/
.article-single-content .article-contenu {
  display: flex;
  flex-direction: column;
}
.article-single-content .article-contenu h2 {
  font-size: 3.125rem;
  color: var(--bleu);
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .article-single-content .article-contenu h2 {
    font-size: 30px;
  }
}
.article-single-content .article-contenu h3 {
  margin-top: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .article-single-content .article-contenu h3 {
    font-size: 22px;
  }
}
.article-single-content .article-contenu hr {
  margin: 1.875rem 0;
}
@media screen and (max-width: 768px) {
  .article-single-content .article-contenu hr {
    margin: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .article-single-content .article-contenu ul {
    margin: 15px 0 20px 30px;
  }
}
.article-single-content .article-contenu li:not(:last-of-type) {
  margin-bottom: 0.5em;
}
.article-single-content .article-contenu-image-une {
  width: 100%;
  margin-top: -100px;
  margin-bottom: var(--espacement-m);
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
.article-single-content .article-contenu-image-une img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .article-single-content .article-contenu-image-une {
    display: none;
  }
}
.article-single-content .article-contenu .article-partager {
  margin-top: var(--espacement-section-y-base);
}

/* Animaux
************************************************************/
.animaux-details-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
}
.animaux-details-liste li {
  padding: 0.5em 1em;
  background-color: #fff;
  border-radius: 6px;
  font-size: 16px;
  color: var(--noir);
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .animaux-details-liste li {
    font-size: 14px;
    padding: 8px 15px;
  }
}

/* Carrieres
 ************************************************************/
@media screen and (min-width: 1024px) {
  .single-carrieres .article-single-content .article-grid .article-main .article-sidebar {
    width: 300px;
  }
}

/************************************************************
 * Archive
 ************************************************************/
.archive-grid .archive-main {
  padding: 0 var(--espacement-section-x-base);
}
@media screen and (min-width: 1024px) {
  .archive-grid .archive-main {
    padding: 0 calc(var(--espacement-section-x-base) + 10px);
  }
}
.archive-grid .archive-main .grid-container {
  display: flex;
  flex-wrap: wrap;
}
.archive-grid .archive-main section {
  padding: 0;
}
.archive-grid .archive-main .archive-contenu {
  flex: 1;
  padding: 60px clamp(40px, 7vw, 100px) 0 0;
}
.archive-grid .archive-main .archive-sidebar {
  width: 325px;
  padding-top: 60px;
}
@media screen and (max-width: 1023px) {
  .archive-grid .archive-main .archive-contenu,
  .archive-grid .archive-main .archive-sidebar {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.archive-grid:has(+ section[class*=section-forme]) {
  padding-bottom: calc(var(--espacement-section-y-base) + 4vw);
}

/************************************************************
 * Sidebar
 ************************************************************/
.sidebar-article,
.sidebar-archive {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  margin-bottom: var(--espacement-section-Y-base);
}

.sidebar-image-une {
  width: 100%;
  border-radius: var(--border-radius-base);
  overflow: hidden;
}
.sidebar-image-une img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .sidebar-image-une {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .sidebar-partager {
    display: none;
  }
}

.sidebar-plus-articles {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.sidebar-plus-articles .article-affilie {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  border-radius: var(--border-radius-base);
  background-color: var(--beige);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sidebar-plus-articles .article-affilie {
    display: block;
  }
}
.sidebar-plus-articles .article-affilie:hover .article-card-image img {
  transform: scale(1.05);
}
.sidebar-plus-articles .article-affilie .article-card-image {
  height: 100%;
  overflow: hidden;
}
.sidebar-plus-articles .article-affilie .article-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.7s ease-in-out;
}
.sidebar-plus-articles .article-affilie .article-card-contenu {
  padding: 20px;
}
.sidebar-plus-articles .article-affilie .article-card-contenu > *:last-child {
  margin-bottom: 0px;
}
.sidebar-plus-articles .article-affilie .article-card-categorie {
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.sidebar-plus-articles .article-affilie h4 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-l);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--noir);
  letter-spacing: 0.05em;
}
.sidebar-plus-articles .article-affilie h4 a {
  color: var(--noir);
}

.sidebar-post .sidebar-image-une {
  margin-top: -150px;
}

@media screen and (min-width: 1024px) {
  .sidebar-animaux {
    margin-top: calc(-1 * var(--hauteur-entete-page));
  }
}

.sidebar-carriere .sidebar-carriere-details {
  background-color: var(--beige);
  padding: var(--espacement-m);
  display: flex;
  flex-direction: column;
}
.sidebar-carriere .sidebar-carriere-details {
  row-gap: 20px;
}
@media screen and (max-width: 1024px) {
  .sidebar-carriere .sidebar-carriere-details {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar-carriere .sidebar-carriere-details {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .sidebar-carriere .sidebar-carriere-details {
    row-gap: 20px;
  }
}
.sidebar-carriere .sidebar-carriere-details p, .sidebar-carriere .sidebar-carriere-details span {
  font-size: 1rem;
  margin-bottom: 0;
}
.sidebar-carriere .sidebar-carriere-details .carriere-type-de-poste {
  text-transform: uppercase;
  margin-top: 1rem;
}
.sidebar-carriere .sidebar-carriere-details .carriere-badge-recrutement {
  position: relative;
  width: 220px;
  font-size: var(--font-size-l);
  margin-top: calc(-1 * var(--espacement-m));
  margin-right: calc(-1 * var(--espacement-m));
  margin-left: auto;
}

/************************************************************
 * Footer
 ************************************************************/
.site-footer {
  border-top: 1px solid var(--bleu);
}
.site-footer .footer-widgets-container .inside-footer-widgets {
  display: grid;
  grid-template-areas: "col1 col2 col3 col4" "col1 bas bas bas";
  column-gap: clamp(20px, 4vw, 100px);
  margin-left: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
  grid-area: col1;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-2 {
  grid-area: col2;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-3 {
  grid-area: col3;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4 {
  grid-area: col4;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 {
  grid-area: bas;
}
.site-footer .footer-widgets-container .inside-footer-widgets aside.inner-padding {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .site-footer .footer-widgets-container .inside-footer-widgets {
    grid-template-areas: "col1 col2" "col3 col4" "bas bas ";
  }
  .site-footer .footer-widgets-container .inside-footer-widgets .widget {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .site-footer .footer-widgets-container .inside-footer-widgets {
    grid-template-areas: "col1" "col2" "col3" "col4" "bas";
  }
  .site-footer .footer-widgets-container .inside-footer-widgets > div:not(:last-child) {
    margin-bottom: 0px;
  }
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) {
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) {
    margin-bottom: 1em;
  }
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) > a {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--principale);
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) > ul > li {
  margin-bottom: 0.25em;
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) > ul > li > a {
  font-size: 1.0625rem;
  line-height: 1;
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu > li:not(.social-icon) > .sub-menu {
  margin-left: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu li.social-icon {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  margin-bottom: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu li.social-icon a {
  font-size: 1.125rem;
  color: #fff;
}
.site-footer .footer-widgets-container .inside-footer-widgets .menu li.social-icon a:hover {
  color: var(--principale);
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
  text-align: right;
  font-size: 1.0625rem;
  margin-top: -40px;
}
@media screen and (max-width: 1024px) {
  .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 {
    text-align: left;
    margin-bottom: 30px;
    margin-top: -31px;
  }
  .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .textwidget p {
    margin-bottom: 10px;
  }
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 strong {
  font-size: 1rem;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 img {
  max-width: 170px !important;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .footer-lien-urgence {
  position: relative;
  display: block;
  font-size: 1.125rem;
  font-weight: normal;
  color: var(--noir);
  background-color: var(--accent);
  border-radius: 0 0 var(--border-radius-base) 0;
  padding: 1em;
  font-style: italic;
  text-decoration: none;
  text-align: center;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .footer-lien-urgence strong {
  font-style: normal;
  font-size: 1em;
  letter-spacing: 0.05em;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .footer-lien-urgence:hover {
  background-color: var(--bleu);
  color: var(--blanc);
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-1 .footer-lien-urgence:before {
  position: absolute;
  content: "";
  top: 0;
  left: -1000px;
  height: 100%;
  width: 1000px;
  background-color: inherit;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-4 .menu > li:not(.social-icon) {
  margin-bottom: 4px;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 {
  grid-area: bas;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--bleu);
  margin-top: 30px;
  padding-top: 30px;
  gap: clamp(20px, 3vw, 100px);
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 aside {
  margin-bottom: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 aside img {
  max-width: 110px !important;
  max-height: 60px;
  width: 100%;
  height: auto;
}
.site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 aside:first-of-type {
  margin-right: auto;
  margin-left: 0;
}
.site-footer footer.site-info {
  border-top: 1px solid var(--bleu);
}
.site-footer footer.site-info .copyright-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .site-footer footer.site-info .copyright-bar {
    flex-direction: column;
    row-gap: 10px;
  }
}
.site-footer footer.site-info .copyright-bar span {
  font-size: 0.875rem;
}
.site-footer footer.site-info .copyright-bar span a {
  text-decoration: underline;
}

/************************************************************
 * PLUGINS
 ************************************************************/
/* AddToAny
  ************************************************************/
.addtoany_content {
  margin-left: 0 !important;
  margin-top: 40px !important;
  margin-bottom: 0px !important;
  border-top: 1px solid var(--taupe);
  width: 100%;
  padding-top: 40px;
  margin-top: 40px !important;
}

.addtoany_header {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-xl);
  font-weight: bold;
}

.a2a_svg svg {
  padding: 8px !important;
}

/* Gravity forms
 ************************************************************/
section .gform-theme--foundation .gform_fields {
  row-gap: 20px;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body h3.gsection_title {
  font-family: var(--font-family-accent);
  font-style: normal;
  margin-top: 2.5rem;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gsection_title {
  margin-bottom: 10px;
  margin-top: 20px;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gsection_description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield .gfield_label {
    display: block;
  }
  section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield .gfield_label > .gfield_required {
    margin-left: 6px;
  }
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text],
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email],
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel],
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number],
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url],
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea {
  padding-left: 1.5em;
  border-radius: 25px;
  border: 0px solid rgba(22, 47, 90, 0.25);
  background-color: rgba(22, 47, 90, 0.5);
  color: rgb(255, 255, 255);
  font-size: 16px;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text]:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email]:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel]:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number]:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url]:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select:focus,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea:focus {
  outline: 1px solid var(--principale);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text]::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email]::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel]::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number]::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url]::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select::placeholder,
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select {
  background: rgba(22, 47, 90, 0.5) url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cpath d='M128,180a3.98881,3.98881,0,0,1-2.82861-1.17139l-80-80.00024a4.00009,4.00009,0,0,1,5.65722-5.65674L128,170.34326l77.17139-77.17163a4.00009,4.00009,0,0,1,5.65722,5.65674l-80,80.00024A3.98881,3.98881,0,0,1,128,180Z'/%3E%3C/svg%3E") right 0.75rem center/16px 16px no-repeat !important;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input {
  background-color: transparent;
  border-color: var(--noir);
  cursor: pointer;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input + label {
  cursor: pointer;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input:checked {
  background-color: var(--principale);
  border-color: var(--principale);
  accent-color: var(--noir);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input:checked + label {
  color: var(--bleu);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=file]::file-selector-button {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--noir);
  color: var(--blanc);
  text-align: center;
  padding: 10px 20px;
  font-size: 1rem !important;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=file]::file-selector-button:hover {
  background-color: var(--accent);
  color: var(--noir);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=file] {
  background-color: transparent !important;
  border: 0px !important;
  box-shadow: none;
  color: rgb(255, 255, 255);
  font-size: 16px;
  width: 450px;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-footer.gform_footer.top_label .gform_button {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--accent);
  color: var(--noir);
  text-align: center;
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform-footer.gform_footer.top_label .gform_button:hover {
  background-color: var(--noir);
  color: var(--accent);
}
section .gform-theme.gform-theme--framework.gform_wrapper .gform_validation_errors {
  background-color: var(--beige);
  border-width: 0px;
  border-radius: 25px;
}
section .gform-theme.gform-theme--framework.gform_wrapper .validation_message {
  color: var(--principale);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body {
  color: #fff;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text],
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email],
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel],
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number],
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url],
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text],
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email],
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel],
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number],
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url],
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea {
  border: 0px solid rgba(22, 47, 90, 0.25);
  background-color: rgba(22, 47, 90, 0.5);
  color: rgb(255, 255, 255);
  font-size: 16px;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text]::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email]::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel]::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number]::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url]::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select::placeholder,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea::placeholder, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=text]::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=email]::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=tel]::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=number]::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container input[type=url]::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select::placeholder,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container textarea::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container select {
  background: rgba(22, 47, 90, 0.5) url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E%3Cpath d='M128,180a3.98881,3.98881,0,0,1-2.82861-1.17139l-80-80.00024a4.00009,4.00009,0,0,1,5.65722-5.65674L128,170.34326l77.17139-77.17163a4.00009,4.00009,0,0,1,5.65722,5.65674l-80,80.00024A3.98881,3.98881,0,0,1,128,180Z'/%3E%3C/svg%3E") right 0.75rem center/16px 16px no-repeat !important;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input {
  border-color: var(--blanc);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input + label, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input + label {
  color: #fff;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input:checked + label, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input:checked + label {
  color: var(--principale);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gfield-choice-input {
  border-color: rgba(255, 255, 255, 0.7);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area {
  background-color: rgba(22, 47, 90, 0.5);
  color: white;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area:before, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area:before {
  color: var(—principale);
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area .gform_button_select_files, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .ginput_container .gform_drop_area .gform_button_select_files {
  background-color: var(--principale);
  color: var(--noir);
  font-weight: 600;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_label,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gform-field-label,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_description:not(.validation_message), section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_label,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gform-field-label,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_description:not(.validation_message) {
  color: #fff;
}
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_label .gfield_required,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gform-field-label .gfield_required,
section.bg-bleu .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_description:not(.validation_message) .gfield_required, section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_label .gfield_required,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gform-field-label .gfield_required,
section.bg-noir .gform-theme.gform-theme--framework.gform_wrapper .gform-body .gfield_description:not(.validation_message) .gfield_required {
  color: var(--principale);
}

.section-accordeons .grid-container {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
}
.section-accordeons .grid-container {
  row-gap: 50px;
}
@media screen and (max-width: 1024px) {
  .section-accordeons .grid-container {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-accordeons .grid-container {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-accordeons .grid-container {
    row-gap: 20px;
  }
}

.accordeons {
  row-gap: 20px;
  display: flex;
  flex-direction: column;
}

.accordeon {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 20px;
  padding: 20px 20px 14px 20px;
  background-color: var(--blanc);
}
.accordeon-entete {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.accordeon-entete h4 {
  margin-bottom: 0px;
}
.accordeon-icone span {
  height: 6px;
  width: 25px;
  background-color: var(--principale);
  border-radius: 3px;
  display: block;
}
.accordeon-icone span:nth-of-type(2) {
  transform: rotate(90deg) translate(-6px);
  transform-origin: center;
  transition: transform 0.3s ease;
}
.accordeon-icone.is-open span:nth-of-type(2) {
  transform: rotate(0deg) translate(0, -6px);
}
.accordeon-contenu {
  padding-top: 20px;
  display: none;
}
.accordeon-contenu:last-child {
  margin-bottom: 0px;
}
.accordeon:hover .accordeon-entete {
  color: var(--principale);
}

section.bg-blanc .accordeon {
  background-color: var(--beige);
}

.accordeon.active .accordeon-entete h4 {
  color: var(--principale);
}

/* ARTICLES */
.section-articles .grid-container {
  display: flex;
  flex-direction: column;
}
.section-articles .grid-container {
  row-gap: 50px;
}
@media screen and (max-width: 1024px) {
  .section-articles .grid-container {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-articles .grid-container {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-articles .grid-container {
    row-gap: 20px;
  }
}
.section-articles .grid-container .article-card {
  display: flex;
  height: 100%;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  background-color: var(--blanc);
  transition: 0.3s ease;
}
.bg-blanc.section-articles .grid-container .article-card {
  background-color: var(--beige);
}

.section-articles .grid-container .article-card h3, .section-articles .grid-container .article-card h4, .section-articles .grid-container .article-card p, .section-articles .grid-container .article-card li {
  color: var(--noir);
}
.section-articles .grid-container .article-card .article-card-image {
  height: auto;
  overflow: hidden;
  aspect-ratio: 4/3;
}
.section-articles .grid-container .article-card .article-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s ease;
}
.section-articles .grid-container .article-card:hover {
  background-color: var(--noir);
}
.section-articles .grid-container .article-card:hover h3, .section-articles .grid-container .article-card:hover p, .section-articles .grid-container .article-card:hover a {
  color: var(--blanc);
}
.section-articles .grid-container .article-card:hover p.article-card-categorie,
.section-articles .grid-container .article-card:hover .article-card-date {
  color: var(--accent) !important;
}
.section-articles .grid-container .article-card:hover .article-card-image img {
  transform: scale(1.05);
}
.section-articles .grid-container .article-card.article-card-large {
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: var(--shadow-base);
}
.section-articles .grid-container .article-card.article-card-large .article-card-image {
  flex: 1 1 40%;
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: max(4vw, 60px);
  row-gap: 2rem;
}
@media screen and (max-width: 768px) {
  .section-articles .grid-container .article-card.article-card-large .article-card-contenu {
    padding: 30px;
    row-gap: 1rem;
  }
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu h3 {
  margin-bottom: 0;
  font-family: var(--font-family-accent);
  font-style: normal;
  font-size: 1.75rem;
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu h3 a {
  color: var(--noir);
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu p {
  margin-bottom: 0;
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu .article-card-more {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 1em;
  width: 100%;
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu .article-card-more .article-card-date {
  font-size: 1rem;
  color: var(--noir);
}
.section-articles .grid-container .article-card.article-card-large .article-card-contenu .article-card-more .article-card-read-more {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: bold;
  color: var(--principale);
  text-decoration: none;
  text-transform: uppercase;
}
.section-articles .grid-container .article-card.article-card-simple {
  flex-direction: column;
}
.section-articles .grid-container .article-card.article-card-simple .article-card-contenu {
  padding: clamp(15px, 2vw, 30px);
}
@media screen and (max-width: 768px) {
  .section-articles .grid-container .article-card.article-card-simple .article-card-contenu {
    padding: 20px;
  }
}
.section-articles .grid-container .article-card.article-card-simple .article-card-contenu h3 {
  margin-bottom: 0;
  font-family: var(--font-family-base);
  font-style: normal;
  font-size: var(--font-size-l);
  font-weight: bold;
  text-transform: uppercase;
}
.section-articles .grid-container .article-card.article-card-simple .article-card-contenu h3 a {
  color: var(--noir);
}
.section-articles .grid-container .article-card.article-card-simple .article-card-contenu p {
  margin-bottom: 1em;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .section-articles .grid-container .article-card.article-card-simple .article-card-contenu p {
    margin-bottom: 10px;
  }
}
.section-articles .grid-container .article-card.article-card-simple .article-card-contenu .article-card-more {
  display: none;
}

.section-articles.bg-noir .grid-container .article-card:hover {
  background-color: var(--bleu);
}

.section-articles-count {
  font-size: var(--font-size-xl);
  font-weight: bold;
  font-style: italic;
}

.section-articles-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.section-articles-pagination .prev, .section-articles-pagination .next {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--noir);
  color: var(--blanc);
  text-align: center;
  margin-top: unset;
  top: 0;
}
.section-articles-pagination .prev:hover, .section-articles-pagination .next:hover {
  background-color: var(--accent);
  color: var(--noir);
}
.section-articles-pagination .prev {
  left: 0;
}
.section-articles-pagination .next {
  right: 0;
}
.section-articles-pagination .page-number-container {
  display: flex;
  gap: 20px;
}
.section-articles-pagination .page-number-container .page-numbers {
  color: var(--noir);
  font-size: 1.125rem;
}
.section-articles-pagination .page-number-container .page-numbers.current {
  color: var(--principale);
}

/* --------------- RESPONSIVE --------------- */
/* BLOCS */
.section-blocs {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-blocs .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-blocs .section-content h2 {
  margin-bottom: 0px;
}

.section-blocs .section-content .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-blocs .section-content .section-contenus h2,
.section-blocs .section-content .section-contenus h3,
.section-blocs .section-content .section-contenus h4,
.section-blocs .section-content .section-contenus h5,
.section-blocs .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-blocs .blocs {
  flex-direction: column;
  row-gap: 20px;
  display: flex;
}

.section-blocs .bloc {
  min-height: 250px;
}

.section-blocs .bloc .section-avec-texte {
  flex-direction: column;
  display: flex;
  justify-content: center;
  row-gap: 20px;
}

.section-blocs .bloc .section-avec-texte *:last-child {
  margin-bottom: 0px;
}

.section-blocs .bloc .bloc-icone {
  font-size: 30px;
}

.section-blocs .bloc .bloc-titre {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  align-items: center;
}

/* Boutons */
.bloc-boutons a {
  margin: 10px 0;
}

/* Options de largeurs */
.bloc-moitie,
.bloc-tier,
.bloc-pleine-largeur {
  flex-direction: row;
  display: flex;
}

.bloc-moitie,
.bloc-tier {
  border-radius: 20px;
}

.bloc-moitie:nth-child(even),
.bloc-tier:nth-child(even) {
  flex-direction: row-reverse;
}

.bloc-moitie:nth-child(even) .section-avec-image,
.bloc-tier:nth-child(even) .section-avec-image {
  border-radius: 20px 0 0 20px;
}

.bloc-moitie:nth-child(odd) .section-avec-image,
.bloc-tier:nth-child(odd) .section-avec-image {
  border-radius: 0 20px 20px 0;
}

.bloc-moitie .section-avec-texte,
.bloc-moitie .section-avec-image {
  flex: 1;
  padding: 50px;
}

.bloc-moitie .section-avec-image,
.bloc-tier .section-avec-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bloc-tier .section-avec-texte {
  flex: 2;
  padding: 50px;
}

.bloc-tier .section-avec-image {
  flex: 1;
  padding: 50px;
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 960px) {
  .bloc-moitie .section-avec-texte,
  .bloc-moitie .section-avec-image {
    padding: 20px;
  }
  .bloc-tier .section-avec-texte,
  .bloc-tier .section-avec-image {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .bloc-moitie,
  .bloc-tier,
  .bloc-pleine-largeur {
    flex-direction: column-reverse !important;
  }
  .bloc-moitie .section-avec-image,
  .bloc-tier .section-avec-image {
    padding: 0px;
    aspect-ratio: 1.5/1;
    border-radius: 20px 20px 0 0 !important;
  }
  .section-blocs .bloc .bloc-titre {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }
}
/* CARROUSEL D'IMAGES */
.section-carrousel {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-carrousel .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-carrousel .section-content h2 {
  margin-bottom: 0px;
}

.section-carrousel .section-content .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-carrousel .section-content .section-contenus h2,
.section-carrousel .section-content .section-contenus h3,
.section-carrousel .section-content .section-contenus h4,
.section-carrousel .section-content .section-contenus h5,
.section-carrousel .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-carrousel .section-texte {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  row-gap: 20px;
}

.section-carrousel .container-slider-images {
  display: flex;
  flex-direction: column;
  flex: 1;
  row-gap: 25px;
}

.section-carrousel .carrousel-single-image {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  background-color: var(--blanc);
  border-radius: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1.5/1;
}

.section-carrousel .carrousel-row-images {
  border-radius: 20px;
  aspect-ratio: 1.5/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-carrousel .slider-nav .slick-arrow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-left: 20px;
  margin-right: -50px;
  z-index: 1;
}

.section-carrousel .slider-nav .slick-prev.slick-arrow:before,
.section-carrousel .slider-nav .slick-next.slick-arrow:before {
  font-style: initial;
  font-size: 30px;
}

.section-carrousel .slider-images .slick-track {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}

.section-carrousel .slider-nav .slick-track {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}

.section-carrousel.bg-principale .slider-nav .slick-dots li.slick-active button:before,
.section-carrousel .slider-nav .slick-dots li.slick-active button:before {
  opacity: 100% !important;
}

.section-carrousel.bg-principale .slider-nav .slick-dots li button:before,
.section-carrousel .slider-nav .slick-dots li button:before {
  padding-top: 20px !important;
  font-size: 10px !important;
  line-height: 30px !important;
}

/* Options de largeurs */
.section-carrousel .carrousel-standard {
  flex-direction: row;
  column-gap: 100px;
}

.section-carrousel .carrousel-standard .container-slider-images {
  max-width: calc(50% - 50px);
  justify-content: center;
}

/* Option de côté pour le carrousel standard seulement */
.section-carrousel .carrousel-standard.carrousel-gauche {
  flex-direction: row-reverse;
}

/* Options de couleurs selon la couleur accent */
.section-carrousel .section-content:has(h2.coul-principale) .slider-nav .slick-dots li button:before,
.section-carrousel .section-content:has(h2.coul-principale) .slider-nav .slick-prev.slick-arrow:before,
.section-carrousel .section-content:has(h2.coul-principale) .slider-nav .slick-next.slick-arrow:before {
  color: var(--principale);
}

.section-carrousel .section-content:has(h2.coul-accent) .slider-nav .slick-dots li button:before,
.section-carrousel .section-content:has(h2.coul-accent) .slider-nav .slick-prev.slick-arrow:before,
.section-carrousel .section-content:has(h2.coul-accent) .slider-nav .slick-next.slick-arrow:before {
  color: var(--accent);
}

.section-carrousel .section-content:has(h2.coul-noir) .slider-nav .slick-dots li button:before,
.section-carrousel .section-content:has(h2.coul-noir) .slider-nav .slick-prev.slick-arrow:before,
.section-carrousel .section-content:has(h2.coul-noir) .slider-nav .slick-next.slick-arrow:before {
  color: var(--noir);
}

.section-carrousel .section-content:has(h2.coul-blanc) .slider-nav .slick-dots li button:before,
.section-carrousel .section-content:has(h2.coul-blanc) .slider-nav .slick-prev.slick-arrow:before,
.section-carrousel .section-content:has(h2.coul-blanc) .slider-nav .slick-next.slick-arrow:before {
  color: var(--blanc);
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 1270px) {
  .section-carrousel .slider-nav .slick-arrow {
    margin-right: -40px;
    margin-left: 30px;
  }
  .slideImages .galerie-image {
    width: 100% !important;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .section-carrousel .carrousel-standard {
    flex-direction: column;
  }
  .section-carrousel .carrousel-standard.carrousel-gauche {
    flex-direction: column;
  }
  .section-carrousel .carrousel-standard .container-slider-images {
    max-width: none;
  }
  .section-carrousel .slick-dots {
    position: relative;
    bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  /* .section-carrousel .slick-next.slick-arrow {
    top: 35px;
    right: -50%;
    width: 30px;
    height: 30px;
    position: relative;
  }

  .section-carrousel .slick-prev.slick-arrow {
    top: 210px;
    left: 45%;
    width: 30px;
    height: 30px;
    position: relative;
  } */
}
@media screen and (max-width: 600px) {
  .section-carrousel .slick-prev,
  .section-carrousel .slick-next {
    top: auto;
    bottom: -45px;
  }
  .section-carrousel .slick-next {
    right: -25px;
  }
  .section-carrousel .slick-prev {
    left: 50px;
  }
  .section-carrousel .slider-nav .slick-arrow {
    width: 30px;
    height: 30px;
    margin: 0px;
  }
  .section-carrousel .slick-dots {
    width: 75%;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
/************************************************************
 * SECTION CARTE
 ************************************************************/
.section-carte .section-carte-grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 5%;
  row-gap: var(--espacement-m);
  padding: var(--espacement-m) 0;
}
.section-carte .section-carte-grid .section-carte-image {
  flex: 0 0 60%;
  order: 2;
}
.section-carte .section-carte-grid .section-carte-image .style-svg {
  width: 100%;
  height: auto;
  display: block;
}
.section-carte .section-carte-grid .section-carte-zones {
  flex: 0 0 35%;
}
.section-carte .section-carte-grid .section-carte-zones .zone-item {
  background-color: var(--blanc);
  padding: clamp(15px, 3vw, 40px);
  border-radius: var(--border-radius-base);
  display: none;
}
.section-carte .section-carte-grid .section-carte-zones .zone-item h3 {
  margin-bottom: 0.5em;
}
.section-carte .section-carte-grid .section-carte-zones .zone-item ul {
  list-style: none;
  margin: 0;
}
.section-carte .section-carte-grid .section-carte-zones .zone-item ul li {
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .section-carte .section-carte-grid .section-carte-image,
  .section-carte .section-carte-grid .section-carte-zones {
    flex: 0 0 100%;
    order: initial;
  }
}
.section-carte .section-carte-image svg g#cote-de-beaupre,
.section-carte .section-carte-image svg g#jacques-cartier,
.section-carte .section-carte-image svg g#quebec,
.section-carte .section-carte-image svg g#portneuf,
.section-carte .section-carte-image svg g#orleans {
  cursor: pointer;
}
.section-carte .section-carte-image svg g#cote-de-beaupre path,
.section-carte .section-carte-image svg g#cote-de-beaupre g,
.section-carte .section-carte-image svg g#jacques-cartier path,
.section-carte .section-carte-image svg g#jacques-cartier g,
.section-carte .section-carte-image svg g#quebec path,
.section-carte .section-carte-image svg g#quebec g,
.section-carte .section-carte-image svg g#portneuf path,
.section-carte .section-carte-image svg g#portneuf g,
.section-carte .section-carte-image svg g#orleans path,
.section-carte .section-carte-image svg g#orleans g {
  transition: fill 0.3s ease;
}
.section-carte .section-carte-image svg g#cote-de-beaupre.is-selected path[id*=carte], .section-carte .section-carte-image svg g#cote-de-beaupre:hover path[id*=carte], .section-carte .section-carte-image svg g#cote-de-beaupre.active path[id*=carte],
.section-carte .section-carte-image svg g#jacques-cartier.is-selected path[id*=carte],
.section-carte .section-carte-image svg g#jacques-cartier:hover path[id*=carte],
.section-carte .section-carte-image svg g#jacques-cartier.active path[id*=carte],
.section-carte .section-carte-image svg g#quebec.is-selected path[id*=carte],
.section-carte .section-carte-image svg g#quebec:hover path[id*=carte],
.section-carte .section-carte-image svg g#quebec.active path[id*=carte],
.section-carte .section-carte-image svg g#portneuf.is-selected path[id*=carte],
.section-carte .section-carte-image svg g#portneuf:hover path[id*=carte],
.section-carte .section-carte-image svg g#portneuf.active path[id*=carte],
.section-carte .section-carte-image svg g#orleans.is-selected path[id*=carte],
.section-carte .section-carte-image svg g#orleans:hover path[id*=carte],
.section-carte .section-carte-image svg g#orleans.active path[id*=carte] {
  fill: var(--noir);
}
.section-carte .section-carte-image svg g#cote-de-beaupre.is-selected g[id*=texte] path, .section-carte .section-carte-image svg g#cote-de-beaupre:hover g[id*=texte] path, .section-carte .section-carte-image svg g#cote-de-beaupre.active g[id*=texte] path,
.section-carte .section-carte-image svg g#jacques-cartier.is-selected g[id*=texte] path,
.section-carte .section-carte-image svg g#jacques-cartier:hover g[id*=texte] path,
.section-carte .section-carte-image svg g#jacques-cartier.active g[id*=texte] path,
.section-carte .section-carte-image svg g#quebec.is-selected g[id*=texte] path,
.section-carte .section-carte-image svg g#quebec:hover g[id*=texte] path,
.section-carte .section-carte-image svg g#quebec.active g[id*=texte] path,
.section-carte .section-carte-image svg g#portneuf.is-selected g[id*=texte] path,
.section-carte .section-carte-image svg g#portneuf:hover g[id*=texte] path,
.section-carte .section-carte-image svg g#portneuf.active g[id*=texte] path,
.section-carte .section-carte-image svg g#orleans.is-selected g[id*=texte] path,
.section-carte .section-carte-image svg g#orleans:hover g[id*=texte] path,
.section-carte .section-carte-image svg g#orleans.active g[id*=texte] path {
  fill: var(--principale);
}

/* COLONNES */
.section-colonnes .grid-container {
  display: flex;
  flex-direction: column;
}
.section-colonnes .grid-container {
  row-gap: 50px;
}
@media screen and (max-width: 1024px) {
  .section-colonnes .grid-container {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-colonnes .grid-container {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-colonnes .grid-container {
    row-gap: 20px;
  }
}

.colonne {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  text-align: center;
}
.colonne .colonne-contenus {
  padding: var(--espacement-m);
  text-align: center;
  display: flex;
  flex-direction: column;
}
.colonne .colonne-contenus {
  row-gap: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .colonne .colonne-contenus {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .colonne .colonne-contenus {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .colonne .colonne-contenus {
    row-gap: 20px;
  }
}
.colonne .colonne-contenus > * {
  margin-bottom: 0px;
}
.colonne .colonne-contenus .titre-carte {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-xl);
  font-style: normal;
}
.colonne .colonne-image {
  border-radius: 20px 20px 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1.5/1;
}
.colonne .colonne-icone {
  width: 100%;
  font-size: 30px;
  max-width: 64px;
  margin: 0 auto 1em;
}
.colonne .colonne-titre {
  font-size: var(--font-size-xl);
}
@media screen and (max-width: 768px) {
  .colonne .colonne-titre {
    font-size: 24px;
  }
}
.colonne .colonne-chiffre {
  margin-top: 15px;
  width: 100%;
  font-family: var(--font-family-accent);
  font-size: var(--font-size-huge);
  line-height: 1;
  font-weight: bold;
  color: var(--principale);
}
@media screen and (max-width: 768px) {
  .colonne .colonne-chiffre {
    font-size: 46px;
  }
}
.colonne .colonne-texte {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.colonne .colonne-texte {
  row-gap: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .colonne .colonne-texte {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .colonne .colonne-texte {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .colonne .colonne-texte {
    row-gap: 20px;
  }
}
.colonne .colonne-texte h3, .colonne .colonne-texte h4, .colonne .colonne-texte p, .colonne .colonne-texte img, .colonne .colonne-texte figure {
  margin-bottom: 0;
}
.colonne .colonne-texte p {
  font-size: 16px;
}
.colonne .colonne-texte *:last-child {
  margin-bottom: 0px;
}
.colonne hr {
  width: 60px;
  margin: 0 auto;
}
.colonne-icone-gauche {
  flex-direction: row;
  justify-content: start;
  text-align: left;
}
.colonne-icone-gauche .colonne-icone {
  margin: 0;
}
.colonne-icone-gauche .colonne-contenus {
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  padding: 0 0 0 var(--espacement-m);
  row-gap: 0.25rem;
}
.colonne-icone-gauche .colonne-contenus p {
  font-size: 1rem;
}

.colonne.bg-noir .colonne-contenus,
.colonne.bg-bleu .colonne-contenus {
  color: var(--blanc);
}
.colonne.bg-noir .colonne-contenus .colonne-icone + .colonne-titre,
.colonne.bg-bleu .colonne-contenus .colonne-icone + .colonne-titre {
  color: var(--blanc);
}
.colonne.bg-noir hr,
.colonne.bg-bleu hr {
  background-color: rgba(255, 255, 255, 0.3);
}

.colonne.bg-principale .colonne-chiffre {
  color: var(--blanc);
}

.bg-beige .colonne.bg-beige .colonne .colonne-contenus,
.bg-blanc .colonne.bg-blanc .colonne .colonne-contenus,
.bg-bleu .colonne.bg-bleu .colonne .colonne-contenus,
.bg-principale .colonne.bg-principale .colonne .colonne-contenus,
.bg-accent .colonne.bg-accent .colonne .colonne-contenus {
  padding: 0;
}

.bg-bleu .colonne:not([class*=bg-]) .colonne-contenus,
.bg-noir .colonne:not([class*=bg-]) .colonne-contenus {
  color: var(--blanc);
}
.bg-bleu .colonne:not([class*=bg-]) hr,
.bg-noir .colonne:not([class*=bg-]) hr {
  background-color: rgba(255, 255, 255, 0.3);
}

/************************************************************
 * Equipe
 ************************************************************/
.section-equipe .section-content {
  padding: 50px 0;
}
.section-equipe .membres {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, 4vw, 60px);
}
.section-equipe .membres.colonnes-2 {
  grid-template-columns: repeat(auto-fit, minmax(clamp(300px, 40vw, 500px), 1fr));
}
.section-equipe .membres.colonnes-3 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.section-equipe .membres .membre {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.section-equipe .membres .membre-image {
  grid-area: image;
  position: relative;
  border-radius: 20px;
  max-width: 300px;
  aspect-ratio: 1/1;
  overflow: hidden;
  z-index: 1;
}
.section-equipe .membres .membre-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-equipe .membres .membre-texte {
  grid-area: text;
  z-index: 1;
}
.section-equipe .membres .membre-texte .nom {
  margin-bottom: 0.25em;
}
.section-equipe .membres .membre-texte .fonction {
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.section-equipe .membres .membre-texte p:last-of-type() {
  margin-bottom: 0px;
}
.section-equipe .membres .membre-texte .description-plus {
  display: none;
}
.section-equipe .membres .membre-texte .description-plus-toggle {
  color: var(--noir);
  font-weight: bold;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}
@media screen and (min-width: 768px) {
  .section-equipe .membres.colonne-1 .membre {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-template-areas: "text image";
    align-items: center;
    gap: 5vw;
    padding: 50px 0 50px 50px;
  }
  .section-equipe .membres.colonne-1 .membre:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    border: 3px dashed #dfdfdf;
    border-radius: var(--border-radius-base);
  }
  .section-equipe .membres.colonne-1 .membre:nth-child(odd) {
    grid-template-columns: 300px 1fr;
    grid-template-areas: "image text";
    padding: 50px 50px 50px 0;
  }
  .section-equipe .membres.colonne-1 .membre:nth-child(odd):before {
    right: 0;
    left: unset;
  }
}

/* GALERIE D'IMAGES */
.section-galerie {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-galerie .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-galerie .section-content h2 {
  margin-bottom: 0px;
}

.section-galerie .section-content .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-galerie .section-content .section-contenus h2,
.section-galerie .section-content .section-contenus h3,
.section-galerie .section-content .section-contenus h4,
.section-galerie .section-content .section-contenus h5,
.section-galerie .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-galerie .galerie-items .galerie-image {
  aspect-ratio: 1/1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 20px;
}

.section-galerie .galerie-items .galerie-image:hover {
  opacity: 0.5;
}

.section-galerie .voir-plus-galerie {
  text-align: center;
}

.section-galerie .voir-plus-galerie a {
  width: -webkit-fill-available;
  border: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-galerie .voir-plus-galerie p {
  padding: 15px 20px;
  font-size: 18px;
  letter-spacing: 2.7px;
  transition: all 0.5s ease;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/* MODAL */
.modal {
  display: none;
  position: fixed;
  z-index: 100000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: calc(100vw - 200px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.close {
  color: white;
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 50px;
  font-weight: bold;
  padding: 25px;
}

.close:hover,
.close:focus {
  color: var(--accent);
  text-decoration: none;
  cursor: pointer;
}

.slideImages {
  display: none;
  position: relative;
  width: fit-content;
}

.slideImages .galerie-image {
  width: auto !important;
  height: calc(100vh - 200px);
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  /* color: white; */
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 10px 10px 0;
  user-select: none;
  -webkit-user-select: none;
  /* background-color: var(--principale); */
}

.prev {
  left: 0px;
  border-radius: 10px;
}

.next {
  right: 0px;
  border-radius: 10px;
}

/* .prev:hover,
.next:hover {
  color: #000;
  background-color: var(--accent);
} */
.numbertext {
  color: white;
  height: 35px;
  display: flex;
  font-size: 14px;
  padding: 0px 10px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  border-radius: 10px 0 0 10px;
  width: fit-content;
}

.active,
.demo:hover {
  opacity: 1;
}

/* RESPONSIVE */
@media screen and (max-width: 1550px) {
  .next {
    border-radius: 10px 0px 0px 10px;
  }
  .prev {
    border-radius: 0px 10px 10px 0px;
  }
}
@media screen and (max-width: 1270px) {
  .slideImages .galerie-image {
    width: 100% !important;
    height: auto;
  }
  .modal {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .modal-content {
    max-width: calc(100vw - 100px);
  }
}
@media screen and (max-width: 768px) {
  .section-galerie .galerie-items {
    row-gap: 20px;
  }
  .modal-content {
    max-width: calc(100vw - 50px);
  }
  .close {
    top: 0px;
    right: 0px;
  }
}
@media screen and (max-width: 600px) {
  .section-galerie .galerie-items .galerie-image {
    flex: 0 0 49%;
  }
  .section-galerie .galerie-items {
    row-gap: 10px;
  }
}
@media screen and (max-width: 450px) {
  .section-galerie .galerie-items {
    row-gap: 20px;
  }
  .section-galerie .galerie-items .galerie-image {
    flex: 0 0 100%;
  }
}
/* LOGOS / PARTENAIRES */
.section-logos {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-logos .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-logos .section-content h2 {
  margin-bottom: 0px;
}

.section-logos .section-content .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-logos .section-content .section-contenus h2,
.section-logos .section-content .section-contenus h3,
.section-logos .section-content .section-contenus h4,
.section-logos .section-content .section-contenus h5,
.section-logos .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-logos .logos {
  row-gap: 50px;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}

.section-logos .liste-logos {
  flex-wrap: wrap;
  column-gap: 3%;
  width: 100%;
  row-gap: 30px;
  display: flex;
}

/* Options de largeurs */
.section-logos .colonne-33 .logo {
  width: 31.33%;
}

.section-logos .colonne-25 .logo {
  width: 22.75%;
}

.section-logos .colonne-20 .logo {
  width: 17.6%;
}

.section-logos .colonne-16 .logo {
  width: 14.1%;
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 960px) {
  .section-logos .liste-logos {
    column-gap: 4%;
  }
  .section-logos .colonne-33 .logo {
    width: 48%;
  }
  .section-logos .colonne-25 .logo {
    width: 30.5%;
  }
  .section-logos .colonne-20 .logo {
    width: 22%;
  }
  .section-logos .colonne-16 .logo {
    width: 16.8%;
  }
}
@media screen and (max-width: 768px) {
  .section-logos .colonne-25 .logo {
    width: 35%;
  }
  .section-logos .colonne-20 .logo {
    width: 30.5%;
  }
  .section-logos .colonne-16 .logo {
    width: 22%;
  }
}
@media screen and (max-width: 600px) {
  .section-logos .colonne-33 .logo {
    width: 75%;
  }
  .section-logos .colonne-25 .logo {
    width: 48%;
  }
  .section-logos .colonne-20 .logo {
    width: 35%;
  }
  .section-logos .colonne-16 .logo {
    width: 30%;
  }
}
@media screen and (max-width: 450px) {
  .section-logos .colonne-33 .logo {
    width: 100%;
  }
  .section-logos .colonne-25 .logo {
    width: 75%;
  }
  .section-logos .colonne-20 .logo {
    width: 48%;
  }
  .section-logos .colonne-16 .logo {
    width: 35%;
  }
}
/* Section de base / Standard (type Texte et Image) */
.section-standard {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-standard .grid-container {
  display: flex;
  align-items: center;
}

.section-standard.image-droite .section-image {
  padding-left: 100px;
  margin-right: -100px;
}

.section-standard.image-gauche .grid-container {
  flex-direction: row-reverse;
}

.section-standard.image-gauche .section-image {
  padding-right: 100px;
  margin-left: -100px;
}

.section-standard .section-image {
  flex: 1;
}

.section-standard.section-image-plongeante .section-image {
  align-self: flex-end;
  margin-bottom: calc(-1 * var(--espacement-section-y-base));
}

.section-standard .section-content {
  flex: 1;
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 768px) {
  .section-standard .grid-container {
    flex-wrap: wrap;
    gap: 50px;
  }
  .section-standard .grid-container .section-content {
    width: 100%;
    flex: unset;
  }
  .section-standard .grid-container .section-image {
    width: 100%;
    flex: unset;
  }
  .section-standard.image-gauche .section-image {
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .section-standard.image-droite .section-image {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
/************************************************************
 * Section Animaux
 ************************************************************/
.section-animaux .grid-container {
  display: flex;
  flex-direction: column;
}
.section-animaux .grid-container {
  row-gap: 50px;
}
@media screen and (max-width: 1024px) {
  .section-animaux .grid-container {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-animaux .grid-container {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-animaux .grid-container {
    row-gap: 20px;
  }
}

.section-animaux-contenu {
  display: flex;
  gap: clamp(var(--espacement-m), 4vw, var(--espacement-l));
}
.section-animaux-contenu .section-content {
  flex: 1;
}
.section-animaux-contenu .section-image {
  margin-bottom: -50%;
}
@media screen and (max-width: 768px) {
  .section-animaux-contenu {
    flex-wrap: wrap;
  }
  .section-animaux-contenu .section-content {
    flex: 1;
    width: 100%;
  }
  .section-animaux-contenu .section-image {
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

.section-animaux-titre {
  display: flex;
  align-items: flex-end;
  gap: 50px;
  margin-bottom: 2rem;
}
.section-animaux-titre h2 {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  margin-bottom: 0;
  line-height: 0.5;
}
.section-animaux-titre h2:before {
  display: inline-flex;
}
.section-animaux-titre-chiens {
  color: var(--principale);
}
.section-animaux-titre-chiens:before {
  content: url("../img/dog-titre.svg");
}
.section-animaux-titre-chats:before {
  content: url("../img/cat-titre.svg");
}
.section-animaux-titre .slider-arrows {
  margin-left: auto;
  margin-right: 0;
}

.section-animaux-filtres {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: var(--espacement-m);
}

/* Filtres
 ************************************************************/
.filter-button {
  background-color: transparent;
  border: 1px solid var(--noir);
  color: var(--noir);
}
.filter-button.is-selected, .filter-button:hover {
  background-color: var(--accent);
  border: 1px solid var(--accent);
  color: var(--noir);
}

/* Carrousel
 ************************************************************/
.section-animaux-slider {
  width: 100vw;
  margin-left: -15px;
}
@media screen and (min-width: 1260px) {
  .section-animaux-slider {
    width: calc(110% + (100vw - var(--largeur-ecran-base)) / 2);
  }
}
.section-animaux-slider .slick-track {
  margin-left: 0px;
  margin-right: 0px;
}
.section-animaux-slider .animaux-slide {
  padding: 15px;
}

.slider-arrows {
  display: flex;
  height: 54px;
  gap: 1px;
  border-radius: 30px;
  background-color: var(--bleu);
  overflow: hidden;
}
.slider-arrows .slick-prev-custom, .slider-arrows .slick-next-custom {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 60px;
  padding: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  cursor: pointer;
  color: transparent;
  border: none;
  border-radius: 0;
  outline: none;
  background-color: var(--noir);
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  transition: 0.3s ease;
}
.slider-arrows .slick-prev-custom:hover, .slider-arrows .slick-prev-custom:focus, .slider-arrows .slick-next-custom:hover, .slider-arrows .slick-next-custom:focus {
  background-color: var(--bleu);
}
.slider-arrows .slick-prev-custom {
  transform: rotate(180deg);
}

/* Animaux Card
************************************************************/
.animaux-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--border-radius-base);
  overflow: hidden;
  aspect-ratio: 3/4;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.05);
}
.animaux-card-image {
  position: absolute;
  width: 100%;
  height: 80%;
  top: 0;
  left: 0;
}
.animaux-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 2s ease;
}
.animaux-card-image:hover img {
  transform: scale(1.05);
}
.animaux-card-contenu {
  position: relative;
  padding: 20px;
  min-height: 25%;
  background-color: #fff;
  border-radius: var(--border-radius-base) 0 var(--border-radius-base) var(--border-radius-base);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.animaux-card-contenu .animaux-card-titre {
  margin-bottom: 6px;
  padding-right: 40px;
}
.animaux-card-contenu .animaux-details-liste li {
  background-color: var(--beige);
  font-size: 0.875rem;
}
.animaux-card-contenu .animaux-card-categorie-badge {
  position: absolute;
  top: 0;
  right: 0;
}
.animaux-card-contenu .animaux-card-categorie-badge.badge-chat {
  content: url("../img/cat-badge.svg");
}
.animaux-card-contenu .animaux-card-categorie-badge.badge-chien {
  content: url("../img/dog-badge.svg");
}

a.carte-disabled {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}
a.carte-disabled:hover img {
  transform: none;
}

.section-animaux-grille {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.section-animaux-grille .animaux-slide {
  width: 310px;
}

.section-animaux-grille.statut-refuge {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.section-animaux-grille.statut-refuge .animaux-slide {
  width: 48%;
  min-width: 575px;
}
.section-animaux-grille.statut-refuge .animaux-slide .animaux-card {
  flex-direction: row;
  aspect-ratio: auto;
}
.section-animaux-grille.statut-refuge .animaux-slide .animaux-card .animaux-card-image {
  position: relative;
  width: 360px;
  height: 330px;
  margin-right: -30px;
}
.section-animaux-grille.statut-refuge .animaux-slide .animaux-card .animaux-card-contenu {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .section-animaux-grille.statut-refuge .animaux-slide .animaux-card {
    flex-direction: column;
  }
}
@media screen and (max-width: 1259px) {
  .section-animaux-grille.statut-refuge .animaux-slide {
    width: 100%;
  }
}

/************************************************************
 * Section Histoires
 ************************************************************/
.section-histoires-sliders {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4%;
  overflow: hidden;
}
.section-histoires-sliders .slider-histoire {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .section-histoires-sliders .slider-histoire {
    flex-wrap: nowrap;
  }
  .section-histoires-sliders .slider-histoire:first-of-type {
    width: 45%;
  }
  .section-histoires-sliders .slider-histoire:nth-of-type(2) {
    width: 51%;
  }
}
.section-histoires-sliders .slider-histoire-image .slide-histoire {
  padding: 50px;
  text-align: center;
}
.section-histoires-sliders .slider-histoire-image .slide-histoire .slide-histoire-image {
  display: inline-block;
  background-color: #fff;
  padding: 15px;
}
.section-histoires-sliders .slider-histoire-image .slide-histoire .slide-histoire-image img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-histoires-sliders .slider-histoire-image .slide-histoire figcaption {
  width: 100%;
  padding-top: 15px;
  background: #fff;
  font-size: 3.125rem;
  font-family: var(--font-family-accent);
  font-weight: bold;
  color: var(--bleu);
}
.bg-noir .section-histoires-sliders .slider-histoire-contenu {
  color: rgba(255, 255, 255, 0.6);
}
.bg-noir .section-histoires-sliders .slider-histoire-contenu h3, .bg-noir .section-histoires-sliders .slider-histoire-contenu h4 {
  color: var(--accent);
  font-style: italic;
  margin-bottom: 0;
}
.bg-noir .section-histoires-sliders .slider-histoire-contenu h3 {
  font-size: var(--font-size-xl);
  font-family: var(--font-family-accent);
  font-weight: bold;
  margin-top: 1em;
}
.bg-noir .section-histoires-sliders .slider-histoire-contenu h4 {
  font-size: 1rem;
  font-family: var(--font-family-base);
  font-weight: normal;
}
.bg-noir .section-histoires-sliders .slider-histoire-contenu p {
  font-style: italic;
}

.section-histoires-sliders .slider-histoire-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1.25rem;
  margin-top: var(--espacement-l);
}
.section-histoires-sliders .slider-histoire-details .slider-dots .slick-dots {
  position: relative;
  bottom: unset;
}
.section-histoires-sliders .slider-histoire-details .slider-dots .slick-dots li {
  margin-right: var(--espacement-s);
  width: 16px;
  height: 16px;
}
.section-histoires-sliders .slider-histoire-details .slider-dots .slick-dots li button {
  border: 2px solid #fff;
}
.section-histoires-sliders .slider-histoire-details .slider-dots .slick-dots li button:before {
  display: none;
}
.section-histoires-sliders .slider-histoire-details .slider-dots .slick-dots li.slick-active button {
  background-color: #fff;
}

section.prefooter {
  width: 100%;
  background-color: #fff;
  padding-bottom: 0;
  padding-top: min(80px, 6vw);
  position: relative;
}
section.prefooter {
  padding-top: 4vw;
}
@media screen and (max-width: 1024px) {
  section.prefooter {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  section.prefooter {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 600px) {
  section.prefooter {
    padding-top: 12vw;
  }
}
section.prefooter:before {
  position: absolute;
  content: "";
  bottom: calc(100% - 2px);
  left: 0;
  height: 8vw;
  width: 100%;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: fill;
  background-color: inherit;
  -webkit-mask-image: url("../img/forme-1-concave.svg");
  mask-image: url("../img/forme-1-concave.svg");
  transform: "none";
}
section.prefooter .prefooter-contenu {
  position: relative;
  max-width: var(--largeur-ecran-base);
  margin: auto;
  padding-top: 75px;
  padding-left: clamp(110px, 12vw, 150px);
  padding-bottom: 50px;
}
section.prefooter .prefooter-contenu:before {
  position: absolute;
  content: "";
  top: -45px;
  left: 0;
  height: 120px;
  width: 100vw;
  background-image: url(../img/prefooter-shape-final.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}
@media screen and (max-width: 599px) {
  section.prefooter .prefooter-contenu {
    padding-left: 0px;
  }
  section.prefooter .prefooter-contenu:before {
    height: 50px;
    top: 0px;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container {
    margin-bottom: 2rem;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container .prefooter-liens-titre br {
    display: none;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container .prefooter-liens {
    column-gap: 4%;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container .prefooter-liens .prefooter-lien {
    width: 48%;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container .prefooter-liens .prefooter-lien a {
    font-size: 15px;
  }
  section.prefooter .prefooter-contenu .prefooter-liens-container .prefooter-liens .prefooter-lien a svg {
    height: 28px;
    width: auto;
  }
}
section.prefooter .prefooter-liens-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3vw;
  width: 100%;
  margin-bottom: 3rem;
}
section.prefooter .prefooter-liens-container .prefooter-liens-titre {
  font-size: 1.875rem;
  font-weight: bold;
}
section.prefooter .prefooter-liens-container .prefooter-liens-titre p {
  margin-bottom: 0;
  color: var(--bleu);
}
section.prefooter .prefooter-liens-container .prefooter-liens {
  display: flex;
  flex-wrap: wrap;
  gap: 3vw;
}
section.prefooter .prefooter-liens-container .prefooter-liens .prefooter-lien a {
  display: flex;
  align-items: center;
  font-family: var(--font-family-base);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
}
section.prefooter .prefooter-liens-container .prefooter-liens .prefooter-lien a svg {
  margin-right: 10px;
}
section.prefooter .prefooter-liens-container .prefooter-liens .prefooter-lien a:hover {
  text-decoration: underline;
}
section.prefooter .prefooter-liens-container .prefooter-liens .prefooter-lien a:hover svg path, section.prefooter .prefooter-liens-container .prefooter-liens .prefooter-lien a:hover svg ellipse {
  fill: var(--principale);
}

.section-en-vedette .section-contenus,
.section-en-vedette .colonne-contenus {
  text-align: left;
}
.section-en-vedette .colonne:first-of-type .colonne-contenus {
  padding-left: 0;
}
.section-en-vedette .colonne:nth-of-type(2) .colonne-contenus {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .section-en-vedette .colonne .colonne-contenus {
    padding: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .section-en-vedette .colonne .colonne-contenus {
    padding-right: 0;
    padding-left: 0;
  }
}
.section-en-vedette .section-en-vedette-lien-principal {
  margin-top: var(--espacement-m);
  display: flex;
  flex-direction: column;
}
.section-en-vedette .section-en-vedette-lien-principal {
  row-gap: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .section-en-vedette .section-en-vedette-lien-principal {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .section-en-vedette .section-en-vedette-lien-principal {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-en-vedette .section-en-vedette-lien-principal {
    row-gap: 20px;
  }
}
.section-en-vedette .section-en-vedette-lien-principal a {
  color: var(--principale);
  font-size: var(--font-size-l);
  font-weight: bold;
}
@media screen and (min-width: 1260px) {
  .section-en-vedette .colonne:first-child {
    width: 35%;
  }
  .section-en-vedette .colonne:nth-child(2) {
    width: 61%;
  }
}
.section-en-vedette-rapports, .section-en-vedette-autres {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-en-vedette-rapports {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 20px;
  margin-bottom: var(--espacement-m) !important;
}
.section-en-vedette-rapports li a {
  min-width: 110px;
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--blanc);
  color: var(--noir);
  text-align: center;
}
.section-en-vedette-rapports li a:hover {
  background-color: var(--accent);
  color: var(--noir);
}
@media screen and (max-width: 768px) {
  .section-en-vedette-rapports {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 15px;
  }
  .section-en-vedette-rapports li a {
    min-width: 100%;
  }
}
.section-en-vedette-autres li {
  display: flex;
  align-items: flex-start;
  column-gap: 20px;
}
.section-en-vedette-autres li p {
  width: 100px;
  flex: 0 0 100px;
}
.section-en-vedette-autres li a {
  color: var(--principale);
  font-size: var(--font-size-l);
  font-weight: bold;
}

/************************************************************
 * Template Carrières
 ************************************************************/
.carriere-card {
  background-color: var(--blanc);
  height: 100%;
  overflow: hidden;
}
.carriere-card .carriere-card-contenu {
  position: relative;
  padding: clamp(25px, 4vw, 50px);
  height: 100%;
  justify-content: space-between;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  /*&.carriere-card-recrutement-en-cours {

      .carriere-badge-recrutement {
          position: absolute;
          display: block;
          top: 0;
          right: 0;
          width: 150px;
          font-size: .75rem;
      }

      &:hover {
          p:not(.carriere-card-read-more) {
              visibility: hidden;
          }

          ul.carriere-card-postes-disponibles {
              visibility: visible;
          }
      }
  }*/
}
.carriere-card .carriere-card-contenu {
  row-gap: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .carriere-card .carriere-card-contenu {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .carriere-card .carriere-card-contenu {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .carriere-card .carriere-card-contenu {
    row-gap: 20px;
  }
}
.carriere-card .carriere-card-contenu h3,
.carriere-card .carriere-card-contenu p {
  margin-bottom: 0;
}
.carriere-card .carriere-card-contenu:hover {
  background-color: var(--bleu);
  /*.carriere-badge-recrutement {
      color: var(--blanc);
      background-image: none;
  }*/
}
.carriere-card .carriere-card-contenu:hover .carriere-card-titre,
.carriere-card .carriere-card-contenu:hover p:not(.carriere-card-read-more) {
  color: var(--blanc);
}
.carriere-card .carriere-card-contenu:hover ul.carriere-card-postes-disponibles li {
  color: var(--accent);
}
.carriere-card .carriere-card-contenu .carriere-card-titre {
  font-family: var(--font-family-accent);
  font-size: var(--font-size-xl);
  font-weight: bold;
  font-style: normal;
  color: var(--noir);
}
.carriere-card .carriere-card-contenu p {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  color: var(--noir);
}
.carriere-card .carriere-card-contenu ul.carriere-card-postes-disponibles {
  /*visibility: hidden;*/
  font-weight: normal;
  margin-bottom: 0;
  padding: 0;
}
.carriere-card .carriere-card-contenu ul.carriere-card-postes-disponibles li {
  color: var(--bleu);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.carriere-card .carriere-card-contenu .carriere-card-read-more {
  font-size: var(--font-size-l);
  font-weight: bold;
  color: var(--principale);
  text-transform: uppercase;
}
.carriere-card .carriere-card-contenu .carriere-badge-recrutement {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 150px;
  font-size: 0.75rem;
}

.carriere-badge-recrutement {
  color: var(--noir);
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  background-image: url("../img/badge-recrutement.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  padding: 1em 1em 2em 2em;
}

/************************************************************
 * BOUTONS
 ************************************************************/
button,
.button,
.btn,
input[type=submit],
button[type=submit],
.btn-header a,
.wp-block-button__link {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--accent);
  color: var(--bleu);
  text-align: center;
}
button:hover,
.button:hover,
.btn:hover,
input[type=submit]:hover,
button[type=submit]:hover,
.btn-header a:hover,
.wp-block-button__link:hover {
  background-color: var(--bleu);
  color: var(--accent);
}
button.btn-don,
.button.btn-don,
.btn.btn-don,
input[type=submit].btn-don,
button[type=submit].btn-don,
.btn-header a.btn-don,
.wp-block-button__link.btn-don {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--principale);
  color: var(--noir);
  text-align: center;
}
button.btn-don:hover,
.button.btn-don:hover,
.btn.btn-don:hover,
input[type=submit].btn-don:hover,
button[type=submit].btn-don:hover,
.btn-header a.btn-don:hover,
.wp-block-button__link.btn-don:hover {
  background-color: var(--bleu);
  color: var(--principale);
}
button.btn-accent,
.button.btn-accent,
.btn.btn-accent,
input[type=submit].btn-accent,
button[type=submit].btn-accent,
.btn-header a.btn-accent,
.wp-block-button__link.btn-accent {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--accent);
  color: var(--noir);
  text-align: center;
}
button.btn-accent:hover,
.button.btn-accent:hover,
.btn.btn-accent:hover,
input[type=submit].btn-accent:hover,
button[type=submit].btn-accent:hover,
.btn-header a.btn-accent:hover,
.wp-block-button__link.btn-accent:hover {
  background-color: var(--bleu);
  color: var(--accent);
}
button.btn-newsletter,
.button.btn-newsletter,
.btn.btn-newsletter,
input[type=submit].btn-newsletter,
button[type=submit].btn-newsletter,
.btn-header a.btn-newsletter,
.wp-block-button__link.btn-newsletter {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--noir);
  color: var(--blanc);
  text-align: center;
}
button.btn-newsletter:hover,
.button.btn-newsletter:hover,
.btn.btn-newsletter:hover,
input[type=submit].btn-newsletter:hover,
button[type=submit].btn-newsletter:hover,
.btn-header a.btn-newsletter:hover,
.wp-block-button__link.btn-newsletter:hover {
  background-color: var(--accent);
  color: var(--noir);
}
button.btn-blanc,
.button.btn-blanc,
.btn.btn-blanc,
input[type=submit].btn-blanc,
button[type=submit].btn-blanc,
.btn-header a.btn-blanc,
.wp-block-button__link.btn-blanc {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--blanc);
  color: var(--noir);
  text-align: center;
}
button.btn-blanc:hover,
.button.btn-blanc:hover,
.btn.btn-blanc:hover,
input[type=submit].btn-blanc:hover,
button[type=submit].btn-blanc:hover,
.btn-header a.btn-blanc:hover,
.wp-block-button__link.btn-blanc:hover {
  background-color: var(--accent);
  color: var(--noir);
}

.boutons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 600px) {
  .boutons .button.btn-right:first-of-type {
    margin-left: auto;
    margin-right: 0;
  }
  .boutons .button.btn-left:first-of-type {
    margin-left: 0;
    margin-right: auto;
  }
}

.section-boutons {
  column-gap: 20px;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.bg-principale .btn-light {
  background-color: var(--accent) !important;
}

.btn-light:hover {
  background-color: var(--blanc) !important;
  color: var(--noir) !important;
}

.btn-dark:hover {
  background-color: var(--noir) !important;
  color: var(--blanc) !important;
}

/* BOUTONS STYLE LIEN - BLOCS, COLONNES */
.colonne .section-boutons .button,
.bloc .section-boutons .button {
  padding: 0px;
  background-color: transparent;
}

.colonne .section-boutons .button.coul-noir,
.bloc .section-boutons .button.coul-noir {
  color: var(--noir);
}

.colonne .section-boutons .button.coul-noir:hover,
.bloc .section-boutons .button.coul-noir:hover {
  color: var(--accent);
}

.colonne.bg-accent .section-boutons .button.coul-noir:hover,
.bloc.bg-accent .section-boutons .button.coul-noir:hover {
  color: var(--principale);
}

.colonne .section-boutons .button.coul-blanc,
.bloc .section-boutons .button.coul-blanc {
  color: var(--blanc);
}

.colonne .section-boutons .button.coul-blanc:hover,
.bloc .section-boutons .button.coul-blanc:hover {
  color: var(--accent);
}

.colonne.bg-accent .section-boutons .button.coul-blanc:hover,
.bloc.bg-accent .section-boutons .button.coul-blanc:hover {
  color: var(--principale);
}

.colonne.bg-bleu .section-boutons .button.btn-accent:hover {
  color: var(--noir);
  background-color: var(--principale);
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 768px) {
  .section-boutons {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 20px;
  }
}
/* SECTION ICONES (template) */
.icones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .icones {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }
}
.icones .icone {
  display: flex;
  column-gap: 4%;
  row-gap: 10px;
  flex: 0 0 29.25%;
  flex-direction: column;
  padding: 30px 20px;
  border-bottom: 1px solid var(--taupe);
  border-left: 1px solid var(--taupe);
  margin-left: -1px;
  margin-bottom: -1px;
  text-align: center;
}
.bg-bleu .icones .icone {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .icones .icone {
    flex: 1;
    padding: 20px 10px;
  }
}
.icones .icone .icone-texte:not(.icone-img + .icone-texte) h3 {
  font-family: var(--font-family-accent);
  font-size: 3.75rem;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .icones .icone .icone-texte:not(.icone-img + .icone-texte) h3 {
    font-size: 2rem;
  }
}
.icones .icone .icone-texte:not(.icone-img + .icone-texte) p {
  font-family: var(--font-family-accent);
  font-size: 1.75rem;
  line-height: 1;
  font-weight: normal;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .icones .icone .icone-texte:not(.icone-img + .icone-texte) p {
    font-size: 1.3rem;
  }
}
.icones .icone .icone-img > i {
  color: var(--principale);
  font-size: 40px;
  margin-bottom: 10px;
}
.bg-principale .icones .icone .icone-img > i {
  color: var(--noir);
}

.icone-type {
  width: 55px;
  min-width: 55px;
}

.icone-type i {
  font-size: 45px;
}

.icone-type img {
  width: 45px;
}

.texte-icone {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.texte-icone h3,
.texte-icone p {
  margin-bottom: 0px;
}

/* Alignements */
.icones.icone-gauche .icone {
  align-items: flex-start;
  text-align: start;
}

.icones.icone-centre .icone {
  align-items: center;
  text-align: center;
}

.icones.icone-droite .icone {
  align-items: flex-end;
  text-align: end;
}

/* Propres à la section Standard */
.section-base .section-contenu-image .icone {
  flex: 0 0 45%;
}

.section-base .section-contenus-fullwidth .icone {
  flex: 0 0 29.25%;
}

.section-base:has(.texte-centre) .icones {
  justify-content: center;
}

.section-base:has(.texte-droite) .icones {
  justify-content: flex-end;
}

/* --------------- RESPONSIVE --------------- */
@media screen and (max-width: 1270px) {
  .section-base .section-contenu-image .icones {
    row-gap: 30px;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .section-base .section-contenu-image .icone {
    flex: none;
  }
}
@media screen and (max-width: 1024px) {
  .section-base .section-contenus-fullwidth .icone {
    flex: 0 0 46.25%;
  }
  .section-base .section-contenu-image .icone {
    flex: 0 0 46.25%;
  }
  .section-base .section-contenu-image .icones {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .icones {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .section-base .section-contenu-image .icones {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
/************************************************************
 * Template ressources
 ************************************************************/
.bloc-ressources {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: var(--espacement-m);
  border-radius: var(--border-radius-base);
  background-color: var(--noir);
}
.bloc-ressources-titre {
  color: #fff;
  margin-bottom: 0;
}
.bloc-ressources-items {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.bloc-ressources-item {
  display: flex;
  gap: 4px;
}
.bloc-ressources-item .ressource-picto {
  flex: 0 0 50px;
  color: var(--principale);
  font-size: 36px;
  margin-top: -8px;
}
.bloc-ressources-item .ressource-contenu {
  flex: 1;
  color: #fff;
}
.bloc-ressources-item .ressource-contenu h4 {
  font-family: var(--font-family-base);
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.bloc-ressources-item .ressource-contenu p {
  font-style: italic;
  margin-bottom: 0.5rem;
  font-size: 15px;
}
.bloc-ressources-item .ressource-contenu a {
  display: inline-block;
  font-weight: bold;
  color: var(--accent);
  font-size: 1.125rem;
  transition: 0.3s ease-in-out;
}
.bloc-ressources-item .ressource-contenu a:hover {
  transform: translateX(5px);
}

/************************************************************
 * Template ressources
 ************************************************************/
.bloc-infolettre {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: var(--espacement-m);
  border-radius: var(--border-radius-base);
  background-color: var(--bleu);
  row-gap: 10px;
  align-items: flex-start;
}
.bloc-infolettre-titre,
.bloc-infolettre p {
  color: #fff;
  margin-bottom: 0;
}

.shortcode-infolettre {
  display: flex;
  align-items: center;
  column-gap: var(--espacement-l);
}
@media screen and (max-width: 599px) {
  .shortcode-infolettre {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 20px;
  }
}

.filtres-categories-form {
  display: flex;
  flex-direction: column;
}
.filtres-categories-form {
  row-gap: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .filtres-categories-form {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .filtres-categories-form {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .filtres-categories-form {
    row-gap: 20px;
  }
}
.filtres-categories-form .filtres-search input {
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  background-color: var(--beige);
  color: rgba(22, 47, 90, 0.5);
  width: 100%;
}
.filtres-categories-form h4 {
  font-family: var(--font-family-base);
  font-size: var(--font-size-l);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--noir);
  margin-bottom: 0;
}
.filtres-categories-form .filtres-categories {
  display: flex;
  flex-direction: column;
}
.filtres-categories-form .filtres-categories {
  row-gap: 0.75rem;
}
@media screen and (max-width: 1024px) {
  .filtres-categories-form .filtres-categories {
    row-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .filtres-categories-form .filtres-categories {
    row-gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .filtres-categories-form .filtres-categories {
    row-gap: 20px;
  }
}
.filtres-categories-form .filtres-categories input[type=checkbox] {
  background-color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.filtres-categories-form .filtres-categories input[type=checkbox] + label {
  cursor: pointer;
}
.filtres-categories-form .filtres-categories input[type=checkbox]:checked {
  accent-color: var(--noir);
}
.filtres-categories-form .filtres-boutons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.filtres-categories-form .filtres-boutons button {
  display: inline-block;
  padding: 12px 30px 10px 30px;
  border: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 50px;
  cursor: pointer;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  transition: all 0.3s ease;
  background-color: var(--bleu);
  color: var(--blanc);
  text-align: center;
}
.filtres-categories-form .filtres-boutons button:hover {
  background-color: var(--noir);
  color: var(--blanc);
}
.filtres-categories-form .filtres-boutons a.clear-filters {
  font-style: italic;
  text-decoration: underline;
  color: var(--noir);
}
/************************************************************
 * Responsive Breakpoints
 ************************************************************/
/************************************************************
 * Responsive Breakpoints
 ************************************************************/