:root {
  --primary-h: 346;
  /* hue */
  --primary-s: 95%;
  /* saturation */
  --primary-l: 60%;
  /* lightness */

  --primary-color-05: hsla(198, 85%, 19%, 1);
  --primary-color-10: hsla(198, 85%, 19%, 1);
  --primary-color-20: hsla(198, 85%, 19%, 1);
  --primary-color-30: hsla(198, 85%, 19%, 1);
  --primary-color-40: hsla(198, 85%, 19%, 1);
  --primary-color-50: hsla(198, 85%, 19%, 1);
  --primary-color-60: hsla(198, 85%, 19%, 1);
  --primary-color-70: hsla(198, 85%, 19%, 1);
  --primary-color-80: hsla(198, 85%, 19%, 1);
  --primary-color-90: hsla(198, 85%, 19%, 1);
  --borderGlowSize: 0.8125rem;
  --borderGlowPositionX: 50%;
  --borderGlowPositionY: 50%;

  --primary-color: var(--primary-color-50);

  --accent-h: 346;
  /* hue */
  --accent-s: 95%;
  /* saturation */
  --accent-l: 60%;
  /* lightness */

  --accent-color-05: hsl(27, 100%, 96%);
  --accent-color-10: hsl(19, 100%, 55%);
  --accent-color-20: hsl(19, 100%, 55%);
  --accent-color-30: hsl(19, 100%, 55%);
  --accent-color-40: hsl(19, 100%, 55%);
  --accent-color-50: hsl(19, 100%, 55%);
  --accent-color-60: hsl(19, 100%, 55%);
  --accent-color-70: hsl(19, 100%, 55%);
  --accent-color-80: hsl(19, 100%, 55%);
  --accent-color-90: hsl(19, 100%, 55%);

  --accent-color: var(--accent-color-50);

  --main-h: 70;
  /* hue */
  --main-s: 9%;
  /* saturation */
  --main-l: 13%;
  /* lightness */

  --main-color-05: hsl(0, 0%, 97%);
  --main-color-10: hsl(0, 0%, 87%);
  --main-color-20: hsl(0, 0%, 78%);
  --main-color-30: hsl(0, 0%, 69%);
  --main-color-40: hsl(0, 0%, 69%);
  --main-color-50: hsl(0, 0%, 43%);
  --main-color-60: hsl(0, 0%, 36%);
  --main-color-70: hsl(0, 0%, 31%);
  --main-color-80: hsl(0, 0%, 29%);
  --main-color-90: hsl(0, 0%, 22%);
  --main-color-95: hsl(0, 0%, 11%);

  --text-h: 0;
  /* hue */
  --text-s: 0%;
  /* saturation */
  --text-l: 11%;
  /* lightness */

  --text-color: hsla(0, 0%, 11%, 1);
  --title-color: hsla(0, 0%, 11%, 1);

  --background-h: 0;
  /* hue */
  --background-s: 0%;
  /* saturation */
  --background-l: 100%;
  /* lightness */

  --background-color: hsla(0, 0%, 100%, 1);

  --primary-font: "Poppins", sans-serif;
  --secondary-font: "Rethink Sans", sans-serif;

  --h1-font-size: clamp(2.75rem, 8vw, 5.5rem);
  --h2-font-size: 2.75rem;
  --h3-font-size: 2rem;
  --h4-font-size: 1.5rem;
  --h5-font-size: 1rem;
  --headings-line-height: 1;

  --link-color: var(--primary-color);

  --border-radius: 0;
  --button-border-radius: 0;
}

/* GÉNÉRAL */
/* ======= */

body {
  padding-bottom: 0 !important;
}

/* .ac-marketing {
margin-top: 100px !important;
} */
.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-1m-2w-2p-37-14-1a-2p-2r-19-2x-32-2r-30-39-2s-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  padding-top: 12rem !important;
  padding-bottom: 6rem !important;
}

body.page-interne .ac-doubleColonne.ac-marketing:has(.ac-include) {
  padding-top: 12rem !important;
  padding-bottom: 6rem !important;
}

/* test includes pages internes */
body.page-interne .ac-marketing .fold-cta {
  margin: 3rem auto 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2w-1d-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  z-index: 0 !important;
}

body.page-interne .ac-marketing .ac-colonne:has(h1) {
  z-index: 0 !important;
}

body.page-interne .ac-marketing .fold-cta .boutons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

body.page-interne .ac-marketing .fold-cta .infos-contact {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  color: var(--main-color-10);
  padding: 0.375rem 1.375rem;
  align-content: center;
}

body.page-interne .ac-marketing .fold-cta .infos-contact img {
  display: inline-block;
  width: 0.875rem;
  aspect-ratio: 1;
  border-radius: 2rem;
  object-fit: cover;
  object-position: center;
}

body.page-interne .ac-marketing .fold-cta .infos-contact img:not(:last-child) {
  margin-right: -0.625rem;
}

body.page-interne .ac-marketing .bloc-image {
  position: relative;
  margin-top: clamp(2rem, 5.5vw, 10rem);
  margin-bottom: 0 !important;
}

body.page-interne .ac-marketing:has(.ac-include)::after {
  background: linear-gradient(
    0deg,
    hsla(198, 87%, 10%, 1) 33%,
    hsla(198, 87%, 10%, 0.9) 44%,
    hsla(198, 87%, 10%, 0) 100%
  );
  width: 100vw;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  z-index: 1;
}

/* @media (width >= 601px) {
body.page-interne .ac-marketing .bloc-image {
  margin-bottom: -8rem;
}
}

@media (width >= 993px) {
body.page-interne .ac-marketing .bloc-image {
  margin-bottom: -9.5rem;
}
} */

/* ======= fin test includes pages internes */

.partners {
  padding-inline: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem 1.5rem;
  flex-wrap: wrap;
}

[id^="bloc-"] .partners img {
  position: unset;
  display: block;
  width: 4.75rem;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  filter: grayscale(1);
}

.page-interne .ac-doubleColonne:not(.ac-marketing) span:not(.inner-button) {
  display: inline;
}

.js-has-pseudo
  [csstools-has-1a-2q-33-33-37-38-2t-36-19-31-2t-37-19-36-2t-37-2t-2p-39-3c-19-37-33-2r-2x-2p-39-3c-w-1a-2p-2r-19-2x-32-2r-30-39-2s-2t-1m-2w-2p-37-14-1a-37-30-2x-2s-2t-36-19-2u-33-30-2s-15]:not(
    .does-not-exist
  ):not(.does-not-exist) {
  padding-top: 7.5rem;
}

.booster-mes-reseaux-sociaux .ac-include:has(.slider-fold) {
  padding-top: 7.5rem;
}

/* Style card realisations */
/* CARD CLIQUABLES */

.fiche-catalogue-portfolio {
  position: relative;
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0.25rem 0.75rem hsla(0, 0%, 0%, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.fiche-catalogue-portfolio a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 4;
}

.fiche-catalogue-portfolio .card-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.fiche-catalogue-portfolio .card-content {
  width: 100%;
}

.fiche-catalogue-portfolio .card-title {
  font-size: var(--h4-font-size);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.fiche-catalogue-portfolio .card-title,
.fiche-catalogue-portfolio .card-link {
  padding-block: 1rem;
}

.section {
  padding: 2rem 0;
}

@media (min-width: 601px) {
  .section {
    padding-block: 4.5rem;
  }
}

@media (min-width: 993px) {
  .section {
    padding-block: 7.5rem;
  }
}

.max-container {
  max-width: none;
}

@media screen and (min-width: 1280px) {
  .max-container {
    min-width: 1200px;
  }
}

@media screen and (min-width: 1220px) {
  .container {
    width: 100%;
    padding-inline: 1rem;
  }
}

.valide {
  color: hsl(120deg 100% 35%);
}

.erreur,
.errors {
  color: hsl(0deg 100% 46%);
}

#blocHorsLigne {
  z-index: 99999 !important;
  right: 0;
  position: absolute !important;
}

/* Titres */
h1,
.title-1 {
  font-size: var(--h1-font-size);
}

h2,
.title-2 {
  font-size: var(--h2-font-size);
}

h3,
.title-3 {
  font-size: var(--h3-font-size);
}

h4,
.title-4 {
  font-size: var(--h4-font-size);
}

h5,
.title-5 {
  font-size: var(--h5-font-size);
}

h1,
.title-1,
h2,
.title-2,
h3,
.title-3,
h4,
.title-4,
h5,
.title-5 {
  font-family: var(--secondary-font);
  font-weight: 700;
  color: var(--title-color);
}

:is(h1, .title-1, h2, .title-2, h3, .title-3, h4, .title-4, h5, .title-5) span {
  display: inline-block;
  margin: 0;
}

p.label-title {
  position: relative;
  display: inline-block;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--primary-color);
  padding: 0;
  margin: 0 0 0.25rem;
  z-index: 1;
}

/* Correction Font Icons */
.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;

  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Boutons */
@property --transparencyBorderGlow {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: false;
}

@property --transparencyInnerShadow {
  syntax: "<percentage>";
  initial-value: 100%;
  inherits: false;
}

@keyframes animButton {
  0%,
  100% {
    background-position: calc(0% - 0.8125rem) calc(0% - 0.8125rem);
  }

  40% {
    background-position: calc(100% + 0.8125rem) calc(0% - 0.8125rem);
  }

  50% {
    background-position: calc(100% + 0.8125rem) calc(100% + 0.8125rem);
  }

  90% {
    background-position: calc(0% - 0.8125rem) calc(100% + 0.8125rem);
  }
}

.btn {
  --buttonColor: #444;
  --borderGlowColor: #fff;
  --textColor: #fff;
  --spreadShadow: 0;
  --innerShadowColor: #1a0606;
  display: inline-block;
  background-color: var(--buttonColor);
  color: var(--textColor);
  font-family: var(--secondary-font);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0.125rem solid var(--buttonColor);
  border-radius: 0.5rem;
  filter: drop-shadow(0 0 var(--spreadShadow) var(--buttonColor));
  transition: 0.3s ease-out;
  transition-property: filter;
  cursor: pointer;
}

.btn .glow-border {
  display: inline-block;
  width: 100%;
  padding: 0.0625rem;
  border-radius: 0.4375rem;
  background: radial-gradient(
    circle var(--borderGlowSize) at var(--borderGlowPositionX)
      var(--borderGlowPositionY),
    color-mix(
        in srgb,
        var(--borderGlowColor),
        transparent var(--transparencyBorderGlow)
      )
      84%,
    transparent 100%
  );
  background-position: 0% 0;
  background-size: 1.625rem 1.625rem;
  background-repeat: no-repeat;
  animation: animButton 1.5s linear 0s infinite normal forwards;
  animation-play-state: running;
  box-shadow: inset 0 0.25rem 0.5rem
      color-mix(
        in srgb,
        var(--innerShadowColor),
        transparent var(--transparencyInnerShadow)
      ),
    inset 0 0.25rem 1rem
      color-mix(
        in srgb,
        var(--innerShadowColor),
        transparent
          calc(
            var(--transparencyInnerShadow) +
              calc(calc(100% - var(--transparencyInnerShadow)) / 2)
          )
      );
  transition: 0.3s ease-out;
  transition-property: --transparencyBorderGlow, --transparencyInnerShadow;
}

.btn .glow-border .inner-button {
  display: inline-block;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  backdrop-filter: blur(1.5rem);
  transition: 0.3s ease-out;
  transition-property: backdrop-filter;
}

.btn.primary {
  --buttonColor: var(--primary-color-90);
  --borderGlowColor: #fff;
  --textColor: #fff;
  --innerShadowColor: #450c05;
}

.btn.accent {
  --buttonColor: var(--accent-color-50);
  --borderGlowColor: #fff;
  --textColor: #fff;
  --innerShadowColor: #450c05;
}

/* .btn:is(:hover, :focus-visible) {
  --spreadShadow: 0.375rem;
}

.btn:is(:hover, :focus-visible) .glow-border {
  --transparencyBorderGlow: 0%;
  --transparencyInnerShadow: 100%;
}

.btn:is(:active) {
  --spreadShadow: 0.375rem;
}

.btn:is(:active) .glow-border {
  --transparencyBorderGlow: 100%;
  --transparencyInnerShadow: 80%;
}

.btn:is(:active) .glow-border .inner-button {
  backdrop-filter: blur(0rem);
} */

.btn:hover,
.btn:focus-visible {
  --spreadShadow: 0.375rem;
}

.btn:hover .glow-border,
.btn:focus-visible .glow-border {
  --transparencyBorderGlow: 0%;
  --transparencyInnerShadow: 100%;
}

.btn:active {
  --spreadShadow: 0.375rem;
}

.btn:active .glow-border {
  --transparencyBorderGlow: 100%;
  --transparencyInnerShadow: 80%;
}

.btn:active .glow-border .inner-button {
  backdrop-filter: blur(0rem);
}

