.elementor-17841 .elementor-element.elementor-element-49cfd58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-acc671b > .elementor-widget-container{margin:-11px -11px -11px -11px;padding:0px 0px 0px 0px;}.elementor-17841 .elementor-element.elementor-element-d75be54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-308be82 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-283a5ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-acff7c5 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-df05212{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-ae68c80 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-e26fd83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-bd5a9fc > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-89b1c5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-a8802e6 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-c969106{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-7451cc7 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-5cb7741{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-92606e8 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-efd2760{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-0594072 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-f1de28a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-17841 .elementor-element.elementor-element-6a1e16f > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-17841 .elementor-element.elementor-element-6dfbc5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-acc671b *//* =========================================================
   CAMP DU DOMAINE
   OCTOBRE — HERO + NAVIGATION
   ========================================================= */

.cdOctoberHero {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;

  --cd-pink: #d97894;
  --cd-pink-hover: #ee9bb1;

  position: relative;
  z-index: 2;
  isolation: isolate;

  width: 100%;
  min-height: min(720px, 82svh);

  margin: 0 0 -6px 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--cd-blue);
  color: #ffffff;

  font-family: "Helvetica World", Arial, sans-serif;
}


/* =========================================================
   RESET LOCAL
   ========================================================= */

.cdOctoberHero *,
.cdOctoberHero *::before,
.cdOctoberHero *::after {
  box-sizing: border-box;
}

.cdOctoberHero h1,
.cdOctoberHero p {
  padding: 0;
}

.cdOctoberHero a {
  text-decoration: none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.cdOctoberHero__media {
  position: absolute;
  inset: 0;
  z-index: -3;

  width: 100%;
  height: 100%;
}

.cdOctoberHero__media img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   OVERLAY
   ========================================================= */

.cdOctoberHero__overlay {
  position: absolute;
  inset: 0;
  z-index: -2;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(6, 35, 43, 0.56) 0%,
      rgba(6, 35, 43, 0.18) 18%,
      transparent 35%
    ),
    linear-gradient(
      90deg,
      rgba(6, 35, 43, 0.62) 0%,
      rgba(6, 35, 43, 0.38) 36%,
      rgba(6, 35, 43, 0.10) 68%,
      transparent 88%
    ),
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(6, 35, 43, 0.08) 72%,
      rgba(6, 35, 43, 0.52) 100%
    );
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.cdOctoberHero__nav {
  position: relative;
  z-index: 5;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

.cdOctoberHero__navInner {
  width: min(1180px, calc(100% - 48px));
  height: 72px;

  margin: 0 auto;
  padding: 0;

  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;

  gap: 30px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}


/* =========================================================
   NOM DE PAGE
   ========================================================= */

.cdOctoberHero .cdOctoberHero__navBrand {
  display: block;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap;

  font-family: "Helvetica World", Arial, sans-serif !important;
  font-size: 0.79rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  color: #ffffff !important;
}


/* =========================================================
   LIENS NAVIGATION
   ========================================================= */

.cdOctoberHero__navLinks {
  min-width: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: clamp(15px, 1.6vw, 25px);

  margin: 0;
  padding: 0;
}

.cdOctoberHero .cdOctoberHero__navLinks a {
  position: relative;

  height: 72px;

  display: inline-flex;
  align-items: center;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap;

  font-family: "Helvetica World", Arial, sans-serif !important;
  font-size: 0.73rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  color: rgba(255, 255, 255, 0.80) !important;

  transition:
    color 180ms ease;
}


/* LIGNE SOUS LES LIENS */

.cdOctoberHero .cdOctoberHero__navLinks a::after {
  content: "";

  position: absolute;

  right: 0;
  bottom: -1px;
  left: 0;

  height: 2px;

  background: var(--cd-beige);

  transform: scaleX(0);
  transform-origin: center;

  transition:
    transform 180ms ease,
    background-color 180ms ease;
}


/* =========================================================
   OCTOBRE ROSE
   TEXTE ROSE EN PERMANENCE
   ========================================================= */

/*
 * Le sélecteur est volontairement aussi spécifique
 * que la règle générale ci-dessus.
 */

.cdOctoberHero
.cdOctoberHero__navLinks
a.cdOctoberHero__navLink--pink {
  color: var(--cd-pink) !important;
}


/* Ligne Octobre Rose = rose */

.cdOctoberHero
.cdOctoberHero__navLinks
a.cdOctoberHero__navLink--pink::after {
  background: var(--cd-pink) !important;
}


/* =========================================================
   HOVER NAVIGATION
   ========================================================= */

@media (hover: hover) {

  /* Liens classiques */

  .cdOctoberHero
  .cdOctoberHero__navLinks
  a:hover {
    color: #ffffff !important;
  }

  .cdOctoberHero
  .cdOctoberHero__navLinks
  a:hover::after {
    transform: scaleX(1);
  }


  /* OCTOBRE ROSE :
     reste rose au survol */

  .cdOctoberHero
  .cdOctoberHero__navLinks
  a.cdOctoberHero__navLink--pink:hover {
    color: var(--cd-pink-hover) !important;
  }

  .cdOctoberHero
  .cdOctoberHero__navLinks
  a.cdOctoberHero__navLink--pink:hover::after {
    background: var(--cd-pink-hover) !important;

    transform: scaleX(1);
  }

}


/* =========================================================
   CTA NAVIGATION
   ========================================================= */

.cdOctoberHero .cdOctoberHero__navCta {
  min-width: 100px;
  height: 40px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 19px !important;

  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 999px !important;

  background: rgba(21, 98, 119, 0.72) !important;

  color: #ffffff !important;

  font-family: "Helvetica World", Arial, sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  transition:
    background-color 180ms ease,
    border-color 180ms ease;
}

@media (hover: hover) {

  .cdOctoberHero .cdOctoberHero__navCta:hover {
    background: var(--cd-blue) !important;
    border-color: #ffffff !important;
  }

}


/* =========================================================
   CORPS DU HERO
   ========================================================= */

.cdOctoberHero__body {
  width: min(1180px, calc(100% - 48px));

  min-height: calc(min(720px, 82svh) - 72px);

  margin: 0 auto;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding:
    clamp(65px, 8vh, 90px)
    0
    24px;
}


/* =========================================================
   CONTENU PRINCIPAL
   ========================================================= */

.cdOctoberHero__content {
  width: min(760px, 72%);
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberHero.cdOctoberHero
.cdOctoberHero__eyebrow {
  position: relative;

  margin: 0 0 20px !important;
  padding-left: 42px;

  font-family: "Helvetica World", Arial, sans-serif !important;

  font-size: 0.74rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  letter-spacing: 0.13em;
  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.90) !important;
}

.cdOctoberHero__eyebrow::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 0;

  width: 27px;
  height: 1px;

  background: var(--cd-beige);

  transform: translateY(-50%);
}


/* =========================================================
   H1
   ========================================================= */

.cdOctoberHero.cdOctoberHero
#cdOctoberHeroTitle {
  max-width: 760px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size: clamp(3.15rem, 4.8vw, 4.75rem) !important;
  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;

  text-align: left !important;
  text-transform: none !important;

  color: #ffffff !important;

  text-wrap: balance;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.cdOctoberHero.cdOctoberHero
.cdOctoberHero__intro {
  max-width: 680px;

  margin: 24px 0 0 !important;

  font-family: "Helvetica World", Arial, sans-serif !important;

  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  color: rgba(255, 255, 255, 0.91) !important;
}


/* =========================================================
   BOUTONS
   ========================================================= */

.cdOctoberHero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 12px;

  margin-top: 27px;
}

.cdOctoberHero .cdOctoberHero__button {
  min-height: 48px;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  gap: 11px;

  margin: 0 !important;
  padding: 11px 21px !important;

  border-radius: 999px !important;

  font-family: "Helvetica World", Arial, sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}


/* Bouton principal */

.cdOctoberHero .cdOctoberHero__button--primary {
  background: #ffffff !important;

  border: 1px solid #ffffff !important;

  color: var(--cd-blue) !important;
}


/* Bouton secondaire */

.cdOctoberHero .cdOctoberHero__button--secondary {
  background: rgba(255, 255, 255, 0.08) !important;

  border: 1px solid rgba(255, 255, 255, 0.52) !important;

  color: #ffffff !important;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

@media (hover: hover) {

  .cdOctoberHero .cdOctoberHero__button:hover {
    transform: translateY(-2px);
  }

  .cdOctoberHero .cdOctoberHero__button--primary:hover {
    background: var(--cd-ivory) !important;
    border-color: var(--cd-ivory) !important;
  }

  .cdOctoberHero .cdOctoberHero__button--secondary:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.82) !important;
  }

}


/* =========================================================
   BAS DU HERO
   ========================================================= */

.cdOctoberHero__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;

  padding-top: 28px;
}


/* Localisation */

.cdOctoberHero.cdOctoberHero
.cdOctoberHero__footer p {
  display: flex;
  align-items: center;

  gap: 10px;

  margin: 0 !important;

  font-family: "Helvetica World", Arial, sans-serif !important;

  font-size: 0.68rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  letter-spacing: 0.13em;
  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.67) !important;
}

.cdOctoberHero__footer p span {
  color: var(--cd-beige);
}


/* =========================================================
   INDICATION DE SCROLL
   ========================================================= */

.cdOctoberHero .cdOctoberHero__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 8px;

  color: rgba(255, 255, 255, 0.72) !important;
}

.cdOctoberHero__scroll > span:first-child {
  font-size: 0.62rem;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cdOctoberHero__scrollLine {
  position: relative;

  display: block;

  width: 1px;
  height: 26px;

  overflow: hidden;

  background: rgba(255, 255, 255, 0.30);
}

.cdOctoberHero__scrollLine::after {
  content: "";

  position: absolute;

  top: -100%;
  left: 0;

  width: 1px;
  height: 100%;

  background: #ffffff;

  animation: cdOctoberScroll 2.1s ease-in-out infinite;
}

@keyframes cdOctoberScroll {

  0% {
    transform: translateY(0);
  }

  65%,
  100% {
    transform: translateY(200%);
  }

}


/* =========================================================
   FOCUS
   ========================================================= */

.cdOctoberHero a:focus-visible {
  outline: 3px solid var(--cd-beige) !important;
  outline-offset: 4px;
}


/* Octobre Rose garde un focus rose */

.cdOctoberHero
.cdOctoberHero__navLinks
a.cdOctoberHero__navLink--pink:focus-visible {
  outline-color: var(--cd-pink) !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1050px) {

  .cdOctoberHero {
    min-height: min(700px, 84svh);
  }

  .cdOctoberHero__navInner {
    grid-template-columns: auto 1fr;

    gap: 24px;
  }

  .cdOctoberHero__navLinks {
    justify-content: flex-end;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: none;
  }

  .cdOctoberHero__navLinks::-webkit-scrollbar {
    display: none;
  }

  .cdOctoberHero .cdOctoberHero__navCta {
    display: none !important;
  }

  .cdOctoberHero__body {
    min-height: calc(min(700px, 84svh) - 72px);

    padding-top: 65px;
  }

  .cdOctoberHero__content {
    width: min(720px, 82%);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

  .cdOctoberHero {
    min-height: 700px;

    margin-bottom: -6px !important;
  }


  /* NAVIGATION */

  .cdOctoberHero__navInner {
    width: 100%;
    height: 54px;

    display: block;

    padding: 0 16px;

    border-bottom-color: rgba(255, 255, 255, 0.22);
  }

  .cdOctoberHero .cdOctoberHero__navBrand {
    display: none;
  }

  .cdOctoberHero__navLinks {
    height: 54px;

    justify-content: flex-start;

    gap: 24px;

    overflow-x: auto;

    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;

    scrollbar-width: none;
  }

  .cdOctoberHero__navLinks::-webkit-scrollbar {
    display: none;
  }

  .cdOctoberHero .cdOctoberHero__navLinks a {
    flex: 0 0 auto;

    height: 54px;

    font-size: 0.72rem !important;

    scroll-snap-align: start;
  }


  /*
   * On répète volontairement la règle spécifique
   * dans le breakpoint mobile afin qu'Octobre Rose
   * reste rose même après la règle générique mobile.
   */

  .cdOctoberHero
  .cdOctoberHero__navLinks
  a.cdOctoberHero__navLink--pink {
    color: var(--cd-pink) !important;
  }


  .cdOctoberHero
  .cdOctoberHero__navLinks
  a.cdOctoberHero__navLink--pink::after {
    background: var(--cd-pink) !important;
  }


  /* CORPS */

  .cdOctoberHero__body {
    width: min(100% - 30px, 1180px);

    min-height: 646px;

    padding:
      58px
      0
      20px;
  }

  .cdOctoberHero__content {
    width: 100%;
  }


  /* EYEBROW */

  .cdOctoberHero.cdOctoberHero
  .cdOctoberHero__eyebrow {
    margin-bottom: 17px !important;

    padding-left: 34px;

    font-size: 0.67rem !important;
  }

  .cdOctoberHero__eyebrow::before {
    width: 22px;
  }


  /* H1 */

  .cdOctoberHero.cdOctoberHero
  #cdOctoberHeroTitle {
    max-width: 100%;

    font-size: clamp(2.55rem, 11.5vw, 3.8rem) !important;

    line-height: 0.99 !important;
  }


  /* INTRO */

  .cdOctoberHero.cdOctoberHero
  .cdOctoberHero__intro {
    margin-top: 20px !important;

    font-size: 0.96rem !important;
    line-height: 1.55 !important;
  }


  /* CTA */

  .cdOctoberHero__actions {
    align-items: stretch;
    flex-direction: column;

    margin-top: 24px;
  }

  .cdOctoberHero .cdOctoberHero__button {
    width: 100%;

    min-height: 47px;
  }


  /* FOOTER */

  .cdOctoberHero__footer {
    padding-top: 28px;
  }

  .cdOctoberHero.cdOctoberHero
  .cdOctoberHero__footer p {
    max-width: 180px;

    flex-wrap: wrap;

    gap: 6px;

    font-size: 0.61rem !important;
    line-height: 1.4 !important;
  }


  /* IMAGE */

  .cdOctoberHero__media img {
    object-position: 58% center;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberHero {
    min-height: 680px;
  }

  .cdOctoberHero__body {
    min-height: 626px;

    padding-top: 48px;
  }

  .cdOctoberHero.cdOctoberHero
  #cdOctoberHeroTitle {
    font-size: clamp(2.35rem, 11vw, 3.1rem) !important;
  }

  .cdOctoberHero__scroll {
    display: none !important;
  }

}


/* =========================================================
   RÉDUCTION DES MOUVEMENTS
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberHero *,
  .cdOctoberHero *::before,
  .cdOctoberHero *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-308be82 *//* =========================================================
   CAMP DU DOMAINE
   OCTOBRE — APERÇU DES TEMPS FORTS
   ========================================================= */

.cdOctoberPreview {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-text: #38545a;
  --cd-muted: #6c7d7f;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--cd-ivory);

  font-family: "Helvetica World", Arial, sans-serif;
}


/* =========================================================
   RESET LOCAL
   ========================================================= */

.cdOctoberPreview *,
.cdOctoberPreview *::before,
.cdOctoberPreview *::after {
  box-sizing: border-box;
}

.cdOctoberPreview h2,
.cdOctoberPreview h3,
.cdOctoberPreview p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdOctoberPreview__inner {
  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;
  padding: 52px 0 58px !important;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.cdOctoberPreview__header {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, 0.72fr);

  align-items: end;

  gap: clamp(55px, 8vw, 120px);

  margin: 0 0 42px !important;
  padding: 0 !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__eyebrow {
  position: relative;

  margin: 0 0 15px !important;
  padding-left: 36px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.67rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  letter-spacing: 0.16em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}

.cdOctoberPreview__eyebrow::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 0;

  width: 23px;
  height: 1px;

  background: var(--cd-beige);

  transform: translateY(-50%);
}


/* =========================================================
   TITRE
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
#cdOctoberPreviewTitle {
  max-width: 590px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size: clamp(2.75rem, 4.2vw, 4.15rem) !important;
  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   TEXTE INTRO
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__intro p {
  max-width: 390px;

  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.96rem !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   LIGNE DES ÉVÉNEMENTS
   ========================================================= */

.cdOctoberPreview__events {
  display: grid;

  grid-template-columns:
    minmax(0, 0.82fr)
    minmax(0, 1.42fr)
    minmax(0, 0.92fr);

  margin: 0 !important;
  padding: 0 !important;

  border-top:
    1px solid rgba(21, 98, 119, 0.22);

  border-bottom:
    1px solid rgba(21, 98, 119, 0.22);
}


/* =========================================================
   ÉVÉNEMENT STANDARD
   ========================================================= */

.cdOctoberPreview__event {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;

  margin: 0;
  padding: 29px 30px 31px;

  border-right:
    1px solid rgba(21, 98, 119, 0.18);
}

.cdOctoberPreview__event:first-child {
  padding-left: 0;
}

.cdOctoberPreview__event:last-child {
  padding-right: 0;
  border-right: 0;
}


/* =========================================================
   DATE
   ========================================================= */

.cdOctoberPreview__date {
  margin: 0 0 25px;
}

.cdOctoberPreview__date span {
  display: block;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: clamp(2rem, 2.7vw, 3rem);
  font-weight: 400;
  line-height: 0.9;

  letter-spacing: -0.045em;

  color: var(--cd-blue);
}

.cdOctoberPreview__date small {
  display: block;

  margin-top: 7px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.59rem;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--cd-green);
}


