.h5-nav-logo.has-clair { position: relative; }
.h5-nav-logo-clair { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: none; object-fit: contain; opacity: 0; pointer-events: none; transition: opacity 0.45s ease; }
.h5-hero.is-plein .h5-nav-logo.has-clair .h5-nav-logo-img { filter: none; opacity: 0; }
.h5-hero.is-plein .h5-nav-logo.has-clair .h5-nav-logo-clair { opacity: 1; filter: drop-shadow(0 2px 10px rgba(20, 12, 8, 0.35)); }
.h5-hero .h5-nav-logo.has-clair .h5-nav-logo-img { transition: opacity 0.45s ease; }
.h5-q-pains2.is-fin .h5-pain2 { max-width: 26em; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size: clamp(22px, 2.1vw, 32px); line-height: 1.3; letter-spacing: 0; }
.h5-presta.is-etapes .h5-presta-onglets { margin: -8px -8px -6px; padding: 8px 8px 6px; }
.h5-presta-onglet[aria-selected='true']:hover { border-color: #ff4e00; }
.h5-presta-onglet:focus { outline: none; }
.h5-presta-onglet:focus-visible { outline: 2px solid #ff4e00; outline-offset: 3px; }
.h5-presta-onglet[aria-selected='true']:focus-visible { outline: none; box-shadow: inset 0 0 0 1px #ff4e00, 0 0 0 5px rgba(255, 78, 0, 0.16); }
.h5-cmp-logo { height: clamp(22px, 1.9vw, 34px); max-width: 38%; }
.h5-cmp-logo.is-nom { font-size: clamp(20px, 1.9vw, 30px); }
.h5-phare-logo { height: clamp(22px, 2vw, 36px); max-width: 50%; margin-bottom: 12px; }
.h5-phare-media.is-petit .h5-phare-logo { height: clamp(18px, 1.5vw, 26px); margin-bottom: 8px; }
.h5-phare-logo.is-nom { font-size: clamp(20px, 2vw, 32px); }
.is-grand .h5-avis.h5-tk.is-deco { pointer-events: none; background-color: #fff8ee; -webkit-backdrop-filter: none; backdrop-filter: none; }
.h5-etape.is-tient { display: block; }
.h5-etape.is-tient::after { content: ''; display: block; height: var(--h5-arret, 0px); }
.h5-etape-tient { position: sticky; display: grid; grid-template-columns: inherit; grid-template-rows: inherit; grid-auto-flow: inherit; column-gap: inherit; row-gap: inherit; align-items: inherit; justify-items: inherit; }
.h5-cfg-prec, .h5-cfg-suiv { gap: 10px; min-height: 54px; padding: 0 28px; font-size: 15px; letter-spacing: 0.08em; }
.h5-cfg-suiv { color: #ffffff; }
.h5-cfg-suiv i, .h5-cfg-prec i { font-size: 18px; }
.h5-tkt-go { justify-content: center; gap: 12px; min-height: 56px; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.08em; color: #ffffff; }
.h5-tkt-lien { font-size: 12px; letter-spacing: 0.12em; }
@media screen and (max-width: 767px) {
.h5-cfg-prec, .h5-cfg-suiv { padding: 0 20px; font-size: 14px; }
}