.js-has-pseudo
  [csstools-has-1a-2q-38-32-1m-2w-2p-37-14-37-34-2p-32-2j-2r-30-2p-37-37-16-1p-y-31-2p-38-2t-36-2x-2p-30-y-2l-15-w-37-34-2p-32-2j-2r-30-2p-37-37-16-1p-y-31-2p-38-2t-36-2x-2p-30-y-2l]:not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 150%;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: bottom;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.btn:has(span[class*="material"]) span[class*="material"] {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 150%;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: bottom;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Slick */
.slick-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
}

.slick-dots li button .slick-dot-icon {
  opacity: 1;
  color: transparent;
}

.slick-dots li button .slick-dot-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.5rem;
  border-radius: 1rem;
  background-color: color-mix(in srgb, var(--primary-color) 100%, #fff 80%);
  transition: 0.3s ease-in-out;
}

.slick-dots li button:is(:hover, :focus) .slick-dot-icon::before {
  background-color: color-mix(in srgb, var(--primary-color) 100%, #fff 50%);
}

.slick-dots li.slick-active button .slick-dot-icon::before {
  background-color: var(--primary-color);
}

.slick-prev,
.slick-next {
  top: auto;
  bottom: -5rem;
  z-index: 10;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 1;
  /* background-color: transparent; */
  border: none;
  border-radius: 0.25rem;
  transition: 0.3s ease-in-out;
}

.slick-prev:is(:hover, :focus-visible),
.slick-next:is(:hover, :focus-visible) {
  background-color: transparent;
}

.slick-prev:is(:hover, :focus-visible) span.slick-prev-icon::before,
.slick-next:is(:hover, :focus-visible) span.slick-prev-icon::before,
.slick-prev:is(:hover, :focus-visible) span.slick-next-icon::before,
.slick-next:is(:hover, :focus-visible) span.slick-next-icon::before {
  color: transparent;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M4.23633 8.40351L11.9707 0.66914C12.2168 0.423046 12.5156 0.299999 12.8672 0.299999C13.2188 0.299999 13.5176 0.423046 13.7637 0.66914C14.0098 0.915234 14.1328 1.21113 14.1328 1.55684C14.1328 1.90254 14.0098 2.19844 13.7637 2.44453L6.9082 9.3L13.7637 16.1555C14.0098 16.4016 14.1328 16.6975 14.1328 17.0432C14.1328 17.3889 14.0098 17.6848 13.7637 17.9309C13.5176 18.177 13.2188 18.3 12.8672 18.3C12.5156 18.3 12.2168 18.177 11.9707 17.9309L4.23633 10.1965C4.11914 10.0676 4.02832 9.92695 3.96387 9.77461C3.89941 9.62226 3.86719 9.46406 3.86719 9.3C3.86719 9.13594 3.89941 8.97773 3.96387 8.82539C4.02832 8.67305 4.11914 8.53242 4.23633 8.40351Z" fill="%23B89847"/></svg>');
}

.slick-prev span,
.slick-next span {
  text-align: center;
  width: 1.125rem;
  height: 1.125rem;
}

.slick-prev span:is(.slick-prev-icon, .slick-next-icon),
.slick-next span:is(.slick-prev-icon, .slick-next-icon) {
  opacity: 1;
  display: inline-block;
  font-size: 1rem;
}

.slick-prev span:is(.slick-prev-icon, .slick-next-icon)::before,
.slick-next span:is(.slick-prev-icon, .slick-next-icon)::before {
  color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M4.23633 8.40351L11.9707 0.66914C12.2168 0.423046 12.5156 0.299999 12.8672 0.299999C13.2188 0.299999 13.5176 0.423046 13.7637 0.66914C14.0098 0.915234 14.1328 1.21113 14.1328 1.55684C14.1328 1.90254 14.0098 2.19844 13.7637 2.44453L6.9082 9.3L13.7637 16.1555C14.0098 16.4016 14.1328 16.6975 14.1328 17.0432C14.1328 17.3889 14.0098 17.6848 13.7637 17.9309C13.5176 18.177 13.2188 18.3 12.8672 18.3C12.5156 18.3 12.2168 18.177 11.9707 17.9309L4.23633 10.1965C4.11914 10.0676 4.02832 9.92695 3.96387 9.77461C3.89941 9.62226 3.86719 9.46406 3.86719 9.3C3.86719 9.13594 3.89941 8.97773 3.96387 8.82539C4.02832 8.67305 4.11914 8.53242 4.23633 8.40351Z" fill="%23444343"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s ease-in-out;
}

.slick-prev:hover span,
.slick-next:hover span {
  opacity: 1;
}

.slick-prev:focus,
.slick-next:focus {
  top: auto;
  bottom: -5rem;
}

.slick-prev:focus .slick-prev-icon,
.slick-next:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:focus .slick-next-icon {
  margin-left: 0;
}

.slick-next span.slick-next-icon {
  rotate: 180deg;
}

.slick-prev {
  left: 40%;
}

.slick-next {
  right: 40%;
}

.slider-slick {
  position: relative;
  width: 100%;
  height: 798px;
  background-color: var(--background-color);
  z-index: 0;
}

@media (max-width: 600px) {
  .slider-slick {
    display: block;
    height: 500px;
  }
}

.slider-slick .slick {
  height: 100%;
}

.slide-img {
  min-height: 798px;
  background-size: cover;
  background-position: center;
}

@media (max-width: 600px) {
  .slide-img {
    min-height: 500px;
  }
}

.slide-img.slide-01 {
  background-image: url("../assets/gifs/slider/slide-01.jpg");
}

.slide-img.slide-02 {
  background-image: url("../assets/gifs/slider/slide-02.jpg");
}

.slide-img.slide-03 {
  background-image: url("../assets/gifs/slider/slide-03.jpg");
}

/* BRAND */
/* ===== */
header .brand img.footer-only,
footer .brand img.header-only,
.rappel_telephonique .brand img.footer-only {
  display: none;
}

.brand a {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 1.25rem;
  scale: 1;
  transition: 0.3s ease-out;
}

.brand a:is(:hover, :focus-visible) {
  scale: 1.1;
}

/* HEADER */
/* ====== */
/* Sticky */
/* Menu mobile */
header .menu-mobile {
  height: 5rem;
  background-color: var(--background-color);
}

header .menu-mobile .row {
  margin-inline: -0.75rem;
}

header .menu-mobile .row .col {
  padding-inline: 0.75rem;
}

header .menu-mobile button.btn-menu:not(#menu-back) {
  background-color: color-mix(in srgb, var(--primary-color) 10%, #fff 90%);
  border-radius: 0;
  color: var(--primary-color);
}

header .menu-mobile button#menu-back.btn-menu {
  color: var(--primary-color);
}

/* Header Content */
/* Main Content */
@media (min-width: 800px) {
  header .header-content #main-nav ul li.sous_menu.opened > a {
    padding-left: 20px;
  }
}

@media (min-width: 993px) {
  header .header-content .container {
    width: 100%;
    padding-inline: 1rem;
  }

  header .header-content .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-block: 0.375rem;
  }

  header .header-content .wrapper .brand {
  }

  header .header-content .wrapper .main-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
  }

  header .header-content .wrapper .main-navigation #nav-container {
    margin: 0;
    padding-block: 0.75rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    > ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    > ul
    > li
    > a {
    text-align: center;
    text-wrap: balance;
    padding: 0.25rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li
    a {
    display: inherit;
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.5;
    color: var(--main-color-90);
    transition: 0.3s ease-in-out;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li
    a.selected {
    color: var(--primary-color);
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li
    a:is(:hover, :focus-visible) {
    color: var(--primary-color);
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li
    a[href="#"] {
    cursor: default;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li.sous_menu
    > a::after {
    /* content: ''; */
    /* width: 0;
                        height: 0;
                        border-top: 7px solid currentColor;
                        border-inline: 6px solid transparent; */
    margin: 0.5rem 0;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li.sous_menu.firstLi
    > a {
    max-width: 150px;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li.sous_menu.firstLi
    > a::after {
    content: none;
    /* content: ''; */
    width: 0;
    height: 0;
    border-top: 7px solid currentColor;
    border-inline: 6px solid transparent;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li.sous_menu
    ul
    li
    a {
    font-size: 0.8125rem;
    padding: 0.5rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    ul
    li.sous_menu
    ul
    li
    ul
    li
    a {
    font-size: 0.6875rem;
    padding: 0.5rem;
  }

  header .header-content .wrapper .main-navigation .header-telephone-networks {
    display: flex;
    align-items: center;
    gap: 0.5rem 1.25rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    .header-telephone-networks
    .btn-contact
    a {
    white-space: nowrap;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    .header-telephone-networks
    .coordonnee-telephone {
    border-radius: 0.25rem;
    border: 1px solid var(--text-color);
    /* padding: 0.75rem 3rem 0.75rem 0; */
    padding-right: 3rem;
    font-weight: 600;
    color: var(--primary-color);
    overflow: hidden;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.5rem;
  }

  header
    .header-content
    .wrapper
    .main-navigation
    .header-telephone-networks
    .coordonnee-telephone::before {
    content: "\e0b0";
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    color: #fff;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;

    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;

    background-color: var(--primary-color);
    padding: 0.75rem;
  }

  header .header-content .wrapper .header-cta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  header .header-content .wrapper .header-cta a.btn {
    white-space: nowrap;
  }
}

/* @media (width >= 993px) and (width < 1050px){
      .wrapper{
        .navigation-header{
          .top-bar{
            .reseaux-sociaux{
              ul{
                flex-direction: column;
              }
            }
            .coordonnee-adresse{
              span{
                display: block;
              }
            }
          }
        }
      }
  } */
@media (max-width: 992px) {
  header .header-content {
    /* padding-block: 0.5rem; */
    background-color: var(--background-color);
  }

  header .header-content nav#main-nav > ul > .sous_menu.opened > a {
    background-color: transparent;
    transition: none;
  }

  header .header-content .wrapper .brand {
    display: none;
  }

  header .header-content .wrapper .navigation-header .top-bar {
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }

  header .header-content .wrapper .navigation-header .top-bar .reseaux-sociaux {
    display: none;
  }

  header
    .header-content
    .wrapper
    .navigation-header
    .top-bar
    .coordonnee-adresse {
    display: none;
  }

  header
    .header-content
    .wrapper
    .navigation-header
    .top-bar
    .coordonnee-telephone {
    position: relative;
    padding-left: 3rem;
    font-size: 1rem;
    font-weight: 900;
  }

  header
    .header-content
    .wrapper
    .navigation-header
    .top-bar
    .coordonnee-telephone::before {
    content: "\e325";
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;

    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    color: var(--primary-color);
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;

    background-color: #17758c0d;
    border-radius: 50%;
    aspect-ratio: 1;
    text-align: center;
    align-content: center;
    width: 2.125rem;
  }

  header .header-content .wrapper .header-cta {
    display: none;
  }

  header .header-content #nav-container {
    height: calc(100vh - 5rem);
    margin-top: 5rem;
  }

  header .header-content #nav-container .nav ul li a.selected {
    background-color: color-mix(in srgb, var(--primary-color) 10%, #fff 80%);
  }

  header .header-content #nav-container .nav ul.dropdown,
  header .header-content #nav-container .nav ul.ssdropdown {
    height: calc(100vh - 5rem);
    top: 5rem;
  }

  header .header-content #nav-container .nav > ul > .sous_menu.opened > a,
  header .header-content #nav-container .nav .dropdown > .sous_menu.opened > a {
    height: 5rem;
    color: var(--text-color);
    background-color: transparent;
  }
}

header .fold {
  --imgBackground: url("/public/assets/gifs/placeholder-fold.webp");
  background: linear-gradient(
      hsla(198, 87%, 10%, 0.9),
      hsla(198, 87%, 10%, 0.9)
    ),
    var(--imgBackground);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

@media (min-width: 993px) {
  header .fold {
    padding-top: 13.25rem;
  }
}

header .fold .bloc-text {
  padding-inline: 1rem;
  text-align: center;
  color: #fff;
}

header .fold .bloc-text h1 {
  max-width: 1200px;
  text-wrap: balance;
  margin: 0 auto 0.75rem;
  color: #fff;
}

header .fold .bloc-text h1 span {
  display: inline;
  font-size: inherit;
}

header .fold .bloc-text p.intro {
  margin: 0.75rem auto;
  font-size: 0.875rem;
  max-width: 630px;
}

header .fold .bloc-text .fold-cta {
  margin: 3rem auto 0;
}

header .fold .bloc-text .fold-cta .boutons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

header .fold .bloc-text .fold-cta .infos-contact {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  color: var(--main-color-10);
  padding: 0.375rem 1.375rem;
  align-content: center;
}

header .fold .bloc-text .fold-cta .infos-contact img {
  display: inline-block;
  width: 0.875rem;
  aspect-ratio: 1;
  border-radius: 2rem;
  object-fit: cover;
  object-position: center;
}

header .fold .bloc-text .fold-cta .infos-contact img:not(:last-child) {
  margin-right: -0.625rem;
}

.js-has-pseudo
  [csstools-has-2w-2t-2p-2s-2t-36-w-1a-2u-33-30-2s-w-1a-2q-30-33-2r-19-2x-31-2p-2v-2t-1m-2w-2p-37-14-1a-37-30-2x-2s-2t-36-19-2v-2p-30-2t-36-2x-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist) {
  position: relative;
  margin-top: clamp(2rem, 5.5vw, 10rem);
  margin-bottom: -6rem;
}

header .fold .bloc-image:has(.slider-galerie) {
  position: relative;
  margin-top: clamp(2rem, 5.5vw, 10rem);
  margin-bottom: -6rem;
}

@media (min-width: 601px) {
  .js-has-pseudo
    [csstools-has-2w-2t-2p-2s-2t-36-w-1a-2u-33-30-2s-w-1a-2q-30-33-2r-19-2x-31-2p-2v-2t-1m-2w-2p-37-14-1a-37-30-2x-2s-2t-36-19-2v-2p-30-2t-36-2x-2t-15]:not(
      .does-not-exist
    ):not(.does-not-exist):not(does-not-exist) {
    margin-bottom: -8rem;
  }

  header .fold .bloc-image:has(.slider-galerie) {
    margin-bottom: -8rem;
  }
}

@media (min-width: 993px) {
  .js-has-pseudo
    [csstools-has-2w-2t-2p-2s-2t-36-w-1a-2u-33-30-2s-w-1a-2q-30-33-2r-19-2x-31-2p-2v-2t-1m-2w-2p-37-14-1a-37-30-2x-2s-2t-36-19-2v-2p-30-2t-36-2x-2t-15]:not(
      .does-not-exist
    ):not(.does-not-exist):not(does-not-exist) {
    margin-bottom: -9.5rem;
  }

  header .fold .bloc-image:has(.slider-galerie) {
    margin-bottom: -9.5rem;
  }
}

/* &::before{
        pointer-events: none;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -1rem;
        translate: -50%;
        width: 100vw;
        height: 100%;
        background-image:
          linear-gradient(#08272B00, #08272B),
          linear-gradient(#08272B00, #08272B),
          linear-gradient(#08272B00, #08272B);
        z-index: 5;
        @media (width >= 601px) {
          bottom: -3rem;
        }
        @media (width >= 993px) {
          bottom: -4.5rem;
        }
      } */
header .fold.fold-index {
  background: none !important;
}

@media (min-width: 993px) {
  header .fold.fold-index {
    padding-top: 7.5rem;
  }
}

header .fold.fold-index .bloc-text {
  color: var(--text-color);
}

header .fold.fold-index .bloc-text h1 {
  color: var(--title-color);
}

header .fold.fold-index .fold-cta .infos-contact {
  color: var(--main-color-80);
}

.slider-fold {
  padding-block: 2.5rem;
  overflow: visible;
}

.slider-fold.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: linear;
}

.slider-fold .swiper-slide {
  width: fit-content;
  box-shadow: 0 0.25rem 0.75rem hsla(0, 0%, 0%, 0.1);
}

.slider-fold img {
  display: block;
  width: auto;
  height: 14.5rem !important;
  aspect-ratio: 366/232;
}

.slider-galerie {
  overflow: visible;
  padding: clamp(2rem, 5.5vw, 10rem);
}

.slider-galerie .swiper-wrapper .swiper-slide {
  opacity: 0;
  translate: 0 90%;
  transition: 0.3s ease-out;
}

.slider-galerie .swiper-wrapper .swiper-slide img {
  display: block;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
  user-select: none;
}

.slider-galerie .swiper-wrapper .swiper-slide.swiper-slide-active {
  scale: 2;
  opacity: 1;
  translate: 0 0%;
  z-index: 5;
}

.slider-galerie .swiper-wrapper .swiper-slide.swiper-slide-prev,
.slider-galerie .swiper-wrapper .swiper-slide.swiper-slide-next {
  scale: 1.5;
  opacity: 0.66;
  translate: 0 60%;
  z-index: 3;
}

.slider-galerie .swiper-button-next,
.slider-galerie .swiper-button-prev {
  --swiper-navigation-size: 24px;
  color: #fff;
}

body:not(.index-page) header .header-content {
  background-color: transparent;
  transition: 0.3s ease-out;
}

body:not(.index-page) header .header-content .brand a img.header-only {
  display: none;
}

body:not(.index-page) header .header-content .brand a img.footer-only {
  display: inline-block;
}

@media (min-width: 993px) {
  .js-has-pseudo
    body:not(.index-page):not(
      [csstools-has-1m-2w-2p-37-14-1a-2p-3c-2t-2r-2p-2z-2t-2n-2s-2t-30-2t-38-2t-15]
    ) {
    padding-top: 0 !important;
  }

  body:not(.index-page):not(:has(.axecake_delete)) {
    padding-top: 0 !important;
  }

  body:not(.index-page)
    header
    .header-content
    .wrapper
    .main-navigation
    #nav-container
    #main-nav
    > ul
    > li
    > a {
    color: #fff;
  }
}

body:not(.index-page) header.sticky-active .header-content {
  background-color: hsla(0, 0%, 0%, 0.75);
}

/* MAIN */
/* ==== */
/* Encart avis */



#encart-avis :is(h1, h2, h3, [class^="title"]) {
  text-align: center;
  margin: 0 auto 0.375rem;
}

#encart-avis p.intro {
  font-size: 0.875rem;
  margin: 0.325rem auto;
  text-align: center;
  max-width: 500px;
}

#encart-avis .slider-avis {
  margin-top: 3rem;
}

#encart-avis .card-avis {
  grid-template-columns: 7rem 1fr;
  gap: .5rem;
  background-color: #fff;
  padding: 1rem;
}


#encart-avis .card-avis > img {
  display: block;
  width: auto;
  aspect-ratio: 1;
  border-radius: 0.25rem;
  object-fit: contain;
  object-position: center;
  margin-bottom:1rem;
}

#encart-avis .card-avis .avis-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #111111;
}