/* =========================================================
   CATÉGORIE
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__type {
  margin: 0 0 8px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.59rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  letter-spacing: 0.13em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRES ÉVÉNEMENTS
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__event h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size: clamp(1.55rem, 1.9vw, 2.1rem) !important;
  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 1 !important;
  letter-spacing: -0.035em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__description {
  max-width: 290px;

  margin: 13px 0 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;

  color: var(--cd-muted) !important;
}


/* =========================================================
   ÉVÉNEMENT PRINCIPAL
   SEMAINE DES DÉCOUVERTES
   ========================================================= */

.cdOctoberPreview__event--featured {
  padding:
    29px
    clamp(32px, 3.4vw, 48px)
    31px;

  background: var(--cd-blue);
}

.cdOctoberPreview__event--featured::before {
  content: "";

  position: absolute;

  top: -1px;
  right: 0;
  left: 0;

  height: 3px;

  background: var(--cd-beige);
}


/* Date */

.cdOctoberPreview__event--featured
.cdOctoberPreview__date span {
  color: #ffffff;
}

.cdOctoberPreview__event--featured
.cdOctoberPreview__date small {
  color: var(--cd-beige);
}


/* Catégorie */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__event--featured
.cdOctoberPreview__type {
  color: var(--cd-beige) !important;
}


/* Titre */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__event--featured h3 {
  max-width: 430px;

  font-size:
    clamp(1.9rem, 2.55vw, 2.75rem) !important;

  color: #ffffff !important;
}


/* Description */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__event--featured
.cdOctoberPreview__description {
  max-width: 400px;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
  font-style: italic !important;
  line-height: 1.45 !important;

  color: rgba(255, 255, 255, 0.88) !important;
}


/* =========================================================
   MENTION "OFFERT"
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__included {
  position: relative;

  margin: 18px 0 0 !important;
  padding: 13px 0 0 19px;

  border-top:
    1px solid rgba(255, 255, 255, 0.20);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.68rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  color: rgba(255, 255, 255, 0.78) !important;
}

.cdOctoberPreview__included::before {
  content: "";

  position: absolute;

  top: 17px;
  left: 0;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--cd-beige);
}


/* =========================================================
   NOTE SOUS LE BLOC
   ========================================================= */