#encart-avis .card-avis .note-date {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

#encart-avis .card-avis .note-date .avis-note {
  filter: hue-rotate(335deg);
}

#encart-avis .card-avis .note-date .avis-date {
  font-size: 0.625rem;
  line-height: 1.2;
  color: #5d5d5d;
}

#encart-avis .card-avis .avis-text {
  position: relative;
  font-size: 1rem;
  line-height: 1.5;
  height: 6rem;
  overflow: hidden;
  transition: height 0.3s ease-out;
}

#encart-avis .card-avis .avis-text > :first-child {
  margin-top: 0;
}

#encart-avis .card-avis .avis-text .extend {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  padding-left: 0.625rem;
  margin: 0;
  background-color: #fff;
  color: var(--primary-color-90);
  font-weight: 700;
  transition: 0.3s ease-out;
}

#encart-avis .card-avis .avis-text .extend input[type="checkbox"] {
  display: none;
}

#encart-avis .card-avis .avis-text .extend .more {
  display: inline;
}

#encart-avis .card-avis .avis-text .extend .less {
  display: none;
}

#encart-avis .card-avis .avis-text .extend:is(:hover, :focus-visible) {
  color: var(--accent-color-50);
}

@media (min-width: 993px) {
  

  #encart-avis .card-avis {
    display: grid;
    max-width: 90%;
    margin: auto;
}
  #encart-avis .card-avis > img {
      margin-bottom:0rem;

  width: 100%;
  
}
}


.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 25px;
}

.swiper-button-prev {
  left: -8px;
}

.swiper-button-next {
  right: -8px;
}


.js-has-pseudo
  [csstools-has-z-2t-32-2r-2p-36-38-19-2p-3a-2x-37-w-1a-2r-2p-36-2s-19-2p-3a-2x-37-w-1a-2p-3a-2x-37-19-38-2t-3c-38-1m-2w-2p-37-14-1a-2t-3c-38-2t-32-2s-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-2r-2w-2t-2r-2z-2q-33-3c-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(
    #does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist) {
  height: calc-size(max-content, size + 0.5rem);
}

#encart-avis .card-avis .avis-text:has(.extend input[type="checkbox"]:checked) {
  height: calc-size(max-content, size + 2rem);
}

@supports not (height: calc-size(max-content, size + 0.5rem)) {
  .js-has-pseudo
    [csstools-has-z-2t-32-2r-2p-36-38-19-2p-3a-2x-37-w-1a-2r-2p-36-2s-19-2p-3a-2x-37-w-1a-2p-3a-2x-37-19-38-2t-3c-38-1m-2w-2p-37-14-1a-2t-3c-38-2t-32-2s-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-2r-2w-2t-2r-2z-2q-33-3c-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(
      #does-not-exist
    ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
      .does-not-exist
    ):not(does-not-exist) {
    height: auto;
    padding-bottom: 0.5rem;
  }

  #encart-avis
    .card-avis
    .avis-text:has(.extend input[type="checkbox"]:checked) {
    height: auto;
    padding-bottom: 0.5rem;
  }
}

.js-has-pseudo
  [csstools-has-z-2t-32-2r-2p-36-38-19-2p-3a-2x-37-w-1a-2r-2p-36-2s-19-2p-3a-2x-37-w-1a-2p-3a-2x-37-19-38-2t-3c-38-1m-2w-2p-37-14-1a-2t-3c-38-2t-32-2s-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-2r-2w-2t-2r-2z-2q-33-3c-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-2t-3c-38-2t-32-2s-w-1a-31-33-36-2t]:not(
    #does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  display: none;
}

#encart-avis
  .card-avis
  .avis-text:has(.extend input[type="checkbox"]:checked)
  .extend
  .more {
  display: none;
}

.js-has-pseudo
  [csstools-has-z-2t-32-2r-2p-36-38-19-2p-3a-2x-37-w-1a-2r-2p-36-2s-19-2p-3a-2x-37-w-1a-2p-3a-2x-37-19-38-2t-3c-38-1m-2w-2p-37-14-1a-2t-3c-38-2t-32-2s-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-2r-2w-2t-2r-2z-2q-33-3c-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-2t-3c-38-2t-32-2s-w-1a-30-2t-37-37]:not(
    #does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  display: inline;
}

#encart-avis
  .card-avis
  .avis-text:has(.extend input[type="checkbox"]:checked)
  .extend
  .less {
  display: inline;
}

/* Encart actualités */
#encart-actualites h2 {
  position: relative;
  text-align: center;
  font-weight: 400;
  margin-block: 0 0.875rem;
  padding-top: 2.5rem;
}

#encart-actualites h2::before {
  content: "Maître Odile DELADRIERE vous informe et vous conseille";
  position: absolute;
  top: auto;
  bottom: calc(100% - 1.125rem);
  left: 50%;
  translate: -50% 0%;
  display: inline-block;
  width: fit-content;
  font-family: var(--primary-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.75;
  text-align: center;
  text-transform: uppercase;
  color: var(--primary-color);
}

#encart-actualites h2::after {
  content: "";
  display: block;
  margin: 0.875rem auto;
  width: clamp(1px, 100%, 500px);
  height: 1px;
  background-color: var(--primary-color);
}

#encart-actualites p.intro {
  max-width: 750px;
  margin-inline: auto;
  text-align: center;
}

#encart-actualites .slick-actualites {
  margin-top: 3.125rem;
}

#encart-actualites .encart-btn {
  display: none;
  margin-top: 3.75rem;
  text-align: center;
}

#encart-actualites .encart-btn a span[class^="material-"] {
  margin-right: 0.25rem;
  vertical-align: middle;
  font-variation-settings: "FILL" 1, "wght" 200, "GRAD" 200, "opsz" 24;
}

.actualites-card {
  position: relative;
}

.actualites-card .card-image {
  margin-bottom: 0.875rem;
}

.actualites-card .card-image a {
  display: block;
  overflow: hidden;
}

.actualites-card .card-image a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
  scale: 1;
  transition: 0.3s ease-in-out;
}

.actualites-card .card-image a:is(:hover, :focus-visible) img {
  scale: 1.1;
}

.actualites-card .card-content {
}

.actualites-card .card-date {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.75;
  color: var(--primary-color);
  margin-top: 0.875rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.actualites-card .card-date .date-prefix {
  display: none;
}

.actualites-card .card-date span[class^="material-"] {
  font-size: 150%;
  vertical-align: sub;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.actualites-card .card-categorie {
  display: flex;
  align-items: center;
  gap: 0.25rem 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

@media (min-width: 601px) {
  .actualites-card .card-categorie {
    float: right;
    margin-top: 0.875rem;
  }
}
@media (min-width: 993px) {

.swiper-button-prev {
  left: 0px;
}

.swiper-button-next {
  right: 0px;
}
}

.actualites-card .card-categorie > a {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--title-color);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  text-decoration: none;
}

.actualites-card .card-title {
  margin-bottom: 0.875rem;
}

.actualites-card .card-title a {
  --font-size: 1.5rem;
  --line-height: 1.368;
  --line-clamp: 2;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--secondary-font);
  font-size: var(--font-size);
  font-weight: 400;
  line-height: var(--line-height);
  text-decoration: none;
  color: var(--title-color);
  width: 100%;
  height: calc(var(--font-size) * var(--line-height) * var(--line-clamp));
  transition: 0.3s ease-in-out;
}

.actualites-card .card-text {
  --font-size: 1rem;
  --line-height: 1.5;
  --line-clamp: 4;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--font-size);
  font-weight: 400;
  line-height: var(--line-height);
  text-decoration: none;
  color: var(--text-color);
  height: calc(var(--font-size) * var(--line-height) * var(--line-clamp));
}

.actualites-card .card-link {
  margin-top: 0.875rem;
}

.actualites-card .card-link a {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  text-decoration: none;
  color: var(--accent-color);
  transition: 0.3s ease-in-out;
}

.actualites-card .card-link a::before {
  content: "";
  position: absolute;
  inset: 0;
}

.actualites-card .card-link a span.plus {
  display: inline-block;
  width: 1.125rem;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M1 10H8V17C8 17.552 8.448 18 9 18C9.552 18 10 17.552 10 17V10H17C17.552 10 18 9.552 18 9C18 8.448 17.552 8 17 8H10V1C10 0.448 9.552 0 9 0C8.448 0 8 0.448 8 1V8H1C0.448 8 0 8.448 0 9C0 9.552 0.448 10 1 10Z" fill="%23FF7F32"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: sub;
  margin-inline: auto 2.5rem;
  transition: 0.3s ease-in-out;
}

.actualites-card .card-link a span[class^="material-"] {
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: bottom;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.js-has-pseudo
  [csstools-has-1a-2p-2r-38-39-2p-30-2x-38-2t-37-19-2r-2p-36-2s-1m-2w-2p-37-14-2p-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15-15-w-1a-2r-2p-36-2s-19-2x-31-2p-2v-2t-w-2x-31-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  scale: 1.1;
}

.actualites-card:has(a:is(:hover, :focus-visible)) .card-image img {
  scale: 1.1;
}

.js-has-pseudo
  [csstools-has-1a-2p-2r-38-39-2p-30-2x-38-2t-37-19-2r-2p-36-2s-1m-2w-2p-37-14-2p-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15-15-w-1a-2r-2p-36-2s-19-2r-33-32-38-2t-32-38-w-1a-2r-2p-36-2s-19-38-2x-38-30-2t-w-2p]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  color: var(--accent-color);
}

.actualites-card:has(a:is(:hover, :focus-visible)) .card-content .card-title a {
  color: var(--accent-color);
}

.js-has-pseudo
  [csstools-has-1a-2p-2r-38-39-2p-30-2x-38-2t-37-19-2r-2p-36-2s-1m-2w-2p-37-14-2p-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15-15-w-1a-2r-2p-36-2s-19-2r-33-32-38-2t-32-38-w-1a-2r-2p-36-2s-19-30-2x-32-2z-w-2p]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  color: color-mix(in srgb, var(--accent-color) 100%, #fff 20%);
}

.actualites-card:has(a:is(:hover, :focus-visible)) .card-content .card-link a {
  color: color-mix(in srgb, var(--accent-color) 100%, #fff 20%);
}

.js-has-pseudo
  [csstools-has-1a-2p-2r-38-39-2p-30-2x-38-2t-37-19-2r-2p-36-2s-1m-2w-2p-37-14-2p-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2u-33-2r-39-37-19-3a-2x-37-2x-2q-30-2t-15-15-w-1a-2r-2p-36-2s-19-2r-33-32-38-2t-32-38-w-1a-2r-2p-36-2s-19-30-2x-32-2z-w-2p-w-37-34-2p-32-1a-34-30-39-37]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist):not(does-not-exist) {
  opacity: 0.8;
}

.actualites-card:has(a:is(:hover, :focus-visible))
  .card-content
  .card-link
  a
  span.plus {
  opacity: 0.8;
}

/* Encart test */
#encart-test .wrapper {
  background-color: var(--main-color-05);
  border-radius: 0.5rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
}

@media (min-width: 993px) {
  #encart-test .wrapper {
    padding: 3rem 2.5rem;
    border-radius: 1rem;
  }
}

#encart-test .wrapper :is(h1, h2, h3, [class^="title"]) {
  margin: 0 auto 0.625rem;
  max-width: 560px;
}

#encart-test .wrapper p.intro {
  font-size: 0.875rem;
  margin: 0.625rem auto;
  max-width: 500px;
}

#encart-test .wrapper .boutons {
  margin: 1.5rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

/* Encart Agences */
#encart-agences .content {
  padding: 3rem;
  background-color: #fff;
  border-radius: 1rem;
  filter: drop-shadow(0 -0.0625rem 2.25rem hsla(0, 0%, 0%, 0.05));
}

#encart-agences .content :is(h1, h2, h3, h4, [class*="title"]) {
  text-align: center;
  margin: 0 auto 3rem;
}

#encart-agences .content .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

#encart-agences .content .wrapper .single-agence a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: 0.3s ease-out;
}

#encart-agences .content .wrapper .single-agence a:is(:hover, :focus-visible) {
  color: var(--primary-color);
}

#encart-agences .content .wrapper .single-agence a strong {
  display: block;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--primary-color);
}

#encart-agences .content .wrapper .single-agence a strong::before {
  content: "\e0c8";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.25rem;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  color: var(--text-color);
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;

  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

#encart-agences .content .wrapper .single-agence a address {
  text-wrap: balance;
}

#encart-agences .content .wrapper .single-agence a address span {
  display: block;
}

/* Encart Packs prestations */
#encart-packs-prestations .wrapper {
  display: grid;
  align-items: stretch;
  gap: 2.5rem 1rem;
}

@media (min-width: 601px) and (max-width: 992px) {
  #encart-packs-prestations .wrapper {
    grid-template-columns: 1fr 1fr;
  }

  #encart-packs-prestations .wrapper > :nth-child(3n) {
    grid-column: 1/-1;
  }
}

@media (min-width: 993px) {
  #encart-packs-prestations .wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

#encart-packs-prestations .wrapper .single-prestation {
  position: relative;
  height: 100%;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__content {
  height: 100%;
  padding: 1.5rem;
  border: 2px solid var(--main-color-95);
  border-radius: 1rem;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__content
  > strong {
  display: block;
  width: fit-content;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__content
  > strong
  span {
  display: block;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__content
  > svg {
  float: right;
}

#encart-packs-prestations .wrapper .single-prestation .single-prestation__link {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 50%;
  width: 100%;
  text-align: center;
  padding-inline: 1rem;
  z-index: 1;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__link
  a {
  display: inline-block;
  background-color: var(--background-color);
  padding: 0.75rem 1.5rem;
  font-family: var(--secondary-font);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border: 2px solid var(--main-color-95);
  border-radius: 0.75rem;
  transition: 0.3s ease-out;
}

#encart-packs-prestations
  .wrapper
  .single-prestation
  .single-prestation__link
  a:is(:hover, :focus-visible) {
  background-color: var(--accent-color);
  color: #fff;
}

/* Encart Nord Formation (Agirmaintenant) */
#encart-nord-formation .wrapper {
  display: grid;
  gap: 1rem;
}

@media (min-width: 601px) {
  #encart-nord-formation .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 993px) {
  #encart-nord-formation .wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

#encart-nord-formation .wrapper .etape-formation > strong {
  display: block;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
}

/* Encart catalogue interne portfolio */
#encart-catalogue-interne-portfolio a.projet {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

#encart-catalogue-interne-portfolio a.projet .projet-name {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: hsla(0, 0%, 11%, 0.55);
  opacity: 0;
  transition: 0.3s ease-out;
}

#encart-catalogue-interne-portfolio a.projet .projet-name span {
  color: #fff;
  text-align: center;
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 700;
  translate: 0 2rem;
  transition: 0.3s ease-out;
}

#encart-catalogue-interne-portfolio
  a.projet:is(:hover, :focus-visible)
  .projet-name {
  opacity: 1;
}

#encart-catalogue-interne-portfolio
  a.projet:is(:hover, :focus-visible)
  .projet-name
  span {
  translate: 0 0;
}

/* Frise engagement */
#frise-engagement {
  position: relative;
  padding-block: 4rem;
}

#frise-engagement .nav-tabs {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin-bottom: 2rem;
  margin-left: 0;
}

#frise-engagement .nav-tabs::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--primary-color);
}

#frise-engagement .tab-content .tab-pane {
  display: none;
  position: relative;
  max-width: 1000px;
  margin: auto;
  padding: 2rem;
  background-color: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0.25rem 0.75rem hsla(0, 0%, 0%, 0.25);
  z-index: 1;
}

#frise-engagement .tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}

#frise-engagement .tab-content .tab-pane.active {
  display: block;
}

#frise-engagement .nav-item {
  padding: 0;
  list-style: none;
}

#frise-engagement .nav-item .nav-link {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

#frise-engagement .nav-item .nav-link .nav-date {
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--primary-color);
}

#frise-engagement .nav-item .nav-link .nav-circle {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0.25rem auto 0;
  border-radius: 50%;
  background: var(--primary-color);
  z-index: 1;
}

#frise-engagement
  .nav-item
  .nav-link:is(:hover, :focus-visible, .active)
  .nav-date {
  color: var(--accent-color);
}

#frise-engagement
  .nav-item
  .nav-link:is(:hover, :focus-visible, .active)
  .nav-circle {
  background: var(--accent-color);
}

#frise-engagement .nav-item .nav-link.active .nav-date {
  display: inline-block;
  margin-top: -0.3rem;
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  #frise-engagement::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    width: 3rem;
    background: linear-gradient(to right, transparent, var(--background-color));
  }

  #frise-engagement .nav-tabs-container {
    overflow-x: scroll;
  }

  #frise-engagement .nav-tabs-container .nav-tabs {
    overflow: auto;
    min-width: max-content;
    padding-right: 3rem;
  }

  #frise-engagement .nav-tabs-container .nav-tabs .nav-item {
    margin-right: 1.5rem;
  }

  #frise-engagement .tab-content .tab-pane {
    padding: 2rem 1rem;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  #frise-engagement .nav-date {
    font-size: 1rem;
  }

  #frise-engagement .nav-link.active .nav-date {
    font-size: 1.25rem;
  }
}

/* Section Timeline process */
#section-timeline-process .wrapper {
  display: grid;
  align-items: flex-start;
  gap: 2rem 1.5rem;
}

@media (min-width: 993px) {
  #section-timeline-process .wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

#section-timeline-process .wrapper .bloc-text h2 {
  margin-bottom: 1.25rem;
}

#section-timeline-process .wrapper .bloc-text .boutons {
  margin-top: 1.5rem;
}

#timeline {
  display: grid;
  grid-template-columns: 0.25rem 1fr;
}

@media (min-width: 993px) {
  #timeline {
    margin-left: 16.6667%;
  }
}

#timeline #timeline-progress {
  background-color: var(--main-color-05);
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#timeline #timeline-progress > div {
  background-color: var(--accent-color-50);
  border-radius: 0.25rem;
  height: 0%;
  transition: 0.3s ease-out;
}

#timeline #timeline-steps .step {
  display: block;
  padding: 1.5rem;
  padding-bottom: 0.25rem;
  user-select: none;
}

#timeline #timeline-steps .step input {
  display: none;
}

#timeline #timeline-steps .step .step__title {
  font-size: 1.5rem;
  line-height: 1.2;
}

#timeline #timeline-steps .step .step__description {
  box-sizing: border-box;
  padding-top: 1.25rem;
  height: 0;
  overflow: hidden;
  transition: 0.3s ease-out;
}

#timeline #timeline-steps .step .step__description p {
  margin: 0;
}

#timeline #timeline-steps .step .step__description .link {
  margin-top: 1.25rem;
}

.js-has-pseudo
  [csstools-has-z-38-2x-31-2t-30-2x-32-2t-w-z-38-2x-31-2t-30-2x-32-2t-19-37-38-2t-34-37-w-1a-37-38-2t-34-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(
    #does-not-exist
  ):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ) {
  padding-bottom: 1.5rem;
}

#timeline #timeline-steps .step:has(input[type="radio"]:checked) {
  padding-bottom: 1.5rem;
}

.js-has-pseudo
  [csstools-has-z-38-2x-31-2t-30-2x-32-2t-w-z-38-2x-31-2t-30-2x-32-2t-19-37-38-2t-34-37-w-1a-37-38-2t-34-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-37-38-2t-34-2n-2n-2s-2t-37-2r-36-2x-34-38-2x-33-32]:not(
    #does-not-exist
  ):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist) {
  height: calc-size(max-content, size);
}

#timeline
  #timeline-steps
  .step:has(input[type="radio"]:checked)
  .step__description {
  height: calc-size(max-content, size);
}

@supports not (height: calc-size(max-content, size)) {
  .js-has-pseudo
    [csstools-has-z-38-2x-31-2t-30-2x-32-2t-w-z-38-2x-31-2t-30-2x-32-2t-19-37-38-2t-34-37-w-1a-37-38-2t-34-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-y-36-2p-2s-2x-33-y-2l-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-37-38-2t-34-2n-2n-2s-2t-37-2r-36-2x-34-38-2x-33-32]:not(
      #does-not-exist
    ):not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
      .does-not-exist
    ):not(does-not-exist) {
    height: auto;
    padding-bottom: 0.5rem;
  }

  #timeline
    #timeline-steps
    .step:has(input[type="radio"]:checked)
    .step__description {
    height: auto;
    padding-bottom: 0.5rem;
  }
}