.cdOctoberPreview.cdOctoberPreview
.cdOctoberPreview__note {
  margin: 11px 0 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.64rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  color: rgba(56, 84, 90, 0.65) !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdOctoberPreview__inner {
    width: min(100% - 40px, 1100px);

    padding:
      44px
      0
      52px !important;
  }


  /* INTRO */

  .cdOctoberPreview__header {
    grid-template-columns: 1fr;

    gap: 22px;

    margin-bottom: 36px !important;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__intro p {
    max-width: 620px;
  }


  /* ÉVÉNEMENTS */

  .cdOctoberPreview__events {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(0, 1.25fr);
  }

  .cdOctoberPreview__event {
    padding: 30px 26px;
  }

  .cdOctoberPreview__event:first-child {
    padding-left: 0;
  }

  .cdOctoberPreview__event--featured {
    padding:
      30px
      32px;
  }

  .cdOctoberPreview__event:last-child {
    grid-column: 1 / -1;

    display: grid;

    grid-template-columns: 180px 1fr;

    gap: 28px;

    padding:
      28px
      0;

    border-top:
      1px solid rgba(21, 98, 119, 0.18);

    border-right: 0;
  }

  .cdOctoberPreview__event:last-child
  .cdOctoberPreview__date {
    margin: 0;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .cdOctoberPreview__inner {
    width: min(100% - 30px, 1100px);

    padding:
      36px
      0
      45px !important;
  }


  /* INTRO */

  .cdOctoberPreview__header {
    display: block;

    margin-bottom: 31px !important;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__eyebrow {
    margin-bottom: 13px !important;

    padding-left: 31px;

    font-size: 0.62rem !important;
  }

  .cdOctoberPreview__eyebrow::before {
    width: 19px;
  }

  .cdOctoberPreview.cdOctoberPreview
  #cdOctoberPreviewTitle {
    font-size:
      clamp(2.4rem, 11vw, 3.35rem) !important;
  }

  .cdOctoberPreview__intro {
    margin-top: 21px;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__intro p {
    font-size: 0.91rem !important;
    line-height: 1.55 !important;
  }


  /* ÉVÉNEMENTS */

  .cdOctoberPreview__events {
    display: block;
  }

  .cdOctoberPreview__event,
  .cdOctoberPreview__event:first-child,
  .cdOctoberPreview__event:last-child {
    display: grid;

    grid-template-columns: 100px 1fr;

    gap: 21px;

    padding:
      25px
      0;

    border-right: 0;
  }

  .cdOctoberPreview__event +
  .cdOctoberPreview__event {
    border-top:
      1px solid rgba(21, 98, 119, 0.18);
  }


  /* DATE */

  .cdOctoberPreview__date,
  .cdOctoberPreview__event:last-child
  .cdOctoberPreview__date {
    margin: 0;
  }

  .cdOctoberPreview__date span {
    font-size: 2.15rem;
  }


  /* EVENT PRINCIPAL */

  .cdOctoberPreview__event--featured {
    margin:
      0
      -15px;

    padding:
      29px
      15px !important;

    grid-template-columns: 100px 1fr;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__event--featured h3 {
    font-size: 1.85rem !important;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__event--featured
  .cdOctoberPreview__description {
    font-size: 0.96rem !important;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__included {
    margin-top: 15px !important;

    padding-top: 12px;
  }

  .cdOctoberPreview__included::before {
    top: 16px;
  }


  /* NOTE */

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__note {
    margin-top: 10px !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberPreview__event,
  .cdOctoberPreview__event:first-child,
  .cdOctoberPreview__event:last-child,
  .cdOctoberPreview__event--featured {
    grid-template-columns: 82px 1fr;

    gap: 17px;
  }

  .cdOctoberPreview__date span {
    font-size: 1.9rem;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__event h3 {
    font-size: 1.45rem !important;
  }

  .cdOctoberPreview.cdOctoberPreview
  .cdOctoberPreview__event--featured h3 {
    font-size: 1.65rem !important;
  }

}


/* =========================================================
   RÉDUCTION DES MOUVEMENTS
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberPreview *,
  .cdOctoberPreview *::before,
  .cdOctoberPreview *::after {
    transition: none !important;
    animation: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acff7c5 *//* =========================================================
   CAMP DU DOMAINE
   OCTOBRE — T24
   ========================================================= */

.cdOctoberT24 {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #38545a;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--cd-ivory);

  font-family: "Helvetica World", Arial, sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdOctoberT24 *,
.cdOctoberT24 *::before,
.cdOctoberT24 *::after {
  box-sizing: border-box;
}

.cdOctoberT24 h2,
.cdOctoberT24 p {
  padding: 0;
}

.cdOctoberT24 a {
  text-decoration: none !important;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdOctoberT24__inner {
  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;

  padding: 58px 0 62px;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(390px, 0.9fr);

  align-items: center;

  gap: clamp(52px, 6vw, 82px);
}


/* =========================================================
   PHOTO
   Le cadre suit automatiquement le ratio de l'image
   ========================================================= */

.cdOctoberT24__visual {
  position: relative;

  width: 100%;
  height: auto;

  margin: 0;
  padding: 0;

  overflow: hidden;

  border-radius: 28px;

  background: transparent;
}

.cdOctoberT24__photo {
  display: block;

  width: 100%;
  height: auto;

  margin: 0;
  padding: 0;

  object-fit: initial;

  transition: transform 600ms ease;
}

@media (hover: hover) {

  .cdOctoberT24__visual:hover
  .cdOctoberT24__photo {
    transform: scale(1.02);
  }

}


/* =========================================================
   LOCALISATION
   ========================================================= */

.cdOctoberT24__location {
  position: absolute;

  top: 20px;
  left: 20px;

  z-index: 2;

  display: inline-flex;
  align-items: center;

  min-height: 38px;

  padding: 0 14px;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.94);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.64rem;
  font-weight: 700;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--cd-blue);

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}


/* =========================================================
   CONTENU
   ========================================================= */

.cdOctoberT24__content {
  min-width: 0;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberT24.cdOctoberT24
.cdOctoberT24__eyebrow {
  margin: 0 0 21px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.65rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   IDENTITÉ : LOGO + DATE
   ========================================================= */

.cdOctoberT24__identity {
  display: flex;
  align-items: center;

  gap: 28px;

  margin-bottom: 24px;
}


/* =========================================================
   LOGO T24
   ========================================================= */

.cdOctoberT24__logo {
  display: block;

  flex: 0 0 auto;

  width: 105px;
  height: 105px;

  object-fit: contain;
}


/* =========================================================
   DATE
   ========================================================= */

.cdOctoberT24__dateBlock {
  padding-left: 26px;

  border-left:
    1px solid rgba(21, 98, 119, 0.20);
}

.cdOctoberT24__dateBlock > span {
  display: block;

  margin-bottom: 7px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.59rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--cd-green);
}

.cdOctoberT24.cdOctoberT24
.cdOctoberT24__date {
  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 1.55rem !important;
  font-weight: 400 !important;

  line-height: 1.05 !important;

  color: var(--cd-blue) !important;
}

.cdOctoberT24__date strong {
  display: block;

  margin-bottom: 3px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: clamp(2.5rem, 3.5vw, 3.5rem);
  font-weight: 400;

  line-height: 0.9;

  letter-spacing: -0.04em;
}


/* =========================================================
   TITRE
   ========================================================= */

.cdOctoberT24.cdOctoberT24
#cdOctoberT24Title {
  max-width: 500px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(2.2rem, 3vw, 3.15rem) !important;

  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 0.98 !important;

  letter-spacing: -0.04em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTE PRINCIPAL
   ========================================================= */

.cdOctoberT24.cdOctoberT24
.cdOctoberT24__lead {
  max-width: 500px;

  margin: 17px 0 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1rem, 1.25vw, 1.13rem) !important;

  font-weight: 400 !important;

  line-height: 1.52 !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   PARTENARIAT
   ========================================================= */

.cdOctoberT24__partner {
  max-width: 510px;

  margin-top: 24px;

  padding-top: 19px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 25px;

  border-top:
    1px solid rgba(21, 98, 119, 0.20);
}

.cdOctoberT24__partnerText {
  min-width: 0;
}


/* =========================================================
   LABEL PARTENAIRE
   ========================================================= */

.cdOctoberT24__partnerLabel {
  display: block;

  margin-bottom: 6px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.58rem;
  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.12em;
  text-transform: uppercase;

  color: var(--cd-green);
}


/* =========================================================
   TEXTE PARTENAIRE
   ========================================================= */

.cdOctoberT24.cdOctoberT24
.cdOctoberT24__partnerText p {
  max-width: 270px;

  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.72rem !important;
  font-weight: 400 !important;

  line-height: 1.45 !important;

  color: rgba(56, 84, 90, 0.82) !important;
}


/* =========================================================
   LIEN T24
   ========================================================= */

.cdOctoberT24
.cdOctoberT24__link {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;

  gap: 8px;

  padding-bottom: 4px;

  border-bottom:
    1px solid rgba(21, 98, 119, 0.35);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.7rem !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  color: var(--cd-blue) !important;

  transition:
    border-color 180ms ease,
    color 180ms ease;
}

.cdOctoberT24__link span {
  font-size: 0.9rem;

  transition: transform 180ms ease;
}

@media (hover: hover) {

  .cdOctoberT24
  .cdOctoberT24__link:hover {
    border-color: var(--cd-blue);
  }

  .cdOctoberT24
  .cdOctoberT24__link:hover span {
    transform: translate(2px, -2px);
  }

}


/* =========================================================
   FOCUS
   ========================================================= */

.cdOctoberT24 a:focus-visible {
  outline: 3px solid var(--cd-beige);
  outline-offset: 4px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdOctoberT24__inner {
    width: min(100% - 40px, 1100px);

    grid-template-columns:
      minmax(0, 1fr)
      minmax(330px, 0.9fr);

    gap: 42px;

    padding:
      52px
      0
      56px;
  }


  /* La photo conserve son ratio naturel */

  .cdOctoberT24__visual {
    width: 100%;
    height: auto;
  }

  .cdOctoberT24__photo {
    width: 100%;
    height: auto;
  }


  /* Identité */

  .cdOctoberT24__identity {
    gap: 21px;
  }

  .cdOctoberT24__logo {
    width: 88px;
    height: 88px;
  }

  .cdOctoberT24__dateBlock {
    padding-left: 20px;
  }


  /* Partenariat */

  .cdOctoberT24__partner {
    display: block;
  }

  .cdOctoberT24
  .cdOctoberT24__link {
    margin-top: 14px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdOctoberT24 {
    scroll-margin-top: 60px;
  }

  .cdOctoberT24__inner {
    width: min(100% - 30px, 1100px);

    display: flex;
    flex-direction: column;

    align-items: stretch;

    gap: 30px;

    padding:
      42px
      0
      48px;
  }


  /* PHOTO */

  .cdOctoberT24__visual {
    width: 100%;
    height: auto;

    border-radius: 22px;
  }

  .cdOctoberT24__photo {
    display: block;

    width: 100%;
    height: auto;
  }


  /* LOCALISATION */

  .cdOctoberT24__location {
    top: 16px;
    left: 16px;

    min-height: 35px;

    padding:
      0
      12px;

    font-size: 0.59rem;
  }


  /* EYEBROW */

  .cdOctoberT24.cdOctoberT24
  .cdOctoberT24__eyebrow {
    margin-bottom: 18px !important;

    font-size: 0.61rem !important;
  }


  /* IDENTITÉ */

  .cdOctoberT24__identity {
    gap: 20px;

    margin-bottom: 22px;
  }

  .cdOctoberT24__logo {
    width: 85px;
    height: 85px;
  }

  .cdOctoberT24__dateBlock {
    padding-left: 19px;
  }

  .cdOctoberT24__date strong {
    font-size: 2.7rem;
  }


  /* TITRE */

  .cdOctoberT24.cdOctoberT24
  #cdOctoberT24Title {
    font-size:
      clamp(2.15rem, 10vw, 2.8rem) !important;
  }


  /* TEXTE */

  .cdOctoberT24.cdOctoberT24
  .cdOctoberT24__lead {
    margin-top: 15px !important;

    font-size: 1rem !important;
  }


  /* PARTENAIRE */

  .cdOctoberT24__partner {
    display: block;

    margin-top: 21px;

    padding-top: 17px;
  }

  .cdOctoberT24.cdOctoberT24
  .cdOctoberT24__partnerText p {
    max-width: 100%;
  }

  .cdOctoberT24
  .cdOctoberT24__link {
    margin-top: 15px;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberT24__inner {
    padding:
      38px
      0
      44px;
  }


  /* PHOTO : toujours au ratio naturel */

  .cdOctoberT24__visual {
    width: 100%;
    height: auto;

    border-radius: 20px;
  }

  .cdOctoberT24__photo {
    width: 100%;
    height: auto;
  }


  /* IDENTITÉ */

  .cdOctoberT24__logo {
    width: 75px;
    height: 75px;
  }

  .cdOctoberT24__date strong {
    font-size: 2.4rem;
  }

}


/* =========================================================
   RÉDUCTION DES MOUVEMENTS
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberT24 *,
  .cdOctoberT24 *::before,
  .cdOctoberT24 *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae68c80 *//* =========================================================
   CAMP DU DOMAINE
   SEMAINE DES DÉCOUVERTES — ÉDITORIAL
   ========================================================= */

.cdDiscovery {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #38545a;
  --cd-muted: #6c7d7f;

  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;

  background: var(--cd-ivory);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdDiscovery *,
.cdDiscovery *::before,
.cdDiscovery *::after {
  box-sizing: border-box;
}

.cdDiscovery h2,
.cdDiscovery h3,
.cdDiscovery p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdDiscovery__inner {
  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;

  padding:
    70px
    0
    68px;
}


/* =========================================================
   HEADER
   ========================================================= */

.cdDiscovery__header {
  display: grid;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(360px, 0.85fr);

  align-items: end;

  gap: clamp(75px, 10vw, 145px);

  padding-bottom: 32px;

  border-bottom:
    1px solid rgba(21, 98, 119, 0.20);
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__eyebrow {
  position: relative;

  margin: 0 0 16px !important;

  padding-left: 37px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.64rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  letter-spacing: 0.17em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}

.cdDiscovery__eyebrow::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 0;

  width: 23px;
  height: 1px;

  background: var(--cd-beige);

  transform: translateY(-50%);
}


/* =========================================================
   H2
   ========================================================= */

.cdDiscovery.cdDiscovery
#cdDiscoveryTitle {
  max-width: 560px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.8vw, 4.75rem) !important;

  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 0.91 !important;

  letter-spacing: -0.048em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   DATES SOUS TITRE
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__dates {
  max-width: 500px;

  margin: 19px 0 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.76rem !important;

  line-height: 1.55 !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   INTRO DROITE
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__introLead {
  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1.05rem, 1.35vw, 1.2rem) !important;

  line-height: 1.45 !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   INTRO BAS
   ========================================================= */

.cdDiscovery__introBottom {
  margin-top: 20px;

  padding-top: 17px;

  border-top:
    1px solid rgba(21, 98, 119, 0.20);
}

.cdDiscovery.cdDiscovery
.cdDiscovery__introBottom > p {
  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.68rem !important;

  line-height: 1.55 !important;

  color: var(--cd-muted) !important;
}


/* =========================================================
   COMPTE À REBOURS
   ========================================================= */

.cdDiscovery__countdown {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 25px;

  margin-top: 18px;

  padding-top: 15px;

  border-top:
    1px solid rgba(21, 98, 119, 0.13);
}

.cdDiscovery.cdDiscovery
.cdDiscovery__countdownLabel {
  max-width: 100px;

  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.56rem !important;
  font-weight: 700 !important;

  line-height: 1.35 !important;

  letter-spacing: 0.13em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}

.cdDiscovery__countdownValues {
  display: flex;

  align-items: flex-end;

  gap: 18px;
}

.cdDiscovery__countdownValues div {
  position: relative;

  text-align: center;
}

.cdDiscovery__countdownValues div + div::before {
  content: "";

  position: absolute;

  top: 2px;
  left: -9px;

  width: 1px;
  height: 28px;

  background:
    rgba(21, 98, 119, 0.16);
}

.cdDiscovery__countdownValues strong {
  display: block;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.65rem;
  font-weight: 400;

  line-height: 0.9;

  color: var(--cd-blue);
}

.cdDiscovery__countdownValues span {
  display: block;

  margin-top: 5px;

  font-size: 0.48rem;
  font-weight: 700;

  letter-spacing: 0.08em;
  text-transform: uppercase;

  color: var(--cd-muted);
}

.cdDiscovery__countdown--live {
  align-items: center;
}

.cdDiscovery.cdDiscovery
.cdDiscovery__countdown--live
.cdDiscovery__countdownLabel {
  max-width: none;

  color: var(--cd-blue) !important;
}


/* =========================================================
   MANIFESTE
   ========================================================= */

.cdDiscovery__manifesto {
  padding:
    46px
    20px
    42px;

  text-align: center;
}

.cdDiscovery.cdDiscovery
.cdDiscovery__manifesto p {
  max-width: 820px;

  margin: 0 auto !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1.55rem, 2.3vw, 2.15rem) !important;

  font-weight: 400 !important;

  line-height: 1.22 !important;

  color: var(--cd-blue) !important;
}

.cdDiscovery__manifesto em {
  font-weight: 400;

  color: var(--cd-blue);
}


/* =========================================================
   JOURNÉES CLASSIQUES
   ========================================================= */

.cdDiscovery__day {
  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(0, 0.9fr);

  align-items: center;

  gap: clamp(50px, 7vw, 90px);

  margin-top: 46px;
}


/* =========================================================
   JOURNÉES INVERSÉES
   ========================================================= */

.cdDiscovery__day--reverse
.cdDiscovery__visual {
  grid-column: 2;
  grid-row: 1;
}

.cdDiscovery__day--reverse
.cdDiscovery__content {
  grid-column: 1;
  grid-row: 1;
}


/* =========================================================
   PHOTO JOUR CLASSIQUE
   CADRE FIXE — LA PHOTO S'ADAPTE AU CADRE
   ========================================================= */

.cdDiscovery__visual {
  position: relative;

  width: 100%;

  /*
   * Le ratio du cadre est indépendant du ratio
   * de la photographie chargée.
   */
  aspect-ratio: 1.15 / 1;

  overflow: hidden;

  border-radius: 25px;

  background: #d8ddd6;
}

.cdDiscovery__visual img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  transition:
    transform 650ms ease;
}

@media (hover: hover) {

  .cdDiscovery__visual:hover img {
    transform: scale(1.018);
  }

}


/* =========================================================
   NUMÉRO JOUR CLASSIQUE
   ========================================================= */

.cdDiscovery__number {
  position: absolute;

  bottom: 13px;
  left: 17px;

  z-index: 2;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif;

  font-size:
    clamp(3.1rem, 5vw, 4.6rem);

  font-weight: 900;

  line-height: 0.85;

  letter-spacing: -0.06em;

  color: #ffffff;

  text-shadow:
    0 2px 16px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   CONTENU JOUR CLASSIQUE
   ========================================================= */

.cdDiscovery__content {
  min-width: 0;

  padding:
    10px
    0;
}


/* =========================================================
   DATE JOUR
   ========================================================= */

.cdDiscovery__date {
  display: flex;

  align-items: baseline;

  gap: 9px;

  margin-bottom: 14px;
}

.cdDiscovery__weekday {
  margin-right: 2px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.55rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--cd-green);
}

.cdDiscovery__date strong {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(2.1rem, 3vw, 2.9rem);

  font-weight: 400;

  line-height: 0.8;

  letter-spacing: -0.04em;

  color: var(--cd-blue);
}

.cdDiscovery__date em {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 0.75rem;
  font-weight: 400;

  color: var(--cd-blue);
}


/* =========================================================
   THÈME JOUR
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__theme {
  margin: 0 0 11px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.55rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.14em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE JOUR
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__content h3 {
  max-width: 470px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(2rem, 3vw, 3.05rem) !important;

  font-weight: 900 !important;

  line-height: 0.98 !important;

  letter-spacing: -0.04em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   DESCRIPTION JOUR
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__description {
  max-width: 470px;

  margin: 16px 0 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.76rem !important;

  line-height: 1.62 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   EXCEPTION BANQUET
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscovery__exception {
  display: inline-block;

  margin: 16px 0 0 !important;

  padding:
    7px
    10px;

  border-left:
    2px solid var(--cd-beige);

  background:
    rgba(199, 186, 157, 0.10);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.62rem !important;
  font-weight: 700 !important;

  line-height: 1.4 !important;

  color: var(--cd-green) !important;
}


/* =========================================================
   JOUR 03
   FORT DE BRÉGANÇON — GRANDE RESPIRATION
   ========================================================= */

.cdDiscoveryFort {
  position: relative;

  width: 100%;

  margin:
    76px
    0
    30px;

  padding: 0;
}


/* =========================================================
   VISUEL FORT
   CADRE FIXE
   ========================================================= */

.cdDiscoveryFort__visual {
  position: relative;

  width: 100%;

  /*
   * Cadre panoramique fixe.
   * La photo est recadrée à l'intérieur.
   */
  aspect-ratio: 1.93 / 1;

  overflow: hidden;

  border-radius: 30px;

  background: var(--cd-blue);
}

.cdDiscoveryFort__visual > img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  transition:
    transform 900ms ease;
}

@media (hover: hover) {

  .cdDiscoveryFort__visual:hover > img {
    transform: scale(1.015);
  }

}


/* =========================================================
   OVERLAY FORT
   ========================================================= */

.cdDiscoveryFort__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(8, 38, 45, 0.84) 0%,
      rgba(8, 38, 45, 0.68) 35%,
      rgba(8, 38, 45, 0.28) 64%,
      rgba(8, 38, 45, 0.06) 100%
    ),
    linear-gradient(
      0deg,
      rgba(8, 38, 45, 0.30) 0%,
      transparent 50%
    );
}


/* =========================================================
   GRAND 03
   ========================================================= */

.cdDiscoveryFort__number {
  position: absolute;

  right: 27px;
  bottom: 14px;

  z-index: 2;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif;

  font-size:
    clamp(5.5rem, 10vw, 9rem);

  font-weight: 900;

  line-height: 0.78;

  letter-spacing: -0.075em;

  color:
    rgba(255, 255, 255, 0.85);

  pointer-events: none;
}


/* =========================================================
   CONTENU FORT
   ========================================================= */

.cdDiscoveryFort__content {
  position: relative;

  z-index: 3;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: min(590px, 60%);

  min-height: 570px;

  padding:
    58px
    0
    58px
    55px;
}


/* =========================================================
   DATE FORT
   ========================================================= */

.cdDiscoveryFort__meta {
  display: flex;

  align-items: baseline;

  gap: 10px;

  margin-bottom: 17px;
}

.cdDiscoveryFort__meta span {
  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.57rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.15em;
  text-transform: uppercase;

  color: var(--cd-beige);
}

.cdDiscoveryFort__meta strong {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(2.5rem, 3.5vw, 3.4rem);

  font-weight: 400;

  line-height: 0.8;

  letter-spacing: -0.045em;

  color: #ffffff;
}

.cdDiscoveryFort__meta em {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 0.78rem;

  color:
    rgba(255, 255, 255, 0.82);
}


/* =========================================================
   THÈME FORT
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscoveryFort__theme {
  margin: 0 0 14px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.58rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.15em;
  text-transform: uppercase;

  color: var(--cd-beige) !important;
}


/* =========================================================
   TITRE FORT
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscoveryFort h3 {
  max-width: 570px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(2.7rem, 4.7vw, 4.7rem) !important;

  font-weight: 900 !important;

  line-height: 0.92 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;
  text-transform: none !important;

  color: #ffffff !important;
}


/* =========================================================
   DESCRIPTION FORT
   ========================================================= */

.cdDiscovery.cdDiscovery
.cdDiscoveryFort__description {
  max-width: 485px;

  margin: 23px 0 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(0.98rem, 1.3vw, 1.12rem) !important;

  font-weight: 400 !important;

  line-height: 1.55 !important;

  color:
    rgba(255, 255, 255, 0.88) !important;
}


/* =========================================================
   CONCLUSION
   ========================================================= */

.cdDiscovery__footer {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 17px;

  max-width: 780px;

  margin:
    64px
    auto
    0;

  padding:
    25px
    30px;

  border-top:
    1px solid rgba(21, 98, 119, 0.18);

  border-bottom:
    1px solid rgba(21, 98, 119, 0.18);
}

.cdDiscovery__footer > span {
  flex: 0 0 auto;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.15rem;

  color: var(--cd-beige);
}

.cdDiscovery.cdDiscovery
.cdDiscovery__footer p {
  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.72rem !important;

  line-height: 1.5 !important;

  color: var(--cd-text) !important;
}

.cdDiscovery__footer strong {
  color: var(--cd-blue);
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdDiscovery__inner {
    width:
      min(100% - 40px, 1100px);

    padding:
      58px
      0;
  }

  .cdDiscovery__header {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(300px, 0.85fr);

    gap: 50px;
  }

  .cdDiscovery__day {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 0.9fr);

    gap: 42px;

    margin-top: 42px;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscovery__content h3 {
    font-size:
      clamp(1.75rem, 3.6vw, 2.5rem) !important;
  }


  /* Fort */

  .cdDiscoveryFort {
    margin-top: 62px;
  }

  .cdDiscoveryFort__visual {
    aspect-ratio: 1.75 / 1;
  }

  .cdDiscoveryFort__content {
    width: 67%;

    min-height: 100%;

    padding:
      48px
      0
      48px
      42px;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscoveryFort h3 {
    font-size:
      clamp(2.5rem, 5vw, 3.9rem) !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdDiscovery {
    scroll-margin-top: 60px;
  }

  .cdDiscovery__inner {
    width:
      min(100% - 30px, 1100px);

    padding:
      46px
      0
      48px;
  }


  /* Header */

  .cdDiscovery__header {
    display: block;

    padding-bottom: 27px;
  }

  .cdDiscovery.cdDiscovery
  #cdDiscoveryTitle {
    font-size:
      clamp(2.7rem, 13vw, 4rem) !important;
  }

  .cdDiscovery__intro {
    margin-top: 28px;
  }


  /* Countdown */

  .cdDiscovery__countdown {
    align-items: center;
  }


  /* Manifeste */

  .cdDiscovery__manifesto {
    padding:
      34px
      0
      15px;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscovery__manifesto p {
    font-size:
      clamp(1.35rem, 6.2vw, 1.75rem) !important;
  }

  .cdDiscovery__manifesto br {
    display: none;
  }


  /* Journées */

  .cdDiscovery__day,
  .cdDiscovery__day--reverse {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 25px;

    margin-top: 40px;
  }

  .cdDiscovery__day--reverse
  .cdDiscovery__visual,
  .cdDiscovery__day--reverse
  .cdDiscovery__content {
    grid-column: auto;
    grid-row: auto;
  }

  .cdDiscovery__visual {
    order: 1;

    /*
     * Cadre fixe également sur mobile.
     */
    aspect-ratio: 1.12 / 1;

    border-radius: 21px;
  }

  .cdDiscovery__content {
    order: 2;

    padding: 0;
  }

  .cdDiscovery__number {
    bottom: 12px;
    left: 14px;

    font-size: 3.4rem;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscovery__content h3 {
    max-width: 100%;

    font-size:
      clamp(2rem, 9.5vw, 2.8rem) !important;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscovery__description {
    max-width: 100%;

    font-size: 0.78rem !important;
  }


  /* =======================================================
     FORT MOBILE
     ======================================================= */

  .cdDiscoveryFort {
    margin:
      50px
      0
      8px;
  }

  .cdDiscoveryFort__visual {
    /*
     * Format vertical fixe sur mobile.
     */
    aspect-ratio: 0.72 / 1;

    min-height: 0;

    border-radius: 23px;
  }

  .cdDiscoveryFort__visual > img {
    object-fit: cover;
    object-position: center;
  }

  .cdDiscoveryFort__overlay {
    background:
      linear-gradient(
        0deg,
        rgba(8, 38, 45, 0.91) 0%,
        rgba(8, 38, 45, 0.69) 48%,
        rgba(8, 38, 45, 0.12) 82%,
        transparent 100%
      );
  }

  .cdDiscoveryFort__content {
    position: absolute;

    inset: 0;

    justify-content: flex-end;

    width: 100%;
    min-height: 0;

    padding:
      35px
      24px
      39px;
  }

  .cdDiscoveryFort__meta {
    margin-bottom: 14px;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscoveryFort h3 {
    max-width: 100%;

    font-size:
      clamp(2.45rem, 11vw, 3.5rem) !important;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscoveryFort__description {
    max-width: 100%;

    margin-top: 18px !important;

    font-size: 0.96rem !important;
  }

  .cdDiscoveryFort__number {
    top: 22px;
    right: 20px;
    bottom: auto;

    font-size: 5rem;

    color:
      rgba(255, 255, 255, 0.82);
  }


  /* Footer */

  .cdDiscovery__footer {
    justify-content: flex-start;

    margin-top: 48px;

    padding:
      22px
      0;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdDiscovery__countdown {
    display: block;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscovery__countdownLabel {
    max-width: none;

    margin-bottom: 13px !important;
  }

  .cdDiscovery__countdownValues {
    justify-content: space-between;

    max-width: 240px;
  }

  .cdDiscovery__date strong {
    font-size: 2.25rem;
  }


  /* Photos */

  .cdDiscovery__visual {
    aspect-ratio: 1.08 / 1;
  }


  /* Fort */

  .cdDiscoveryFort__visual {
    aspect-ratio: 0.70 / 1;
  }

  .cdDiscoveryFort__content {
    padding:
      30px
      20px
      31px;
  }

  .cdDiscovery.cdDiscovery
  .cdDiscoveryFort h3 {
    font-size:
      clamp(2.25rem, 11vw, 3rem) !important;
  }

}


/* =========================================================
   ACCESSIBILITÉ / MOUVEMENT
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdDiscovery *,
  .cdDiscovery *::before,
  .cdDiscovery *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd5a9fc *//* =========================================================
   CAMP DU DOMAINE
   VIGNOBLES EN SCÈNE
   FOND FIXE COMME LA MAQUETTE V7B
   ========================================================= */

.cdWineFixed {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #38545a;
  --cd-muted: #587177;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  /*
   * IMPORTANT :
   * Remplacer URL-PHOTO-VIGNOBLE
   * par l'URL WordPress de ta photo.
   *
   * C'est exactement le principe utilisé
   * dans la maquette V7B.
   */
  background:
    linear-gradient(
      90deg,
      rgba(232, 239, 232, 0.96),
      rgba(205, 187, 159, 0.78)
    ),
    url("https://www.campdudomaine.com/app/uploads/2026/08/vignes_vignoble_vin_camp_du_domaine.jpg")
    center / cover
    fixed;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdWineFixed *,
.cdWineFixed *::before,
.cdWineFixed *::after {
  box-sizing: border-box;
}

.cdWineFixed h2,
.cdWineFixed h3,
.cdWineFixed p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdWineFixed__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(380px, 1fr);

  align-items: center;

  gap: clamp(55px, 7vw, 90px);

  width: min(1100px, calc(100% - 48px));

  min-height: 500px;

  margin: 0 auto !important;

  padding:
    68px
    0;
}


/* =========================================================
   CONTENU GAUCHE
   ========================================================= */

.cdWineFixed__content {
  min-width: 0;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__eyebrow {
  margin:
    0
    0
    16px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.61rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.17em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.cdWineFixed.cdWineFixed
#cdWineFixedTitle {
  max-width: 530px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.8vw, 4.8rem) !important;

  font-weight: 900 !important;

  line-height: 0.9 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTE INTRO
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__lead {
  max-width: 500px;

  margin:
    20px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.9rem !important;
  font-weight: 400 !important;

  line-height: 1.6 !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   NOTE CAMP DU DOMAINE
   ========================================================= */

.cdWineFixed__note {
  max-width: 500px;

  margin-top: 23px;

  padding:
    16px
    0;

  border-top:
    1px solid rgba(21, 98, 119, 0.20);

  border-bottom:
    1px solid rgba(21, 98, 119, 0.20);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.67rem;

  line-height: 1.5;

  color: var(--cd-text);
}

.cdWineFixed__note strong {
  color: var(--cd-blue);
}


/* =========================================================
   CARTE BLANCHE
   ========================================================= */

.cdWineFixed__card {
  width: 100%;

  padding:
    32px
    32px
    27px;

  border:
    1px solid rgba(21, 98, 119, 0.10);

  border-radius: 24px;

  background:
    rgba(255, 255, 255, 0.96);

  box-shadow:
    0 15px 40px rgba(21, 98, 119, 0.10);
}


/* =========================================================
   SAMEDI
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__saturday {
  margin:
    0
    0
    9px !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1.15rem, 1.6vw, 1.4rem) !important;

  font-weight: 400 !important;

  line-height: 1.2 !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   TITRE CARTE
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__card h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.55rem, 2vw, 2rem) !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  letter-spacing: -0.035em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTE CARTE
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__cardText {
  max-width: 440px;

  margin:
    14px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.7rem !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color: var(--cd-muted) !important;
}


/* =========================================================
   ÉTAPES
   ========================================================= */

.cdWineFixed__steps {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 8px;

  margin-top: 23px;
}

.cdWineFixed__step {
  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  min-height: 67px;

  padding:
    9px
    5px;

  border-radius: 14px;

  background:
    rgba(243, 244, 231, 0.95);

  text-align: center;
}

.cdWineFixed__step span {
  display: block;

  margin-bottom: 7px;

  font-size: 0.9rem;

  line-height: 1;
}

.cdWineFixed__step strong {
  display: block;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.64rem;
  font-weight: 700;

  line-height: 1.2;

  color: var(--cd-dark);
}


/* =========================================================
   OFFERT
   ========================================================= */

.cdWineFixed.cdWineFixed
.cdWineFixed__offered {
  margin:
    18px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.67rem !important;
  font-weight: 700 !important;

  line-height: 1.4 !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdWineFixed__inner {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(340px, 1fr);

    gap: 40px;

    width:
      min(100% - 40px, 1100px);

    min-height: 500px;

    padding:
      58px
      0;
  }

  .cdWineFixed.cdWineFixed
  #cdWineFixedTitle {
    font-size:
      clamp(2.8rem, 6vw, 4rem) !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdWineFixed {
    scroll-margin-top: 60px;

    /*
     * background-attachment: fixed est mal géré
     * sur plusieurs navigateurs mobiles.
     * On conserve donc la photo mais sans effet fixe.
     */
    background:
      linear-gradient(
        rgba(232, 239, 232, 0.91),
        rgba(205, 187, 159, 0.84)
      ),
      url("URL-PHOTO-VIGNOBLE")
      center / cover
      no-repeat;
  }

  .cdWineFixed__inner {
    display: block;

    width:
      min(100% - 30px, 1100px);

    min-height: 0;

    padding:
      47px
      0
      49px;
  }

  .cdWineFixed.cdWineFixed
  #cdWineFixedTitle {
    font-size:
      clamp(2.8rem, 13vw, 4rem) !important;
  }

  .cdWineFixed.cdWineFixed
  .cdWineFixed__lead {
    max-width: 100%;

    font-size: 0.82rem !important;
  }

  .cdWineFixed__note {
    max-width: 100%;
  }

  .cdWineFixed__card {
    margin-top: 31px;

    padding:
      27px
      22px
      24px;

    border-radius: 20px;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 430px) {

  .cdWineFixed__steps {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .cdWineFixed__step {
    min-height: 62px;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdWineFixed {
    background-attachment: scroll;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8802e6 *//* =========================================================
   CAMP DU DOMAINE
   QUE FAIRE À BORMES-LES-MIMOSAS EN OCTOBRE ?
   ========================================================= */

.cdOctoberExplore {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #38545a;
  --cd-muted: #66797c;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--cd-ivory);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdOctoberExplore *,
.cdOctoberExplore *::before,
.cdOctoberExplore *::after {
  box-sizing: border-box;
}

.cdOctoberExplore h2,
.cdOctoberExplore h3,
.cdOctoberExplore p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdOctoberExplore__inner {
  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;

  padding:
    68px
    0
    72px;
}


/* =========================================================
   HEADER
   ========================================================= */

.cdOctoberExplore__header {
  max-width: 1000px;

  margin-bottom: 38px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberExplore.cdOctoberExplore
.cdOctoberExplore__eyebrow {
  margin:
    0
    0
    16px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.62rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.17em;
  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE PRINCIPAL
   ========================================================= */

.cdOctoberExplore.cdOctoberExplore
#cdOctoberExploreTitle {
  max-width: 980px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.8vw, 4.8rem) !important;

  font-weight: 900 !important;
  font-style: normal !important;

  line-height: 0.94 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   GRILLE
   ========================================================= */

.cdOctoberExplore__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 18px;
}


/* =========================================================
   CARTE
   ========================================================= */

.cdOctoberExplore__card {
  position: relative;

  min-width: 0;

  overflow: hidden;

  border:
    1px solid rgba(21, 98, 119, 0.15);

  border-radius: 21px;

  background: rgba(255, 255, 255, 0.93);

  transition:
    transform 300ms ease,
    box-shadow 300ms ease,
    border-color 300ms ease;
}


/* =========================================================
   PHOTO — CADRE FIXE
   ========================================================= */

.cdOctoberExplore__visual {
  position: relative;

  width: 100%;

  /*
   * Le cadre garde toujours exactement
   * la même hauteur.
   */
  aspect-ratio: 2.05 / 1;

  overflow: hidden;

  background: #d9dfd8;
}

.cdOctoberExplore__visual img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  transition:
    transform 600ms ease;
}


/* =========================================================
   CONTENU CARTE
   ========================================================= */

.cdOctoberExplore__content {
  min-height: 142px;

  padding:
    18px
    20px
    20px;
}


/* =========================================================
   TITRE CARTE
   ========================================================= */

.cdOctoberExplore.cdOctoberExplore
.cdOctoberExplore__content h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.35rem, 1.8vw, 1.75rem) !important;

  font-weight: 900 !important;

  line-height: 0.96 !important;

  letter-spacing: -0.035em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTE CARTE
   ========================================================= */

.cdOctoberExplore.cdOctoberExplore
.cdOctoberExplore__content p {
  max-width: 290px;

  margin:
    10px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.69rem !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

  .cdOctoberExplore__card:hover {
    transform: translateY(-4px);

    border-color:
      rgba(21, 98, 119, 0.24);

    box-shadow:
      0 16px 34px rgba(23, 56, 62, 0.08);
  }

  .cdOctoberExplore__card:hover
  .cdOctoberExplore__visual img {
    transform: scale(1.035);
  }

}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdOctoberExplore__inner {
    width:
      min(100% - 40px, 1100px);

    padding:
      58px
      0
      62px;
  }

  .cdOctoberExplore__header {
    margin-bottom: 32px;
  }

  .cdOctoberExplore__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 16px;
  }

  .cdOctoberExplore__visual {
    aspect-ratio: 2 / 1;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .cdOctoberExplore {
    scroll-margin-top: 60px;
  }

  .cdOctoberExplore__inner {
    width:
      min(100% - 30px, 1100px);

    padding:
      46px
      0
      50px;
  }


  /* Header */

  .cdOctoberExplore__header {
    margin-bottom: 28px;
  }

  .cdOctoberExplore.cdOctoberExplore
  #cdOctoberExploreTitle {
    font-size:
      clamp(2.65rem, 12vw, 3.8rem) !important;
  }

  .cdOctoberExplore
  #cdOctoberExploreTitle br {
    display: none;
  }


  /* Grille */

  .cdOctoberExplore__grid {
    grid-template-columns: 1fr;

    gap: 14px;
  }


  /* Carte */

  .cdOctoberExplore__card {
    display: grid;

    grid-template-columns:
      minmax(125px, 0.82fr)
      minmax(0, 1.18fr);

    align-items: stretch;

    border-radius: 18px;
  }


  /* Photo */

  .cdOctoberExplore__visual {
    height: 100%;

    min-height: 145px;

    aspect-ratio: auto;
  }


  /* Contenu */

  .cdOctoberExplore__content {
    display: flex;

    flex-direction: column;
    justify-content: center;

    min-height: 145px;

    padding:
      17px
      17px;
  }

  .cdOctoberExplore.cdOctoberExplore
  .cdOctoberExplore__content h3 {
    font-size:
      clamp(1.25rem, 6vw, 1.6rem) !important;
  }

  .cdOctoberExplore.cdOctoberExplore
  .cdOctoberExplore__content p {
    margin-top: 8px !important;

    font-size: 0.68rem !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberExplore__card {
    grid-template-columns:
      115px
      minmax(0, 1fr);
  }

  .cdOctoberExplore__visual,
  .cdOctoberExplore__content {
    min-height: 150px;
  }

  .cdOctoberExplore__content {
    padding:
      15px
      14px;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberExplore *,
  .cdOctoberExplore *::before,
  .cdOctoberExplore *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7451cc7 *//* =========================================================
   CAMP DU DOMAINE
   OCTOBRE ROSE
   ========================================================= */

.cdPinkOctober {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-dark: #17383e;

  --cd-pink: #d66f96;
  --cd-pink-dark: #bc527b;
  --cd-pink-medium: #e9a5bd;
  --cd-pink-light: #f7e5ec;
  --cd-pink-bg: #faeef3;

  --cd-white: #ffffff;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #fbf2f5 0%,
      #f8e8ee 48%,
      #f5e0e8 100%
    );

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdPinkOctober *,
.cdPinkOctober *::before,
.cdPinkOctober *::after {
  box-sizing: border-box;
}

.cdPinkOctober h2,
.cdPinkOctober h3,
.cdPinkOctober h4,
.cdPinkOctober p {
  padding: 0;
}


/* =========================================================
   CONTENEUR PRINCIPAL
   ========================================================= */

.cdPinkOctober__inner {
  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(420px, 1.08fr);

  align-items: center;

  gap: clamp(65px, 8vw, 110px);

  width: min(1100px, calc(100% - 48px));

  min-height: 620px;

  margin: 0 auto !important;

  padding:
    72px
    0;
}

/* ANNEAU */

.cdPinkOctober__ribbon::before,
.cdPinkOctober__ribbon::after {
  content: "";

  position: absolute;

  top: 3px;

  width: 31px;
  height: 79px;

  border: 10px solid var(--cd-pink);
}

.cdPinkOctober__ribbon::before {
  left: 14px;

  border-right: 0;

  border-radius:
    32px
    0
    0
    32px;

  transform:
    rotate(17deg);
}

.cdPinkOctober__ribbon::after {
  right: 14px;

  border-left: 0;

  border-radius:
    0
    32px
    32px
    0;

  transform:
    rotate(-17deg);
}


/* BRANCHES */

.cdPinkOctober__ribbon i {
  position: absolute;

  left: 50%;
  top: 59px;

  display: block;

  width: 10px;
  height: 68px;

  background: var(--cd-pink);

  transform:
    translateX(-50%)
    rotate(24deg);

  transform-origin: top center;
}

.cdPinkOctober__ribbon i::after {
  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 10px;
  height: 68px;

  background: var(--cd-pink);

  transform:
    rotate(-48deg);

  transform-origin: top center;
}


/* =========================================================
   POSITION DES RUBANS
   ========================================================= */

.cdPinkOctober__ribbon--1 {
  top: 7%;
  left: 3%;

  transform:
    rotate(-18deg)
    scale(1.55);

  opacity: 0.075;
}

.cdPinkOctober__ribbon--2 {
  top: 48%;
  left: 39%;

  transform:
    rotate(17deg)
    scale(0.82);

  opacity: 0.09;
}

.cdPinkOctober__ribbon--3 {
  top: -5%;
  right: 26%;

  transform:
    rotate(25deg)
    scale(1.05);

  opacity: 0.06;
}

.cdPinkOctober__ribbon--4 {
  right: 3%;
  bottom: 22%;

  transform:
    rotate(-23deg)
    scale(1.7);

  opacity: 0.07;
}

.cdPinkOctober__ribbon--5 {
  left: 15%;
  bottom: 22%;

  transform:
    rotate(31deg)
    scale(1.15);

  opacity: 0.055;
}


/* =========================================================
   COLONNE GAUCHE
   ========================================================= */

.cdPinkOctober__intro {
  position: relative;

  z-index: 2;

  min-width: 0;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__eyebrow {
  margin:
    0
    0
    17px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.62rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: var(--cd-pink-dark) !important;
}


/* =========================================================
   TITRE PRINCIPAL
   ========================================================= */

.cdPinkOctober.cdPinkOctober
#cdPinkOctoberTitle {
  max-width: 600px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.7vw, 4.75rem) !important;

  font-weight: 900 !important;

  line-height: 0.93 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;

  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__lead {
  max-width: 470px;

  margin:
    23px
    0
    0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1rem, 1.35vw, 1.15rem) !important;

  font-weight: 400 !important;

  line-height: 1.65 !important;

  color: #6d5961 !important;
}


/* =========================================================
   PANNEAU BLANC
   ========================================================= */

.cdPinkOctober__panel {
  position: relative;

  z-index: 2;

  width: 100%;

  padding:
    36px
    38px
    33px;

  border:
    1px solid rgba(190, 82, 123, 0.15);

  border-radius: 27px;

  background:
    rgba(255, 255, 255, 0.93);

  box-shadow:
    0 18px 45px rgba(143, 62, 91, 0.08);

  backdrop-filter:
    blur(4px);
}


/* =========================================================
   PANEL EYEBROW
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__panelEyebrow {
  margin:
    0
    0
    11px !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 1.05rem !important;

  font-style: italic;

  line-height: 1.3 !important;

  color: var(--cd-pink-dark) !important;
}


/* =========================================================
   TITRE PANNEAU
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__panel h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.7rem, 2.3vw, 2.25rem) !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  letter-spacing: -0.035em !important;

  text-align: left !important;

  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   LISTE ACTIVITÉS
   ========================================================= */

.cdPinkOctober__activities {
  margin-top: 27px;

  border-top:
    1px solid rgba(190, 82, 123, 0.15);
}


/* =========================================================
   ACTIVITÉ
   ========================================================= */

.cdPinkOctober__activity {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr);

  gap: 17px;

  padding:
    18px
    0;

  border-bottom:
    1px solid rgba(190, 82, 123, 0.15);
}


/* =========================================================
   NUMÉRO
   ========================================================= */

.cdPinkOctober__number {
  padding-top: 2px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.35rem;

  line-height: 1;

  color: var(--cd-pink-medium);
}


/* =========================================================
   TITRES ACTIVITÉS
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__activity h4 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.88rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTES ACTIVITÉS
   ========================================================= */

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__activity p {
  max-width: 430px;

  margin:
    6px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.68rem !important;
  font-weight: 400 !important;

  line-height: 1.55 !important;

  color: #6e6568 !important;
}


/* =========================================================
   BANDEAU DÉPISTAGE
   ========================================================= */

.cdPinkOctober__screening {
  position: relative;

  z-index: 3;

  width: 100%;

  background: var(--cd-dark);

  color: var(--cd-white);
}

.cdPinkOctober__screeningInner {
  display: grid;

  grid-template-columns:
    64px
    minmax(0, 0.92fr)
    minmax(340px, 1.08fr);

  gap: clamp(28px, 5vw, 70px);

  align-items: center;

  width: min(1100px, calc(100% - 48px));

  margin: 0 auto;

  padding:
    47px
    0
    50px;
}


/* =========================================================
   MARQUE +
   ========================================================= */

.cdPinkOctober__screeningMark {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 55px;
  height: 55px;

  border:
    1px solid rgba(255, 255, 255, 0.18);

  border-radius: 50%;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.7rem;

  font-weight: 400;

  color: var(--cd-pink-medium);
}


/* =========================================================
   CONTENU DÉPISTAGE
   ========================================================= */

.cdPinkOctober__screeningContent {
  min-width: 0;
}

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__screeningEyebrow {
  margin:
    0
    0
    9px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.57rem !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: var(--cd-pink-medium) !important;
}

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__screening h3 {
  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1.75rem, 2.5vw, 2.45rem) !important;

  font-weight: 400 !important;

  line-height: 1.03 !important;

  letter-spacing: -0.035em !important;

  color: var(--cd-white) !important;

  text-align: left !important;
  text-transform: none !important;
}

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__screeningText {
  max-width: 430px;

  margin:
    14px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.67rem !important;

  font-weight: 400 !important;

  line-height: 1.6 !important;

  color:
    rgba(255, 255, 255, 0.67) !important;
}


/* =========================================================
   ACTION DÉPISTAGE
   ========================================================= */

.cdPinkOctober__screeningAction {
  min-width: 0;

  padding-left: clamp(24px, 4vw, 50px);

  border-left:
    1px solid rgba(255, 255, 255, 0.13);
}

.cdPinkOctober.cdPinkOctober
.cdPinkOctober__screeningAction p {
  max-width: 440px;

  margin:
    0
    0
    18px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.7rem !important;

  font-weight: 400 !important;

  line-height: 1.65 !important;

  color:
    rgba(255, 255, 255, 0.82) !important;
}


/* =========================================================
   BOUTON DÉPISTAGE
   ========================================================= */

.cdPinkOctober__screeningButton {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 14px;

  min-height: 43px;

  padding:
    0
    18px;

  border-radius: 999px;

  background: var(--cd-pink);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.61rem;

  font-weight: 700;

  letter-spacing: 0.03em;

  color: #ffffff !important;

  text-decoration: none !important;

  transition:
    background 0.25s ease,
    transform 0.25s ease;
}

.cdPinkOctober__screeningButton span {
  font-size: 0.8rem;
}

.cdPinkOctober__screeningButton:hover {
  background: var(--cd-pink-dark);

  transform: translateY(-1px);
}


/* =========================================================
   NOTE DÉPISTAGE
   ========================================================= */

.cdPinkOctober__screeningAction small {
  display: block;

  max-width: 430px;

  margin-top: 14px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.55rem;

  font-weight: 400;

  font-style: italic;

  line-height: 1.55;

  color:
    rgba(255, 255, 255, 0.48);
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdPinkOctober__inner {
    grid-template-columns:
      minmax(0, 0.8fr)
      minmax(390px, 1.2fr);

    gap: 40px;

    width:
      min(100% - 40px, 1100px);

    padding:
      60px
      0;
  }

  .cdPinkOctober__panel {
    padding:
      31px
      30px
      28px;
  }

  .cdPinkOctober__screeningInner {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(0, 1.1fr);

    width:
      min(100% - 40px, 1100px);

    gap: 42px;
  }

  .cdPinkOctober__screeningMark {
    display: none;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdPinkOctober {
    scroll-margin-top: 60px;
  }

  .cdPinkOctober__inner {
    display: block;

    width:
      min(100% - 30px, 1100px);

    min-height: 0;

    padding:
      48px
      0
      50px;
  }


  /* Titre */

  .cdPinkOctober.cdPinkOctober
  #cdPinkOctoberTitle {
    font-size:
      clamp(2.65rem, 12vw, 3.8rem) !important;
  }

  .cdPinkOctober
  #cdPinkOctoberTitle br {
    display: none;
  }


  /* Intro */

  .cdPinkOctober.cdPinkOctober
  .cdPinkOctober__lead {
    max-width: 100%;

    font-size: 1rem !important;
  }


  /* Panneau */

  .cdPinkOctober__panel {
    margin-top: 34px;

    padding:
      28px
      22px
      25px;

    border-radius: 21px;
  }


  /* Rubans */

  .cdPinkOctober__ribbon--1 {
    top: 4%;
    left: -7%;

    transform:
      rotate(-18deg)
      scale(1.25);
  }

  .cdPinkOctober__ribbon--2 {
    top: 38%;
    left: auto;
    right: -3%;

    transform:
      rotate(21deg)
      scale(0.8);
  }

  .cdPinkOctober__ribbon--3 {
    display: none;
  }

  .cdPinkOctober__ribbon--4 {
    right: -8%;
    bottom: 28%;

    transform:
      rotate(-22deg)
      scale(1.25);
  }

  .cdPinkOctober__ribbon--5 {
    left: 3%;
    bottom: 40%;

    transform:
      rotate(30deg)
      scale(0.75);
  }


  /* Dépistage */

  .cdPinkOctober__screeningInner {
    display: block;

    width:
      min(100% - 30px, 1100px);

    padding:
      39px
      0
      42px;
  }

  .cdPinkOctober__screeningMark {
    display: none;
  }

  .cdPinkOctober.cdPinkOctober
  .cdPinkOctober__screening h3 {
    font-size: 2rem !important;
  }

  .cdPinkOctober.cdPinkOctober
  .cdPinkOctober__screeningText {
    max-width: 100%;
  }

  .cdPinkOctober__screeningAction {
    margin-top: 27px;

    padding:
      25px
      0
      0;

    border-left: 0;

    border-top:
      1px solid rgba(255, 255, 255, 0.13);
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 430px) {

  .cdPinkOctober__activity {
    grid-template-columns:
      34px
      minmax(0, 1fr);

    gap: 12px;
  }

  .cdPinkOctober__number {
    font-size: 1.15rem;
  }

  .cdPinkOctober__screeningButton {
    width: 100%;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdPinkOctober *,
  .cdPinkOctober *::before,
  .cdPinkOctober *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92606e8 *//* =========================================================
   CAMP DU DOMAINE
   VACANCES DE LA TOUSSAINT
   ========================================================= */

.cdToussaint {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-dark: #17383e;
  --cd-text: #526b70;
  --cd-line: rgba(21, 98, 119, 0.15);
  --cd-soft: #eaf1ef;

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #edf3f0 0%,
      #f3f4e7 100%
    );

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdToussaint *,
.cdToussaint *::before,
.cdToussaint *::after {
  box-sizing: border-box;
}

.cdToussaint h2,
.cdToussaint h3,
.cdToussaint p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdToussaint__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 0.85fr)
    minmax(480px, 1.15fr);

  align-items: start;

  gap: clamp(70px, 9vw, 125px);

  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;

  padding:
    76px
    0
    80px;
}


/* =========================================================
   COLONNE INTRO
   ========================================================= */

.cdToussaint__intro {
  position: sticky;

  top: 110px;

  min-width: 0;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__eyebrow {
  margin:
    0
    0
    17px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.62rem !important;
  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.cdToussaint.cdToussaint
#cdToussaintTitle {
  max-width: 530px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.5vw, 4.5rem) !important;

  font-weight: 900 !important;

  line-height: 0.93 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;
  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   INTRO TEXTE
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__lead {
  max-width: 450px;

  margin:
    24px
    0
    0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1rem, 1.35vw, 1.15rem) !important;

  font-weight: 400 !important;

  line-height: 1.65 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   LOCALISATION
   ========================================================= */

.cdToussaint__location {
  display: grid;

  grid-template-columns:
    36px
    minmax(0, 1fr);

  align-items: start;

  gap: 15px;

  max-width: 390px;

  margin-top: 35px;
}


.cdToussaint__locationLine {
  display: block;

  width: 36px;
  height: 1px;

  margin-top: 8px;

  background: var(--cd-beige);
}


.cdToussaint.cdToussaint
.cdToussaint__location p {
  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.69rem !important;

  line-height: 1.55 !important;

  color: var(--cd-text) !important;
}


.cdToussaint__location strong {
  display: block;

  margin-bottom: 3px;

  color: var(--cd-blue);
}


/* =========================================================
   AGENDA
   ========================================================= */

.cdToussaint__agenda {
  position: relative;

  min-width: 0;

  padding:
    7px
    0
    0;
}


/* LIGNE VERTICALE */

.cdToussaint__agenda::before {
  content: "";

  position: absolute;

  top: 62px;
  bottom: 53px;
  left: 54px;

  width: 1px;

  background:
    rgba(21, 98, 119, 0.16);
}


/* =========================================================
   LABEL AGENDA
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__agendaLabel {
  margin:
    0
    0
    15px !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 1.15rem !important;

  font-style: italic;

  line-height: 1.3 !important;

  color: var(--cd-blue) !important;
}


/* =========================================================
   ÉVÉNEMENT
   ========================================================= */

.cdToussaint__event {
  position: relative;

  display: grid;

  grid-template-columns:
    108px
    minmax(0, 1fr);

  gap: 25px;

  padding:
    22px
    0;

  border-bottom:
    1px solid var(--cd-line);
}


/* =========================================================
   DATE
   ========================================================= */

.cdToussaint__date {
  position: relative;

  z-index: 2;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  width: 108px;
  min-height: 92px;

  background:
    linear-gradient(
      135deg,
      #f7f7ef,
      #ffffff
    );

  border:
    1px solid rgba(21, 98, 119, 0.13);

  border-radius: 18px;

  box-shadow:
    0 8px 24px rgba(21, 98, 119, 0.04);
}


.cdToussaint__date strong {
  display: block;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 2.3rem;
  font-weight: 400;

  line-height: 0.9;

  color: var(--cd-blue);
}


.cdToussaint__date span {
  display: block;

  margin-top: 7px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.57rem;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.13em;

  text-transform: uppercase;

  color: var(--cd-green);
}


/* =========================================================
   CONTENU ÉVÉNEMENT
   ========================================================= */

.cdToussaint__eventContent {
  display: flex;

  flex-direction: column;

  justify-content: center;

  min-width: 0;
}


/* TYPE */

.cdToussaint.cdToussaint
.cdToussaint__type {
  margin:
    0
    0
    6px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.55rem !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.15em;

  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE CLIQUABLE
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__eventContent h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.4rem, 2vw, 1.8rem) !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  letter-spacing: -0.035em !important;

  text-align: left !important;
  text-transform: none !important;
}


.cdToussaint.cdToussaint
.cdToussaint__eventContent h3 a {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin: 0;
  padding: 0;

  color: var(--cd-dark) !important;

  text-decoration: none !important;

  transition:
    color 220ms ease;
}


/* FLÈCHE */

.cdToussaint__arrow {
  display: inline-block;

  flex: 0 0 auto;

  font-family:
    Arial,
    sans-serif;

  font-size: 0.68em;

  font-weight: 400;

  line-height: 1;

  color: var(--cd-green);

  opacity: 0.48;

  transform:
    translate(-2px, 1px);

  transition:
    opacity 220ms ease,
    transform 220ms ease;
}


/* HOVER */

@media (hover: hover) {

  .cdToussaint.cdToussaint
  .cdToussaint__eventContent h3 a:hover {
    color: var(--cd-blue) !important;
  }

  .cdToussaint
  .cdToussaint__eventContent h3 a:hover
  .cdToussaint__arrow {
    opacity: 1;

    transform:
      translate(2px, -2px);
  }

}


/* CLAVIER */

.cdToussaint
.cdToussaint__eventContent h3 a:focus-visible {
  color: var(--cd-blue) !important;

  outline:
    2px solid var(--cd-green);

  outline-offset: 5px;

  border-radius: 2px;
}


/* =========================================================
   TEXTE ÉVÉNEMENT
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__eventContent > p:last-child {
  max-width: 390px;

  margin:
    8px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.68rem !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.cdToussaint.cdToussaint
.cdToussaint__disclaimer {
  max-width: 480px;

  margin:
    19px
    0
    0 !important;

  padding-left: 133px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.58rem !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  color: #718185 !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdToussaint__inner {
    grid-template-columns:
      minmax(0, 0.75fr)
      minmax(430px, 1.25fr);

    gap: 45px;

    width:
      min(100% - 40px, 1100px);

    padding:
      62px
      0
      66px;
  }

  .cdToussaint__intro {
    top: 90px;
  }

  .cdToussaint__event {
    grid-template-columns:
      90px
      minmax(0, 1fr);

    gap: 20px;
  }

  .cdToussaint__date {
    width: 90px;
  }

  .cdToussaint__agenda::before {
    left: 45px;
  }

  .cdToussaint.cdToussaint
  .cdToussaint__disclaimer {
    padding-left: 110px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdToussaint {
    scroll-margin-top: 60px;
  }


  .cdToussaint__inner {
    display: block;

    width:
      min(100% - 30px, 1100px);

    padding:
      48px
      0
      52px;
  }


  /* Intro non sticky */

  .cdToussaint__intro {
    position: relative;

    top: auto;
  }


  /* Titre */

  .cdToussaint.cdToussaint
  #cdToussaintTitle {
    font-size:
      clamp(2.65rem, 12vw, 3.8rem) !important;
  }

  .cdToussaint
  #cdToussaintTitle br {
    display: none;
  }


  /* Intro */

  .cdToussaint.cdToussaint
  .cdToussaint__lead {
    max-width: 100%;

    font-size: 1rem !important;
  }


  /* Localisation */

  .cdToussaint__location {
    margin-top: 26px;
  }


  /* Agenda */

  .cdToussaint__agenda {
    margin-top: 43px;
  }

  .cdToussaint__agenda::before {
    top: 58px;
    bottom: 45px;

    left: 38px;
  }


  /* Événement */

  .cdToussaint__event {
    grid-template-columns:
      76px
      minmax(0, 1fr);

    gap: 17px;

    padding:
      17px
      0;
  }


  /* Date */

  .cdToussaint__date {
    width: 76px;
    min-height: 76px;

    border-radius: 15px;
  }

  .cdToussaint__date strong {
    font-size: 1.9rem;
  }


  /* Liens */

  .cdToussaint__arrow {
    opacity: 0.65;
  }


  /* Disclaimer */

  .cdToussaint.cdToussaint
  .cdToussaint__disclaimer {
    max-width: 100%;

    padding-left: 93px;

    font-size: 0.57rem !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdToussaint__agenda::before {
    left: 33px;
  }

  .cdToussaint__event {
    grid-template-columns:
      66px
      minmax(0, 1fr);

    gap: 14px;
  }

  .cdToussaint__date {
    width: 66px;
    min-height: 70px;
  }

  .cdToussaint__date strong {
    font-size: 1.7rem;
  }

  .cdToussaint.cdToussaint
  .cdToussaint__disclaimer {
    padding-left: 80px;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdToussaint *,
  .cdToussaint *::before,
  .cdToussaint *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0594072 *//* =========================================================
   CAMP DU DOMAINE
   POSEZ VOS VALISES
   NOUVELLE COMPOSITION
   ========================================================= */

.cdOctoberStay {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #536b70;
  --cd-line: rgba(21, 98, 119, 0.16);

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  background: var(--cd-ivory);

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdOctoberStay *,
.cdOctoberStay *::before,
.cdOctoberStay *::after {
  box-sizing: border-box;
}

.cdOctoberStay h2,
.cdOctoberStay h3,
.cdOctoberStay p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdOctoberStay__inner {
  width: min(1100px, calc(100% - 48px));

  margin: 0 auto !important;

  padding:
    68px
    0
    46px;
}


/* =========================================================
   COMPOSITION PRINCIPALE
   ========================================================= */

.cdOctoberStay__layout {
  display: grid;

  grid-template-columns:
    minmax(440px, 0.95fr)
    minmax(0, 1.05fr);

  align-items: start;

  gap: clamp(65px, 8vw, 100px);
}


/* =========================================================
   COLONNE GAUCHE
   ========================================================= */

.cdOctoberStay__left {
  min-width: 0;
}


/* =========================================================
   PHOTO
   ========================================================= */

.cdOctoberStay__visual {
  position: relative;

  width: 100%;

  /*
   * Photo volontairement plus horizontale.
   * Elle remonte et prend moins de hauteur.
   */
  aspect-ratio: 1.06 / 1;

  overflow: hidden;

  border-radius: 27px;

  background: #d9ded5;
}


.cdOctoberStay__visual img {
  position: absolute;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;

  transition:
    transform 900ms cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   BADGE PHOTO
   ========================================================= */

.cdOctoberStay__visualBadge {
  position: absolute;

  z-index: 2;

  left: 22px;
  bottom: 22px;

  display: flex;

  flex-direction: column;

  min-width: 150px;

  padding:
    14px
    17px
    15px;

  border:
    1px solid rgba(255, 255, 255, 0.42);

  border-radius: 15px;

  background:
    rgba(255, 255, 255, 0.92);

  box-shadow:
    0 10px 28px rgba(23, 56, 62, 0.1);

  backdrop-filter:
    blur(8px);
}


.cdOctoberStay__visualBadge span {
  font-size: 0.55rem;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.13em;

  text-transform: uppercase;

  color: var(--cd-green);
}


.cdOctoberStay__visualBadge strong {
  margin-top: 4px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.3rem;

  font-weight: 400;

  line-height: 1;

  color: var(--cd-blue);
}


/* =========================================================
   COLONNE DROITE
   ========================================================= */

.cdOctoberStay__content {
  min-width: 0;

  /*
   * Très léger décalage pour aligner optiquement
   * le haut du texte avec le haut de la photo.
   */
  padding-top: 4px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberStay.cdOctoberStay
.cdOctoberStay__eyebrow {
  margin:
    0
    0
    15px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.61rem !important;

  font-weight: 700 !important;

  line-height: 1.3 !important;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: var(--cd-green) !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.cdOctoberStay.cdOctoberStay
#cdOctoberStayTitle {
  max-width: 620px;

  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(3rem, 4.55vw, 4.55rem) !important;

  font-weight: 900 !important;

  line-height: 0.93 !important;

  letter-spacing: -0.05em !important;

  text-align: left !important;

  text-transform: none !important;

  color: var(--cd-dark) !important;
}


/* =========================================================
   TEXTE INTRO
   ========================================================= */

.cdOctoberStay.cdOctoberStay
.cdOctoberStay__lead {
  max-width: 520px;

  margin:
    21px
    0
    0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(1rem, 1.25vw, 1.1rem) !important;

  font-weight: 400 !important;

  line-height: 1.62 !important;

  color: var(--cd-text) !important;
}


/* =========================================================
   RÉSERVATION
   ========================================================= */

.cdOctoberStay__booking {
  display: flex;

  align-items: center;

  gap: 20px;

  margin-top: 29px;
}


/* =========================================================
   CTA PRINCIPAL
   ========================================================= */

.cdOctoberStay__button {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 35px;

  width: min(100%, 330px);

  min-height: 68px;

  padding:
    11px
    16px
    11px
    21px;

  border:
    1px solid var(--cd-blue);

  border-radius: 10px;

  background:
    var(--cd-blue);

  color:
    var(--cd-white) !important;

  text-decoration:
    none !important;

  box-shadow:
    0 9px 24px rgba(21, 98, 119, 0.12);

  transition:
    background 250ms ease,
    transform 250ms ease,
    box-shadow 250ms ease;
}


/* TEXTE CTA */

.cdOctoberStay__buttonText {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 4px;
}


.cdOctoberStay__buttonText small {
  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.49rem;

  font-weight: 600;

  line-height: 1.2;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color:
    rgba(255, 255, 255, 0.7);
}


.cdOctoberStay__buttonText strong {
  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.74rem;

  font-weight: 700;

  line-height: 1.2;

  color:
    var(--cd-white);
}


/* =========================================================
   FLÈCHE CTA
   ========================================================= */

.cdOctoberStay__buttonArrow {
  display: flex;

  align-items: center;

  width: 55px;

  flex: 0 0 55px;
}


.cdOctoberStay__buttonArrow > span {
  display: block;

  width: 29px;
  height: 1px;

  background:
    rgba(255, 255, 255, 0.55);

  transition:
    width 250ms ease;
}


.cdOctoberStay__buttonArrow b {
  display: block;

  margin-left: -1px;

  font-family:
    Arial,
    sans-serif;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1;

  color:
    var(--cd-white);

  transform:
    translateY(-0.5px);

  transition:
    transform 250ms ease;
}


/* =========================================================
   MICRO TEXTE
   ========================================================= */

.cdOctoberStay.cdOctoberStay
.cdOctoberStay__micro {
  max-width: 145px;

  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.56rem !important;

  font-weight: 400 !important;

  line-height: 1.45 !important;

  color:
    #708084 !important;
}


.cdOctoberStay__micro strong {
  font-weight: 700;

  color:
    var(--cd-dark);
}


/* =========================================================
   PETIT REPÈRE ÉDITORIAL
   ========================================================= */

.cdOctoberStay__note {
  display: flex;

  align-items: flex-start;

  gap: 15px;

  margin-top: 36px;
}


.cdOctoberStay__note > span {
  display: block;

  width: 35px;
  height: 1px;

  flex: 0 0 35px;

  margin-top: 7px;

  background:
    var(--cd-beige);
}


.cdOctoberStay.cdOctoberStay
.cdOctoberStay__note p {
  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.6rem !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--cd-text) !important;
}


/* =========================================================
   HÉBERGEMENTS / EMPLACEMENTS
   SOUS LA PHOTO
   ========================================================= */

.cdOctoberStay__choices {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  margin-top: 22px;

  border-top:
    1px solid var(--cd-line);

  border-bottom:
    1px solid var(--cd-line);
}


/* =========================================================
   CHOIX
   ========================================================= */

.cdOctoberStay__choice {
  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  min-height: 190px;

  padding:
    18px
    22px
    20px;

  color:
    inherit !important;

  text-decoration:
    none !important;
}


.cdOctoberStay__choice:first-child {
  padding-left: 0;

  padding-right: 25px;

  border-right:
    1px solid var(--cd-line);
}


.cdOctoberStay__choice:last-child {
  padding-right: 0;

  padding-left: 25px;
}


/* =========================================================
   EN-TÊTE CHOIX
   ========================================================= */

.cdOctoberStay__choiceHead {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;
}


.cdOctoberStay__choiceNumber {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.08rem;

  font-weight: 400;

  line-height: 1;

  color:
    var(--cd-beige);
}


/* =========================================================
   FLÈCHES HÉBERGEMENTS / EMPLACEMENTS
   ========================================================= */

.cdOctoberStay__choiceArrow {
  display: flex;

  align-items: center;

  width: 48px;

  flex: 0 0 48px;
}


.cdOctoberStay__choiceArrow > span {
  display: block;

  width: 25px;
  height: 1px;

  background:
    rgba(21, 98, 119, 0.4);

  transition:
    width 250ms ease,
    background 250ms ease;
}


.cdOctoberStay__choiceArrow b {
  display: block;

  margin-left: -1px;

  font-family:
    Arial,
    sans-serif;

  font-size: 0.9rem;

  font-weight: 400;

  line-height: 1;

  color:
    var(--cd-blue);

  transform:
    translateY(-0.5px);

  transition:
    transform 250ms ease;
}


/* =========================================================
   CONTENU DES CHOIX
   ========================================================= */

.cdOctoberStay__choiceBody {
  margin-top: auto;

  padding-top: 20px;
}


.cdOctoberStay.cdOctoberStay
.cdOctoberStay__choiceLabel {
  margin:
    0
    0
    6px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.51rem !important;

  font-weight: 700 !important;

  line-height: 1.2 !important;

  letter-spacing: 0.13em;

  text-transform: uppercase;

  color:
    var(--cd-green) !important;
}


.cdOctoberStay.cdOctoberStay
.cdOctoberStay__choice h3 {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.35rem, 1.7vw, 1.65rem) !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  letter-spacing:
    -0.035em !important;

  text-align: left !important;

  text-transform: none !important;

  color:
    var(--cd-dark) !important;

  transition:
    color 220ms ease;
}


.cdOctoberStay.cdOctoberStay
.cdOctoberStay__choiceBody > p:last-child {
  max-width: 210px;

  margin:
    9px
    0
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.61rem !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--cd-text) !important;
}


/* =========================================================
   HOVERS
   ========================================================= */

@media (hover: hover) {

  .cdOctoberStay__visual:hover img {
    transform:
      scale(1.025);
  }


  .cdOctoberStay__choice:hover h3 {
    color:
      var(--cd-blue) !important;
  }


  .cdOctoberStay__choice:hover
  .cdOctoberStay__choiceArrow > span {
    width: 32px;

    background:
      var(--cd-blue);
  }


  .cdOctoberStay__choice:hover
  .cdOctoberStay__choiceArrow b {
    transform:
      translate(3px, -0.5px);
  }


  .cdOctoberStay__button:hover {
    background:
      #104f61;

    transform:
      translateY(-2px);

    box-shadow:
      0 13px 28px rgba(21, 98, 119, 0.16);
  }


  .cdOctoberStay__button:hover
  .cdOctoberStay__buttonArrow > span {
    width: 35px;
  }


  .cdOctoberStay__button:hover
  .cdOctoberStay__buttonArrow b {
    transform:
      translate(3px, -0.5px);
  }

}


/* =========================================================
   BANDEAU CHIEN
   ========================================================= */

.cdOctoberStay__dog {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(280px, 0.9fr)
    minmax(330px, 1.15fr)
    auto;

  align-items: center;

  gap:
    clamp(35px, 5vw, 65px);

  width: 100%;

  margin-top: 34px;

  padding:
    20px
    24px;

  border-top:
    1px solid var(--cd-line);

  border-bottom:
    1px solid var(--cd-line);

  color:
    inherit !important;

  text-decoration:
    none !important;

  transition:
    background 250ms ease;
}


/* =========================================================
   CHIEN — INTRO
   ========================================================= */

.cdOctoberStay__dogIntro {
  display: flex;

  align-items: center;

  gap: 15px;
}


.cdOctoberStay__dogIcon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  flex: 0 0 40px;

  border-radius: 50%;

  background:
    rgba(54, 133, 125, 0.1);

  font-size: 0.95rem;

  line-height: 1;

  transition:
    background 250ms ease,
    transform 250ms ease;
}


.cdOctoberStay__dogTitle {
  display: flex;

  flex-direction: column;

  gap: 3px;
}


.cdOctoberStay__dogTitle > span {
  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.5rem;

  font-weight: 700;

  line-height: 1.2;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color:
    var(--cd-green);
}


.cdOctoberStay__dogTitle strong {
  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif;

  font-size:
    clamp(1.05rem, 1.45vw, 1.28rem);

  font-weight: 900;

  line-height: 1.05;

  letter-spacing:
    -0.025em;

  color:
    var(--cd-dark);
}


/* =========================================================
   CHIEN — TEXTE
   ========================================================= */

.cdOctoberStay.cdOctoberStay
.cdOctoberStay__dogText {
  max-width: 400px;

  margin: 0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size: 0.62rem !important;

  font-weight: 400 !important;

  line-height: 1.5 !important;

  color:
    var(--cd-text) !important;
}


/* =========================================================
   CHIEN — CTA
   ========================================================= */

.cdOctoberStay__dogCta {
  display: flex;

  align-items: center;

  gap: 14px;

  white-space: nowrap;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size: 0.62rem;

  font-weight: 700;

  line-height: 1.2;

  color:
    var(--cd-blue);
}


.cdOctoberStay__dogArrow {
  display: inline-block;

  font-family:
    Arial,
    sans-serif;

  font-size: 0.95rem;

  transition:
    transform 250ms ease;
}


@media (hover: hover) {

  .cdOctoberStay__dog:hover {
    background:
      rgba(255, 255, 255, 0.32);
  }


  .cdOctoberStay__dog:hover
  .cdOctoberStay__dogIcon {
    background:
      rgba(54, 133, 125, 0.16);

    transform:
      rotate(-7deg)
      scale(1.05);
  }


  .cdOctoberStay__dog:hover
  .cdOctoberStay__dogArrow {
    transform:
      translateX(5px);
  }

}


/* =========================================================
   FOCUS
   ========================================================= */

.cdOctoberStay__choice:focus-visible,
.cdOctoberStay__button:focus-visible,
.cdOctoberStay__dog:focus-visible {
  outline:
    2px solid var(--cd-green);

  outline-offset: 5px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdOctoberStay__inner {
    width:
      min(100% - 40px, 1100px);

    padding:
      58px
      0
      44px;
  }


  .cdOctoberStay__layout {
    grid-template-columns:
      minmax(360px, 0.9fr)
      minmax(0, 1.1fr);

    gap: 45px;
  }


  .cdOctoberStay__visual {
    aspect-ratio:
      1 / 1;
  }


  .cdOctoberStay__booking {
    flex-direction: column;

    align-items: flex-start;

    gap: 10px;
  }


  .cdOctoberStay__button {
    width: 100%;
  }


  .cdOctoberStay__micro {
    max-width: 100% !important;
  }


  .cdOctoberStay__dog {
    grid-template-columns:
      minmax(240px, 0.9fr)
      minmax(260px, 1.1fr);

    gap:
      14px
      35px;

    padding:
      20px
      18px;
  }


  .cdOctoberStay__dogCta {
    grid-column: 2;

    justify-self: start;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdOctoberStay {
    scroll-margin-top: 60px;
  }


  .cdOctoberStay__inner {
    width:
      min(100% - 30px, 1100px);

    padding:
      46px
      0
      40px;
  }


  .cdOctoberStay__layout {
    display: flex;

    flex-direction: column;

    gap: 0;
  }


  /* TEXTE EN PREMIER */

  .cdOctoberStay__content {
    order: 1;

    width: 100%;

    padding-top: 0;
  }


  /* PHOTO + CHOIX ENSUITE */

  .cdOctoberStay__left {
    order: 2;

    width: 100%;

    margin-top: 35px;
  }


  .cdOctoberStay.cdOctoberStay
  #cdOctoberStayTitle {
    font-size:
      clamp(2.65rem, 12vw, 3.8rem) !important;
  }


  .cdOctoberStay
  #cdOctoberStayTitle br {
    display: none;
  }


  .cdOctoberStay.cdOctoberStay
  .cdOctoberStay__lead {
    max-width: 100%;

    font-size: 1rem !important;
  }


  /* RÉSERVATION */

  .cdOctoberStay__booking {
    margin-top: 25px;
  }


  .cdOctoberStay__button {
    width: 100%;

    max-width: 100%;
  }


  /* NOTE */

  .cdOctoberStay__note {
    margin-top: 25px;
  }


  /* PHOTO */

  .cdOctoberStay__visual {
    aspect-ratio:
      1.08 / 1;

    border-radius: 21px;
  }


  /* CHOIX */

  .cdOctoberStay__choices {
    display: block;

    margin-top: 21px;
  }


  .cdOctoberStay__choice,
  .cdOctoberStay__choice:first-child,
  .cdOctoberStay__choice:last-child {
    min-height: 0;

    padding:
      19px
      0
      21px;

    border-right: 0;
  }


  .cdOctoberStay__choice:first-child {
    border-bottom:
      1px solid var(--cd-line);
  }


  .cdOctoberStay__choiceBody {
    margin-top: 17px;

    padding-top: 0;
  }


  .cdOctoberStay.cdOctoberStay
  .cdOctoberStay__choiceBody > p:last-child {
    max-width: 420px;
  }


  /* BANDEAU CHIEN */

  .cdOctoberStay__dog {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 14px;

    margin-top: 30px;

    padding:
      20px
      0;
  }


  .cdOctoberStay__dogText {
    max-width: 100% !important;

    padding-left: 55px;
  }


  .cdOctoberStay__dogCta {
    padding-left: 55px;
  }


  /* BADGE */

  .cdOctoberStay__visualBadge {
    left: 17px;
    bottom: 17px;

    min-width: 140px;

    padding:
      13px
      15px
      14px;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberStay__visual {
    aspect-ratio:
      0.98 / 1;
  }


  .cdOctoberStay__dogText,
  .cdOctoberStay__dogCta {
    padding-left: 0;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberStay *,
  .cdOctoberStay *::before,
  .cdOctoberStay *::after {
    animation: none !important;
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a1e16f *//* =========================================================
   CAMP DU DOMAINE
   FAQ OCTOBRE — VERSION PLUS LÉGÈRE
   ========================================================= */

.cdOctoberFaq {
  --cd-blue: #156277;
  --cd-green: #36857d;
  --cd-beige: #c7ba9d;
  --cd-ivory: #f3f4e7;
  --cd-white: #ffffff;
  --cd-dark: #17383e;
  --cd-text: #536b70;
  --cd-line: rgba(21, 98, 119, 0.15);

  position: relative;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  scroll-margin-top: 80px;
}


/* =========================================================
   RESET
   ========================================================= */

.cdOctoberFaq *,
.cdOctoberFaq *::before,
.cdOctoberFaq *::after {
  box-sizing: border-box;
}


.cdOctoberFaq h2,
.cdOctoberFaq h3,
.cdOctoberFaq p {
  padding: 0;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.cdOctoberFaq__inner {
  width:
    min(1100px, calc(100% - 48px));

  margin:
    0 auto !important;

  padding:
    64px
    0
    78px;
}


/* =========================================================
   HEADER
   ========================================================= */

.cdOctoberFaq__header {
  display: grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(300px, 0.65fr);

  align-items: end;

  gap:
    clamp(55px, 8vw, 105px);

  padding-bottom:
    36px;

  border-bottom:
    1px solid var(--cd-line);
}


/* =========================================================
   PARTIE GAUCHE HEADER
   ========================================================= */

.cdOctoberFaq__heading {
  min-width: 0;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__eyebrow {
  margin:
    0
    0
    13px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size:
    0.58rem !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    0.18em;

  text-transform:
    uppercase;

  color:
    var(--cd-green) !important;
}


/* =========================================================
   H2 — PLUS LÉGER
   ========================================================= */

.cdOctoberFaq.cdOctoberFaq
#cdOctoberFaqTitle {
  /*
   * Largeur augmentée pour éviter
   * l'effet "tour" sur 4 lignes.
   */
  max-width:
    720px;

  margin:
    0 !important;

  padding:
    0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  /*
   * Nettement plus petit que la première version.
   */
  font-size:
    clamp(2.7rem, 4.15vw, 4.15rem) !important;

  font-weight:
    900 !important;

  line-height:
    0.94 !important;

  letter-spacing:
    -0.05em !important;

  text-align:
    left !important;

  text-transform:
    none !important;

  color:
    var(--cd-dark) !important;
}


/* =========================================================
   INTRO DROITE
   ========================================================= */

.cdOctoberFaq__intro {
  /*
   * On la remonte légèrement pour éviter
   * qu'elle paraisse posée tout en bas.
   */
  padding-bottom:
    5px;
}


.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__intro p {
  max-width:
    370px;

  margin:
    0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    clamp(0.95rem, 1.15vw, 1.05rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.62 !important;

  color:
    var(--cd-text) !important;
}


/* =========================================================
   GROUPE
   ========================================================= */

.cdOctoberFaq__group {
  display: grid;

  grid-template-columns:
    220px
    minmax(0, 1fr);

  gap:
    clamp(45px, 7vw, 95px);

  padding:
    44px
    0;

  border-bottom:
    1px solid var(--cd-line);
}


/* =========================================================
   TITRE DE GROUPE
   ========================================================= */

.cdOctoberFaq__groupTitle {
  display: flex;

  align-items: flex-start;

  gap:
    16px;

  padding-top:
    5px;
}


.cdOctoberFaq__groupTitle > span {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    1rem;

  font-weight:
    400;

  line-height:
    1;

  color:
    var(--cd-beige);
}


.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__groupTitle p {
  max-width:
    150px;

  margin:
    0 !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size:
    0.58rem !important;

  font-weight:
    700 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    0.13em;

  text-transform:
    uppercase;

  color:
    var(--cd-green) !important;
}


/* =========================================================
   QUESTIONS
   ========================================================= */

.cdOctoberFaq__questions {
  min-width:
    0;
}


/* =========================================================
   ITEM
   ========================================================= */

.cdOctoberFaq__item {
  width:
    100%;

  margin:
    0;

  padding:
    0;

  border:
    0;

  border-top:
    1px solid var(--cd-line);

  background:
    transparent;
}


.cdOctoberFaq__item:last-child {
  border-bottom:
    1px solid var(--cd-line);
}


/* =========================================================
   SUMMARY
   ========================================================= */

.cdOctoberFaq__item summary {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    32px;

  align-items: center;

  gap:
    30px;

  width:
    100%;

  padding:
    21px
    0;

  cursor:
    pointer;

  list-style:
    none;
}


.cdOctoberFaq__item summary::-webkit-details-marker {
  display:
    none;
}


/* =========================================================
   QUESTION
   ========================================================= */

.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__item h3 {
  max-width:
    760px;

  margin:
    0 !important;

  padding:
    0 !important;

  font-family:
    "Franklin Gothic Heavy",
    "Arial Black",
    Arial,
    sans-serif !important;

  font-size:
    clamp(1.15rem, 1.65vw, 1.5rem) !important;

  font-weight:
    900 !important;

  line-height:
    1.12 !important;

  letter-spacing:
    -0.025em !important;

  text-align:
    left !important;

  text-transform:
    none !important;

  color:
    var(--cd-dark) !important;

  transition:
    color 220ms ease;
}


/* =========================================================
   PLUS / MOINS
   ========================================================= */

.cdOctoberFaq__plus {
  position:
    relative;

  display:
    block;

  width:
    26px;

  height:
    26px;

  justify-self:
    end;
}


.cdOctoberFaq__plus::before,
.cdOctoberFaq__plus::after {
  content:
    "";

  position:
    absolute;

  top:
    50%;

  left:
    50%;

  width:
    15px;

  height:
    1px;

  background:
    var(--cd-blue);

  transform:
    translate(-50%, -50%);

  transition:
    transform 220ms ease,
    opacity 220ms ease;
}


.cdOctoberFaq__plus::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


.cdOctoberFaq__item[open]
.cdOctoberFaq__plus::after {
  opacity:
    0;

  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* =========================================================
   RÉPONSE
   ========================================================= */

.cdOctoberFaq__answer {
  max-width:
    760px;

  padding:
    0
    60px
    24px
    0;
}


.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__answer p {
  margin:
    0
    0
    12px !important;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif !important;

  font-size:
    0.72rem !important;

  font-weight:
    400 !important;

  line-height:
    1.65 !important;

  color:
    var(--cd-text) !important;
}


.cdOctoberFaq.cdOctoberFaq
.cdOctoberFaq__answer p:last-of-type {
  margin-bottom:
    0 !important;
}


.cdOctoberFaq__answer strong {
  font-weight:
    700;

  color:
    var(--cd-dark);
}


/* =========================================================
   LIEN DANS RÉPONSE
   ========================================================= */

.cdOctoberFaq__textLink {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  margin-top:
    15px;

  font-family:
    "Helvetica World",
    Arial,
    sans-serif;

  font-size:
    0.65rem;

  font-weight:
    700;

  line-height:
    1.3;

  color:
    var(--cd-blue) !important;

  text-decoration:
    none !important;
}


.cdOctoberFaq__textLink span {
  transition:
    transform 220ms ease;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

  .cdOctoberFaq__item summary:hover h3 {
    color:
      var(--cd-blue) !important;
  }


  .cdOctoberFaq__textLink:hover span {
    transform:
      translateX(4px);
  }

}


/* =========================================================
   FOCUS
   ========================================================= */

.cdOctoberFaq__item summary:focus-visible {
  outline:
    2px solid var(--cd-green);

  outline-offset:
    5px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

  .cdOctoberFaq__inner {
    width:
      min(100% - 40px, 1100px);

    padding:
      56px
      0
      68px;
  }


  .cdOctoberFaq__header {
    grid-template-columns:
      minmax(0, 1.2fr)
      minmax(260px, 0.8fr);

    gap:
      42px;

    padding-bottom:
      34px;
  }


  .cdOctoberFaq.cdOctoberFaq
  #cdOctoberFaqTitle {
    font-size:
      clamp(2.6rem, 5.7vw, 3.7rem) !important;
  }


  .cdOctoberFaq__group {
    grid-template-columns:
      170px
      minmax(0, 1fr);

    gap:
      40px;

    padding:
      40px
      0;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .cdOctoberFaq {
    scroll-margin-top:
      60px;
  }


  .cdOctoberFaq__inner {
    width:
      min(100% - 30px, 1100px);

    padding:
      45px
      0
      55px;
  }


  /* HEADER */

  .cdOctoberFaq__header {
    display:
      block;

    padding-bottom:
      31px;
  }


  .cdOctoberFaq.cdOctoberFaq
  #cdOctoberFaqTitle {
    max-width:
      500px;

    font-size:
      clamp(2.5rem, 10.5vw, 3.5rem) !important;

    line-height:
      0.95 !important;
  }


  .cdOctoberFaq
  #cdOctoberFaqTitle br {
    display:
      none;
  }


  .cdOctoberFaq__intro {
    margin-top:
      20px;

    padding-bottom:
      0;
  }


  .cdOctoberFaq.cdOctoberFaq
  .cdOctoberFaq__intro p {
    max-width:
      100%;

    font-size:
      0.98rem !important;
  }


  /* GROUPES */

  .cdOctoberFaq__group {
    display:
      block;

    padding:
      33px
      0;
  }


  .cdOctoberFaq__groupTitle {
    margin-bottom:
      22px;
  }


  .cdOctoberFaq.cdOctoberFaq
  .cdOctoberFaq__groupTitle p {
    max-width:
      100%;
  }


  /* QUESTIONS */

  .cdOctoberFaq__item summary {
    grid-template-columns:
      minmax(0, 1fr)
      25px;

    gap:
      20px;

    padding:
      18px
      0;
  }


  .cdOctoberFaq.cdOctoberFaq
  .cdOctoberFaq__item h3 {
    font-size:
      1.12rem !important;

    line-height:
      1.15 !important;
  }


  /* RÉPONSES */

  .cdOctoberFaq__answer {
    max-width:
      100%;

    padding:
      0
      35px
      21px
      0;
  }


  .cdOctoberFaq.cdOctoberFaq
  .cdOctoberFaq__answer p {
    font-size:
      0.76rem !important;
  }

}


/* =========================================================
   PETITS MOBILES
   ========================================================= */

@media (max-width: 420px) {

  .cdOctoberFaq__answer {
    padding-right:
      15px;
  }

}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .cdOctoberFaq *,
  .cdOctoberFaq *::before,
  .cdOctoberFaq *::after {
    animation:
      none !important;

    transition:
      none !important;
  }

}/* End custom CSS */