/* Blocs */
div[id^="bloc-"] {
  background-color: var(--main-color-05);
}

div[id^="bloc-"] p.label-title {
  margin-block: 0.25rem;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-color-90);
  line-height: 1.2;
}

div[id^="bloc-"] :is(h1, h2, h3, [class^="title"]) {
  margin-block: 0.25rem 0.375rem;
}

@media (min-width: 993px) {
  div[id^="bloc-"] :is(h1, h2, h3, [class^="title"]) {
    max-width: 500px;
    text-wrap: balance;
  }
}

div[id^="bloc-"] img {
  position: relative;
  display: block;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: top;
  border: 0.0625rem solid var(--main-color-05);
  border-radius: 1rem;
  z-index: 1;
}

@media (max-width: 992px) {
  div[id^="bloc-"] img {
    width: 100%;
    height: 15.625rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 993px) {
  div[id^="bloc-"] img {
    position: absolute;
    inset: 0 2rem;
    width: calc(100% - 4rem);
    height: 100%;
  }
}

div[id^="bloc-"] ul {
  list-style: none;
  padding-left: 0;
}

div[id^="bloc-"] ul li {
  position: relative;
  padding-left: 1.625rem;
}

div[id^="bloc-"] ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.10973 0.356812C3.72557 0.356812 0.171509 3.91088 0.171509 8.29504C0.171509 12.6792 3.72557 16.2333 8.10973 16.2333C12.4939 16.2333 16.048 12.6792 16.048 8.29504C16.048 3.91088 12.4939 0.356812 8.10973 0.356812ZM4.80923 8.27266C4.59295 8.05637 4.24229 8.05637 4.026 8.27266C3.80972 8.48895 3.80972 8.83956 4.026 9.05585L6.24132 11.2712C6.45761 11.4875 6.80831 11.4875 7.02452 11.2712L12.1936 6.10211C12.4099 5.88583 12.4099 5.53516 12.1936 5.31888C11.9773 5.1026 11.6267 5.1026 11.4104 5.31888L6.63293 10.0963L4.80923 8.27266Z" fill="%23074058"/></svg>');
  width: 1rem;
  aspect-ratio: 1;
}

div[id^="bloc-"] ul li:not(:last-child) {
  margin-bottom: 0.75rem;
}

div[id^="bloc-"] .boutons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem 1rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

@media (max-width: 600px) {
  div[id^="bloc-"] .boutons {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 600px) {
  div[id^="bloc-"] .boutons a {
    width: 100%;
  }
}

div[id^="bloc-"] .row .col {
  position: relative;
}

@media (min-width: 993px) {
  div[id^="bloc-"] .row .col > :first-child {
    margin-top: 0 !important;
  }

  div[id^="bloc-"] .row .col > :last-child {
    margin-bottom: 0 !important;
  }
}

div#bloc-01[id^="bloc-"] {
  /* padding-bottom: 0; */
}

@media (min-width: 993px) {
  div#bloc-02[id^="bloc-"] .container {
    padding-block: 3rem;
  }
}

/* FOOTER */
/* ====== */
footer {
  position: relative;
  background: var(--primary-color);
  color: #fff;
}

footer .sup-footer {
  padding-top: 3rem;
}

@media (min-width: 601px) {
  footer .sup-footer {
    padding-top: 3.5rem;
  }
}

@media (min-width: 993px) {
  footer .sup-footer {
    padding-top: 5rem;
  }
}

footer .sup-footer :is(h1, h2, h3, [clas*="title"]) {
  text-align: center;
  color: #fff;
  margin: 0 auto 0.375rem;
}

footer .sup-footer p.intro {
  font-size: 0.875rem;
  text-align: center;
  max-width: 500px;
  margin: 0.375rem auto;
}

footer .sup-footer form#form_newsletter .newsletterInput {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem auto 1rem;
  max-width: 600px;
}

@media (max-width: 767px) {
  footer .sup-footer form#form_newsletter .newsletterInput {
    flex-direction: column;
    align-items: stretch;
  }
}

footer .sup-footer form#form_newsletter .newsletterInput #input_newsletter {
  font-size: 0.9375rem;
  background-color: #fff;
  border: 0.125rem solid #fff;
  padding: 0.8125rem 1.25rem;
}

@media (min-width: 768px) {
  footer .sup-footer form#form_newsletter .newsletterInput #input_newsletter {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
}

@media (max-width: 767px) {
  footer .sup-footer form#form_newsletter .newsletterInput #input_newsletter {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
}

footer .sup-footer form#form_newsletter .newsletterInput #submit_newsletter {
  display: none !important;
}

@media (min-width: 768px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 767px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

@media (min-width: 768px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"]
    .glow-border {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 767px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"]
    .glow-border {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

@media (min-width: 768px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"]
    .glow-border
    .inner-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 767px) {
  footer
    .sup-footer
    form#form_newsletter
    .newsletterInput
    button[type="submit"]
    .glow-border
    .inner-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

footer .sup-footer #mess_newsletter {
  --colorMessage: #f00;
  background-color: color-mix(in srgb, var(--colorMessage), transparent 80%);
  color: var(--colorMessage);
  font-weight: 700;
  padding: 0.875rem 1.25rem;
  margin: 0 auto;
  width: fit-content;
  max-width: 500px;
  border-radius: 0.5rem;
}

footer .main-footer {
  position: relative;
  padding-block: 3rem;
}

@media (min-width: 601px) {
  footer .main-footer {
    padding-block: 3.5rem;
  }
}

@media (min-width: 993px) {
  footer .main-footer {
    padding-block: 5rem;
  }
}

@media (min-width: 993px) {
  footer .main-footer .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
  }
}

footer .main-footer .wrapper .item-wrapper.menu-footer {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  footer .main-footer .wrapper .item-wrapper.menu-footer {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 993px) {
  footer .main-footer .wrapper .item-wrapper.menu-footer {
    max-width: 66.6666666666%;
  }
}

footer .main-footer .wrapper .item-wrapper .brand {
  margin-bottom: 1.875rem;
}

footer .main-footer .wrapper .item-wrapper .footer-text {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.8;
  max-width: 309px;
}

footer .main-footer .wrapper .item-wrapper h4 {
  margin-block: 0 0.625rem;
  font-family: var(--secondary-font);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}

footer .main-footer .wrapper .item-wrapper .coordonnee-telephone,
footer .main-footer .wrapper .item-wrapper .coordonnee-adresse,
footer .main-footer .wrapper .item-wrapper .coordonnee-mail,
footer .main-footer .wrapper .item-wrapper .horaires {
  position: relative;
  margin-block: 0.5rem;
  font-family: var(--secondary-font);
  font-size: 0.9375rem;
}

footer .main-footer .wrapper .item-wrapper .coordonnee-telephone::before,
footer .main-footer .wrapper .item-wrapper .coordonnee-adresse::before,
footer .main-footer .wrapper .item-wrapper .coordonnee-mail::before,
footer .main-footer .wrapper .item-wrapper .horaires::before {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;

  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;

  background-color: #ffffff33;
  border-radius: 50%;
  aspect-ratio: 1;
  text-align: center;
  align-content: center;
  width: 2.5rem;
}

footer .main-footer .wrapper .item-wrapper .coordonnee-telephone a,
footer .main-footer .wrapper .item-wrapper .coordonnee-adresse a,
footer .main-footer .wrapper .item-wrapper .coordonnee-mail a,
footer .main-footer .wrapper .item-wrapper .horaires a {
  text-decoration: none;
  line-height: 2;
  color: #fff;
  transition: 0.3s ease-in-out;
}

footer
  .main-footer
  .wrapper
  .item-wrapper
  .coordonnee-telephone
  a:is(:hover, :focus-visible),
footer
  .main-footer
  .wrapper
  .item-wrapper
  .coordonnee-adresse
  a:is(:hover, :focus-visible),
footer
  .main-footer
  .wrapper
  .item-wrapper
  .coordonnee-mail
  a:is(:hover, :focus-visible),
footer
  .main-footer
  .wrapper
  .item-wrapper
  .horaires
  a:is(:hover, :focus-visible) {
  color: var(--accent-color);
}

footer .main-footer .wrapper .item-wrapper .coordonnee-adresse span {
  display: block;
}

footer .main-footer .wrapper .item-wrapper .menu h4 {
  margin-bottom: 1.75rem;
}

footer .main-footer .wrapper .item-wrapper .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  height: fit-content;
}

footer .main-footer .wrapper .item-wrapper .menu ul li a {
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.8;
  color: #fff;
  transition: 0.3s ease-in-out;
}

footer
  .main-footer
  .wrapper
  .item-wrapper
  .menu
  ul
  li
  a:is(:hover, :focus-visible) {
  color: color-mix(in srgb, var(--accent-color) 100%, #fff 60%);
}

footer .main-footer .wrapper .item-wrapper .reseaux-sociaux {
  margin-block: 1.875rem;
}

@media (min-width: 993px) {
  footer .main-footer .wrapper .item-wrapper .reseaux-sociaux {
    margin-bottom: 0;
  }
}

footer .main-footer .wrapper .item-wrapper .reseaux-sociaux ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .main-footer .wrapper .item-wrapper .reseaux-sociaux ul li a {
  display: inline-block;
}

footer .main-footer .wrapper .item-wrapper .reseaux-sociaux ul li a svg {
  position: relative;
  fill: #fff;
  z-index: 1;
  transition: 0.3s ease-in-out;
}

footer
  .main-footer
  .wrapper
  .item-wrapper
  .reseaux-sociaux
  ul
  li
  a:is(:hover, :focus-visible)
  svg {
  fill: color-mix(in srgb, var(--accent-color) 100%, #fff 80%);
}

@media (min-width: 993px) {
  footer .sub-footer {
    font-size: 0.875rem;
  }
}

footer .sub-footer .container {
  position: relative;
  padding-block: 1.75rem;
}

footer .sub-footer .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 800px;
  height: 1px;
  background-color: #cfd2cf;
}

footer .sub-footer .siret {
  /* display: none; */
}

/* PAGES INTERNES */
/* ============== */
/* Fil d'ariane */
@media (min-width: 993px) {
  #fil_ariane,
  .fil-ariane {
    font-size: 0.875rem;
  }
}

:is(#fil_ariane, .fil-ariane) .first {
  display: inline;
}

:is(#fil_ariane, .fil-ariane) a {
  color: var(--link-color);
  text-decoration: underline;
}

:is(#fil_ariane, .fil-ariane) a:is(:hover, :focus-visible) {
  text-decoration: none;
}

/* Tap Bar */
.tap-bar .tap-bar-doctolib {
  background-color: #1d78c6;
  color: #fff;
}

.tap-bar .tap-bar-item.accent {
  background-color: var(--accent-color);
}

/* Relance */
#relance ul {
  padding-left: 0;
}

body.page-interne .sc-content #relance {
  margin-block: 4rem 0;
}

@media (min-width: 601px) {
  body.page-interne .sc-content #relance {
    margin-block: 6rem 0;
  }
}

@media (min-width: 993px) {
  body.page-interne .sc-content #relance {
    margin-block: 7.5rem 0;
  }
}

body.page-interne .sc-content #relance ul li a {
  color: var(--link-color);
}

/* Encart contact */
#encart-contact .wrapper,
#encart-contact-bis .wrapper {
  background-color: var(--main-color-05);
  background-image: linear-gradient(hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0.8)),
    url("../assets/gifs/bg-encart-contact.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
}

@media (min-width: 993px) {
  #encart-contact .wrapper,
  #encart-contact-bis .wrapper {
    background-image: linear-gradient(
        hsla(198, 87%, 10%, 0.9),
        hsla(198, 87%, 10%, 0.9)
      ),
      url("../assets/gifs/bg-encart-contact.webp");
    padding: 4.875rem 2.5rem;
    border-radius: 1rem;
  }
}

#encart-contact .wrapper :is(h1, h2, h3, [class^="title"]),
#encart-contact-bis .wrapper :is(h1, h2, h3, [class^="title"]) {
  color: #fff;
  margin: 0 auto 0.625rem;
  max-width: 560px;
}

#encart-contact .wrapper p.intro,
#encart-contact-bis .wrapper p.intro {
  font-size: 0.875rem;
  margin: 0.625rem auto;
  max-width: 500px;
  color: var(--accent-color-05);
}

#encart-contact .wrapper .boutons,
#encart-contact-bis .wrapper .boutons {
  margin: 1.5rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

/* Politique de confidentialité */
body.page-politique-confidentialite main .section address {
  margin-bottom: 1rem;
}

/* Plan du site */
body.plan-site main .section .sitemap-nav ul li:not(:last-of-type) {
  margin-bottom: 8px;
}

/* Rappel téléphonique */
.rappel_telephonique .brand {
  text-align: center;
  margin: 2rem 0;
}

.rappel_telephonique .brand a {
  display: inline-block;
}

.rappel_telephonique h2 {
  text-align: center;
}

/* Page 404 */
@media (min-width: 993px) {
  body.page-404 {
    padding-top: 95px !important;
  }
}

body.page-404 header {
  padding: 0;
}

body.page-404 header .header-content {
  background-color: hsla(0, 0%, 0%, 0.75);
}

body.page-404 header .fold {
  display: none;
  height: 580px;
}

/* Page Devis */
@media (min-width: 601px) {
  body.devis-page main form .nom-prenom,
  body.devis-page main form .cp_ville {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}
.hotline body.page-interne main form {
  background-color: #fff;
  border-radius: 1rem;
  filter: drop-shadow(0 -0.0625rem 2.25rem hsla(0, 0%, 0%, 0.05));
  margin-top: 2.25rem;
  margin-inline: auto;
}

@media (max-width: 992px) {
/* Page Hotline */
.hotline body.page-interne main form {
  padding: .5rem;
}
}
/* Page Hotline */

@media (min-width: 992px) {
  .hotline body.page-interne main form {
  padding: 3rem;

}
  .hotline body.page-interne main form {
    width: 80%;
  }
}

.hotline body.page-interne main form input[type="text"],
.hotline body.page-interne main form input[type="tel"],
.hotline body.page-interne main form input[type="email"],
.hotline body.page-interne main form .select-wrap select,
.hotline body.page-interne main form textarea {
  border-radius: 0.5rem;
  border: 1px solid var(--main-color-10);
  font-family: var(--primary-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.75rem;
  background-color: #fff;
}

@media (min-width: 601px) {
  .hotline body.page-interne main form .nom-prenom,
  .hotline body.page-interne main form .cp_ville {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}

.hotline body.page-interne main form label {
  font-family: var(--primary-font);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--main-color-90);
}

.hotline body.page-interne main form p {
  margin: 0 0 1.25rem;
}

.hotline body.page-interne main form .divGenerateurRequired {
  display: none;
  margin-top: 2rem;
}

.hotline body.page-interne main form .divGenerateur {
  margin: 0.75rem 0 2rem;
}

.hotline body.page-interne main form .divGenerateur > label {
  display: none;
}

.hotline body.page-interne main form .divGenerateur ul {
  margin: 0;
}

.hotline body.page-interne main form .divGenerateur ul li label {
  display: flex;
  align-items: flex-start;
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 0;
}

.hotline body.page-interne main form .divGenerateur ul li label input {
  margin-right: 0.5rem;
}

.hotline body.page-interne main form p.demarche {
  display: block;
  font-size: 0.625rem;
  margin: 2rem 0 0.75rem;
}

.hotline body.page-interne main form p.submit {
  margin: 2rem 0 0;
}

  .hotline body.page-interne main form p.submit input[type="submit"] {
    padding: 0.8725rem 3rem;
  }


/* display: none; */

/* Page Contact */
:is(body.contact-page #fil_ariane, body.contact-page .fil-ariane) a {
  color: #fff;
}

body.contact-page main .wrapper {
  display: grid;
  align-items: flex-start;
  gap: 2rem 3.25rem;
}

@media (min-width: 993px) {
  body.contact-page main .wrapper {
    grid-template-columns: 4fr 3fr;
  }
}

body.contact-page main .wrapper .bloc-form,
body.contact-page main .wrapper .bloc-infos-pratiques {
  background-color: #fff;
  padding: 3rem;
  border-radius: 1rem;
  filter: drop-shadow(0 -0.0625rem 2.25rem hsla(0, 0%, 0%, 0.05));
}

body.contact-page main .wrapper .bloc-form :is(h1, h2, h3, [class^="title"]),
body.contact-page
  main
  .wrapper
  .bloc-infos-pratiques
  :is(h1, h2, h3, [class^="title"]) {
  margin: 0 0 0.75rem;
}

body.contact-page main .wrapper .bloc-form h5.title-info,
body.contact-page main .wrapper .bloc-infos-pratiques h5.title-info {
  font-family: var(--primary-font);
  font-size: 0.9375rem;
  line-height: 1.2;
  color: var(--main-color-90);
  margin: 1.25rem 0 0.5rem;
}

:is(body.contact-page main .wrapper .bloc-form h5.title-info) + *,
:is(body.contact-page main .wrapper .bloc-infos-pratiques h5.title-info) + * {
  margin-top: 0.5rem;
}

body.contact-page main .wrapper .bloc-form .map-container,
body.contact-page main .wrapper .bloc-infos-pratiques .map-container {
  margin-top: 1.25rem;
}

body.contact-page main .wrapper .bloc-form .map-container *,
body.contact-page main .wrapper .bloc-infos-pratiques .map-container * {
  height: 15rem !important;
}

body.contact-page main .wrapper .bloc-form .map-container iframe,
body.contact-page main .wrapper .bloc-infos-pratiques .map-container iframe {
  border: 0.0625rem solid var(--main-color-20) !important;
  border-radius: 0.5rem;
}

body.contact-page main form {
  margin-top: 2.25rem;
}

body.contact-page main form input[type="text"],
body.contact-page main form input[type="tel"],
body.contact-page main form input[type="email"],
body.contact-page main form .select-wrap select,
body.contact-page main form textarea {
  border-radius: 0.5rem;
  border: 1px solid var(--main-color-10);
  font-family: var(--primary-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.75rem;
  background-color: #fff;
}

@media (min-width: 601px) {
  body.contact-page main form .nom-prenom,
  body.contact-page main form .cp_ville {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}

body.contact-page main form label {
  font-family: var(--primary-font);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--main-color-90);
}

body.contact-page main form p {
  margin: 0 0 1.25rem;
}

body.contact-page main form .divGenerateurRequired {
  display: none;
  margin-top: 2rem;
}

body.contact-page main form .divGenerateur {
  margin: 0.75rem 0 2rem;
}

body.contact-page main form .divGenerateur > label {
  display: none;
}

body.contact-page main form .divGenerateur ul {
  margin: 0;
}

body.contact-page main form .divGenerateur ul li label {
  display: flex;
  align-items: flex-start;
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 0;
}

body.contact-page main form .divGenerateur ul li label input {
  margin-right: 0.5rem;
}

body.contact-page main form p.demarche {
  display: block;
  font-size: 0.625rem;
  margin: 2rem 0 0.75rem;
}

body.contact-page main form p.submit {
  margin: 2rem 0 0;
}

@media (min-width: 993px) {
  body.contact-page main form p.submit input[type="submit"] {
    padding: 0.8725rem 3rem;
  }
}

/* display: none; */
table.horaires tr > td:not(:last-child) {
  padding-right: 1rem;
}

/* Actualités listing */
body.actualites-listing header .fold {
  --imgBackground: url("/public/assets/gifs/fold-contact.webp") !important;
}

body.actualites-listing main .section {
  padding-top: 4rem;
}

body.actualites-listing main #fil_ariane {
  padding-top: 0;
}
.listing-autres-actus-categorie {
    margin-block: 1rem;
}
body.actualites-listing .categories_actu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
body.actualites-detail #listing-autres-actus-categorie::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--primary-color);
  width: calc(100% + 3rem);
  height: calc(100% + 3rem);
  opacity: 1;
  z-index: -1;
}
body.actualites-listing
  .categories_actu
  ul
  li
  a.btn
  .glow-border
  .inner-button {
  padding: 0.25rem 0.5rem;
}

@media (min-width: 601px) {
  body.actualites-listing .recherche_actu #input_recherche_actu {
    width: calc(100% - 5.25rem);
    vertical-align: bottom;
  }
}

body.actualites-listing .recherche_actu #recherche_actu_submit {
  width: auto;
  font-family: var(--secondary-font);
  font-size: 1rem;
  /* padding: 0.5px 12px; */
}

@media (max-width: 600px) {
  body.actualites-listing .recherche_actu #recherche_actu_submit {
    width: 100%;
  }
}

body.actualites-listing
  .recherche_actu
  #recherche_actu_submit
  .glow-border
  .inner-button {
  padding: 0.325rem 0.75rem;
}

body.actualites-listing #container_actualite_listing .masonry-grid {
  display: grid;
  grid-auto-rows: auto;
  gap: 1.5rem;
  /* @media (width >= 768px) {
      grid-template-columns: 1fr 1fr;
    } */
}

/* Actualités détail */
body.actualites-detail .detail-actu .actualites-date {
  font-size: 0.75rem;
  line-height: 1.75;
  margin-bottom: 0.875rem;
}

body.actualites-detail .detail-actu .actualites-date span[class^="material-"] {
  vertical-align: bottom;
  color: var(--primary-color);
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

body.actualites-detail .detail-actu .actualites-date .date-prefix {
  display: none;
}

body.actualites-detail .detail-actu .detail-actu-image {
  display: none;
}

body.actualites-detail #listing-autres-actus-categorie {
  color: #fff;
  position: relative;
}



body.actualites-detail
  #listing-autres-actus-categorie
  :is(h1, h2, h3, h4, [class^="title"]) {
  color: #fff;
}

body.actualites-detail #listing-autres-actus-categorie ul {
  color: #fff;
}

body.actualites-detail #listing-autres-actus-categorie ul li a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

body.actualites-detail
  #listing-autres-actus-categorie
  ul
  li
  a:is(:hover, :focus-visible) {
  color: color-mix(in srgb, var(--accent-color) 100%, #fff 80%);
}

body.actualites-detail #listing-autres-actus-categorie .detail-btn {
  text-align: center;
}

body.actualites-detail #listing-autres-actus-categorie .detail-btn a.btn {
  /* color: #fff;
      border-color: #fff;
      background-color: transparent;
      &:is(:hover, :focus-visible) {
        color: var(--primary-color);
        border-color: #fff;
        background-color: #fff;
      } */
}

/* Catalogue listing */
body.catalogue-listing main .section {
  padding-top: 4rem;
}

body.catalogue-listing main #fil_ariane {
  padding-top: 0;
}

body.catalogue-listing main .tri-realisations {
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.catalogue-listing main #catalogue_contenu .masonry-grid {
  display: grid;
  grid-auto-rows: auto;
  gap: 1.5rem;
}

/* Card témoignage */
.temoignage-card {
  height: 100%;
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0.25rem 0.75rem hsla(0, 0%, 0%, 0.25);
  position: relative;
}

.temoignage-card .card-image {
  display: flex;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.temoignage-card .card-image img {
  display: block;
  object-fit: contain;
  object-position: center;
  margin-inline: auto;
}

.temoignage-card .card-content {
  padding: 1.5rem;
}

.temoignage-card .card-content .card-title {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}

.temoignage-card .card-content .card-title a {
  color: inherit;
  display: block;
  text-decoration: none;
}

.temoignage-card .card-content .card-title a::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.temoignage-card .card-content .card-resume {
  margin-top: 0.5rem;
}

/* Catalogue détail */
body.catalogue-detail main .catalogue-detail-images-container {
  padding-top: 0 !important;
}

body.catalogue-detail main .categorie {
  display: flex;
  align-items: center;
  gap: 0.25rem 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

body.catalogue-detail main .categorie > span {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--title-color);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

body.catalogue-detail main .align-right {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

/* PaginationControl */
.paginationControl {
  margin: 2.5rem 0;
  text-align: center;
}

.paginationControl * {
  color: var(--text-color);
  text-decoration: none;
  text-align: center;
  display: inline-block;
  line-height: 1.8;
  width: 26px;
  height: 26px;
  margin: 0 1rem;
  padding: 0 4px;
  border-radius: 50%;
}

@media (max-width: 992px) {
  .paginationControl * {
    margin: 0.5rem 1rem;
  }
}

.paginationControl :first-child,
.paginationControl :last-child {
  font-size: 1.635rem;
  line-height: 0.8;
}

.paginationControl .selected {
  color: white;
  background-color: var(--text-color);
}

.paginationControl .disabled {
  opacity: 0.5;
}

.paginationControl a {
  transition: 0.3s ease-in-out;
}

.paginationControl a:is(:hover, :focus-visible) {
  color: white;
  background-color: hsla(var(--text-h), var(--text-s), var(--text-l), 0.5);
}

/* Page cahier des charges et test potentiel */
body.page-cdc,
body.test-page {
  background-color: #f8f8f8;
}

body.page-cdc main .content,
body.test-page main .content {
  max-width: 1200px;
  margin-inline: auto;
  background-color: #fff;
  padding: 3rem;
  filter: drop-shadow(0 0 2.25rem #0000000d);
}

@media (max-width: 992px) {
  body.page-cdc main .content,
  body.test-page main .content {
    padding: 1.5rem;
  }
}

body.page-cdc main .content .progress-steps,
body.test-page main .content .progress-steps {
  width: fit-content;
  overflow: hidden;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 2.5rem;
  counter-reset: steps 0;
}

body.page-cdc main .content .progress-steps .step,
body.test-page main .content .progress-steps .step {
  counter-increment: steps;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--main-color-70);
  transition: 0.3s ease-out;
}

body.page-cdc main .content .progress-steps .step::before,
body.test-page main .content .progress-steps .step::before {
  content: counter(steps);
  display: inline-block;
  aspect-ratio: 1;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  align-content: center;
  border: 1px solid var(--main-color-20);
  border-radius: 50%;
  background-color: #fff;
  width: 3rem;
  transition: 0.3s ease-out;
}

body.page-cdc main .content .progress-steps .step::after,
body.test-page main .content .progress-steps .step::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  right: 0.25rem;
  translate: 100% -50%;
  display: inline-block;
  width: 4rem;
  height: 0.0625rem;
  background-color: var(--main-color-20);
  z-index: -1;
  transition: 0.3s ease-out;
}

body.page-cdc main .content .progress-steps .step.last-child::after,
body.test-page main .content .progress-steps .step.last-child::after {
  content: none;
}

body.page-cdc main .content .progress-steps .step.active,
body.test-page main .content .progress-steps .step.active {
  color: var(--main-color-95);
}

body.page-cdc main .content .progress-steps .step.active::before,
body.test-page main .content .progress-steps .step.active::before {
  color: var(--accent-color);
  border-color: var(--accent-color);
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2r-2s-2r-w-31-2p-2x-32-w-1a-2r-33-32-38-2t-32-38-w-1a-34-36-33-2v-36-2t-37-37-19-37-38-2t-34-37-w-1a-37-38-2t-34-1m-2w-2p-37-14-17-w-1a-37-38-2t-34-1a-2p-2r-38-2x-3a-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist)::after,
.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-38-2t-37-38-19-34-2p-2v-2t-w-31-2p-2x-32-w-1a-2r-33-32-38-2t-32-38-w-1a-34-36-33-2v-36-2t-37-37-19-37-38-2t-34-37-w-1a-37-38-2t-34-1m-2w-2p-37-14-17-w-1a-37-38-2t-34-1a-2p-2r-38-2x-3a-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist)::after {
  background-color: var(--accent-color);
}

body.page-cdc main .content .progress-steps .step:has(+ .step.active)::after,
body.test-page main .content .progress-steps .step:has(+ .step.active)::after {
  background-color: var(--accent-color);
}

/* margin-top: 2.25rem; */
body.page-cdc main form h2,
body.test-page main form h2 {
  margin: 0 0 2.25rem;
}

body.page-cdc main form input[type="text"],
body.test-page main form input[type="text"],
body.page-cdc main form input[type="tel"],
body.test-page main form input[type="tel"],
body.page-cdc main form input[type="email"],
body.test-page main form input[type="email"],
body.page-cdc main form .select-wrap select,
body.test-page main form .select-wrap select,
body.page-cdc main form textarea,
body.test-page main form textarea {
  border-radius: 0.5rem;
  border: 1px solid var(--main-color-10);
  font-family: var(--primary-font);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.75rem;
  background-color: #fff;
}

@media (min-width: 601px) {
  body.page-cdc main form .double-champ,
  body.test-page main form .double-champ,
  body.page-cdc main form .nom-prenom,
  body.test-page main form .nom-prenom,
  body.page-cdc main form .cp_ville,
  body.test-page main form .cp_ville {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
}

body.page-cdc main form label,
body.test-page main form label {
  font-family: var(--primary-font);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--main-color-90);
}

body.page-cdc main form p,
body.test-page main form p {
  margin: 0 0 1.25rem;
}

body.page-cdc main form .divGenerateurRequired,
body.test-page main form .divGenerateurRequired {
  display: none;
  margin-top: 2rem;
}

body.page-cdc main form .divGenerateur,
body.test-page main form .divGenerateur,
body.page-cdc main form .divGenerateurErreur,
body.test-page main form .divGenerateurErreur {
  margin: 0.75rem 0 2rem;
}

body.page-cdc main form .divGenerateur > label,
body.test-page main form .divGenerateur > label,
body.page-cdc main form .divGenerateurErreur > label,
body.test-page main form .divGenerateurErreur > label {
  /* display: none; */
}

body.page-cdc main form .divGenerateur ul,
body.test-page main form .divGenerateur ul,
body.page-cdc main form .divGenerateurErreur ul,
body.test-page main form .divGenerateurErreur ul {
  margin: 0;
}

body.page-cdc main form .divGenerateur ul li label,
body.test-page main form .divGenerateur ul li label,
body.page-cdc main form .divGenerateurErreur ul li label,
body.test-page main form .divGenerateurErreur ul li label {
  display: flex;
  align-items: flex-start;
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 0;
}

body.page-cdc main form .divGenerateur ul li label input,
body.test-page main form .divGenerateur ul li label input,
body.page-cdc main form .divGenerateurErreur ul li label input,
body.test-page main form .divGenerateurErreur ul li label input {
  margin-right: 0.5rem;
}

body.page-cdc main form p.demarche,
body.test-page main form p.demarche {
  display: block;
  font-size: 0.625rem;
  margin: 2rem 0 0.75rem;
}

body.page-cdc main form #form_prec,
body.test-page main form #form_prec,
body.page-cdc main form #form_suiv,
body.test-page main form #form_suiv,
body.page-cdc main form #form_valid,
body.test-page main form #form_valid {
  margin-inline: auto 0;
}

body.page-cdc main form p.submit,
body.test-page main form p.submit {
  margin: 2rem 0 0;
}

@media (min-width: 993px) {
  body.page-cdc main form p.submit input[type="submit"],
  body.test-page main form p.submit input[type="submit"] {
    padding: 0.8725rem 3rem;
  }
}

/* display: none; */
body.page-cdc main form .test_etape .blocContentTest span.erreur-potentiel,
body.test-page main form .test_etape .blocContentTest span.erreur-potentiel {
  display: inline-block;
  color: red;
  margin-bottom: 1rem;
}

body.page-cdc main form .test_etape .blocContentTest .form-france,
body.test-page main form .test_etape .blocContentTest .form-france,
body.page-cdc main form .test_etape .blocContentTest .form-belgique,
body.test-page main form .test_etape .blocContentTest .form-belgique {
  margin-bottom: 1rem;
}

body.page-cdc main form .test_etape .blocContentTest .bouton,
body.test-page main form .test_etape .blocContentTest .bouton {
  margin-top: 1.5rem;
}

body.page-cdc main form .container-buttons,
body.test-page main form .container-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}

@media (max-width: 600px) {
  body.page-cdc main form .container-buttons,
  body.test-page main form .container-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body.page-cdc main form .container-buttons button,
  body.test-page main form .container-buttons button {
    width: 100%;
    height: 100%;
  }

  body.page-cdc main form .container-buttons button *,
  body.test-page main form .container-buttons button * {
    height: 100%;
    align-content: center;
  }
}

@media (max-width: 319px) {
  body.page-cdc main form .container-buttons,
  body.test-page main form .container-buttons {
    grid-template-columns: 1fr;
  }
}

.page_test_potentiel {
  margin-top: 2.25rem;
}

/* Pages internes */
/* h1 {
  span {
    display: block;
    font-size: 90%;
    margin: 0;
  }
} */
body.page-interne .container .container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-z-2u-2x-30-2n-2p-36-2x-2p-32-2t-18-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t-15-w-z-2u-2x-30-2n-2p-36-2x-2p-32-2t]:not(
    #does-not-exist
  ):not(#does-not-exist):not(does-not-exist):not(does-not-exist),
.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-z-2u-2x-30-2n-2p-36-2x-2p-32-2t-18-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t-15-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t]:not(
    #does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  margin-block: 0 2rem;
  /* @media (width >= 601px){
        margin-top: 6rem;
      }
      @media (width >= 993px){
        margin-top: 7.5rem;
      } */
}

body.page-interne main:has(#fil_ariane, .fil-ariane) #fil_ariane,
body.page-interne main:has(#fil_ariane, .fil-ariane) .fil-ariane {
  margin-block: 0 2rem;
  /* @media (width >= 601px){
        margin-top: 6rem;
      }
      @media (width >= 993px){
        margin-top: 7.5rem;
      } */
}

.js-has-pseudo
  :is(
    [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-z-2u-2x-30-2n-2p-36-2x-2p-32-2t-18-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t-15-w-z-2u-2x-30-2n-2p-36-2x-2p-32-2t]:not(
        #does-not-exist
      ):not(#does-not-exist):not(does-not-exist):not(does-not-exist),
    [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-z-2u-2x-30-2n-2p-36-2x-2p-32-2t-18-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t-15-w-1a-2u-2x-30-19-2p-36-2x-2p-32-2t]:not(
        #does-not-exist
      ):not(.does-not-exist):not(does-not-exist):not(does-not-exist)
  )
  + * {
  margin-top: 0;
}

:is(
    body.page-interne main:has(#fil_ariane, .fil-ariane) #fil_ariane,
    body.page-interne main:has(#fil_ariane, .fil-ariane) .fil-ariane
  )
  + * {
  margin-top: 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-37-2r-19-2r-33-32-38-2t-32-38-1a-39-2x-19-37-33-36-38-2p-2q-30-2t-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist) {
  display: flex !important;
}

body.page-interne
  main:has(.sc-content.ui-sortable)
  .ac-doubleColonne.ac-marketing {
  display: flex !important;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-z-2r-33-32-38-2p-2x-32-2t-36]:not(
    #does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  padding-top: 0;
}

body.page-interne main:has(.ac-marketing) #container {
  padding-top: 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  /* display: none; */
  position: relative;
  color: white;
  padding-block: 4rem;
  margin-top: 0;
  text-align: center;
}

body.page-interne main:has(.ac-marketing) .ac-doubleColonne.ac-marketing {
  /* display: none; */
  position: relative;
  color: white;
  padding-block: 4rem;
  margin-top: 0;
  text-align: center;
  display: flex;
  align-items: center;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  )::before {
  content: "";
  display: block;
  position: absolute;
  /* inset: 0; */
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100vw;
  height: 100%;
  background: linear-gradient(
    hsla(198, 87%, 10%, 0.9),
    hsla(198, 87%, 10%, 0.9)
  );
  z-index: -1;
}

body.page-interne
  main:has(.ac-marketing)
  .ac-doubleColonne.ac-marketing::before {
  content: "";
  display: block;
  position: absolute;
  /* inset: 0; */
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100vw;
  height: 100%;
  background: linear-gradient(
    hsla(198, 87%, 10%, 0.9),
    hsla(198, 87%, 10%, 0.9)
  );
  z-index: -1;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-2w-1d]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ):not(does-not-exist) {
  color: white;
}

body.page-interne main:has(.ac-marketing) .ac-doubleColonne.ac-marketing h1 {
  color: white;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-2w-1d-w-37-34-2p-32]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ):not(does-not-exist):not(does-not-exist) {
  font-family: var(--secondary-font);
  font-size: var(--h1-font-size);
  font-weight: 600;
  /* line-height: 1.4; */
  /* margin-block: 1rem 0; */
}

body.page-interne
  main:has(.ac-marketing)
  .ac-doubleColonne.ac-marketing
  h1
  span {
  font-family: var(--secondary-font);
  font-size: var(--h1-font-size);
  font-weight: 600;
  /* line-height: 1.4; */
  /* margin-block: 1rem 0; */
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-2w-1d-w-37-34-2p-32]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ):not(does-not-exist):not(does-not-exist)::before {
  content: none;
}

body.page-interne
  main:has(.ac-marketing)
  .ac-doubleColonne.ac-marketing
  h1
  span::before {
  content: none;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-34]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(
    does-not-exist
  ):not(does-not-exist) {
  max-width: 870px;
  text-align: center;
  margin-inline: auto;
  font-weight: initial !important;
}

body.page-interne main:has(.ac-marketing) .ac-doubleColonne.ac-marketing p {
  max-width: 870px;
  text-align: center;
  margin-inline: auto;
  font-weight: initial !important;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-1m-2w-2p-37-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-15-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-1a-2p-2r-19-2r-33-30-33-32-32-2t]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist) {
  width: 100%;
  margin: 0 !important;
}

body.page-interne
  main:has(.ac-marketing)
  .ac-doubleColonne.ac-marketing
  .ac-colonne {
  width: 100%;
  margin: 0 !important;
}

body.page-interne main .sc-content img {
  height: 100%;
  object-fit: cover;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon) {
  position: relative;
  padding-block: 4rem 0;
  margin-block: 0;
}

@media (min-width: 601px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon) {
    padding-block: 6rem;
  }
}

@media (min-width: 993px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-block: 7.5rem;
  }
}

.js-has-pseudo
  body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon):not(
    [csstools-has-1m-2w-2p-37-14-1a-2p-2r-19-2r-33-30-33-32-32-2t-1a-2p-2r-19-2r-33-30-33-32-32-2t-2n-1e-15]:not(
        .does-not-exist
      )
  ) {
  display: block;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon):not(
    :has(.ac-colonne.ac-colonne_2)
  ) {
  display: block;
}

.js-has-pseudo
  body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon):not(
    [csstools-has-1m-2w-2p-37-14-1a-2p-2r-19-2r-33-30-33-32-32-2t-1a-2p-2r-19-2r-33-30-33-32-32-2t-2n-1e-15]:not(
        .does-not-exist
      )
  )
  .ac-colonne {
  width: 100%;
  margin: 0;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon):not(
    :has(.ac-colonne.ac-colonne_2)
  )
  .ac-colonne {
  width: 100%;
  margin: 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-1m-2w-2p-37-14-17-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist) {
  padding-bottom: 0;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon):has(+ .ac-doubleColonne) {
  padding-bottom: 0;
}

@media (min-width: 993px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon) {
    display: grid;
    align-items: center;
    grid-template-columns: 17.625rem 1fr;
  }
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-1m-2w-2p-37-14-17-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  padding-bottom: 0;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon):has(
    + .ac-doubleColonne.membre-equipe
  ) {
  padding-bottom: 0;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-1m-2w-2p-37-14-17-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--main-color-20);
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon):has(
    + .ac-doubleColonne.membre-equipe
  )::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
  width: 100%;
  height: 0.0625rem;
  background-color: var(--main-color-20);
}

.js-has-pseudo
  :is(
    [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-1m-2w-2p-37-14-17-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-31-2t-31-2q-36-2t-19-2t-35-39-2x-34-2t-15]:not(
        .does-not-exist
      ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
        .does-not-exist
      ):not(.does-not-exist):not(does-not-exist):not(does-not-exist)
  )
  + .ac-doubleColonne.membre-equipe {
  padding-top: 6rem;
}

:is(
    body.page-interne
      main
      .sc-content
      .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon):has(
        + .ac-doubleColonne.membre-equipe
      )
  )
  + .ac-doubleColonne.membre-equipe {
  padding-top: 6rem;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon)
  .ac-colonne.ac-colonne_1
  img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 16rem;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border-radius: 100vw;
  margin-inline: auto;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne.membre-equipe:not(.ac-marketing, .ac-accordeon)
  .ac-colonne.ac-colonne_2 {
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne.ac-methodologie:not(.ac-marketing, .ac-accordeon)
  .ac-colonne
  img {
  position: relative;
  display: block;
  height: 250px;
  margin-bottom: 1.5rem;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne {
  position: relative;
  width: auto;
}

@media (max-width: 992px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne
    p.label-title {
    margin-top: 1.5rem;
  }
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne
  :is(h1, h2, h3, [class^="title"]) {
  margin-block: 0.25rem 0.375rem;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne
  h1
  span::before {
  content: none;
}

@media (min-width: 993px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne
    > :first-child {
    margin-top: 0;
  }

  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne
    > :last-child {
    margin-bottom: 0;
    margin: auto;
  }

  .js-has-pseudo
    body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne.ac-colonne_1:not(
      [csstools-has-1m-2w-2p-37-14-2x-31-2v-15]:not(does-not-exist)
    ) {
    margin-right: 8.33333%;
  }

  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne.ac-colonne_1:not(:has(img)) {
    margin-right: 8.33333%;
  }

  .js-has-pseudo
    body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne.ac-colonne_2:not(
      [csstools-has-1m-2w-2p-37-14-2x-31-2v-15]:not(does-not-exist)
    ) {
    margin-left: 8.33333%;
  }

  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne.ac-colonne_2:not(:has(img)) {
    margin-left: 8.33333%;
  }
}

@media (max-width: 992px) {
  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist):not(does-not-exist) {
  position: relative;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img) {
  position: relative;
  text-align: center;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 0.75rem;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img {
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 0.75rem;
}

@media (max-width: 992px) {
  .js-has-pseudo
    [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v]:not(
      .does-not-exist
    ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
      does-not-exist
    ):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
    margin-bottom: 1.5rem;
    height: 450px;
  }

  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne:has(img)
    img {
    margin-bottom: 1.5rem;
    height: 240px;
    margin: auto;
  }
}

@media (min-width: 993px) {
  .js-has-pseudo
    [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v]:not(
      .does-not-exist
    ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
      does-not-exist
    ):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
    position: absolute;
    inset: 0;
  }

  body.page-interne
    main
    .sc-content
    .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
    .ac-colonne:has(img)
    img {
    position: absolute;
    inset: 0;
  }
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-3a-2t-36-19-38-33-34]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: cover;
  object-position: top;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.cover-top {
  object-fit: cover;
  object-position: top;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-3a-2t-36-19-2r-2t-32-38-2t-36]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: cover;
  object-position: center;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.cover-center {
  object-fit: cover;
  object-position: center;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-3a-2t-36-19-2q-33-38-38-33-31]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: cover;
  object-position: bottom;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.cover-bottom {
  object-fit: cover;
  object-position: bottom;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-32-38-2p-2x-32-19-38-33-34]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: contain;
  object-position: top;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.contain-top {
  object-fit: contain;
  object-position: top;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-32-38-2p-2x-32-19-2r-2t-32-38-2t-36]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: contain;
  object-position: center;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.contain-center {
  object-fit: contain;
  object-position: center;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2x-31-2v-15-w-2x-31-2v-1a-2r-33-32-38-2p-2x-32-19-2q-33-38-38-33-31]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  object-fit: contain;
  object-position: bottom;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(img)
  img.contain-bottom {
  object-fit: contain;
  object-position: bottom;
}

.js-has-pseudo
  [csstools-has-2q-33-2s-3d-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-31-2p-2x-32-w-1a-37-2r-19-2r-33-32-38-2t-32-38-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1m-32-33-38-14-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-18-w-1a-2p-2r-19-2p-2r-2r-33-36-2s-2t-33-32-15-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-1a-2r-2p-36-2s-19-31-2t-31-2q-2t-36-15-w-1a-2r-2p-36-2s-19-31-2t-31-2q-2t-36-w-2x-31-2v]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(
    .does-not-exist
  ):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(
    does-not-exist
  ) {
  position: relative;
  display: block;
  max-width: 400px;
  aspect-ratio: 1;
  margin: 0 auto 1rem;
}

body.page-interne
  main
  .sc-content
  .ac-doubleColonne:not(.ac-marketing, .ac-accordeon)
  .ac-colonne:has(.card-member)
  .card-member
  img {
  position: relative;
  display: block;
  max-width: 400px;
  aspect-ratio: 1;
  margin: 0 auto 1rem;
}

body.page-interne main .sc-content .boutons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  body.page-interne main .sc-content .boutons {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 600px) {
  body.page-interne main .sc-content .boutons a {
    width: 100%;
  }
}

/* ac-marketing */
.page-interne .ac-doubleColonne.ac-marketing {
  min-height: 80vh;
}

.js-has-pseudo
  [csstools-has-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-1q-w-2x-31-2v-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  position: absolute !important;
  z-index: -2;
  height: 100%;
  width: 100vw !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 !important;
}

.page-interne .ac-doubleColonne.ac-marketing .ac-colonne:has(> img) {
  position: absolute !important;
  z-index: -2;
  height: 100%;
  width: 100vw !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 !important;
}

.page-interne .ac-doubleColonne.ac-marketing .ac-colonne img {
  object-fit: cover;
  width: 100%;
}

.js-has-pseudo
  [csstools-has-1a-34-2p-2v-2t-19-2x-32-38-2t-36-32-2t-w-1a-2p-2r-19-2s-33-39-2q-30-2t-1v-33-30-33-32-32-2t-1a-2p-2r-19-31-2p-36-2z-2t-38-2x-32-2v-w-1a-2p-2r-19-2r-33-30-33-32-32-2t-1m-2w-2p-37-14-2w-1d-15]:not(
    .does-not-exist
  ):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-interne .ac-doubleColonne.ac-marketing .ac-colonne:has(h1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-interne .ac-doubleColonne.ac-marketing h1 {
  margin-bottom: 1rem;
  margin-top: 0;
}

/*paiement */
/* Tunnel */
.tunnel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

.tunnel span {
  color: #fff;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary-color);
  border-radius: 50px;
  text-align: center;
  margin: 0 10px;
  position: relative;
}

.tunnel span:before {
  content: "";
  display: block;
  width: 75px;
  height: 3px;
  background: var(--primary-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.tunnel span:last-of-type:before {
  display: none;
}

.tunnel span.active,
.tunnel span.desactive {
  background: var(--accent-color-50);
}

.tunnel span.desactive:before {
  background: var(--accent-color-50);
}

.needHelp {
  text-align: center !important;
  margin-top: 50px;
}

.paiementSecu {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

/* recap */
.recapitulatif,
#formulaire_paiement form {
  background: #f9f9f9;
  padding: 20px 10px;
}

.recapitulatif p {
  border-bottom: solid 1px #cecece;
  padding: 10px;
}

.recapitulatif p label {
  font-weight: bold;
}

.recapitulatif p:last-of-type {
  border-bottom: none;
}

.recapitulatif input[type="button"] {
  margin: 20px auto;
  display: block !important;
}

.paiementUneFois p,
.paiementXFois p {
  text-align: center !important;
  width: 650px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#formulaire_paiement p.submit {
  text-align: center !important;
}

@media screen and (min-width: 810px) {
  /* Tunnel */
  .tunnel span {
    height: 75px;
    width: 75px;
    margin: 0 30px;
  }

  .tunnel span:before {
    width: 150px;
  }

  /* Recap */
  .recapitulatif,
  #formulaire_paiement form {
    width: 650px;
    margin: 0 auto;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
  }

  .recapitulatif input[type="button"] {
    margin-bottom: 30px 0 0;
    /*display: inline-block!important;*/
  }
}

.paiementUneFois {
  padding: 30px;
  overflow: initial !important;
}

.paymentXFoisPopupFrame,
.payment1FoisPopupFrame {
  display: none;
  height: 100%;
  left: 0;
  letter-spacing: -0.5em;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.61);
}

.paiementUneFois,
.paiementXFois {
  display: none;
}

.step1 p {
  display: block;
  font-size: 1.6em;
  line-height: 1em;
  text-align: center;
}

.step1 p:nth-child(2) {
  display: block;
  font-family: open_sans_condensedbold;
  font-weight: bold;
  margin: 22px 0;
  text-transform: uppercase;
}

.step1 p strong {
  font-size: 1.2em;
}

.step1 a {
  background: var(--primary-color-50) none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  margin: 0 5px 5px;
  padding: 9px 18px;
}

.step1 a.autreMoyen {
  background: #9b9b9b none repeat scroll 0 0;
  font-family: open_sanscondensed_light;
}

.blackPayment {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 990;
  letter-spacing: -0.5em;
  text-align: center;
}

.paymentXFoisPopup,
.payment1FoisPopup {
  letter-spacing: normal;
  display: inline-block;
  position: relative;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
  padding: 40px;
  margin-right: 20px;
  margin-left: 20px;
  max-width: 670px;
  overflow-y: auto;
  max-height: 90%;
}

.paymentXFoisPopup + span,
.payment1FoisPopup + span {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.titrePopupPayment {
  color: #414141;
  font-size: 25px;
}

.messageInfoPaiement {
  display: block;
  font-size: 1em;
  line-height: 6px;
  margin-bottom: 23px;
}

.messageInfoPaiement:before {
  content: "";
  display: inline-block;
  vertical-align: -13px;
  margin-right: 15px;
  background: url(../gifs/pictoInformation.png) no-repeat center;
  width: 20px;
  height: 40px;
}

.infossupPayment {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}

.infossupPayment span {
  display: block;
  font-size: 1.077em;
  color: #006670;
  margin: 8px 0;
}

.infossupPayment strong.orange {
  text-transform: uppercase;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.inputPayment {
  letter-spacing: -0.5em;
}

.inputPayment input[type="text"]#inputPayment3Fois {
  border: none;
  background: #c9c9c9;
  height: 56px;
  vertical-align: top;
  padding: 0 15px;
  letter-spacing: normal;
  margin: 5px 0;
  width: auto;
}

.inputPayment input[type="submit"] {
  border: none;
  vertical-align: top;
  height: 56px;
  color: #fff;
  font-size: 1.2em;
  padding: 0 15px;
  font-weight: bold;
  letter-spacing: normal;
  margin: 5px 0;
  cursor: pointer;
  -webkit-transition: 400ms all ease;
  -moz-transition: 400ms all ease;
  -ms-transition: 400ms all ease;
  -o-transition: 400ms all ease;
  transition: 400ms all ease;
}

.inputPayment input[type="submit"]:hover {
  background: #006670;
}

/* fin paiement */

.g-recaptcha {
  overflow: visible;
  width: min-content;
  max-width: 252px;
}

.swiper-button-prev,
.swiper-button-next {
  color: #000; /* Change la couleur des flèches si nécessaire */
}

.cln-btn .btn {
  margin-top: 1rem;
}

.btn-home {
  display: flex !important;
  justify-content: center !important;
  margin: 0;
}

.nos-logiciels h2 {
  font-size: 35px;
}
.ac-include[data-file="encart-slider-preview.inc"] {
  display: none !important;
}

.leadly .sc-content p.intro {
  margin-top: 120px;
}