@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/polices/inter-latin.3100e775e8.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/polices/inter-latin-ext.34b9c504ca.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter Secours';src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans'),local('DejaVu Sans');size-adjust:105.98%;ascent-override:91.41%;descent-override:22.76%;line-gap-override:0%;}
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; width: 0; height: 0; }
:root{
  --or: #E4DACA;
  --or-clair: #F2ECE1;
  --or-eclat: #FBF7F1;
  --or-profond: #8A7F6C;
  --sur-or: #12100C;
  --sur-degrade: #14100A;
  --rouge: #E8B04B;
  --pastille: #C4111F;
  --sur-pastille: #FFFFFF;
  --rouge-clair: #F7D58F;
  --vert: #4ADE80;
  --signal-ouvert: #30D158;
  --signal-bientot: #FF9F0A;
  --signal-ferme: #FF453A;
  --dispo-libre: #30D158;
  --dispo-plein: #FF453A;
  --lien-systeme: #0A84FF;
  --blanc-pur: #FFFFFF;
  --noir-pur: #000000;
  --bloc-encre: #111111;
  --bloc-1: #7DD8A0;
  --bloc-2: #F2A6CE;
  --bloc-3: #F5B183;
  --bloc-4: #8FC9E8;
  --bloc-5: #E8D48A;
  --bloc-6: #C9DC8A;
  --bloc-7: #EFA9A0;
  --bloc-8: #9FD9D2;
  --bloc-absence: #C3CDD6;
  --degrade-or: linear-gradient(135deg,#B8860B 0%,#F7E7A1 52%,#D4AF37 100%);
  --degrade-or-vif: linear-gradient(100deg,#8A6A12,#B8860B 34%,#FFF1C4 50%,#F7E7A1 66%,#D4AF37);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23g)'/%3E%3C/svg%3E");
  --police-titres: -apple-system,BlinkMacSystemFont,'Inter','Inter Secours','Segoe UI',Roboto,sans-serif;
  --police-corps: -apple-system,BlinkMacSystemFont,'Inter','Inter Secours','Segoe UI',Roboto,sans-serif;
  --t-corps: 17px;
  --lh-corps: 1.5;
  --t-section: clamp(25px,5.2vw,50px);
  --t-grand: 34px;
  --t-carte: 22px;
  --t-nom: 17px;
  --t-secondaire: 15px;
  --t-bouton: 15px;
  --t-petit: 13px;
  --t-mini: 12px;
  --t-champ: 17px;
  --r-bouton: 999px;
  --r-action: 14px;
  --r-ligne: 8px;
  --r-carte: 11px;
  --r-ilot: 14px;
  --r-pastille: 999px;
  --v-texte: 4px;
  --v-ligne: 8px;
  --v-groupe: 14px;
  --v-ilot: 14px;
  --v-dedans: 18px;
  --v-dedans-tel: 12px;
  --h-commande: 34px;
  --h-action: 50px;
  --icone: 18px;
  --v-deroulant: 12px;
  --marge-ecran: 18px;
  --marge-ecran-large: 22px;
  --marge-ecran-tres-large: 32px;
  --cible-tactile: 44px;
}
:root{ --marge: var(--marge-ecran); }
@media (min-width: 768px){
  :root{ --marge: var(--marge-ecran-large); }
}
@media (min-width: 1440px){
  :root{ --marge: var(--marge-ecran-tres-large); }
}
:root{
  color-scheme: dark;
  --fond: #000000;
  --fond-2: #2C2C2E;
  --carte: #1C1C1E;
  --carte-bord: #38383A;
  --survol: #242426;
  --texte: #F6F4F1;
  --texte-2: #A5A5AC;
  --or-texte: #E4DACA;
  --rouge-texte: #F0BE6A;
  --vert-texte: #4ADE80;
  --bordure: rgba(246,244,241,.09);
  --bordure-or: rgba(228,218,202,.28);
  --voile-or: rgba(228,218,202,.10);
  --voile-or-fort: rgba(228,218,202,.26);
  --voile-rouge: rgba(232,176,75,.14);
  --voile-vert: rgba(74,222,128,.14);
  --halo-haut: #0C0B09;
  --halo-bas: #000000;
  --fond-halo: rgba(212,175,55,.08);
  --fond-grain: rgba(255,255,255,.022);
  --voile-hero: rgba(0,0,0,0.812);
  --neon: 0 0 8px rgba(212,175,55,.30),0 0 24px rgba(240,190,106,.18),0 0 52px rgba(212,175,55,.14);
  --ombre-toile: 0 18px 40px rgba(0,0,0,.65);
  --degrade-texte: linear-gradient(135deg,#E8B04B 0%,#F7E7A1 55%,#E4DACA 100%);
  --survol-halo: 0 10px 30px -8px rgba(228,218,202,.34), 0 0 0 1px rgba(228,218,202,.28);
  --survol-dedans: inset 0 -40px 44px -40px rgba(228,218,202,.30);
  --survol-trait: rgba(228,218,202,.50);
}
:root{ --u: 1px; }
:root[data-app]{
  --u: 1px;
  --t-corps: calc(17 * var(--u));
  --t-nom: calc(17 * var(--u));
  --t-secondaire: calc(15 * var(--u));
  --t-bouton: calc(15 * var(--u));
  --t-petit: calc(13 * var(--u));
  --t-mini: calc(12 * var(--u));
  --t-carte: calc(22 * var(--u));
  --t-grand: calc(34 * var(--u));
  --t-champ: calc(17 * var(--u));
  --h-action: calc(50 * var(--u));
  --icone: calc(18 * var(--u));
}
html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
body{-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable]:not([contenteditable="false"]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
body:not(.bo) a[href]{-webkit-touch-callout:default}
img,video,picture,canvas{-webkit-user-drag:none;-webkit-touch-callout:none}
:root[data-app],:root[data-app] body{overscroll-behavior:none}
*{scrollbar-width:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.22s}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
::view-transition-old(root){animation-name:pg-sort}
::view-transition-new(root){animation-name:pg-entre}
:root[data-pg-sens=retour]::view-transition-old(root){animation-name:pg-sort-r}
:root[data-pg-sens=retour]::view-transition-new(root){animation-name:pg-entre-r}
@keyframes pg-sort{to{opacity:0;transform:translateX(-18px);filter:blur(6px)}}
@keyframes pg-entre{from{opacity:0;transform:translateX(18px);filter:blur(6px)}}
@keyframes pg-sort-r{to{opacity:0;transform:translateX(18px);filter:blur(6px)}}
@keyframes pg-entre-r{from{opacity:0;transform:translateX(-18px);filter:blur(6px)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
:root[data-anim=aucune]::view-transition-group(*),:root[data-anim=aucune]::view-transition-old(*),:root[data-anim=aucune]::view-transition-new(*){animation:none!important}
.bo-cal-btn {
  cursor: pointer;
  text-align: start;
  min-height: var(--cible-tactile);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bo-cal-btn[data-vide] { color: var(--texte-2); }
.bo-cal {
  position: fixed;
  z-index: 60;
  width: min(336px, calc(100vw - 16px));
  padding: 12px;
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);
  box-shadow: 0 24px 60px rgb(0 0 0 / .55);
  animation: bo-cal-arrive .16s ease-out backwards;
}
@keyframes bo-cal-arrive { from { opacity: 0; translate: 0 6px; } }
@media (prefers-reduced-motion: reduce) { .bo-cal { animation: none; } }
body > .bo-cal { z-index: 3500; }
.bo-cal-tete { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 4px; }
.bo-cal-fl, .bo-cal-titre, .bo-cal-j, .bo-cal-m, .bo-cal-pil {
  font: inherit;
  color: var(--texte);
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
}
.bo-cal-fl { width: 44px; height: 44px; border-radius: 999px; padding: 0; display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.bo-cal-fl svg { display: block; flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.bo-cal-titre {
  height: 44px;
  border-radius: 999px;
  font-family: var(--police-titres);
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
.bo-cal-fl:hover, .bo-cal-titre:hover, .bo-cal-j:hover, .bo-cal-m:hover, .bo-cal-pil:hover,
.bo-cal-fl:focus-visible, .bo-cal-titre:focus-visible, .bo-cal-j:focus-visible,
.bo-cal-m:focus-visible, .bo-cal-pil:focus-visible { box-shadow: var(--survol-halo); outline: none; }
.bo-cal-grille { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; margin-block-start: 6px; }
.bo-cal-grille[data-vue="mois"], .bo-cal-grille[data-vue="annees"] { grid-template-columns: repeat(3, 1fr); gap: 6px; }
.bo-cal-sem {
  display: grid;
  place-items: center;
  height: 28px;
  font-size: var(--t-mini);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--texte-2);
}
.bo-cal-j { height: 44px; min-width: 44px; border-radius: 999px; font-size: 14px; font-variant-numeric: tabular-nums; }
.bo-cal-j[data-autre] { color: var(--texte-2); opacity: .55; }
.bo-cal-j[aria-current="date"] { border-color: var(--or-texte); }
.bo-cal-j[aria-pressed="true"], .bo-cal-m[aria-pressed="true"] {
  background: var(--or-texte);
  border-color: var(--or-texte);
  color: var(--sur-or);
  font-weight: 700;
  opacity: 1;
}
.bo-cal-j:disabled { opacity: .25; cursor: not-allowed; }
.bo-cal-j { position: relative; }
.bo-cal-pt {
  position: absolute;
  inset-block-end: 5px;
  inset-inline-start: 50%;
  width: 6px; height: 6px;
  margin-inline-start: -3px;
  border-radius: 50%;
  pointer-events: none;
}
.bo-cal-j[data-dispo="1"] .bo-cal-pt { background: var(--vert, #4ADE80); }
.bo-cal-j[data-dispo="0"] .bo-cal-pt { background: var(--rouge, #FF2E4D); }
.bo-cal-j[aria-pressed="true"] .bo-cal-pt { box-shadow: 0 0 0 1.5px var(--sur-or); }
.bo-cal-grille[data-points="attente"] .bo-cal-j:not([data-autre]) { transition: opacity .2s; }
.bo-cal-m { height: 48px; border-radius: 14px; font-size: 14px; text-transform: capitalize; background: var(--fond-2); border-color: var(--carte-bord); }
.bo-cal-pied { display: flex; gap: 8px; justify-content: flex-end; margin-block-start: 8px; }
.bo-cal.bo-cal-ligne {
  position: static; z-index: auto; inline-size: auto; max-inline-size: none; box-sizing: border-box;
  display: flex; flex-direction: column; flex: 1 1 auto; margin: 0; box-shadow: none; animation: none;
}
.bo-cal-ligne .bo-cal-grille { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.bo-cal-ligne .bo-cal-grille[data-vue="mois"], .bo-cal-ligne .bo-cal-grille[data-vue="annees"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bo-cal-ligne .bo-cal-j { inline-size: min(100%, 44px); min-inline-size: 0; justify-self: center; }
.bo-cal-ligne .bo-cal-tete { grid-template-columns: 44px minmax(0, 1fr) 44px; }
.bo-cal-ligne .bo-cal-pied { margin-block-start: auto; padding-block-start: 8px; }
.bo-cal-saut { display: flex; align-items: center; justify-content: center; gap: 2px; min-inline-size: 0; }
.bo-cal-saut .bo-cal-titre, .bo-cal-an {
  display: inline-flex; align-items: center; gap: 4px; min-inline-size: 0; height: 44px; padding-inline: 10px; border-radius: 999px;
  font: inherit; font-family: var(--police-titres); font-weight: 600; font-size: 15px; color: var(--texte);
  background: transparent; border: 1px solid transparent; cursor: pointer; white-space: nowrap;
}
.bo-cal-saut .bo-cal-titre { text-transform: capitalize; }
.bo-cal-an:hover, .bo-cal-an:focus-visible { box-shadow: var(--survol-halo); outline: none; }
.bo-cal-chev { flex: none; width: 12px; height: 12px; fill: none; stroke: var(--texte-2, currentColor); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .75; }
.bo-cal-m:disabled { opacity: .25; cursor: not-allowed; }
.bo-cal-pil { min-height: 44px; padding-inline: 16px; border-radius: 999px; border-color: var(--carte-bord); font-size: 13px; font-weight: 600; }
:is(.champ-in, .me-champ).bo-cal-natif {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
:is(.champ-in, .me-champ).bo-cal-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
:is(.champ-in, .me-champ).bo-cal-btn[aria-expanded="true"] { border-color: var(--bordure-or, var(--survol-trait)); }
:is(.champ-in, .me-champ).bo-cal-btn[data-vide] { color: color-mix(in srgb, var(--texte-2) 75%, transparent); }
.bo-cal-ic { flex: none; color: var(--texte-2); }
*, *::before, *::after { box-sizing: border-box; }
html {

  scroll-behavior: smooth;

}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  margin: 0;
  background: var(--fond);
  color: var(--texte);
  font-family: var(--police-corps);
  font-size: var(--t-corps);
  font-weight: 400;
  line-height: var(--lh-corps);
  -webkit-font-smoothing: antialiased;

  overflow-x: hidden;
}
img, svg, video { max-width: 100%; display: block; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 {
  font-family: var(--police-titres);

  font-weight: 700;
  line-height: 1.14;
  margin: 0;
  letter-spacing: -0.02em;
}
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
:focus-visible {
  outline: 2px solid var(--or-texte);
  outline-offset: 3px;
  border-radius: var(--r-bouton);
}
:root {

  --h-menu: clamp(46px, 12vw, 52px);

  --vitesse: 1;             
  --logo-arrivee: 2;        
  --puzzle-x: 22vw;         
  --puzzle-y: 14vh;         
  --puzzle-echelle: 1.35;   
  --montee: 34px;           

  --photos-visibles: 1;

  --voile-demi: 245px;
  --voile-large: 300px;
  --e-entree: cubic-bezier(.22, 1, .36, 1);
  --d-entree: calc(1.15s * var(--vitesse));        
  --d-entree-courte: calc(.92s * var(--vitesse));  
  --pas-entree: calc(.12s * var(--vitesse));       
  --d-mot: calc(1.25s * var(--vitesse));           
  --pas-mot: calc(.1s * var(--vitesse));           
  --d-barre: calc(1s * var(--vitesse));            
  --d-logo: calc(1.6s * var(--vitesse));           

  --d-puzzle: calc(1.6s * var(--vitesse));

  --d-lb: 1.5s;
  --e-loupe: cubic-bezier(.5, 0, .16, 1);

  --d-glisse: .42s;

  --lb-reserve: calc(var(--marge) + var(--cible-tactile) + 12px);
  --lb-l: min(100%, calc((100dvh - 2 * var(--lb-reserve)) * 9 / 16));

  --d-survol: 280ms;
  --d-diapo: 5s;         
  --pas-puzzle: calc(62ms * var(--vitesse));       

  --vign: clamp(150px, 40vw, 210px);

  --pad-ilot: var(--v-dedans);

  --h-vign: calc((var(--vign) - 8px) * 16 / 9 + 8px);

  --h-gal: calc(2px + 2 * var(--pad-ilot) + var(--h-vign) + 4px);
  --l-barre: 1400px;

  --v-barre: min(var(--marge), 20px);
  --h-barre: calc(var(--h-menu) + 2 * var(--v-barre));
  --largeur-max: 1180px;

  --h-sep: 74px;
  --v-sep-bas: clamp(18px, 3vh, 34px);

  --v-sep-haut: clamp(28px, 3.4vh, 44px);
}
@media (min-width: 768px) { :root { --h-menu: clamp(50px, 4.6vw, 56px); } }
.lu-seulement {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.saut-contenu {
  position: fixed;
  top: var(--v-ilot); left: var(--marge);
  z-index: 2000;
  transform: translateY(-200%);
  background: var(--carte);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-bouton);
  padding-inline: var(--v-dedans);
  padding-block: 10px;
  font-size: var(--t-nom);
  font-weight: 600;
  transition: transform .18s ease;
}
.saut-contenu:focus { transform: translateY(0); }
.piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.piege input { width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; }
.ilot {
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);
  box-shadow: var(--ombre-toile);

  padding-inline: var(--pad-ilot);
  padding-block: var(--pad-ilot);

}
.sec-wrap > .ilot + .ilot,
.sec-wrap > .ilot + .label { margin-top: var(--v-ilot); }
.ligne {
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: var(--v-dedans);
  padding-block: 12px;
}
.btn, .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--v-ligne);

  min-height: var(--h-action);
  padding-inline: 18px;
  padding-block: 0;

  border-radius: var(--r-action);
  font-family: var(--police-corps);
  font-size: var(--t-nom);
  font-weight: 600;
  letter-spacing: .02em;
  border: 1px solid transparent;
  transition: transform .16s ease, background-color .18s ease,
              border-color .18s ease, box-shadow .18s ease;
  text-align: center;
}
.btn .ic, .cta .ic { width: var(--icone); height: var(--icone); flex: none; }
.btn-pri {
  background: var(--degrade-or);
  color: var(--sur-degrade);
  border-color: var(--or-profond);
  font-weight: 700;
}
.btn-sec {
  background: var(--fond-2);
  color: var(--texte);
  border-color: var(--bordure);
}
.btn-ligne {
  background: transparent;
  color: var(--or-texte);
  border-color: var(--bordure-or);
}
.btn:hover, .cta:hover { transform: translateY(-1px); }
.btn-sec:hover { background: var(--survol); border-color: var(--bordure-or); }
.btn:active, .cta:active { transform: translateY(0); }
.btn[disabled], .cta[disabled] {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
  background: var(--fond-2);
  color: var(--texte-2);
  border-color: var(--bordure);
}
.cta-hero {
  position: relative;

  overflow: clip;
  isolation: isolate;

  background: var(--degrade-or);
  color: var(--sur-degrade);
  border: 1px solid var(--or-profond);
  font-weight: 700;

  font-size: var(--t-corps);
  padding-inline: clamp(18px, 4.8vw, 24px);
  min-height: var(--h-action);
  letter-spacing: .015em;

  box-shadow: 0 2px 5px -2px rgb(0 0 0 / .38),
              0 18px 38px -18px rgb(0 0 0 / .55);
  transition: box-shadow .3s var(--e-entree), translate .3s var(--e-entree),
              border-color .3s var(--e-entree);
}
.cta-hero::after {
  content: "";
  position: absolute;
  inset-block: -60%;
  inset-inline-start: 0;
  width: 34%;
  z-index: -1;

  background: linear-gradient(90deg, transparent,
    color-mix(in srgb, var(--sur-degrade) 30%, transparent), transparent);
  transform: skewX(-18deg) translateX(-140%);
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .cta-hero::after { animation: cta-lueur 7s ease-in-out 2.2s infinite; }
  @keyframes cta-lueur {
    0%   { transform: skewX(-18deg) translateX(-140%); }

    12%  { transform: skewX(-18deg) translateX(430%); }
    100% { transform: skewX(-18deg) translateX(430%); }
  }
}
.cta-hero:hover { border-color: var(--or-texte); }
.cta-hero:active {
  translate: 0 1px;
  box-shadow: 0 1px 3px -2px rgb(0 0 0 / .38),
              0 9px 20px -14px rgb(0 0 0 / .55);
}
.cta-hero .ic {
  width: 16px; height: 16px;
  transition: translate .3s var(--e-entree);
}
.cta-hero:hover .ic { translate: 3px 0; }
.pastille, .point-vert {
  width: 8px; height: 8px;
  border-radius: var(--r-pastille);
  flex: none;
}
.pastille { background: var(--sur-or); animation: battement 2.4s ease-in-out infinite; }
.point-vert { background: var(--vert-texte); box-shadow: 0 0 0 3px var(--voile-vert); }
.cta-hero .point-vert {
  flex: none;
  box-shadow: 0 0 0 2px var(--fond);
}
@keyframes battement { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
#hdr {
  position: fixed;

  inset-inline: 0;
  margin-inline: auto;
  width: min(calc(100% - 2 * var(--marge)), var(--l-barre));
  top: var(--v-barre);
  z-index: 1000;
  height: var(--h-menu);
  display: grid;

  grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
  align-items: center;
  gap: var(--v-groupe);
  padding-inline: var(--v-dedans);
  padding-block: 0;
  background: color-mix(in srgb, var(--fond) 72%, transparent);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ilot);

  box-shadow: 0 14px 38px -16px rgb(0 0 0 / .55);
}
#hdr.a-defile {
  background: color-mix(in srgb, var(--fond) 88%, transparent);
  border-color: var(--bordure-or);

  box-shadow: 0 18px 48px -16px rgb(0 0 0 / .68);
}
@media (prefers-reduced-motion: no-preference) {
  html.js #hdr {
    animation: barre-arrive var(--d-barre) var(--e-entree) backwards;
  }
  @keyframes barre-arrive { from { opacity: 0; scale: .93; } }
}
@media (prefers-reduced-motion: no-preference) {
  #hdr {
    transition: translate .34s cubic-bezier(.22, .61, .36, 1),
                background .3s ease, border-color .3s ease, box-shadow .3s ease;
  }

  #hdr.rangee { translate: 0 calc(-100% - var(--v-barre) - 2px); box-shadow: none; }
  #hdr.rangee:focus-within { translate: none; }
}
.burger {
  display: none;
  width: var(--cible-tactile); height: var(--cible-tactile);
  align-items: center; justify-content: center;
  color: var(--texte);
  border-radius: var(--r-bouton);
  flex: none;
}
.burger .ic { width: 22px; height: 22px; }
.logo { display: flex; align-items: center; flex: none;
        min-height: var(--cible-tactile); }
.logo-barre { --lh: 26px; width: auto;
  height: min(38px, calc(var(--lh) * var(--logo-h, 69) / 69)); }
@media (min-width: 768px) { .logo-barre { --lh: 30px; } }
.nav-center {
  display: flex;
  align-items: center;
  gap: 2px;
  width: max-content;
  max-width: 100%;

}
#hdr > .logo { justify-self: start; }
#hdr > .hdr-right { justify-self: end; }
#hdr > .burger { justify-self: start; }
.nb {
  display: flex;
  align-items: center;

  min-width: var(--cible-tactile);
  justify-content: center;
  min-height: var(--cible-tactile);
  padding-inline: 8px;
  padding-block: 0;
  border-radius: var(--r-bouton);
  font-size: var(--t-mini);
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--texte-2);
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease;
}
.nb:hover { color: var(--texte); background: var(--survol); }
.nb.on { color: var(--or-texte); background: var(--voile-or); }
.hdr-right { display: flex; align-items: center; gap: 10px;
             flex: none; margin-inline-start: auto; }
.hdr-social { display: flex; gap: 2px; }
.sbtn {

  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-bouton);
  color: var(--texte-2);
  transition: color .18s ease, background-color .18s ease;
}
.sbtn:hover { color: var(--or-texte); background: var(--survol); }
.sbtn .ic { width: 15px; height: 15px; }
.hdr-cta {
  position: relative;
  min-height: 34px;
  padding-inline: 16px;
  font-size: 12px;

  border-radius: var(--r-action);
  flex: none;
}
.hdr-cta::before { content: ""; position: absolute; inset: -5px 0; }
.hdr-cta .ic { width: 15px; height: 15px; }
#hdr .sbtn { width: 36px; }
@media (pointer: coarse) { #hdr .sbtn { width: var(--cible-tactile); } }
#hdr .hdr-right > * { flex-shrink: 0; }
.mk-lang { position: relative; }
.lg-bouton {
  display: flex; align-items: center; gap: 5px;
  height: var(--cible-tactile);
  padding-inline: 10px;
  border-radius: var(--r-bouton);
  border: 1px solid var(--bordure);
  background: var(--fond-2);
  color: var(--texte-2);
  font-size: var(--t-mini); font-weight: 700; letter-spacing: .06em;
}
.lg-bouton .ic { width: 13px; height: 13px; }
.lg-bouton:hover { color: var(--or-texte); border-color: var(--bordure-or); }
.lg-liste {
  position: absolute;
  top: calc(100% + var(--v-ligne));
  inset-inline-end: 0;
  min-width: 180px;
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-carte);
  box-shadow: var(--ombre-toile);
  padding-inline: var(--v-ligne);
  padding-block: var(--v-ligne);
  display: grid;
  gap: 2px;
  z-index: 1100;
}
.lg-liste[hidden] { display: none; }
.lg-poignee { display: none; }
.lg-lien {
  display: flex; align-items: center; gap: var(--v-ligne);
  min-height: var(--cible-tactile);
  padding-inline: 12px;
  border-radius: var(--r-ligne);
  font-size: var(--t-nom);
  color: var(--texte-2);
  transition: color .18s ease, background-color .18s ease;
}
.lg-lien:hover { background: var(--survol); color: var(--texte); }
.lg-lien.on { color: var(--or-texte); background: var(--voile-or); font-weight: 600; }
.lg-lien .lg-code {
  font-size: var(--t-mini); font-weight: 700; letter-spacing: .08em;
  opacity: .7; min-width: 22px;
}
#mob-nav {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: var(--fond);
  padding-inline: var(--marge);
  padding-block: 0;
  display: flex;
  flex-direction: column;

  transform: translateY(-100%);
  transition: transform .34s cubic-bezier(.22,.61,.36,1), visibility .34s;
  visibility: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
#mob-nav[hidden] { display: flex; }
#mob-nav.ouvert { transform: translateY(0); visibility: visible; }
.mob-haut {
  display: flex; align-items: center; justify-content: space-between;
  height: var(--h-barre);
  flex: none;
  margin-block-start: var(--h-barre);
}
.mob-x {
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  color: var(--texte);
  border-radius: var(--r-bouton);
}
.mob-liste {
  display: grid;
  gap: var(--v-ligne);
  padding-block: var(--v-groupe);
}
.mb {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 48px;
  padding-inline: var(--v-dedans);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  font-family: var(--police-titres);
  font-size: 17px; font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--texte);

  opacity: 0;
  transform: translateY(10px);
}
#mob-nav.ouvert .mb { animation: entree .34s ease forwards; }
.mb.on { color: var(--or-texte); border-color: var(--bordure-or); background: var(--voile-or); }
.mb .ic { width: var(--icone); height: var(--icone); color: var(--texte-2); }
.mob-bas {
  display: flex; gap: var(--v-ligne);
  justify-content: center;
  padding-block-start: var(--v-groupe);
  padding-block-end: var(--v-groupe);
}
.mob-bas .sbtn { width: 48px; height: 48px; }
.mob-bas .sbtn .ic { width: 22px; height: 22px; }
@keyframes entree { to { opacity: 1; transform: translateY(0); } }
#mkLangSuggest {
  position: fixed;
  inset-inline: var(--marge);
  bottom: var(--marge);
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: var(--v-groupe);
  background: var(--carte);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-carte);
  box-shadow: var(--ombre-toile);
  padding-inline: var(--v-dedans);
  padding-block: 12px;
  font-size: var(--t-nom);
  max-width: 420px;
  margin-inline: auto;
}
#mkLangSuggest[hidden] { display: none; }
html:has(#mkLangSuggest:not([hidden])) {
  scroll-padding-block-end: calc(var(--marge) + var(--cible-tactile) + 26px + var(--v-ligne));
}
.ls-txt { flex: 1; color: var(--texte-2); }
.ls-oui {
  color: var(--or-texte);
  font-weight: 700;
  min-height: var(--cible-tactile);
  display: flex; align-items: center;
}
.ls-x {
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  color: var(--texte-2);
}
.ls-x .ic { width: 16px; height: 16px; }
#stage { padding-top: var(--h-barre); position: relative; z-index: 1; }
.sec {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  perspective: 1400px;
  perspective-origin: 50% 50%;

  min-height: calc(100svh - var(--h-barre));

  justify-content: center;
  padding-inline: var(--marge);

  padding-block-start: clamp(28px, 6vh, 64px);

  padding-block-end: calc(var(--v-sep-haut) + var(--h-sep) + var(--v-sep-bas));
  scroll-margin-top: calc(var(--h-barre) + var(--v-ilot));
}
.univers-chaine > .sec {
  padding-block-end: clamp(28px, 6vh, 64px);
}
.univers-chaine > .sec.u-marge {
  padding-block-end: max(clamp(28px, 6vh, 64px), var(--u-marge, 0px));
}
.univers-chaine > .u-colle {
  position: sticky;

  top: var(--u-top, 0px);

  z-index: 1;
}
.univers-chaine > .u-devant:not(.u-colle) {
  position: relative;
  z-index: 1;

  background: var(--fond);
}
@media (prefers-reduced-motion: no-preference) {
  html.js .univers-chaine > .u-colle { will-change: filter, transform; }

  html.js .univers-chaine > .u-devant { background: transparent; }
}
@media (prefers-reduced-motion: no-preference) {
  html.js[data-u-arrivee] .univers-chaine > .u-colle { opacity: 0 !important; }
}
.sec-wrap {
  width: 100%;
  max-width: var(--largeur-max);

  --profondeur: 2400px;
  perspective: var(--profondeur);

  perspective-origin: 50% 50%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;

  gap: var(--v-groupe);

  flex: 0 1 auto;
}
.sec-wrap > .ilot,
.sec-wrap > .sec-inner,
.sec-wrap > form,
.sec-wrap > ol,
.sec-wrap > .contact-foot,
.sec-wrap > .faq-fin,
.sec-wrap > .faq-outils,
.sec-wrap > .faq-vide {
  width: 100%;
  align-self: stretch;

  min-width: 0;
}
.label, .faq-label {
  display: inline-flex;
  align-items: center;
  gap: var(--v-ligne);
  align-self: center;

  min-height: 32px;
  padding-inline: 16px;
  padding-block: 0;
  border-radius: var(--r-pastille);
  background: var(--fond-2);
  border: 1px solid var(--bordure-or);
  font-size: var(--t-mini);
  font-weight: 700;
  letter-spacing: .22em;

  text-indent: .22em;
  text-transform: uppercase;
  color: var(--or-texte);
  white-space: nowrap;
  transition: border-color .22s ease, background-color .22s ease;
}
.faq-label { margin-bottom: var(--v-ligne); }
.label::before, .faq-label::before {
  content: "";
  width: 5px; height: 5px;
  border-radius: var(--r-pastille);
  background: var(--or-texte);
  flex: none;
  text-indent: 0;
}
.sec-h, .sec-intro, .flash-lead-txt {
  text-align: center;
  margin-inline: auto;
}
.sec-h {
  font-size: var(--t-section);

  max-width: 22ch;
  text-wrap: balance;
}
.accent {
  background: var(--degrade-or);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sec-intro, .flash-lead-txt {
  color: var(--texte-2);
  max-width: 62ch;
}
.sec-sep {

  position: absolute;
  inset-inline: var(--marge);
  bottom: var(--v-sep-bas);
  height: var(--h-sep);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--v-groupe);

  opacity: var(--sep-vu, 1);
  transition: opacity .18s linear;
  will-change: opacity;
}
.sec-sep::before, .sec-sep::after {
  content: "";
  height: 1px;

  background: linear-gradient(to right, transparent, var(--bordure-or) 78%);
}
.sec-sep::after { background: linear-gradient(to left, transparent, var(--bordure-or) 78%); }
.next-section-arrow {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v-texte);
  min-height: var(--cible-tactile);
  padding-inline: var(--v-dedans);
  color: var(--texte-2);
  transition: color .2s ease, transform .2s ease;
}
.next-section-arrow:hover { color: var(--or-texte); transform: translateY(2px); }
.sec-name {
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
}
.sec-chev .ic { width: 22px; height: 22px; animation: flotte 2.6s ease-in-out infinite; }
@keyframes flotte { 0%,100% { transform: translateY(0); } 50% { transform: translateY(5px); } }
#fond {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;

}
.fond-p {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.fond-halo {
  position: absolute;
  width: 92vmax;
  height: 92vmax;
  border-radius: 50%;

  background: radial-gradient(circle at center,
              var(--fond-halo) 0%, transparent 58%);
  will-change: transform;
}
.fond-halo-1 {
  top: -30vmax; left: -24vmax;
  animation: derive-1 47s ease-in-out infinite alternate;
}
.fond-halo-2 {
  bottom: -36vmax; right: -26vmax;
  animation: derive-2 71s ease-in-out infinite alternate;
}
@keyframes derive-1 {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(14vmax, 9vmax, 0) scale(1.12); }
}
@keyframes derive-2 {
  from { transform: translate3d(0, 0, 0) scale(1.08); }
  to   { transform: translate3d(-16vmax, -7vmax, 0) scale(1); }
}
.fond-grain {
  position: absolute;
  inset: 0;

  background-color: var(--fond-grain);
  -webkit-mask-image: var(--grain);
          mask-image: var(--grain);
  -webkit-mask-size: 170px 170px;
          mask-size: 170px 170px;
  -webkit-mask-mode: alpha;
          mask-mode: alpha;
}
.sec-wrap > * {
  transition-property: opacity, translate, rotate, scale, letter-spacing;
  transition-duration: var(--d-entree-courte), var(--d-entree), var(--d-entree),
                       var(--d-entree), var(--d-entree-courte);
  transition-timing-function: var(--e-entree);
}
html.js .sec-wrap > * { opacity: 0; translate: 0 var(--montee) -90px; rotate: x 9deg; }
html.js .sec-wrap > .sens-haut { translate: 0 calc(-1 * var(--montee)) -90px; rotate: x -9deg; }
html.js .sec-wrap > .label {
  translate: 0 22px -40px; rotate: x 14deg; letter-spacing: .34em;
}
html.js .sec-wrap > .sec-h { translate: none; rotate: none; }
html.js .sec-wrap > .ilot,
html.js .sec-wrap > .sec-inner,
html.js .sec-wrap > form,
html.js .sec-wrap > ol {
  translate: 0 36px -170px; rotate: x 8deg; scale: .985;
}
html.js .sec.vue .sec-wrap > * {
  opacity: 1;
  translate: none;
  rotate: none;
  scale: none;

}
html.js .sec.vue .sec-wrap > .label { letter-spacing: .22em; }
html.js .sec.vue .sec-wrap > *:nth-child(1) { transition-delay: calc(0 * var(--pas-entree)); }
html.js .sec.vue .sec-wrap > *:nth-child(2) { transition-delay: calc(1 * var(--pas-entree)); }
html.js .sec.vue .sec-wrap > *:nth-child(3) { transition-delay: calc(2 * var(--pas-entree)); }
html.js .sec.vue .sec-wrap > *:nth-child(4) { transition-delay: calc(3 * var(--pas-entree)); }
html.js .sec.vue .sec-wrap > *:nth-child(5) { transition-delay: calc(4 * var(--pas-entree)); }
html.js .sec.vue .sec-wrap > *:nth-child(6) { transition-delay: calc(5 * var(--pas-entree)); }
@media (prefers-reduced-motion: no-preference) {
  html.js .sec.part-haut .sec-wrap > *,
  html.js .sec.part-bas  .sec-wrap > * {

    opacity: .38;
    scale: .96;
  }

  html.js .sec.part-haut .sec-wrap > * { translate: 0 -34px -420px; rotate: x -5deg; }
  html.js .sec.part-bas  .sec-wrap > * { translate: 0  34px -420px; rotate: x  5deg; }

  html.js .sec.defile-voisine:not(.defile-apres).part-bas .sec-wrap > *,
  html.js .sec.defile-voisine:not(.defile-apres).part-haut .sec-wrap > * {
    opacity: 1;
  }

  html.js .sec.part-haut .sec-wrap > *:nth-child(n),
  html.js .sec.part-bas  .sec-wrap > *:nth-child(n) { transition-delay: 0s; }
}
.sec-h .mot {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-block: .14em .1em;
  margin-block: -.14em -.1em;
}
.sec-h .mot-i { display: inline-block; will-change: transform; }
html.js .sec-h .mot-i {
  opacity: 0;
  transform: translate3d(0, 118%, 0) rotateX(-52deg);
  transform-origin: 50% 0%;
}
html.js .sec.vue .sec-h .mot-i {
  opacity: 1;
  transform: none;
  transition: transform var(--d-mot) var(--e-entree) calc(var(--rang) * var(--pas-mot)),
              opacity calc(var(--d-mot) / 2) ease calc(var(--rang) * var(--pas-mot));
}
html:not(.js) .sec-h .mot { overflow: visible; }
.ilot { position: relative; }
.ilot::before {
  content: "";
  position: absolute;
  top: -1px;
  inset-inline: 14%;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--or-texte), transparent);
  transform: scaleX(0);
  transform-origin: 50% 50%;
  pointer-events: none;
}
html.js .sec.vue .ilot::before {
  transform: scaleX(1);
  transition: transform .8s cubic-bezier(.16,.86,.3,1) .28s;
}
html:not(.js) .ilot::before { transform: scaleX(1); }
html.js .sec .sty-card,
html.js .sec .st-item,
html.js .sec .faq-group,
html.js .sec .soin-card {
  opacity: 0;
  transform: translate3d(0, 20px, -70px) rotateX(7deg);
  transition: opacity .5s ease, transform .62s cubic-bezier(.16,.84,.34,1);
}
html.js .sec.vue .sty-card,
html.js .sec.vue .st-item,
html.js .sec.vue .faq-group,
html.js .sec.vue .soin-card { opacity: 1; transform: none; }
html.js .sec.vue .sty-card:nth-child(2),
html.js .sec.vue .st-item:nth-child(2),
html.js .sec.vue .faq-group:nth-child(2),
html.js .sec.vue .soin-card:nth-child(2) { transition-delay: .07s; }
html.js .sec.vue .sty-card:nth-child(3),
html.js .sec.vue .st-item:nth-child(3),
html.js .sec.vue .faq-group:nth-child(3),
html.js .sec.vue .soin-card:nth-child(3) { transition-delay: .14s; }
html.js .sec.vue .sty-card:nth-child(4),
html.js .sec.vue .faq-group:nth-child(4) { transition-delay: .21s; }
html.js .sec.vue .sty-card:nth-child(5) { transition-delay: .28s; }
html.js .sec.vue .faq-group:nth-child(5) { transition-delay: .28s; }
html.js .sec.vue .faq-group:nth-child(6) { transition-delay: .35s; }
html.js .sec.vue .faq-group:nth-child(7) { transition-delay: .42s; }
html.js .g-item {
  opacity: 0;
  transform: translate3d(38px, 0, -120px) rotateY(-12deg) scale(.94);
  transition: opacity .45s ease, transform .68s cubic-bezier(.16,.84,.34,1);
}
html.js .g-item.entree { opacity: var(--g-repos); transform: none; }
html.js .g-item.entree.centre { opacity: 1; }
.logo-hero { will-change: transform; }
.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;

  border-radius: inherit;
}
.bg-flow {
  position: absolute;

  inset: -4%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;

  opacity: var(--photos-visibles);
  pointer-events: none;

  -webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 80%, transparent 100%);
}
@media (max-width: 700px) {

  :root { --voile-demi: 215px; }
  .bg-flow { grid-template-columns: repeat(3, 1fr); }
  .bg-flow > .fc:nth-child(n+4) { display: none; }
}
.fc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  animation: bgscroll 65s linear infinite;
  will-change: transform;
}
.fc.rev { animation-direction: reverse; }
@keyframes bgscroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.fi {
  width: 100%;

  aspect-ratio: 9 / 16;
  object-fit: cover;

  border-radius: 10px;
}
.hero-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(to bottom, transparent 82%, var(--halo-bas) 100%);
}
.sec-hero .sec-wrap { position: relative; z-index: 2; }
.sec-hero .sec-sep { z-index: 2; }
.sec-hero .hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;

  background: linear-gradient(to bottom,
    transparent 0%, var(--voile-hero) calc(50% - var(--voile-demi)),
    var(--voile-hero) calc(50% + var(--voile-demi)), transparent 100%);

  -webkit-mask-image: linear-gradient(to right, transparent calc(50% - var(--voile-large) - 260px),
    #000 calc(50% - var(--voile-large)), #000 calc(50% + var(--voile-large)),
    transparent calc(50% + var(--voile-large) + 260px));
          mask-image: linear-gradient(to right, transparent calc(50% - var(--voile-large) - 260px),
    #000 calc(50% - var(--voile-large)), #000 calc(50% + var(--voile-large)),
    transparent calc(50% + var(--voile-large) + 260px));
  pointer-events: none;
}
.sec-hero .sec-wrap { text-shadow: 0 1px 2px rgb(0 0 0 / .5), 0 2px 18px rgb(0 0 0 / .55); }
.sec-hero .sec-wrap :is(.cta, button, a) { text-shadow: none; }
@media (prefers-reduced-motion: reduce) { .fc { animation: none; } }
@media (prefers-reduced-motion: no-preference) {
  html.js .fi {
    animation: puzzle var(--d-puzzle) var(--e-entree) backwards;

    animation-delay: calc(var(--p, 0) * var(--pas-puzzle));
  }

  @keyframes puzzle {
    from {
      opacity: 0;
      scale: var(--puzzle-echelle);
      translate: calc(var(--cx, 0) * var(--puzzle-x))
                 calc(var(--cy, 0) * var(--puzzle-y));
    }
  }

  html.js .fc {
    animation-delay: calc(var(--d-puzzle) + var(--rang-max, 11) * var(--pas-puzzle));
  }
}
.sec-hero {
  overflow: hidden;
  margin-block-start: calc(-1 * var(--h-barre));
  min-height: 100svh;

  padding-block-start: calc(var(--h-barre) + clamp(8px, 2vh, 24px));
}
.sec-hero .sec-wrap { text-align: center; gap: var(--v-groupe); }
h1.hero-sup, h2.hero-sup { font-family: inherit; line-height: inherit; }
.hero-sup {
  font-size: 14px; font-weight: 700;
  letter-spacing: .34em; text-transform: uppercase;
  color: var(--texte-2);

  line-height: 1;

  margin-block-start: calc(8px - var(--v-groupe));
}
.hero-title { margin: 0; width: 100%; display: flex; justify-content: center; }
.logo-hero { width: min(78vw, 520px); height: auto; }
@media (prefers-reduced-motion: no-preference) {
  html.js .sec-hero .logo-hero {
    animation: logo-arrive var(--d-logo) var(--e-entree) backwards;
  }

  @keyframes logo-arrive { from { opacity: 0; scale: var(--logo-arrivee); } }
}
.sec-hero .hero-title   { --suit: .04; }
.sec-hero .hero-sup     { --suit: .055; }
.sec-hero .hero-sub     { --suit: .075; }
.sec-hero .cta-hero     { --suit: .10; }
.sec-hero .hero-reviews { --suit: .115; }
.sec-hero .hero-follow  { --suit: .14; }
.hero-sub {

  font-size: var(--t-mini); font-weight: 400;
  letter-spacing: .26em; text-transform: uppercase;
  color: var(--texte-2);

  line-height: 1;

  margin-block-start: calc(13px - var(--v-groupe));
}
.hero-open {
  display: inline-flex; align-items: center; gap: var(--v-ligne);
  font-size: var(--t-secondaire); font-style: normal;
  color: var(--vert-texte);
}
.hero-open i { font-style: normal; }
.hero-reviews {
  display: inline-flex; align-items: center; gap: var(--v-ligne);
  min-height: var(--cible-tactile);
  padding-inline: var(--v-dedans);
  border: 1px solid var(--bordure);
  border-radius: var(--r-pastille);
  background: var(--fond-2);
  font-size: var(--t-secondaire);
  color: var(--texte-2);
  transition: border-color .2s ease;
}
.hero-reviews:hover { color: var(--texte); }
.etoiles { display: inline-flex; gap: 2px; }
.etoiles .ic { width: 14px; height: 14px; }
.etoiles-sm .ic { width: 11px; height: 11px; }
.hero-follow { display: inline-flex; align-items: center; gap: var(--v-groupe); }
.s-label {
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--texte-2);
}
.socials { display: inline-flex; gap: var(--v-ligne); }
.socials .sbtn {
  border: 1px solid var(--bordure);
  border-radius: var(--r-bouton);
  background: var(--fond-2);
}
.ilot-gal {
  padding-inline: 0;
  overflow: hidden;

  border-radius: var(--r-ilot);

  --h-gal-reserve: var(--h-gal);
  min-block-size: var(--h-gal-reserve);
}
.g-filtres {
  display: flex;
  flex-wrap: nowrap;

  justify-content: safe center;
  gap: var(--v-ligne);
  overflow-x: auto;
  scrollbar-width: none;

  padding-inline: var(--pad-ilot);
  margin-block-end: var(--v-groupe);

  min-block-size: var(--cible-tactile);

  align-self: stretch;
  inline-size: 100%;
  max-inline-size: 100%;
  min-inline-size: 0;
}
.g-filtres::-webkit-scrollbar { display: none; }
.g-filtre {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-block-size: var(--cible-tactile);
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  white-space: nowrap;
}
.g-filtres { gap: 2px; box-shadow: inset 0 -1px 0 var(--bordure); }
.g-filtre {
  position: relative;
  gap: 7px;
  padding-inline: 12px;
  color: var(--texte-2);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.005em;
  transition: color .2s var(--e-entree);
}
.g-filtre > span { display: block; line-height: 1.2; }
.g-filtre[data-style=""] > span { text-transform: lowercase; }
.g-filtre[data-style=""] > span::first-letter { text-transform: uppercase; }
.g-filtre::after {
  content: "";
  position: absolute;
  inset-inline: 12px;
  inset-block-end: 0;
  block-size: 2px;
  border-radius: 2px;
  background: var(--fam, var(--or-texte));
  transform: scaleX(0);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}
.g-filtre-pt { inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--fam); opacity: .9; flex: 0 0 auto; }
.g-filtre:hover, .g-filtre:focus-visible { color: var(--texte); }
.g-filtre:focus-visible { outline: 2px solid var(--or-texte); outline-offset: -4px; border-radius: 6px; }
.g-filtre[aria-pressed="true"] { color: var(--texte); font-weight: 600; }
.g-filtre[aria-pressed="true"]::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .g-filtre, .g-filtre::after { transition: none; } }
.g-item { position: relative; }
.g-avant {
  position: absolute;
  inset-block-start: var(--v-ligne);
  inset-inline-end: var(--v-ligne);
  z-index: 2;
  max-inline-size: calc(100% - 2 * var(--v-ligne));
  padding: 5px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--fond) 72%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--or-texte) 55%, transparent);
  color: var(--or-texte);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.gal-track {
  perspective: 1100px;

  overflow-x: auto;
  overscroll-behavior-x: contain;

  padding-inline: 0;
  padding-block: 2px;
  scrollbar-width: none;
}
.gal-track::-webkit-scrollbar { display: none; }
.gal-rail {
  display: flex;
  gap: 6px;
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
}
.g-item {
  flex: 0 0 auto;

  width: var(--vign);
  margin: 0;

  border-radius: 0;
  overflow: hidden;

  padding: 3px;
  background: var(--fond-2);
  border: 1px solid var(--bordure-or);
  transition: transform .38s cubic-bezier(.22,.61,.36,1),
              border-color .3s ease, opacity .3s ease;
}
.g-open {
  display: block;
  width: 100%;
  position: relative;
  border-radius: inherit;
  padding: 0;
  border: 0;
  background: none;
}
@media (max-width: 700px) {
  .sec-gallery > .sec-wrap { gap: 11px; }
  .sec-gallery .sec-intro { line-height: 1.42; }

  :root { --vign: clamp(150px, 38vw, 168px); }
}
@media (max-width: 520px) { :root { --pad-ilot: var(--v-dedans-tel); } }
.g-img {
  width: 100%;
  height: auto;

  outline: 1px solid var(--bordure-or);
  outline-offset: -1px;

  aspect-ratio: 9 / 16;
  object-fit: cover;
}
.g-loupe {
  position: absolute;
  inset-block-end: var(--v-ligne);
  inset-inline-end: var(--v-ligne);

  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-bouton);
  background: var(--carte);
  border: 1px solid var(--bordure);
  color: var(--texte-2);
  opacity: 0;
  transition: opacity .2s ease;
}
.g-item:hover .g-loupe, .g-open:focus-visible .g-loupe { opacity: 1; }
.g-loupe .ic { width: 15px; height: 15px; }
.g-vid-signe {
  position: absolute;
  inset-block-start: var(--v-ligne);
  inset-inline-start: var(--v-ligne);
  width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-bouton);
  background: var(--carte);
  border: 1px solid var(--bordure);
  color: var(--texte);
}
.g-vid-signe .ic { width: 12px; height: 12px; }
.g-item {

  --g-repos: .72;
  opacity: var(--g-repos); transition: opacity .32s var(--e-entree);
}
.g-item.centre { opacity: 1; }
#loadMore { margin-top: var(--v-groupe); margin-inline: auto; }
.g-item.cachee { display: block; }
html.js .g-item.cachee { display: none; }
html.js .fl-item.cachee { display: none; }
#loadMore { display: none; }
html.js #loadMore { display: flex; }
html.js #loadMore[hidden] { display: none; }
.studio-ph {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: var(--v-ligne);
  aspect-ratio: 4 / 3;
  background: var(--fond-2);
  border: 1px dashed var(--bordure);
  border-radius: var(--r-carte);
  color: var(--texte-2);
  font-size: var(--t-secondaire);

  padding-inline: var(--pad-ilot);
  padding-block: var(--pad-ilot);
  text-align: center;
}
.sec-wrap > .lieu { width: 100%; align-self: stretch; min-width: 0; }
html.js .sec-wrap > .lieu { opacity: 1; translate: none; rotate: none; scale: none; }
.lieu { position: relative; --lieu-c: var(--texte-2); }
.lieu-fond {
  position: absolute; inset-block: -72px; inset-inline-start: 50%; width: 100vw; margin-inline-start: -50vw;
  pointer-events: none;
  background: radial-gradient(900px 520px at 50% 0, var(--fond-halo), transparent 70%);
}
.lieu > :where(:not(.lieu-fond):not(.lieu-ombre)) { position: relative; }
.lieu-ombre { display: none; }
.lieu-v2 .lieu-ombre { display: block; }
.lieu .label { align-self: flex-start; }
.lieu .sec-h, .lieu .sec-intro { text-align: start; margin-inline: 0; }
.lieu .sec-intro { margin-block-start: var(--v-groupe); max-width: 34em; }
.lieu-tete .sec-h { margin-block-start: var(--v-groupe); }
.lieu .sec-h { font-size: clamp(40px, 6vw, 64px); letter-spacing: -.035em; line-height: 1.02; max-width: none; }
.lieu-case {
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);
  padding-inline: 4px;
  padding-block: 4px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--lieu-c) 16%, transparent),
              0 0 36px -12px color-mix(in srgb, var(--lieu-c) 42%, transparent),
              0 24px 60px -30px rgba(0,0,0,.8);
  transition: box-shadow .4s ease;
}
[data-etat="ouvert"] { --lieu-c: var(--signal-ouvert); }
[data-etat="bientot"] { --lieu-c: var(--signal-bientot); }
[data-etat="ferme"] { --lieu-c: var(--texte-2); }
.lieu-sig { display: flex; align-items: center; gap: 14px; padding-inline: 14px; padding-block: 14px 13px; }
.lieu-feu { position: relative; width: 12px; height: 12px; flex: none; border-radius: 50%; background: var(--lieu-c); }
.lieu-feu::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--lieu-c);
  animation: lieu-pouls 2.4s ease-out infinite;
}
@keyframes lieu-pouls { 0% { transform: scale(1); opacity: .55; } 80%, 100% { transform: scale(3); opacity: 0; } }
.lieu-sig:not([data-etat]) .lieu-feu::after { animation: none; opacity: 0; }
.lieu-sig-txt { min-width: 0; }
.lieu-l1 { font-size: var(--t-nom); font-weight: 600; line-height: 1.25; color: var(--texte); }
.lieu-mot { color: var(--lieu-c); }
.lieu-sig:not([data-etat]) .lieu-mot { color: var(--texte); }
.lieu-l2:empty { display: none; }
html.js .lieu-sig:not([data-etat]) .lieu-l2 { display: none; }
.lieu-sig[data-etat="ferme"] .lieu-feu::after { animation: none; opacity: 0; }
.lieu-l2 { font-size: var(--t-petit); color: var(--texte-2); margin-block-start: 2px; }
.lieu-ligne {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 4px 12px; align-items: center;
  padding-inline: 14px 10px; padding-block: 10px;
  border-block-start: 1px solid var(--bordure);
}
.lieu-ligne > .ic { width: 20px; height: 20px; color: var(--or-texte); stroke-width: 1.7; }
.lieu-txt { min-width: 0; line-height: 1.3; }
.lieu-txt b { display: block; font-size: 16px; font-weight: 600; color: var(--texte); }
[data-lieu-auj] b { font-variant-numeric: tabular-nums; }
.lieu-txt small { display: block; font-size: var(--t-petit); color: var(--texte-2); margin-block-start: 2px; }
.lieu-fin { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.lieu-puce {
  position: relative; display: inline-flex; align-items: center; gap: 6px;
  height: 36px; padding-inline: 13px; border-radius: var(--r-pastille);
  background: var(--fond-2); border: 1px solid var(--carte-bord);
  font-size: 14px; font-weight: 600; color: var(--texte); white-space: nowrap;
  transition: border-color .2s, box-shadow .25s;
}
.lieu-puce::before { content: ""; position: absolute; inset: -4px -2px; }
.lieu-puce .ic { width: 15px; height: 15px; color: var(--or-texte); stroke-width: 2; }
.lieu-puce:hover { color: var(--texte); }
.lieu-actions {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding-inline: 6px; padding-block: 10px 6px;
  border-block-start: 1px solid var(--bordure);
}
.lieu-actions .btn { flex: 1 1 200px; }
.lieu-actions .btn-pri:hover { box-shadow: var(--neon); }
.lieu-photos { position: relative; min-width: 0; border-radius: var(--r-ilot); }
.lieu-piste { display: flex; height: 100%; scrollbar-width: none; }
.lieu-piste::-webkit-scrollbar { display: none; }
.lieu-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lieu-sans .studio-ph { height: 100%; }
.lieu-tag {
  position: absolute; inset-inline-start: 14px; inset-block-start: 14px;
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding-inline: 12px;
  border-radius: var(--r-pastille); background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  font-size: var(--t-petit); font-weight: 600; color: var(--blanc-pur);
}
.lieu-tag .ic { width: 14px; height: 14px; color: var(--or-texte); }
.lieu-fl, .lieu-points { display: none; }
.lieu-v1 .lieu-photos, .lieu-v3 .lieu-photos { overflow: hidden; background: var(--carte); }
.lieu-v1 .lieu-piste, .lieu-v3 .lieu-piste {
  overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
}
.lieu-v1 .lieu-img, .lieu-v3 .lieu-img { flex: 0 0 100%; scroll-snap-align: center; }
.lieu-v1 .lieu-points, .lieu-v3 .lieu-points {
  display: flex; position: absolute; inset-inline-start: 50%; inset-block-end: 14px; transform: translateX(-50%);
  gap: 6px; padding-inline: 9px; padding-block: 6px; border-radius: var(--r-pastille);
  background: rgba(0,0,0,.45); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.lieu-points button { position: relative; width: 7px; height: 7px; border-radius: 4px; background: rgba(255,255,255,.4); transition: width .25s, background-color .25s; }
.lieu-points button::before { content: ""; position: absolute; inset: -18px -6px; }
.lieu-points button[aria-current="true"] { width: 20px; background: var(--blanc-pur); }
.lieu-v1 .lieu-fl, .lieu-v3 .lieu-fl {
  display: grid; place-items: center; position: absolute; inset-block-start: 50%;
  width: var(--cible-tactile); height: var(--cible-tactile); margin-block-start: -22px; border-radius: 50%;
  background: rgba(0,0,0,.45); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  color: var(--blanc-pur); opacity: 0; transition: opacity .2s;
}
.lieu-photos:hover .lieu-fl, .lieu-fl:focus-visible { opacity: 1; }
.lieu-fl .ic { width: 18px; height: 18px; }
.lieu-g { inset-inline-start: 12px; }
.lieu-d { inset-inline-end: 12px; }
.lieu-v2 .lieu-tag, .lieu-v4 .lieu-tag, .lieu-v5 .lieu-tag { display: none; }
.lieu-v1 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; align-items: center; }
.lieu-v1 .lieu-photos { height: 600px; }
.lieu-v1 .lieu-col, .lieu-v5 .lieu-col { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.lieu-v2 {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 40px; align-items: center;
  min-height: 680px; padding-inline: 40px; padding-block: 40px;
  border-radius: 24px; overflow: hidden; isolation: isolate;
}
.lieu-v2 .lieu-col { display: contents; }
.lieu-v2 .lieu-photos { position: absolute; inset: 0; z-index: -2; border-radius: 0; }
.lieu-v2 .lieu-piste { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 100%; gap: 3px; height: 100%; background: var(--noir-pur); }
.lieu-v2 [data-n="1"] .lieu-piste { grid-template-columns: 1fr; }
.lieu-v2 [data-n="2"] .lieu-piste { grid-template-columns: repeat(2, 1fr); }
.lieu-v2 [data-n="3"] .lieu-piste { grid-template-columns: repeat(3, 1fr); }
.lieu-v2 .lieu-img:nth-child(n+5) { display: none; }
.lieu-v2 .lieu-ombre {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.35) 40%, rgba(0,0,0,0) 65%),
              linear-gradient(90deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 100%);
}
.lieu-v2 .lieu-tete { grid-column: 1; align-self: end; max-width: 420px; }
.lieu-v2 .lieu-tete .sec-intro { color: rgba(255,255,255,.85); }
.lieu-v2 .lieu-case {
  grid-column: 2; background: rgba(22,22,24,.72);
  backdrop-filter: saturate(1.5) blur(26px); -webkit-backdrop-filter: saturate(1.5) blur(26px);
  border-color: rgba(255,255,255,.14);
}
.lieu-v2 .lieu-puce, .lieu-v2 .lieu-actions .btn-sec { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }
.lieu-v2 .lieu-actions .btn, .lieu-v3 .lieu-actions .btn { flex-basis: 100%; }
.lieu-v2 .lieu-adr, .lieu-v5 .lieu-adr { grid-template-columns: 20px minmax(0, 1fr); }
.lieu-v2 .lieu-adr .lieu-fin, .lieu-v5 .lieu-adr .lieu-fin { grid-column: 2; justify-content: flex-start; margin-block-start: 4px; }
.lieu-v3 { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.lieu-v3 .lieu-col { display: contents; }
.lieu-v3 .lieu-tete { order: -1; width: 100%; margin-block-end: 14px; text-align: center; }
.lieu-v3 .label { align-self: center; }
.lieu-v3 .sec-h, .lieu-v3 .sec-intro { text-align: center; margin-inline: auto; }
.lieu-v3 .lieu-photos, .lieu-v3 .lieu-case { width: min(560px, 100%); }
.lieu-v3 .lieu-photos { aspect-ratio: 16 / 10; border-radius: 24px; }
.lieu-v3 .lieu-case { border-radius: 24px; padding-inline: 6px; padding-block: 6px; }
.lieu-v4 { display: flex; flex-direction: column; }
.lieu-v4 .lieu-col { display: contents; }
.lieu-v4 .lieu-tete { order: -1; max-width: 760px; margin-block-end: 28px; }
.lieu-v4 .lieu-photos { margin-block-end: 16px; }
.lieu-v4 .lieu-piste {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 30px) / 4); gap: 10px; height: 380px;
  overflow-x: auto; scroll-snap-type: x mandatory;
}
.lieu-v4 [data-n="1"] .lieu-piste { grid-auto-columns: 100%; }
.lieu-v4 [data-n="2"] .lieu-piste { grid-auto-columns: calc((100% - 10px) / 2); }
.lieu-v4 [data-n="3"] .lieu-piste { grid-auto-columns: calc((100% - 20px) / 3); }
.lieu-v4 .lieu-img { border-radius: var(--r-ilot); scroll-snap-align: start; }
@media (min-width: 1101px) {
  .lieu-v4 .lieu-case { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1.35fr) 272px; align-items: stretch; }
  .lieu-v4 .lieu-case > * { border-block-start: 0; }
  .lieu-v4 .lieu-case > * + * { border-inline-start: 1px solid var(--bordure); }
  .lieu-v4 .lieu-sig { padding-inline: 18px; padding-block: 16px; }
  .lieu-v4 .lieu-ligne { grid-template-columns: 20px minmax(0, 1fr); padding-inline: 16px; padding-block: 14px; align-content: center; }
  .lieu-v4 .lieu-fin { grid-column: 2; justify-content: flex-start; margin-block-start: 6px; }
  .lieu-v4 .lieu-actions { flex-direction: column; justify-content: center; padding-inline: 8px; padding-block: 8px; }
  .lieu-v4 .lieu-actions .btn { flex: none; min-height: 46px; padding-inline: 14px; font-size: 16px; }
}
.lieu-v5 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 56px; align-items: start; }
.lieu-v5 .lieu-col { order: -1; position: sticky; inset-block-start: calc(var(--h-barre, 64px) + 40px); gap: 32px; }
.lieu-v5 .sec-h { font-size: clamp(48px, 7.4vw, 96px); letter-spacing: -.045em; line-height: .95; max-width: none; }
.lieu-v5 .sec-intro { font-size: 21px; line-height: 1.45; color: var(--texte); max-width: 22em; }
.lieu-v5 .lieu-piste { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 300px; gap: 12px; padding-block-end: 56px; }
.lieu-v5 [data-n="1"] .lieu-piste { grid-template-columns: 1fr; padding-block-end: 0; }
.lieu-v5 .lieu-img { border-radius: var(--r-ilot); }
.lieu-v5 .lieu-img:nth-child(even) { transform: translateY(56px); }
.lieu-v5 .lieu-img:nth-child(n+5), .lieu-v5 [data-n="3"] .lieu-img:nth-child(3) { display: none; }
.lieu-v5 .lieu-case {
  background: transparent; box-shadow: none;
  border: 0; border-inline-start: 2px solid var(--lieu-c);
  border-radius: 4px var(--r-ilot) var(--r-ilot) 4px;
}
.overlay-lieu .modale { max-width: 440px; border-radius: 22px; gap: 14px; max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; }
.overlay-lieu h3 { font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.lieu-mini {
  border-radius: var(--r-carte); background: var(--fond); border: 1px solid var(--carte-bord);
  padding-inline: 14px; padding-block: 12px; gap: 12px;
  box-shadow: 0 0 28px -12px color-mix(in srgb, var(--lieu-c) 45%, transparent);
}
.lieu-mini .lieu-l1 { font-size: 16px; }
.lieu-semaine { list-style: none; padding: 0; margin: 0; }
.lieu-semaine li {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  min-height: 42px; padding-inline: 12px; border-radius: 10px;
  font-size: var(--t-secondaire); color: var(--texte-2); font-variant-numeric: tabular-nums;
}
.lieu-semaine li + li { margin-block-start: 1px; }
.lieu-jour { display: flex; align-items: center; gap: 8px; }
.lieu-clos { color: var(--texte-2); opacity: .8; }
.lieu-semaine li[aria-current="date"] { background: var(--voile-or); color: var(--texte); box-shadow: inset 0 0 0 1px var(--bordure-or); }
.lieu-semaine li[aria-current="date"] .lieu-jour { font-weight: 600; }
.lieu-semaine li[aria-current="date"] .lieu-h { color: var(--or-texte); font-weight: 600; }
.lieu-auj {
  font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: var(--sur-degrade); background: var(--degrade-or); padding-inline: 7px; padding-block: 2px; border-radius: var(--r-pastille);
}
.overlay-lieu .lieu-note { font-size: var(--t-petit); }
.lieu-acces { list-style: none; padding: 0; margin: 0; border: 1px solid var(--carte-bord); border-radius: var(--r-carte); background: var(--fond); overflow: hidden; }
.lieu-acces li { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; padding-inline: 14px; padding-block: 13px; font-size: var(--t-secondaire); color: var(--texte-2); line-height: 1.4; }
.lieu-acces li + li { border-block-start: 1px solid var(--bordure); }
.lieu-acces li b { display: block; color: var(--texte); font-weight: 600; font-size: 16px; }
.lieu-acces li small { display: block; font-size: var(--t-secondaire); color: var(--texte-2); }
.lieu-acces .ic { width: 20px; height: 20px; margin-block-start: 1px; color: var(--or-texte); stroke-width: 1.7; }
html.js .lieu .lieu-fond { opacity: 0; transition: opacity .6s ease; }
html.js .lieu.fond-vu .lieu-fond { opacity: 1; }
.lieu [data-photo] { transform-origin: 0 0; }
.lieu.attente [data-photo] { opacity: 0; }
.lieu.net *, .lieu.net .lieu-fond { transition: none !important; }
.lieu [data-photo].en-vol { transition: transform 720ms cubic-bezier(.22,.8,.2,1), opacity .3s ease; }
html.js .lieu .sec-h .mot-i { transition-delay: calc(380ms + var(--rang) * var(--pas-mot)); }
html.js .lieu .label, html.js .lieu .sec-intro { opacity: 0; transition: opacity .5s ease .28s; }
html.js .lieu.titre-vu .label, html.js .lieu.titre-vu .sec-intro { opacity: 1; }
html.js .lieu .lieu-case { opacity: 0; transform: translateX(48px); transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .3s ease; }
html.js .lieu.case-vue .lieu-case { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .lieu-feu::after { animation: none; }
  html.js .lieu .lieu-case, .lieu [data-photo] { transform: none !important; }
  html.js .lieu .lieu-fond, html.js .lieu .label, html.js .lieu .sec-intro, html.js .lieu .lieu-case, .lieu [data-photo] {
    transition-duration: .01s !important; transition-delay: 0s !important;
  }
}
@media (max-width: 900px) {
  .lieu-v1 { grid-template-columns: 1fr; gap: 24px; }
  .lieu-v1 .lieu-photos { height: auto; aspect-ratio: 4 / 5; }
  .lieu-v1 .lieu-piste { aspect-ratio: 4 / 5; }
  .sec-wrap > .lieu.lieu-v2 { width: auto; }
  .lieu-v2 { display: block; min-height: 0; padding-inline: 0; padding-block: 0; border-radius: 0; overflow: visible; margin-inline: calc(-1 * var(--marge)); }
  .lieu-v2 .lieu-photos { position: relative; inset: auto; z-index: 0; height: 520px; }
  .lieu-v2 .lieu-piste { display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; }
  .lieu-v2 .lieu-img { flex: 0 0 100%; scroll-snap-align: center; }
  .lieu-v2 .lieu-img:nth-child(n+5) { display: block; }
  .lieu-v2 .lieu-ombre { z-index: 1; inset-block-end: auto; height: 520px; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.92) 100%); }
  .lieu-v2 .lieu-tete { position: relative; z-index: 2; margin-block-start: -200px; margin-inline: var(--marge); max-width: none; }
  .lieu-v2 .lieu-case { margin-block-start: 20px; margin-inline: var(--marge); }
  .lieu-v3 .lieu-tete, .lieu-v3 .sec-h, .lieu-v3 .sec-intro { text-align: start; margin-inline: 0; }
  .lieu-v3 .label { align-self: flex-start; }
  .lieu-v4 .lieu-piste { grid-auto-columns: 72%; height: 280px; margin-inline: calc(-1 * var(--marge)); padding-inline: var(--marge); scroll-padding-inline: var(--marge); }
  .lieu-v5 { grid-template-columns: 1fr; gap: 28px; }
  .lieu-v5 .lieu-col { position: static; }
  .lieu-v5 .sec-intro { font-size: 19px; }
  .lieu-v5 .lieu-piste { grid-auto-rows: 200px; gap: 8px; padding-block-end: 32px; }
  .lieu-v5 .lieu-img:nth-child(even) { transform: translateY(32px); }
  .lieu-actions .btn { flex-basis: 100%; }
}
@media (max-width: 520px) {
  .lieu-adr { grid-template-columns: 20px minmax(0, 1fr); }
  .lieu-adr .lieu-fin { grid-column: 2; justify-content: flex-start; margin-block-start: 4px; }
  .lieu-puce { padding-inline: 12px; }
}
.ilot-etapes { display: grid; gap: var(--v-ligne); }
@media (min-width: 900px) { .ilot-etapes { grid-template-columns: repeat(3, 1fr); } }
.st-item {
  display: flex; gap: var(--v-groupe);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-carte);

  padding-inline: var(--pad-ilot);
  padding-block: var(--pad-ilot);
}
.st-num {
  font-family: var(--police-titres);
  font-size: 26px; font-weight: 700;
  line-height: 1;
  color: transparent;
  background: var(--degrade-or);
  -webkit-background-clip: text; background-clip: text;
  flex: none;
}
.st-corps { display: flex; flex-direction: column; gap: var(--v-ligne); }
.st-name { font-size: var(--t-carte); }
.st-desc { color: var(--texte-2); font-size: var(--t-secondaire); }
.step-pdf-btn { align-self: flex-start; min-height: var(--cible-tactile); font-size: var(--t-mini); }
.st-corps .btn.step-pdf-btn { font-size: var(--t-petit); padding-inline: 12px; max-width: 100%; white-space: nowrap; }
.st-corps .btn.step-pdf-btn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.st-item, .st-corps { min-width: 0; }
@media (max-width: 480px) { .st-corps .btn.step-pdf-btn { padding-inline: 10px; } .st-corps .btn.step-pdf-btn .ic { display: none; } }
.ilot-styles { display: grid; gap: var(--v-ligne); }
@media (min-width: 700px) {
  .ilot-styles { grid-template-columns: repeat(2, 1fr); }
  .ilot-styles > .sty-card:last-of-type:nth-of-type(odd) { grid-column: 1 / -1; }
}
@media (min-width: 1180px) {
  .ilot-styles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .ilot-styles > .sty-card:last-of-type:nth-of-type(odd) { grid-column: auto; }
}
.sty-card {
  display: flex; flex-direction: column; gap: var(--v-ligne);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-carte);

  padding-inline: var(--pad-ilot);
  padding-block: var(--pad-ilot);
  transition: border-color .22s ease, transform .22s ease;
}
.sty-card:has(.sty-voir):hover .sty-desc { color: color-mix(in srgb, var(--texte) 82%, transparent); }
.sty-card:has(.sty-voir) { cursor: pointer; }
.sty-name { font-size: var(--t-carte); }
.sty-desc { color: var(--texte-2); font-size: var(--t-secondaire); }
@property --sx-n1 { syntax: '<color>'; inherits: true; initial-value: transparent; }
@property --sx-h1 { syntax: '<color>'; inherits: true; initial-value: transparent; }
@property --sx-h2 { syntax: '<color>'; inherits: true; initial-value: transparent; }
@property --sx-h3 { syntax: '<color>'; inherits: true; initial-value: transparent; }
@property --sx-h4 { syntax: '<color>'; inherits: true; initial-value: transparent; }
.sec-styles .sty-card { position: relative; }
.sty-voir {
  display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  margin-block-start: auto; min-height: var(--cible-tactile); padding: 0;
  background: none; border: 0; cursor: pointer;
  color: var(--or-texte); font-size: 13px; font-weight: 600; letter-spacing: .04em;
}
.sty-voir::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.sty-voir .ic { width: 18px; height: 18px; transition: translate .25s ease; }
.sty-voir:focus-visible { outline: none; }
.sty-card:has(.sty-voir:focus-visible) { outline: 2px solid var(--or-texte); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .sty-card:hover .sty-voir .ic { translate: 1px 0; } .sty-card:hover .sty-voir { color: var(--texte); } }
.sx { position: fixed; inset: 0; z-index: 1500; overflow: hidden; isolation: isolate;
  transition: --sx-n1 1.2s ease, --sx-h1 1.4s ease, --sx-h2 1.4s ease, --sx-h3 1.4s ease, --sx-h4 1.4s ease; }
.sx[hidden] { display: none; }
.sx-plaque { position: absolute; inset: 0; transform-origin: 0 0; will-change: transform; background-color: var(--fond-2);
  background-image: radial-gradient(70% 40% at 0% 0%, color-mix(in srgb, var(--ac) 16%, transparent), transparent 75%); }
.sx-scene { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; pointer-events: none; }
.sx-scene-vue .sx-scene { opacity: 1; }
.sx-sort .sx-scene, .sx-sort .sx-texte, .sx-sort .sx-stage, .sx-sort .sx-retour { opacity: 0; transition: opacity .2s ease; }
.sx-flou { position: absolute; inset: 0; overflow: hidden; }
.sx-flou img { position: absolute; inset: -12%; width: 124%; height: 124%; max-width: none; object-fit: cover;
  filter: blur(44px) saturate(1.35); opacity: 0; transition: opacity .9s ease; }
.sx-flou img.vu { opacity: 1; }
.sx-halo { position: absolute; width: 74vmax; height: 74vmax; border-radius: 50%; mix-blend-mode: screen;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--c) 90%, transparent),
    color-mix(in srgb, var(--c) 36%, transparent) 55%, transparent 100%);
  translate: var(--dx, 0) var(--dy, 0); transition: translate 1.6s cubic-bezier(.2,.8,.2,1);
  animation: sx-derive 16s ease-in-out infinite alternate; will-change: transform; }
.sx-h1 { --c: var(--sx-h1); left: -40vmax; top: -44vmax; }
.sx-h2 { --c: var(--sx-h2); right: -40vmax; top: -40vmax; animation-delay: -4s; }
.sx-h3 { --c: var(--sx-h3); right: -38vmax; bottom: -44vmax; animation-delay: -8s; }
.sx-h4 { --c: var(--sx-h4); left: -42vmax; bottom: -40vmax; animation-delay: -12s; }
@keyframes sx-derive { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(3vmax, 2vmax, 0) scale(1.1); } }
.sx-voile { position: absolute; inset: 0; background: color-mix(in srgb, var(--fond) var(--sx-voile), transparent); }
.sx-scene::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sx-n1) 40%, transparent),
    inset 0 0 36px -8px color-mix(in srgb, var(--sx-n1) 70%, transparent),
    inset 0 0 160px -40px color-mix(in srgb, var(--sx-n1) 55%, transparent); }
.sx-corps { position: absolute; inset: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  padding-inline: var(--marge); padding-block: 72px 18px; }
.sx-corps::-webkit-scrollbar { display: none; }
.sx-texte { position: relative; isolation: isolate; width: 100%; max-width: 640px; display: flex; flex-direction: column;
  align-items: center; gap: var(--v-groupe); text-align: center; }
.sx-texte::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset: -100vh -100vw -56px -100vw;
  background: linear-gradient(180deg, color-mix(in srgb, var(--fond) var(--sx-voile-texte), transparent) calc(100% - 56px), transparent);
  opacity: 0; transition: opacity .7s ease; }
.sx-scene-vue .sx-texte::before { opacity: 1; }
.sx-label { align-self: center; opacity: 0; transition: opacity .5s ease .1s; }
.sx-titre-vu .sx-label { opacity: 1; }
.sx-titre { margin: 0; font-family: var(--police-titres); font-weight: 700; text-transform: uppercase; letter-spacing: -.035em;
  line-height: .92; font-size: clamp(44px, 14vw, 88px); color: var(--texte); max-width: 100%; text-wrap: balance; }
.sx-mot { display: inline-block; vertical-align: top; clip-path: inset(-30% -20% 0 -20%); padding-block-end: .04em; }
.sx-mot-i { display: inline-block; opacity: 0; transform: translateY(140%);
  transition: transform .8s cubic-bezier(.2,.8,.2,1) var(--d, 0ms), opacity .3s ease var(--d, 0ms); }
.sx-titre-vu .sx-mot-i { transform: none; opacity: 1; }
.sx-titre-fini .sx-mot { clip-path: none; }
.sx-titre-fini .sx-titre { text-shadow: 0 0 32px color-mix(in srgb, var(--sx-n1) var(--sx-lueur), transparent); }
.sx-trait { display: block; width: 88px; height: 3px; border-radius: 999px; background: var(--sx-n1);
  box-shadow: 0 0 18px var(--sx-n1); transform: scaleX(0); transition: transform .8s cubic-bezier(.2,.8,.2,1) .35s; }
.sx-titre-vu .sx-trait { transform: none; }
.sx-desc { margin: 0; max-width: 46ch; color: var(--texte-2); font-size: 16px; line-height: 1.55;
  opacity: 0; translate: 0 14px; transition: opacity .6s ease, translate .7s cubic-bezier(.2,.8,.2,1); }
.sx-desc-vue .sx-desc { opacity: 1; translate: none; }
.sx-simuler { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--v-ligne); width: 100%; max-width: 460px;
  margin: 0; opacity: 0; transition: opacity .6s ease .25s; }
.sx-desc-vue .sx-simuler { opacity: 1; }
.sx-simuler[hidden] { display: none; }
.sx-simuler input { flex: 1 1 200px; min-width: 0; min-height: var(--cible-tactile); padding-inline: 16px; font-size: 16px;
  color: var(--texte); background: var(--carte); border: 1px solid var(--bordure-or); border-radius: var(--r-bouton); }
.sx-simuler input::placeholder { color: var(--texte-2); }
.sx-simuler button { flex: none; min-height: var(--cible-tactile); padding-inline: 20px; border: 0; border-radius: var(--r-bouton);
  background: var(--degrade-or); color: var(--sur-degrade); font-weight: 700; cursor: pointer; }
.sx-polices { width: 100%; margin: 0; color: var(--texte-2); font-size: 12.5px; }
.sx-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.sx-stage { display: flex; flex-direction: column; align-items: center; gap: 14px; flex: none;
  opacity: 0; transform: translateY(6%) scale(.96); transition: opacity .6s ease, transform 1s cubic-bezier(.2,.8,.2,1); }
.sx-stage[hidden] { display: none; }
.sx-stage-vu .sx-stage { opacity: 1; transform: none; }
.sx-cadre { position: relative; margin: 0; overflow: hidden; border-radius: 0; background: var(--carte);
  border: 1px solid color-mix(in srgb, var(--or-texte) 34%, transparent); touch-action: pan-y; cursor: pointer;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sx-n1) 55%, transparent), 0 0 32px color-mix(in srgb, var(--sx-n1) 45%, transparent),
    0 0 90px color-mix(in srgb, var(--sx-n1) 24%, transparent); }
.sx-ph { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: 0;
  transition: opacity .2s linear; }
.sx-ph.actif { z-index: 1; opacity: 1; clip-path: inset(0 0 0 0); transform: none;
  transition: clip-path .9s cubic-bezier(.7,0,.2,1), transform 1s cubic-bezier(.2,.8,.2,1), opacity .2s linear; }
.sx-ph.entre { opacity: 1; z-index: 1; clip-path: inset(0 0 0 100%); transform: scale(1.06); transition: none; }
.sx-ph.entre.gauche { clip-path: inset(0 100% 0 0); }
.sx-ph.sort { z-index: 0; opacity: 0; transform: scale(.94) translateX(-6%);
  transition: opacity .9s ease, transform .9s cubic-bezier(.7,0,.2,1); }
.sx-ph.sort.gauche { transform: scale(.94) translateX(6%); }
.sx-barre { position: absolute; z-index: 2; left: 12px; right: 12px; bottom: 12px; height: 3px; border-radius: 999px; overflow: hidden;
  background: color-mix(in srgb, var(--texte) 24%, transparent); }
.sx-barre[hidden] { display: none; }
.sx-barre i { display: block; height: 100%; background: var(--sx-n1); transform-origin: 0 50%; transform: scaleX(0); }
.sx-barre i.sx-court { animation: sx-avance var(--sx-photo) linear forwards; }
.sx-en-pause .sx-barre i.sx-court { animation-play-state: paused; }
@keyframes sx-avance { to { transform: scaleX(1); } }
.sx-ctrl { display: flex; align-items: center; gap: var(--v-ligne); }
.sx-ctrl[hidden] { display: none; }
.sx-rond, .sx-retour { display: inline-grid; place-items: center; min-width: var(--cible-tactile); min-height: var(--cible-tactile);
  border-radius: var(--r-bouton); background: var(--carte); color: var(--texte); border: 1px solid var(--carte-bord); cursor: pointer; }
.sx-rond .ic, .sx-retour .ic { width: 18px; height: 18px; }
.sx-rond .sx-ico-lecture { display: none; }
.sx-rond[aria-pressed="true"] .sx-ico-pause { display: none; }
.sx-rond[aria-pressed="true"] .sx-ico-lecture { display: inline-grid; }
.sx-rond span { display: inline-grid; }
.sx-compte { min-width: 64px; min-height: 32px; display: inline-grid; place-items: center; padding-inline: 12px; border-radius: var(--r-bouton);
  background: var(--carte); color: var(--texte-2); font-size: 13px; font-variant-numeric: tabular-nums; }
.sx-retour { position: absolute; z-index: 3; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px;
  padding-inline: 16px 18px; font-weight: 600; opacity: 0; transition: opacity .4s ease; }
.sx-titre-vu .sx-retour { opacity: 1; }
.sx-rond:focus-visible, .sx-retour:focus-visible, .sx-simuler button:focus-visible, .sx-simuler input:focus-visible {
  outline: 2px solid var(--or-texte); outline-offset: 2px; }
@media (min-width: 900px) {
  .sx-corps { flex-direction: row; justify-content: center; align-items: center; gap: clamp(32px, 6vw, 104px);
    padding-block: 88px 40px; padding-inline: clamp(32px, 6vw, 112px); }
  .sx-texte { flex: 1 1 0; min-width: 0; max-width: 700px; align-items: flex-start; text-align: start; }
  .sx-texte::before { inset: -100vh -18vw -100vh -100vw;
    background: linear-gradient(90deg, color-mix(in srgb, var(--fond) var(--sx-voile-texte), transparent) calc(100% - 18vw), transparent); }
  .sx-label { align-self: flex-start; }
  .sx-titre { font-size: clamp(56px, 7.6vw, 136px); }
  .sx-trait { transform-origin: 0 50%; }
  .sx-desc { font-size: 18px; }
  .sx-simuler { justify-content: flex-start; }
  .sx-stage { transform: translateX(8%) perspective(1200px) rotateY(-12deg) scale(.96); }
  .sx-retour { top: 24px; left: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .sx-halo { animation: none; }
  .sx-mot-i, .sx-stage, .sx-desc { transform: none !important; translate: none !important; }
}
.ilot-minifaq { display: grid; gap: var(--v-ligne); }
.ilot-minifaq > .faq-label { justify-self: start; }
.faq-label {
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--or-texte);
  margin-bottom: var(--v-texte);
}
.faq-item {
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  transition: border-color .22s ease;
}
.faq-item[open] { border-color: var(--bordure-or); }
.faq-q {
  display: flex; align-items: center; gap: var(--v-ligne);
  min-height: var(--cible-tactile);
  padding-inline: var(--v-dedans);
  padding-block: 12px;
  cursor: pointer;
  font-weight: 600;
  font-size: var(--t-nom);
  list-style: none;
}
.faq-q::-webkit-details-marker { display: none; }
.faq-q > span:first-of-type { flex: 1; }
.faq-q .ic { width: var(--icone); height: var(--icone); flex: none; color: var(--texte-2); }
.faq-chev .ic { transition: transform .24s ease; }
.faq-item[open] .faq-chev .ic { transform: rotate(180deg); }
.faq-item[open] .faq-q .ic:first-child { color: var(--or-texte); }
.faq-a {
  padding-inline: var(--v-dedans);

  padding-block: 0 var(--v-dedans);
  color: var(--texte-2);
}
.faq-a strong { color: var(--texte); font-weight: 600; }
.faq-a a { color: var(--or-texte); text-decoration: underline; }
.faq-a ul, .faq-a ol { display: grid; gap: var(--v-texte); padding-inline-start: 18px; }
.faq-a li { list-style: disc; }
.ilot-faq { display: grid; gap: 22px; width: 100%; max-width: 760px; margin-inline: auto; }
.ilot.ilot-faq { background: none; border: 0; box-shadow: none; padding: 0; }
.ilot.ilot-faq::before { display: none; }
:where(.sec) .ilot.ilot-faq, :where(.sec) .ilot-faq :is(.faq-group, .faq-item) { background-image: none; }
:where(.sec) .ilot-faq .faq-group-corps {
  background-image: radial-gradient(70% 140px at 0% 0%,
    color-mix(in srgb, var(--ac, var(--or-texte)) var(--lueur-carte, 16%), transparent), transparent 75%);
}
.faq-group { min-width: 0; }
.faq-group-title {
  margin: 0 4px 8px;
  font-family: var(--police-corps);
  font-size: 13px; font-weight: 400;
  color: var(--texte-2);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.faq-group-badge { display: none; }
.faq-group-corps { background: var(--carte); border-radius: 16px; overflow: hidden; }
.ilot-faq .faq-item { border: 0; border-radius: 0; background: transparent; }
.ilot-faq .faq-item + .faq-item { border-top: 1px solid var(--bordure); }
.ilot-faq .faq-q {
  gap: 14px;
  min-height: 56px;
  padding: 12px 16px;
  font-size: 17px; font-weight: 400; line-height: 1.35;
  transition: color .2s, background-color .2s;
}
@media (min-width: 900px) { .ilot-faq .faq-q { min-height: 60px; } }
.ilot-faq .faq-q > span:first-of-type { min-width: 0; }
.ilot-faq .faq-q:hover { color: var(--texte); }
.ilot-faq .faq-item[open] .faq-q { font-weight: 600; }
.ilot-faq .faq-chev { display: inline-grid; flex: none; }
.ilot-faq .faq-chev .ic { width: 14px; height: 14px; color: var(--texte-2); transition: transform .34s cubic-bezier(.16,.84,.34,1), color .2s; }
.ilot-faq .faq-item[open] .faq-chev .ic { color: var(--or-texte); }
.ilot-faq .faq-a { padding: 0 16px 16px; font-size: 15px; line-height: 1.55; max-width: 68ch; }
.nw { white-space: nowrap; }
.faq-outils, .faq-vide { display: none; }
.faq-q mark { background: none; color: inherit; }
@media (prefers-reduced-motion: reduce) { .ilot-faq .faq-chev .ic { transition: none; } }
@media (prefers-reduced-motion: no-preference) {
  html.js #page-faq .faq-item {
    transition: opacity .5s ease, transform .7s cubic-bezier(.16,.84,.34,1), filter .7s ease, border-color .28s, box-shadow .28s, translate .35s cubic-bezier(.16,.84,.34,1);
  }
  html.js #page-faq.vue .faq-item { transition-delay: calc(var(--n, 0) * 55ms); }
  html.js #page-faq:not(.vue) .faq-item { opacity: 0; transform: translate3d(0, 18px, 0); }
}
.faq-fin { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.faq-fin > span { font-size: 17px; color: var(--texte-2); white-space: nowrap; }
.faq-ecrire { white-space: nowrap; }
.faq-ecrire .ic { width: 18px; height: 18px; flex: none; }
.ilot-soins { display: flex; flex-direction: column; gap: var(--v-groupe); }
.soin-onglets {
  display: flex; gap: 2px;
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: 3px; padding-block: 3px;
}
.soin-onglet {
  flex: 1;
  min-height: var(--cible-tactile);
  border-radius: 7px;
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--texte-2);
  transition: color .2s ease, background-color .2s ease;
}
.soin-onglet.on { background: var(--survol); color: var(--or-texte); }
.soin-onglet { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; padding-inline: 8px; }
@media (max-width: 480px) { .soin-onglet { letter-spacing: .01em; padding-inline: 4px; } }
.soin-panneau { display: flex; flex-direction: column; gap: var(--v-groupe); }
.soin-panneau[hidden] { display: none; }
.soin-fiche-badge {
  align-self: flex-start;
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--or-texte);
  background: var(--voile-or);
  border-radius: var(--r-pastille);
  padding-inline: 12px; padding-block: 5px;
}
.soin-fiche-intro { color: var(--texte-2); }
.soin-alert {
  display: flex; align-items: flex-start; gap: var(--v-ligne);
  background: var(--voile-rouge);
  border: 1px solid var(--rouge-texte);
  border-radius: var(--r-ligne);
  padding-inline: var(--v-dedans);
  padding-block: 12px;
  color: var(--rouge-texte);
  font-size: var(--t-secondaire);
}
.soin-alert .ic { width: var(--icone); height: var(--icone); flex: none; }
.soin-collapse {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .38s cubic-bezier(.22,.61,.36,1);
}
.soin-collapse[data-ouvert="true"] { grid-template-rows: 1fr; }
.soin-collapse-dedans {
  overflow: hidden;
  display: flex; flex-direction: column; gap: var(--v-groupe);
}
html:not(.js) .soin-collapse { grid-template-rows: 1fr; }
html:not(.js) .soin-more { display: none; }
html:not(.js) .soin-panneau[hidden] { display: flex; }
.soin-groupe { display: flex; flex-direction: column; gap: var(--v-ligne); }
.soin-groupe-h {
  font-size: 12px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--or-texte);
}
.soin-cards { display: grid; gap: var(--v-ligne); }
@media (min-width: 700px) { .soin-cards { grid-template-columns: repeat(2, 1fr); } }
.soin-card {
  display: flex; flex-direction: column; gap: var(--v-texte);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: var(--v-dedans);
  padding-block: 14px;
}
.soin-card-h { font-size: var(--t-nom); }
.soin-card-d { color: var(--texte-2); font-size: var(--t-secondaire); }
.soin-card-t {
  align-self: flex-start;
  margin-top: var(--v-texte);
  font-size: var(--t-mini); font-weight: 700; letter-spacing: .1em;
  color: var(--texte-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-pastille);
  padding-inline: 9px; padding-block: 3px;
}
.soin-more { align-self: center; }
.soin-more[aria-expanded="true"] .chev-tourne { transform: rotate(180deg); }
.chev-tourne { transition: transform .24s ease; }
.soin-dl { display: flex; flex-wrap: wrap; gap: var(--v-ligne); }
.soin-dl .btn { flex: 1 1 220px; }
.ilot-avis { padding-inline: 0; overflow: hidden; }
.avis-track {
  display: flex;
  gap: var(--v-ilot);
  width: max-content;
  padding-inline: var(--v-dedans);
  animation: defile 90s linear infinite;
}
.avis-copie { display: flex; gap: var(--v-ilot); }
.ilot-avis:hover .avis-track,
.ilot-avis:focus-within .avis-track { animation-play-state: paused; }
@keyframes defile { to { transform: translateX(-50%); } }
.avis-item {
  flex: 0 0 auto;
  width: clamp(240px, 76vw, 320px);
  display: flex; gap: var(--v-ligne);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-carte);

  padding-inline: var(--pad-ilot);
  padding-block: var(--pad-ilot);
}
.avis-av {
  width: 34px; height: 34px; flex: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-pastille);
  background: var(--voile-or);
  color: var(--or-texte);
  font-family: var(--police-titres);
  font-weight: 700;
}
.avis-corps { display: flex; flex-direction: column; gap: var(--v-texte); min-width: 0; }
.avis-name { font-size: var(--t-nom); font-weight: 600; }
.avis-txt { color: var(--texte-2); font-size: var(--t-secondaire); }
.avis-pied {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; gap: var(--v-groupe);
  margin-top: var(--v-groupe);
  padding-inline: var(--v-dedans);
}
.avis-score { display: inline-flex; align-items: center; gap: 6px;
              font-size: var(--t-nom); white-space: nowrap; }
.avis-score .ic { width: 16px; height: 16px; flex: none; }
.avis-score strong { font-family: var(--police-titres); font-size: 17px; }
.avis-score span { color: var(--texte-2); }
.ilot-vide {
  display: flex; flex-direction: column; align-items: center;
  gap: var(--v-groupe);
  text-align: center;
  color: var(--texte-2);
}
.ilot-contact { display: flex; flex-direction: column; gap: var(--v-groupe); }
.champs { display: grid; gap: var(--v-ligne); }
@media (min-width: 700px) { .champs { grid-template-columns: repeat(2, 1fr); } }
.champ { display: block; }
.champ-large { grid-column: 1 / -1; }
.champ-in {
  width: 100%;
  min-height: var(--cible-tactile);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: 14px;
  padding-block: 10px;

  font-size: var(--t-champ);
  font-family: var(--police-corps);
  color: var(--texte);
  transition: border-color .2s ease;
}
.champ-in::placeholder { color: var(--texte-2); opacity: .75; }
.champ-in:focus { outline: none; border-color: var(--bordure-or); }
.champ-in:user-invalid { border-color: var(--rouge-texte); }
textarea.champ-in { resize: vertical; min-height: 120px; }
select.champ-in { appearance: none; cursor: pointer; }
.champ-tel { min-width: 0; }
.tel-boite {
  display: flex; align-items: stretch; min-width: 0;
  min-height: var(--cible-tactile);
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  transition: border-color .2s ease;
}
.tel-boite:focus-within { border-color: var(--bordure-or); }
:root .tel-boite > .champ-in {
  background-color: transparent !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; min-height: 0 !important;
}
.tel-boite > .champ-ind {
  flex: 0 0 auto; width: auto !important; min-width: 0;
  padding-inline: 14px 12px;
  font-variant-numeric: tabular-nums; white-space: nowrap;

  background-image: linear-gradient(var(--bordure), var(--bordure)) !important;
  background-size: 1px 55% !important; background-position: right center !important; background-repeat: no-repeat !important;
}
.tel-boite > .champ-ind.cf-btn > .cf-v { flex: none; overflow: visible; }
.tel-boite > input.champ-in { flex: 1 1 auto; min-width: 0; width: auto; padding-inline: 12px 14px; }
#mkForm [data-ct-ko] { border-color: var(--rouge-texte) !important; box-shadow: 0 0 0 1.5px var(--rouge-texte) inset !important; }
#mkForm .ct-err { margin: 6px 0 0 4px; font-size: 13px; line-height: 1.3; color: var(--rouge-texte); }
#mkForm select:invalid + .cf-btn > .cf-v { color: color-mix(in srgb, var(--texte-2) 75%, transparent); }
input[type="date"].champ-in { color-scheme: dark; }
.flash-form-zone {
  display: flex; align-items: center; gap: var(--v-ligne);
  background: var(--voile-or);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-ligne);
  padding-inline: var(--v-dedans);
  padding-block: 10px;
}
.flash-form-zone[hidden] { display: none; }
.ffz-label {
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--or-texte);
}
.ffz-nom { flex: 1; font-size: var(--t-secondaire); }
.ffz-x {
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  color: var(--texte-2);
}
.ffz-x .ic { width: 15px; height: 15px; }
.contact-bas { display: flex; flex-wrap: wrap; gap: var(--v-ligne); align-items: stretch; }
.upload-zone {
  flex: 1 1 240px;
  display: flex; align-items: center; justify-content: center;
  gap: var(--v-ligne);
  min-height: var(--cible-tactile);
  border: 1.5px dashed var(--bordure);
  border-radius: var(--r-ligne);
  color: var(--texte-2);
  font-size: var(--t-mini); font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
  padding-inline: var(--v-dedans);
  padding-block: 0;
  transition: border-color .2s ease, color .2s ease;
}
.upload-zone:hover { border-color: var(--bordure-or); color: var(--or-texte); }
.upload-zone .ic { width: var(--icone); height: var(--icone); }
.upload-zone > span:not(.upload-liste) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
@media (max-width: 480px) { .upload-zone { letter-spacing: .03em; padding-inline: 12px; } }
.upload-liste { font-size: var(--t-mini); letter-spacing: 0; text-transform: none; }
.contact-bas .btn { flex: 1 1 200px; }
.contact-foot {
  display: flex; flex-wrap: wrap; align-items: center;

  justify-content: flex-end; gap: var(--v-groupe);
}
.ilot-flashs { padding-inline: 0; overflow: hidden; }
.fl-track {
  display: flex; gap: var(--v-ilot);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-inline: var(--v-dedans);
  padding-block: 2px;
  scrollbar-width: none;
}
.fl-track::-webkit-scrollbar { display: none; }
.fl-item {
  position: relative;
  flex: 0 0 auto;
  width: clamp(180px, 68vw, 260px);
  margin: 0;
  scroll-snap-align: center;
  border-radius: var(--r-carte);
  overflow: hidden;
  border: 1px solid var(--bordure);
}
.fl-overlay-btn {
  position: absolute;
  inset-inline: var(--v-ligne);
  inset-block-end: var(--v-ligne);
  min-height: var(--cible-tactile);
  font-size: var(--t-mini);
}
.fl-vente {
  position: absolute;
  inset-block-start: var(--v-ligne);
  inset-inline-start: var(--v-ligne);
  max-width: calc(100% - 2 * var(--v-ligne));
  padding-block: 4px;
  padding-inline: 10px;
  border-radius: var(--r-pastille);
  background: var(--pastille);
  color: var(--sur-pastille);
  font-size: var(--t-mini);
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.fl-etat {
  position: absolute;
  inset-inline: var(--v-ligne);
  inset-block-end: var(--v-ligne);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-radius: var(--r-bouton);
  background: var(--carte);
  border: 1px solid var(--bordure);
  color: var(--texte);
  font-size: var(--t-mini);
  font-weight: 600;
  letter-spacing: .12em;
}
.overlay {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--marge);
  padding-block: var(--marge);
  background: var(--halo-bas);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity .22s ease;
}
@property --lb-k { syntax: '<number>'; inherits: false; initial-value: 1; }
@property --lb-tx { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --lb-ty { syntax: '<length>'; inherits: false; initial-value: 0px; }
@media (prefers-reduced-motion: no-preference) {
  html.js #stage, html.js #hdr, html.js .mkb, .lb-fig {

    transition: transform var(--d-lb) var(--e-loupe);
  }

  html.js #stage, html.js #hdr, html.js .mkb {
    transition: transform var(--d-lb) var(--e-loupe),
                opacity calc(var(--d-lb) * .45) linear calc(var(--d-lb) * .5);
  }

  html.js .fd, html.js .fond-halo { transition: opacity .3s ease; }
  html.js.lb-zoom .fd, html.js.lb-zoom .fond-halo { opacity: 0 !important; transition: opacity 0s linear var(--d-lb); }
  html.js.lb-zoom #stage,
  html.js.lb-zoom #hdr,
  html.js.lb-zoom .mkb {

    transform: translate(var(--lb-tx), var(--lb-ty)) scale(var(--lb-k));
    opacity: 0;
  }

  html.js #hdr, html.js .mkb, html.js #stage { transform-origin: 50% 50%; }

  html.js #lightbox:not(.pret) { visibility: hidden; }
  #lightbox {
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 1;
    transition: none;
  }
  #lightbox::before {
    content: "";
    position: absolute;
    inset: 0;

    background-color: var(--halo-bas);

    background-image:
      radial-gradient(112% 82% at 50% 45%, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .5) 100%);
    opacity: 0;
    pointer-events: none;
  }
  #lightbox::before {
    transition: opacity calc(var(--d-lb) * .8) ease;
  }

  #lightbox.ouvert.pret::before { opacity: 1; }
  #lightbox .modale-x, #lightbox .lb-barre {
    opacity: 0;
    transition: opacity calc(var(--d-lb) * .35) ease calc(var(--d-lb) * .62);
  }
  #lightbox.ouvert.pret .modale-x, #lightbox.ouvert.pret .lb-barre { opacity: 1; }
}
.overlay[hidden] { display: none; }
.overlay.ouvert { opacity: 1; }
.modale {
  position: relative;
  width: 100%;
  max-width: 440px;
  display: flex; flex-direction: column;
  gap: var(--v-groupe);
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);
  box-shadow: var(--ombre-toile);
  padding-inline: var(--v-dedans);
  padding-block: var(--v-dedans);
  transform: translateY(12px) scale(.98);
  transition: transform .26s cubic-bezier(.22,.61,.36,1);
}
.overlay.ouvert .modale { transform: none; }
.modale h3 { font-size: var(--t-carte); padding-inline-end: var(--cible-tactile); }
.modale p { color: var(--texte-2); font-size: var(--t-secondaire); }
.modale-x {
  position: absolute;
  top: var(--v-ligne); inset-inline-end: var(--v-ligne);
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  color: var(--texte-2);
  border-radius: var(--r-bouton);
}
.modale-actions { display: flex; flex-direction: column; gap: var(--v-ligne); }
.modale-actions .btn { width: 100%; }
.envoi-etat { font-size: var(--t-secondaire); text-align: center; min-height: 20px; }
.envoi-etat[data-etat="erreur"] { color: var(--rouge-texte); }
.envoi-etat[data-etat="envoye"] { color: var(--vert-texte); }
#sendModal[data-suivre] .modale > .modale-actions { display: none; }
.envoi-suivre[hidden], .envoi-suivre [hidden] { display: none; }
.envoi-suivre { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 4px; }
.modale .envoi-suivre-dit { margin: 0; text-align: center; font-size: var(--t-secondaire); color: var(--texte-2); }
.envoi-suivre .modale-actions .btn {
  min-width: 0; padding-inline: 12px; font-size: 15px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.modale .envoi-suivre-fait { margin: 0; text-align: center; font-size: var(--t-secondaire); color: var(--vert-texte); }
.overlay-lb .modale {
  max-width: min(94vw, 620px);
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-inline: 0;
  padding-block: 0;

  transform: none;
  transition: none;
}
.overlay-lb .modale-x.lb-retour {
  position: fixed;
  top: var(--marge);
  inset-inline-start: var(--marge);
  inset-inline-end: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;

  min-height: var(--cible-tactile);
  padding-inline: 16px 20px;
  padding-block: 0;
  border-radius: 999px;
  background: var(--carte);
  border: 1px solid var(--bordure-or);
  box-shadow: 0 10px 30px -12px rgb(0 0 0 / .6);
  color: var(--or-texte);
  font-family: var(--police-titres);
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  z-index: 3;
}
.overlay-lb .modale-x.lb-retour svg {
  width: 18px; height: 18px;
  flex: 0 0 auto;
}
.overlay-lb .modale-x.lb-retour:hover { border-color: var(--or-texte); }
#lightbox .lb-prec, #lightbox .lb-suiv {
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
#lightbox .lb-prec:focus-visible, #lightbox .lb-suiv:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
#lb-img { transition: opacity var(--d-glisse) var(--e-entree); }
.lb-fig {
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  z-index: 2;
  width: 100%;
  translate: -50% -50%;
}
.lb-fig {
  margin: 0;

  border-radius: 0;
  overflow: hidden;

  transform-origin: center center;
  will-change: transform;
}
.lb-barre {
  position: fixed;
  z-index: 3;
  inset-block-end: calc(var(--marge) + env(safe-area-inset-bottom, 0px));
  inset-inline-start: var(--marge);
  width: 165px;
  height: 6px;
  border-radius: 999px;

  background-color: color-mix(in srgb, var(--carte) 82%, transparent);
  border: 1px solid var(--bordure-or);
  box-shadow: 0 8px 24px -10px rgb(0 0 0 / .6);
  overflow: hidden;
}
@media (max-width: 700px) {
  .lb-barre {
    inset-block-end: auto;
    inset-block-start: calc(var(--marge) + (var(--cible-tactile) - 6px) / 2);
    inset-inline-start: auto;
    inset-inline-end: var(--marge);
    width: 120px;
  }
}
.lb-barre > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--degrade-or);
  transform: scaleX(0);
  transform-origin: 0 50%;
}
.lb-piste {

  display: grid;
  justify-items: center;

  position: relative;
  width: 100%;
  gap: calc(var(--lb-ecart, 6px) * var(--lb-zoom, 1));
}
.lb-piste > img {
  grid-area: 1 / 1;
  width: var(--lb-l); height: auto;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  display: block;

  background: var(--fond-2);

  outline: calc(1px * var(--lb-zoom, 1)) solid var(--bordure-or);
  outline-offset: calc(-1px * var(--lb-zoom, 1));
}
.lb-vid {
  position: absolute;
  z-index: 1;
  object-fit: cover;
  pointer-events: none;
  outline: calc(1px * var(--lb-zoom, 1)) solid var(--bordure-or);
  outline-offset: calc(-1px * var(--lb-zoom, 1));
  opacity: 0;
  transition: opacity .3s ease;
}
.lb-vid[data-joue] { opacity: 1; }
.lb-grand {
  position: fixed;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: calc(var(--marge) + var(--cible-tactile) + 12px) var(--marge)
           calc(var(--marge) + env(safe-area-inset-bottom, 0px));
  cursor: zoom-out;
}
.lb-grand[hidden] { display: none; }
.lb-grand.lb-grand-cote { flex-direction: row; gap: 32px; }
.lb-grand-img {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  background: var(--fond-2);
  outline: 1px solid var(--bordure-or);
  outline-offset: -1px;
  transform-origin: center center;
  box-shadow: 0 30px 90px -20px rgb(0 0 0 / .7);
}
.lb-legende {
  margin: 0;
  flex: 0 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 14px 18px;
  border-radius: var(--r-ilot, 18px);
  background: var(--carte);
  border: 1px solid var(--bordure-or);
  color: var(--texte);
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
  text-wrap: pretty;
}
.lb-grand-cote .lb-legende { text-align: start; }
.lb-grand.lb-grand-sur { padding-inline: 0; padding-bottom: 0; }
.lb-grand-sur .lb-legende {
  position: absolute;
  inset-inline: var(--marge);
  bottom: calc(var(--marge) + env(safe-area-inset-bottom, 0px));
  width: auto !important;
  background: color-mix(in srgb, var(--carte) 86%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.lb-legende[hidden] { display: none; }
.lb-flou {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background: rgb(0 0 0 / .28);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
  backdrop-filter: blur(18px) saturate(1.1);
  pointer-events: none;
}
.lb-commandes {
  position: fixed;
  inset-block-end: calc(var(--marge) + env(safe-area-inset-bottom, 0px));
  inset-inline-start: 50%;
  translate: -50% 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  inline-size: min(420px, calc(100vw - 2 * var(--marge)));
  padding: 4px;
  border-radius: 999px;
  background: var(--carte);
  border: 1px solid var(--bordure);
  box-shadow: 0 10px 30px -12px rgb(0 0 0 / .6);
}
.lb-commandes[hidden] { display: none; }
.lb-c-b {
  flex: none;
  inline-size: var(--cible-tactile); block-size: var(--cible-tactile);
  display: grid; place-items: center;
  border: 0; border-radius: 50%;
  background: transparent; color: var(--texte); cursor: pointer;
}
.lb-c-b[hidden] { display: none; }
.lb-c-b svg { inline-size: 20px; block-size: 20px; }
.lb-c-b:focus-visible { outline: 2px solid var(--or-texte); outline-offset: -2px; }
.lb-son {
  position: absolute;
  z-index: 3;
  inline-size: var(--cible-tactile, 44px); block-size: var(--cible-tactile, 44px);
  min-inline-size: 44px; min-block-size: 44px;
  display: grid; place-items: center;
  padding: 0; border-radius: 50%;
  border: 1px solid rgb(255 255 255 / .28);
  background: rgb(0 0 0 / .46);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  color: #fff; cursor: pointer;
}
.lb-son[hidden] { display: none; }
.lb-son svg { inline-size: 20px; block-size: 20px; }
.lb-son[aria-pressed="true"] { background: rgb(0 0 0 / .62); border-color: rgb(255 255 255 / .55); }
.lb-son:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.lb-c-place { flex: 1; min-inline-size: 0; accent-color: var(--or-texte); block-size: var(--cible-tactile); margin: 0 10px 0 0; cursor: pointer; }
.lb-prec, .lb-suiv {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--r-pastille);
  background: var(--carte);
  border: 1px solid var(--bordure);
  color: var(--texte);
}
.lb-prec { inset-inline-start: var(--v-ilot); }
.lb-suiv { inset-inline-end: var(--v-ilot); }
@media (max-width: 760px) {

  .lb-prec, .lb-suiv { top: auto; bottom: var(--v-ilot); transform: none; }
}
.lb-flash {
  display: flex; align-items: center; gap: var(--v-groupe);
  margin-top: var(--v-ilot);
  background: var(--carte);
  border: 1px solid var(--bordure);
  border-radius: var(--r-carte);
  padding-inline: var(--v-dedans);
  padding-block: 12px;
}
.lb-flash[hidden] { display: none; }
.lb-ref { flex: 1; font-size: var(--t-secondaire); color: var(--texte-2); }
body.fige { overflow: hidden; }
#hdr.serre { grid-template-columns: auto 1fr auto; }
#hdr.serre .nav-center { display: none; }
#hdr.serre .burger { display: flex; }
#hdr.serre .hdr-social { display: none; }
#hdr.serre .hdr-cta .ic { display: none; }
#hdr.serre .hdr-cta span { display: inline; }
#hdr.serre .hdr-cta { padding-inline: 14px; flex: none; white-space: nowrap; }
#hdr.serre .logo { min-width: 0; }
#hdr.serre .logo-barre { --lh: 24px; max-width: 100%; }
html:not(.js) #hdr.serre .nav-center { display: flex; }
html:not(.js) #hdr.serre .burger { display: none; }
@media (max-width: 700px) {
  #hdr .mk-lang { display: none; }
  .lg-liste {
    position: fixed;
    inset: auto 0 0 0;
    min-width: 0;
    border-radius: var(--r-ilot) var(--r-ilot) 0 0;
    border-inline: 0; border-bottom: 0;
    padding-inline: var(--marge);
    padding-block: var(--v-ligne) calc(var(--v-dedans) + env(safe-area-inset-bottom));
    z-index: 1400;
    animation: monte .3s cubic-bezier(.22,.61,.36,1);
  }
  .lg-poignee {
    display: block;
    width: 38px; height: 4px;
    margin-inline: auto; margin-block: var(--v-ligne) var(--v-ligne);
    border-radius: var(--r-pastille);
    background: var(--bordure);
  }
  @keyframes monte { from { transform: translateY(100%); } }
  .hero-follow { flex-direction: column; gap: var(--v-ligne); }
  .avis-item { width: min(82vw, 300px); }
}
@media (min-width: 1024px) {

  :root { --vign: 196px; }

  .sec { padding-block-start: clamp(40px, 8vh, 88px); }
}
.univers {
  position: relative;

  overflow: clip;
}
@media (prefers-reduced-motion: no-preference) {

  html.js .univers > .sec-hero {
    position: sticky;
    top: 0;
    z-index: 1;

    will-change: filter, transform;
  }
  html.js .univers > .sec-gallery {
    position: relative;
    z-index: 2;

    background: transparent;
  }

  html.js .univers > .sec-gallery > .sec-wrap,
  html.js .defile-apres > .sec-wrap {
    background: color-mix(in srgb, var(--carte) 88%, transparent);
    border: 1px solid var(--carte-bord);
    border-radius: var(--r-ilot);
    padding-inline: clamp(16px, 3vw, 30px);

    padding-block: clamp(18px, 2.2vh, 24px);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    box-shadow: 0 30px 80px rgb(0 0 0 / .5);
    max-width: min(1180px, calc(100vw - 2 * var(--marge)));
    margin-inline: auto;

    display: flex;
    flex-direction: column;
  }

  html.js .defile-apres > .sec-wrap { height: var(--case, auto); }
  html.js .univers > .sec-gallery > .sec-wrap > .ilot-gal,
  html.js .defile-apres > .sec-wrap > .ilot {
    flex: 1 1 auto;
    min-height: 0;
  }

  html.js .univers > .sec-gallery > .sec-wrap > .ilot-gal {

    min-height: var(--h-gal-reserve, var(--h-gal));
  }

  html.js .defile-apres .ilot-studio {
    background: none;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    min-height: 0;

    grid-template-rows: minmax(140px, 1fr) auto;
  }
  html.js .defile-apres .ilot-studio::before { display: none; }

  html.js .defile-apres .studio-vue { min-height: 0; height: 100%; }
  html.js .defile-apres .studio-img {
    height: 100%;
    min-height: 140px;
    object-fit: cover;
  }

  html.js .defile-apres .sec-h { font-size: clamp(21px, 4.6vw, 34px); }
  html.js .defile-apres .sec-intro { font-size: clamp(12.5px, 3.3vw, 14.5px); }

  html.js .univers > .sec-gallery .ilot-gal {
    box-shadow: none;
    background: none;
    border-color: transparent;
    border-radius: 0;
  }
  html.js .univers > .sec-gallery .ilot-gal::before { display: none; }

  html.js .univers > .sec-gallery .sec-h {
    font-size: clamp(21px, 4.6vw, 34px);
  }
  html.js .univers > .sec-gallery .sec-intro {
    font-size: clamp(12.5px, 3.3vw, 14.5px);
  }

  html.js .univers > .sec-hero .sec-sep { opacity: 0; pointer-events: none; }
}
@media print {
  #hdr, #mob-nav, #mkLangSuggest, .next-section-arrow,
  .overlay, .saut-contenu, #loadMore { display: none !important; }
  .sec { min-height: 0; page-break-inside: avoid; }
  html.js .sec-wrap > * { opacity: 1; translate: none; rotate: none; scale: none; }
  .soin-collapse, .faq-group-corps { grid-template-rows: 1fr !important; }
  .soin-panneau[hidden] { display: flex !important; }
}
.defile {
  position: relative;

  height: calc(var(--defile-hauteur, 250) * 1svh);
  margin-block-start: calc(var(--defile-avant, 0) * -1svh);
  margin-block-end: calc(var(--defile-apres, 0) * -1svh);

  z-index: 0;
}
.defile-colle {

  position: fixed;
  inset: 0;
  overflow: clip;
  display: grid;
  place-items: center;
  pointer-events: none;

  opacity: var(--defile-scene, 0);

  visibility: hidden;

  background: transparent;

}
.defile[data-scene="1"] > .defile-colle { visibility: visible; }
.defile-colle {
  --defile-bord: 20vh;
  --defile-bord-haut: 30vh;
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0,
    rgba(0, 0, 0, .08) calc(var(--defile-bord-haut) * .12),
    rgba(0, 0, 0, .22) calc(var(--defile-bord-haut) * .28),
    rgba(0, 0, 0, .45) calc(var(--defile-bord-haut) * .48),
    rgba(0, 0, 0, .7) calc(var(--defile-bord-haut) * .68),
    rgba(0, 0, 0, .9) calc(var(--defile-bord-haut) * .86),
    #000 var(--defile-bord-haut),
    #000 calc(100% - var(--defile-bord)),
    rgba(0, 0, 0, .75) calc(100% - var(--defile-bord) * .7),
    rgba(0, 0, 0, .3) calc(100% - var(--defile-bord) * .4),
    transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0,
    rgba(0, 0, 0, .08) calc(var(--defile-bord-haut) * .12),
    rgba(0, 0, 0, .22) calc(var(--defile-bord-haut) * .28),
    rgba(0, 0, 0, .45) calc(var(--defile-bord-haut) * .48),
    rgba(0, 0, 0, .7) calc(var(--defile-bord-haut) * .68),
    rgba(0, 0, 0, .9) calc(var(--defile-bord-haut) * .86),
    #000 var(--defile-bord-haut),
    #000 calc(100% - var(--defile-bord)),
    rgba(0, 0, 0, .75) calc(100% - var(--defile-bord) * .7),
    rgba(0, 0, 0, .3) calc(100% - var(--defile-bord) * .4),
    transparent 100%);
}
@media (max-width: 1024px) { .defile-colle { --defile-bord: 14vh; --defile-bord-haut: 28vh; } }
.defile-haut,
.defile-haut::before,
.defile-haut::after {
  position: absolute;
  inset: 0 0 auto 0;
  pointer-events: none;
}
.defile-haut {
  height: var(--defile-bord-haut);
  z-index: 1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 30%, rgba(0, 0, 0, .5) 65%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 30%, rgba(0, 0, 0, .5) 65%, transparent 100%);
}
.defile-haut::before,
.defile-haut::after { content: ''; }
.defile-haut::before {
  height: 70%;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 25%, rgba(0, 0, 0, .45) 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 25%, rgba(0, 0, 0, .45) 60%, transparent 100%);
}
.defile-haut::after {
  height: 42%;
  -webkit-backdrop-filter: blur(36px);
  backdrop-filter: blur(36px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .55) 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .55) 50%, transparent 100%);
}
.defile-colle::before {
  content: '';
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: var(--defile-pastel-force, 0);

  background: linear-gradient(to bottom,
    var(--defile-pastel, transparent) 0%,
    var(--defile-pastel-2, var(--defile-pastel, transparent)) 100%);
}
html.js .defile-voisine:not(.defile-apres) > .sec-wrap {
  position: relative;
}
html.js .defile-voisine:not(.defile-apres) { position: relative; }
html.js .defile-voisine:not(.defile-apres)::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 100svh;
  z-index: 0;
  pointer-events: none;
  opacity: var(--defile-bas, 0);

  background: linear-gradient(to bottom,
    transparent 0%,
    var(--defile-pastel, transparent) 100%);

  -webkit-backdrop-filter: blur(calc(var(--defile-bas, 0) * 7px));
  backdrop-filter: blur(calc(var(--defile-bas, 0) * 7px));

  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%,
    #000 calc(var(--defile-raccord-haut, 70) * 1%),
    #000 calc(var(--defile-raccord-bas, 78) * 1%),
    transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%,
    #000 calc(var(--defile-raccord-haut, 70) * 1%),
    #000 calc(var(--defile-raccord-bas, 78) * 1%),
    transparent 100%);
  border-end-start-radius: var(--r-ilot);
  border-end-end-radius: var(--r-ilot);
}
.defile-fondu {
  grid-area: 1 / 1;

  opacity: var(--defile-voile-fond, var(--defile-voile, 1));
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: blur(var(--defile-perdu, 48px))
          brightness(var(--defile-lum-fond, var(--defile-lum, 1)))
          saturate(118%);

  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%, #000 24%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0%, #000 24%, #000 88%, transparent 100%);
  transform: scale(1.18);

  pointer-events: none;
}
.defile-toile {
  grid-area: 1 / 1;
  opacity: var(--defile-voile, 1);
  width: auto;
  height: auto;
  max-width: calc(100% * var(--defile-vue, 1));
  max-height: calc(100% * var(--defile-vue, 1));
  object-fit: contain;
  display: block;

  filter: brightness(var(--defile-lum, 1)) blur(var(--defile-flou, 0px));
  transform: scale(var(--defile-zoom, 1));

  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0, #000 var(--defile-masque, 8%),
    #000 calc(100% - var(--defile-masque, 8%)), transparent 100%);
  mask-image: linear-gradient(to bottom,
    transparent 0, #000 var(--defile-masque, 8%),
    #000 calc(100% - var(--defile-masque, 8%)), transparent 100%);

  will-change: filter, transform;
}
@media (prefers-reduced-motion: reduce) {

  .defile {
    height: 100svh;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .defile-toile { filter: none; transform: none; }

  .defile-colle { visibility: visible; opacity: 1; }
}
.defile-voisine { position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
  .defile-apres[data-arrive="0"] > * {
    opacity: 0;
    transform: translate3d(0, 72px, 0);
  }
  .defile-apres > * {
    transition: opacity .78s var(--e-entree, cubic-bezier(.22,.61,.36,1)),
                transform .78s var(--e-entree, cubic-bezier(.22,.61,.36,1));
  }
}
.btn, .btn-sec, .cta, .cta-hero, .sbtn, .nb, .lg-bouton, .lg-lien,
.next-section-arrow, .hero-reviews, .sty-card, .upload-zone, .g-open,
.ilot, .carte, .faq-q, .avis-carte {
  transition: box-shadow var(--d-survol, 280ms) var(--e-entree, ease),
              border-color var(--d-survol, 280ms) var(--e-entree, ease),
              background-color var(--d-survol, 280ms) var(--e-entree, ease);
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover, .btn-sec:hover, .cta:hover, .cta-hero:hover, .sbtn:hover,
  .nb:hover, .lg-bouton:hover, .lg-lien:hover,
  .next-section-arrow:hover, .upload-zone:hover {
    box-shadow: var(--survol-halo), var(--survol-dedans);
    border-color: var(--survol-trait);
  }
}
.btn:focus-visible, .btn-sec:focus-visible, .cta:focus-visible,
.cta-hero:focus-visible, .sbtn:focus-visible, .nb:focus-visible,
.lg-bouton:focus-visible, .lg-lien:focus-visible,
.next-section-arrow:focus-visible, .hero-reviews:focus-visible,
.sty-card:focus-visible, .upload-zone:focus-visible, .g-open:focus-visible,
.faq-q:focus-visible, .avis-carte:focus-visible {
  box-shadow: var(--survol-halo), var(--survol-dedans);
  border-color: var(--survol-trait);
}
@media (prefers-reduced-motion: reduce) {
  .btn, .btn-sec, .cta, .cta-hero, .sbtn, .nb, .lg-bouton, .lg-lien,
  .next-section-arrow, .hero-reviews, .sty-card, .upload-zone, .g-open,
  .ilot, .carte, .faq-q, .avis-carte { transition: none; }
}
:root {
  --lueur-case: 24%;
  --lueur-coin: 14%;
  --lueur-carte: 16%;
}
:where(.sec) .ilot:not(.ilot-gal) {
  background-image:
    radial-gradient(65% 300px at 0% 0%,
      color-mix(in srgb, var(--ac, var(--or-texte)) var(--lueur-case), transparent), transparent 72%),
    radial-gradient(50% 260px at 100% 0%,
      color-mix(in srgb, var(--bloc-8) var(--lueur-coin), transparent), transparent 72%);
}
:where(.sec) :is(.sty-card, .st-item, .soin-card, .avis-item, .faq-group, .faq-item) {
  background-image:
    linear-gradient(180deg, var(--carte-bord) 0 1px, transparent 1px),
    radial-gradient(70% 140px at 0% 0%,
      color-mix(in srgb, var(--ac, var(--or-texte)) var(--lueur-carte), transparent), transparent 75%);
}
@media (prefers-reduced-motion: no-preference) {
  html.js .univers > .sec-gallery > .sec-wrap,
  html.js .defile-apres > .sec-wrap {
    background-image:
      radial-gradient(65% 300px at 0% 0%,
        color-mix(in srgb, var(--ac, var(--or-texte)) var(--lueur-case), transparent), transparent 72%),
      radial-gradient(50% 260px at 100% 0%,
        color-mix(in srgb, var(--bloc-8) var(--lueur-coin), transparent), transparent 72%);
  }
}
.sec[style*="--ac"] {
  --survol-halo: 0 10px 30px -8px color-mix(in srgb, var(--ac, var(--or-texte)) 34%, transparent),
                 0 0 0 1px color-mix(in srgb, var(--ac, var(--or-texte)) 28%, transparent);
  --survol-dedans: inset 0 -40px 44px -40px color-mix(in srgb, var(--ac, var(--or-texte)) 30%, transparent);
  --survol-trait: color-mix(in srgb, var(--ac, var(--or-texte)) 50%, transparent);
}
.pied {

  padding-inline: var(--marge);

  padding-block-start: var(--v-ilot);
  padding-block-end: var(--v-ilot);
}
@media (max-width: 520px) {
  .pied { padding-block-start: var(--v-ligne); padding-block-end: var(--v-ligne); }
}
.pied-ilot {
  max-width: var(--l-barre, 1400px);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;

  gap: var(--v-groupe);
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);

  padding-inline: var(--pad-ilot);
  padding-block-start: calc(var(--pad-ilot) * 1.4);
  padding-block-end: calc(var(--pad-ilot) * 1.4);

  box-shadow: var(--ombre-toile);
  text-align: center;
}
.pied-ilot::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  height: 1px;
  background: var(--degrade-or);
  opacity: .55;
  border-start-start-radius: var(--r-ilot);
  border-start-end-radius: var(--r-ilot);
}
.pied-ilot { position: relative; overflow: clip; }
.pied-logo { display: block; line-height: 0; }
.pied-logo img { width: min(58vw, 210px); height: auto; }
.pied-logo { min-height: var(--cible-tactile); }
.pied-ilot > .pied-lieu,
.pied-ilot > .pied-reseaux {
  margin-block-start: calc(var(--v-ligne) - var(--v-groupe));
}
.pied-lieu {
  margin: 0;
  font-size: 12px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase;
  line-height: 1;
  color: var(--texte-2);
}
.pied-liens {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  column-gap: 6px;
  row-gap: 0;

  max-width: 640px;
}
.pied-liens a {

  display: inline-flex;
  align-items: center;
  min-height: var(--cible-tactile);

  padding-inline: 4px;
  font-size: var(--t-mini); font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase;
  color: var(--texte-2);
  border-radius: var(--r-bouton);
  transition: color .2s ease;
}
.pied-liens a:hover { color: var(--or-texte); }
.pied-suivre {
  margin: 0;
  font-size: var(--t-mini); font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase;
  line-height: 1;
  color: var(--texte-2);
  opacity: .85;
}
.pied-espace, .pied-outil { margin: 0; }
.pied-espace a, .pied-outil a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--cible-tactile); padding-inline: 12px;
  font-size: var(--t-mini); font-weight: 600; letter-spacing: .10em;
  color: var(--or-texte); text-decoration: none;
}
.pied-espace a:hover, .pied-espace a:focus-visible,
.pied-outil a:hover, .pied-outil a:focus-visible { text-decoration: underline; }
.pied-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: var(--v-ligne);
}
.pied-legal a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--cible-tactile); padding-inline: 8px;
  font-size: var(--t-mini); font-weight: 600; letter-spacing: .07em;
  color: var(--texte-2); text-decoration: none;
}
.pied-legal a:hover, .pied-legal a:focus-visible { text-decoration: underline; }
.pied-reseaux { display: flex; justify-content: center; gap: var(--v-ligne); }
.pied-reseaux .sbtn { width: var(--cible-tactile); height: var(--cible-tactile); }
.pied-reseaux .sbtn .ic { width: 20px; height: 20px; }
.pied-cta { min-height: var(--cible-tactile); padding-inline: 26px; }
.pied-marque {
  margin: 0;
  font-size: var(--t-mini);
  letter-spacing: .1em;
  line-height: 1;
  color: var(--texte-2);
  opacity: .6;
}
.sec-wrap > .lettre-ilot,
.lettre-ilot {
    display: flex;
    flex-direction: column;
    gap: 10px;

    inline-size: min(680px, 100%);
    margin-inline: auto;
    margin-block-start: var(--v-groupe, 14px);
    text-align: start;
}
.lettre-titre {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: var(--police-titres);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--texte);
}
.lettre-titre .ic {
    flex: none;
    inline-size: 34px;
    block-size: 34px;
    padding: 8px;
    border-radius: var(--r-ligne);
    color: var(--ac, var(--or-texte));
    background: var(--fond-2);
    border: 1px solid var(--carte-bord);
}
.lettre-champs {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    padding-inline-start: 14px;
    background: var(--fond-2);
    border: 1px solid var(--carte-bord);
    border-radius: var(--r-bouton);
}
.lettre-champs:focus-within {
    border-color: var(--or-texte);
    box-shadow: 0 0 0 3px var(--voile-or);
}
.lettre-champ {
    flex: 1 1 auto;
    min-inline-size: 0;
    min-block-size: 44px;
    padding: 0;
    font: inherit;
    font-size: 16px;
    color: var(--texte);
    background: transparent;
    border: 0;
    outline: none;
}
.lettre-champ::placeholder { color: var(--texte-2); opacity: 1; }
.lettre-champs > .lettre-champ { text-align: left; box-shadow: none; }
.lettre-ok {
    flex: none;
    min-block-size: 44px;
    margin: 0;
}
.lettre-etat {
    margin: 0;
    min-block-size: 18px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--or);
}
.lettre-etat[data-mal] { color: var(--rouge-texte); }
@keyframes gal-fx-filtre {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.g-item.fx-filtre {
  animation: gal-fx-filtre .26s ease-out backwards;

  animation-delay: calc(var(--fx-rang, 0) * 26ms);
}
.nb:hover,
.nb:focus-visible {
  box-shadow: var(--survol-halo);
}
.nb { transition: box-shadow .22s ease; }
@media (prefers-reduced-motion: reduce) {
  .g-item.fx-filtre { animation: none; }
  .nb { transition: none; }
}
.sur-brouillon { display: none !important; }
html[data-brouillon] .hdr-compte.sur-brouillon { display: flex !important; }
html[data-brouillon] .mob-compte.sur-brouillon { display: flex !important; }
html[data-brouillon] .mn-compte.sur-brouillon { display: inline-flex !important; }
html[data-brouillon] .mn-compte-b.sur-brouillon { display: flex !important; }
.hdr-compte .ic { width: 19px; height: 19px; }
.mob-compte .ic { width: 20px; height: 20px; }
.annonce-site {
  position: fixed;
  z-index: 40;
  inset-inline: 0;
  margin-inline: auto;
  inset-block-start: calc(var(--v-barre, 12px) + var(--h-menu, 56px) + 8px);
  inline-size: min(calc(100% - 2 * var(--marge, 16px)), var(--l-barre, 1100px));
  display: flex;
  align-items: center;
  gap: 10px;
  min-block-size: 48px;
  padding: 0 4px 0 16px;
  border-radius: 12px;
  border: .5px solid var(--carte-bord);
  background: var(--carte);
  box-shadow: 0 12px 30px -16px rgba(0, 0, 0, .7);
  overflow: hidden;
  color: var(--texte-2);
  font: 400 var(--t-secondaire)/1.4 var(--police-corps);
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .26s ease, transform .26s cubic-bezier(.2, .8, .2, 1);
}
.annonce-site::after { content: ''; position: absolute; inset: auto 0 0 0; block-size: 2px; background: var(--degrade-or, linear-gradient(90deg, #FF2E4D, #E5308C)); }
.annonce-site.annonce-site-la { opacity: 1; transform: none; }
.annonce-site img { display: none; }
.annonce-site p { margin: 0; flex: 1; min-inline-size: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.annonce-site b { display: inline; color: var(--texte); font-weight: 600; font-size: 15px; margin-inline-end: 8px; }
@media (max-width: 767px) { .annonce-site-p { display: none; } }
.annonce-site-x {
  display: grid; place-items: center; flex: none; inline-size: 44px; block-size: 44px;
  border: 0; border-radius: 999px; background: none; color: var(--texte-2); cursor: pointer;
}
.annonce-site-x:hover, .annonce-site-x:focus-visible { color: var(--texte); background: rgba(255, 255, 255, .06); }
@media (prefers-reduced-motion: reduce) { .annonce-site { transition: none; transform: none; } }
.gavis { display: flex; flex-direction: column; gap: var(--v-groupe); margin-top: var(--v-groupe); }
.gavis-tete { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.gavis-note { font-family: var(--police-titres); font-size: 34px; line-height: 1; font-variant-numeric: tabular-nums; }
.gavis-dt { display: inline-flex; flex-direction: column; gap: 2px; color: var(--texte-2); font-size: var(--t-secondaire); }
.gavis-dt .ic { width: 15px; height: 15px; }
.gavis-par { margin-inline-start: auto; font-size: var(--t-nom); font-weight: 600; white-space: nowrap; }
.gavis-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: var(--v-ligne); }
.gavis-carte {
  display: flex; flex-direction: column; gap: var(--v-texte); min-width: 0;
  background: var(--fond-2); border: 1px solid var(--bordure); border-radius: var(--r-carte);
  padding-inline: var(--pad-ilot); padding-block: var(--pad-ilot);
}
.gavis-qui { display: flex; align-items: center; gap: 10px; min-width: 0; }
.gavis-auteur { font-size: var(--t-nom); font-weight: 600; color: var(--texte); min-width: 0; overflow-wrap: anywhere; }
a.gavis-auteur { text-decoration: none; }
a.gavis-auteur:hover { text-decoration: underline; }
.gavis-qui .etoiles { margin-inline-start: auto; }
.gavis-quand { color: var(--texte-2); font-size: var(--t-mini); }
.gavis-voir { align-self: flex-start; }
@media (max-width: 520px) { .gavis-par { margin-inline-start: 0; flex-basis: 100%; } }
.accord {
  inline-size: min(440px, calc(100vw - 32px)); max-inline-size: none; max-block-size: calc(100dvh - 32px);
  margin: auto; padding: 0; border: 0; background: transparent; color: var(--texte); overflow: visible;
}
.accord::backdrop { background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.accord-carte {
  display: grid; gap: 14px; padding: 24px 22px 20px; border-radius: var(--r-carte);
  background: var(--carte); border: 1px solid var(--carte-bord); box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
  max-block-size: calc(100dvh - 32px); overflow: auto;
}
.accord-titre { margin: 0; font-family: var(--police-titres); font-size: var(--t-carte); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.accord-texte { margin: 0; font-size: var(--t-secondaire); line-height: 1.45; color: var(--texte-2); }
.accord-docs { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.accord-docs a {
  display: inline-flex; align-items: center; min-block-size: 44px; font-size: var(--t-secondaire);
  color: var(--or-texte); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
}
.accord-docs a:focus-visible, .accord-b:focus-visible, .accord-revoir:focus-visible { outline: 2px solid var(--or-texte); outline-offset: 2px; }
.accord-actions { display: grid; gap: 10px; margin-block-start: 4px; }
.accord-actions.accord-deux { grid-template-columns: 1fr 1fr; }
.accord-b { inline-size: 100%; }
.accord-sonde { position: absolute; inline-size: 0; block-size: 0; overflow: hidden; pointer-events: none; }
.accord-revoir {
  padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
}
.accord[open] { animation: accord-arrive .32s cubic-bezier(.2, .8, .2, 1) both; }
.accord[open]::backdrop { animation: accord-voile .32s ease both; }
@keyframes accord-arrive { from { opacity: 0; transform: translateY(12px) scale(.98); } }
@keyframes accord-voile { from { opacity: 0; } }
@media (max-width: 599px) {
  .accord { margin-block: auto 16px; margin-block-end: max(16px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .accord[open], .accord[open]::backdrop { animation: none; }
}
html.accord-ouvert .annonce-site, html.accord-ouvert [data-annonce], html.accord-ouvert .anf { visibility: hidden !important; }
.accord-titre:focus { outline: none; }
.ck {

  position: fixed; z-index: 1400; display: grid; gap: 10px; padding: 16px; color: var(--texte);
  background: rgba(28, 28, 30, .94); -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4);
  box-shadow: 0 0 0 .5px rgba(255, 255, 255, .12) inset, 0 20px 50px rgba(0, 0, 0, .5);
  opacity: 0; transform: translateY(16px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
}
.ck[hidden] { display: none; }
.ck:focus { outline: none; }
.ck.ck-on { opacity: 1; transform: none; }
.ck-txt { display: grid; gap: 6px; min-inline-size: 0; }
.ck-t { margin: 0; display: flex; align-items: center; gap: 8px; font-family: var(--police-titres); font-size: var(--t-secondaire); font-weight: 700; line-height: 1.25; }
.ck-t svg { inline-size: 18px; block-size: 18px; flex-shrink: 0; color: var(--rouge); }
.ck-p { margin: 0; font-size: var(--t-petit); line-height: 1.45; color: var(--texte-2); }
.ck-p a, .ck-petit a { color: var(--texte); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ck-bs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ck-b {
  min-block-size: var(--cible-tactile); padding: 0 16px; border: 0; border-radius: 12px; cursor: pointer;
  font: inherit; font-size: var(--t-bouton); font-weight: 600; color: var(--texte); background: #3A3A3C; white-space: nowrap;
}
.ck-b:hover { background: #48484A; }
.ck-b:focus-visible, .ck-perso:focus-visible, .ck-reg:focus-visible, .ck-rond:focus-visible, .ck-inter:focus-visible,
.ck-p a:focus-visible, .ck-petit a:focus-visible { outline: 2px solid var(--or-texte); outline-offset: 2px; }
.ck-perso {
  justify-self: center; min-block-size: 32px; padding: 2px 8px; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: var(--t-petit); font-weight: 600; color: var(--texte-2); text-decoration: underline; text-underline-offset: 3px;
}
.ck-reg { display: none; place-items: center; inline-size: 34px; block-size: 34px; padding: 0; border: 0; border-radius: 50%; background: #3A3A3C; color: var(--texte); cursor: pointer; }
.ck-reg svg { inline-size: 15px; block-size: 15px; }
.ck-barre { inset-inline: 10px; inset-block-end: max(10px, env(safe-area-inset-bottom)); border-radius: 20px; }
.ck-coin {
  inset-inline: 8px; inset-block-end: max(8px, env(safe-area-inset-bottom)); border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 10px 10px 14px;

  background: var(--carte); border: 1px solid var(--carte-bord); -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .28);
}
.ck-coin .ck-txt { grid-column: 1 / -1; order: 0; }
.ck-coin .ck-p { font-size: 13px; line-height: 1.4; }
.ck-coin .ck-t { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ck-coin .ck-bs { display: contents; }
.ck-coin .ck-b {
  position: relative; order: 1; min-block-size: 36px; padding: 0 10px; border-radius: 10px; font-size: 13px;
  background: var(--fond-2); border: 1px solid var(--carte-bord);
}
.ck-coin .ck-b:hover { border-color: var(--texte-2); }
.ck-coin .ck-b::before, .ck-coin .ck-perso::before { content: ""; position: absolute; inset: -4px 0; }
.ck-coin .ck-perso { position: relative; order: 2; min-block-size: 36px; padding: 0 4px; font-size: 13px; }
.ck-centre {
  z-index: 2147483100; inset-inline-start: 50%; inset-block-start: 50%; inline-size: min(340px, calc(100vw - 32px)); border-radius: 22px;
  padding: 22px 18px 16px; text-align: center; transform: translate(-50%, -46%) scale(.97);
}
.ck-centre.ck-on { transform: translate(-50%, -50%); }
.ck-centre .ck-t { justify-content: center; flex-direction: column; font-size: var(--t-nom); }
.ck-centre .ck-t svg { inline-size: 30px; block-size: 30px; }
.ck-centre .ck-bs { grid-template-columns: 1fr; }
.ck-voile {
  position: fixed; inset: 0; z-index: 2147483099; background: rgba(0, 0, 0, .4);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); animation: ck-voile .3s ease both;
}
.ck-voile[hidden] { display: none; }
@keyframes ck-voile { from { opacity: 0; } }
.ck-haut { inset-inline: 0; inset-block-start: 0; border-radius: 0 0 18px 18px; padding-block-start: max(16px, env(safe-area-inset-top)); transform: translateY(-16px); }
.ck-pastille {
  inset-inline: 10px; inset-block-end: max(10px, env(safe-area-inset-bottom)); border-radius: 20px;
  grid-template-columns: 1fr 1fr auto; align-items: center; padding: 12px; gap: 8px;
}
.ck-pastille .ck-txt { grid-column: 1 / -1; }
.ck-pastille .ck-t, .ck-pastille .ck-perso { display: none; }
.ck-pastille .ck-p { font-size: var(--t-mini); }
.ck-pastille .ck-bs { display: contents; }
.ck-pastille .ck-b { min-block-size: 36px; border-radius: 999px; padding: 0 10px; font-size: var(--t-petit); }
.ck-pastille .ck-reg { display: grid; }
html[data-mn-bas] .ck-barre, html[data-mn-bas] .ck-coin, html[data-mn-bas] .ck-pastille { inset-block-end: calc(84px + env(safe-area-inset-bottom)); }
@media (min-width: 900px) {
  .ck-barre {
    inset-inline: auto; inset-inline-start: 50%; inline-size: min(760px, 92vw); transform: translate(-50%, 16px);
    grid-template-columns: 1fr auto; align-items: center; column-gap: 18px;
  }
  .ck-barre.ck-on { transform: translate(-50%, 0); }
  .ck-barre .ck-txt, .ck-haut .ck-txt { grid-row: span 2; }
  .ck-barre .ck-bs, .ck-haut .ck-bs { grid-template-columns: auto auto; }

  .ck-coin {
    inset-inline: 16px auto; inset-block-end: 16px; inline-size: 300px; max-inline-size: calc(100vw - 32px);
    grid-template-columns: minmax(0, 1fr); align-items: stretch; padding: 14px; gap: 8px;
  }
  .ck-coin .ck-txt { gap: 4px; }
  .ck-coin .ck-t { position: static; inline-size: auto; block-size: auto; overflow: visible; clip-path: none; font-size: 14px; }
  .ck-coin .ck-t svg { inline-size: 15px; block-size: 15px; color: var(--texte-2); }
  .ck-coin .ck-p a { display: block; margin-block-start: 3px; color: var(--texte-2); }
  .ck-coin .ck-perso { order: 1; grid-column: auto; justify-self: stretch; min-block-size: 36px; margin-block-start: 2px; }
  .ck-coin .ck-b { order: 2; }
  .ck-haut { grid-template-columns: 1fr auto; align-items: center; column-gap: 18px; padding: 14px max(24px, calc((100vw - 1100px) / 2)); }
  .ck-pastille {
    inset-inline: 16px auto; inset-block-end: 16px; inline-size: auto; max-inline-size: 600px; border-radius: 999px;
    grid-template-columns: minmax(0, 1fr) auto auto auto; padding: 8px 8px 8px 18px; gap: 6px;
  }
  .ck-pastille .ck-txt { grid-column: auto; }
  .ck-pastille .ck-p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}
.ck-pop {
  inline-size: min(420px, calc(100vw - 24px)); max-inline-size: none; max-block-size: calc(100dvh - 24px);
  margin: auto; padding: 0; border: 0; background: transparent; color: var(--texte); overflow: visible;
}
.ck-pop::backdrop { background: rgba(0, 0, 0, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.ck-pop[open] { animation: accord-arrive .3s cubic-bezier(.2, .8, .2, 1) both; }
.ck-pop[open]::backdrop { animation: accord-voile .3s ease both; }
.ck-pc {
  display: grid; gap: 12px; padding: 6px 14px 14px; border-radius: 22px; background: var(--carte);
  box-shadow: 0 0 0 .5px rgba(255, 255, 255, .1) inset, 0 24px 60px rgba(0, 0, 0, .55); max-block-size: calc(100dvh - 24px); overflow: auto;
}
.ck-ph { display: flex; align-items: center; padding-block-start: 10px; }
.ck-ph-t { margin: 0; flex: 1; text-align: center; font-family: var(--police-titres); font-size: var(--t-nom); font-weight: 700; }
.ck-rond { inline-size: 30px; block-size: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: #3A3A3C; color: var(--texte-2); cursor: pointer; }
.ck-rond svg { inline-size: 12px; block-size: 12px; }
.ck-inv { visibility: hidden; }
.ck-gr { background: var(--fond-2); border-radius: 14px; overflow: hidden; }
.ck-rg { display: flex; align-items: center; gap: 12px; padding: 11px 14px; min-block-size: 52px; }
.ck-rg + .ck-rg { box-shadow: 0 -.5px 0 rgba(84, 84, 88, .55); }
.ck-k { flex: 1; min-inline-size: 0; font-size: var(--t-secondaire); line-height: 1.3; }
.ck-k small { display: block; margin-block-start: 2px; font-size: var(--t-mini); line-height: 1.35; color: var(--texte-2); }
.ck-inter { position: relative; inline-size: 51px; block-size: 31px; flex-shrink: 0; padding: 0; border: 0; border-radius: 999px; background: #39393D; cursor: pointer; transition: background .2s; }
.ck-inter::after { content: ""; position: absolute; inset-block-start: 2px; inset-inline-start: 2px; inline-size: 27px; block-size: 27px; border-radius: 50%; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); transition: transform .2s; }
.ck-inter[aria-checked="true"] { background: var(--signal-ouvert); }
.ck-inter[aria-checked="true"]::after { transform: translateX(20px); }
.ck-petit { margin: -2px 4px 0; font-size: var(--t-mini); line-height: 1.4; color: var(--texte-2); }
.ck-merci {
  position: fixed; z-index: 2147483101; inset-inline-start: 50%; inset-block-end: max(16px, env(safe-area-inset-bottom)); margin: 0;
  padding: 8px 14px; border-radius: 999px; background: rgba(44, 44, 46, .96); color: var(--texte); font-size: var(--t-petit); font-weight: 600;
  white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%, 10px); transition: opacity .25s, transform .25s;
}
.ck-merci.ck-on { opacity: 1; transform: translate(-50%, 0); }
.ck-tiers { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; inline-size: 100%; border-radius: var(--r-ilot); overflow: hidden; background: var(--fond-2); }
.ck-tiers-in { display: grid; justify-items: center; gap: 10px; padding: 18px; text-align: center; max-inline-size: 320px; }
.ck-tiers-in svg { inline-size: 26px; block-size: 26px; color: var(--texte-2); }
.ck-tiers-in p { margin: 0; font-size: var(--t-petit); line-height: 1.4; color: var(--texte-2); }
.ck-tiers iframe { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; }
.lieu-carte { margin-block-start: 14px; }
html.ck-ouvert:has(#ck.ck-centre:not([hidden])) .annonce-site,
html.ck-ouvert:has(#ck.ck-centre:not([hidden])) .anf { visibility: hidden !important; }
@media (max-width: 899px) {

  html.ck-ouvert .anf:is([data-theme="carte"], [data-theme="minimal"]) { padding-block-end: calc(var(--ck-h, 0px) + 16px); }
  html.ck-ouvert .mkb { inset-block-end: calc(var(--ck-h, 0px) + 16px); }
  html.ck-ouvert .mkb-aguiche { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .ck, .ck-merci, .ck-inter, .ck-inter::after { transition: none; }
  .ck-voile, .ck-pop[open], .ck-pop[open]::backdrop { animation: none; }
}
.anf {
  --anf-carte: var(--carte, #1C1C1E);
  --anf-bord: var(--carte-bord, rgba(255, 255, 255, .1));
  --anf-texte: var(--texte, #F6F4F1);
  --anf-texte-2: var(--texte-2, #A5A5AC);
  --anf-ac: var(--rouge, #E02844);
  --anf-degrade: var(--degrade-or, linear-gradient(135deg, #E02844 0%, #D52D82 52%, #7A2B57 100%));
  --anf-courbe: cubic-bezier(.2, .8, .2, 1);
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: grid;
  place-items: center;
  padding: 16px;
  container: anf / inline-size;
  font: 400 15px/1.45 var(--police-corps, -apple-system, BlinkMacSystemFont, Inter, system-ui, sans-serif);
  color: var(--anf-texte-2);
  pointer-events: none;
}
.anf[data-apercu] { position: absolute; z-index: 1; }
.anf-voile {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .58);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity .32s ease;
  pointer-events: auto;
}
.anf-boite {
  position: relative;
  inline-size: min(440px, 100%);
  max-block-size: calc(100% - 8px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  border: 1px solid var(--anf-bord);
  background: var(--anf-carte);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 40px -18px var(--anf-ac);
  color: var(--anf-texte-2);
  opacity: 0;
  transform: translateY(16px) scale(.97);
  transition: opacity .32s ease, transform .42s var(--anf-courbe);
  pointer-events: auto;
  outline: none;
}
.anf-boite::-webkit-scrollbar { display: none; }
.anf.anf-la .anf-voile { opacity: 1; }
.anf.anf-la .anf-boite { opacity: 1; transform: none; }
.anf.anf-part .anf-voile { opacity: 0; transition-duration: .2s; }
.anf.anf-part .anf-boite { opacity: 0; transform: translateY(10px) scale(.98); transition-duration: .2s; }
.anf-c { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 22px; min-inline-size: 0; }
.anf-sur {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--anf-ac);
}
.anf-t {
  margin: 0;
  font: 650 22px/1.2 var(--police-titres, -apple-system, BlinkMacSystemFont, Inter, system-ui, sans-serif);
  letter-spacing: -.01em;
  color: var(--anf-texte);
  overflow-wrap: anywhere;
  padding-inline-end: 34px;
}
.anf-p { margin: 0; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-line; }
.anf-act { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 10px; }
.anf-b {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 0;
  font: 600 16px/1 inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s var(--anf-courbe), box-shadow .25s ease, background .2s;
}
.anf-b1 { background: var(--anf-degrade); color: #fff; box-shadow: 0 0 0 0 transparent; }
.anf-b1:hover, .anf-b1:focus-visible { box-shadow: var(--neon, 0 0 24px rgba(224, 40, 68, .35)); }
.anf-b2 { background: rgba(255, 255, 255, .08); color: var(--anf-texte); }
.anf-b2:hover, .anf-b2:focus-visible { background: rgba(255, 255, 255, .14); }
.anf-b:active { transform: scale(.97); }
.anf-b:focus-visible, .anf-ferme:focus-visible { outline: 2px solid var(--anf-texte); outline-offset: 2px; }
.anf-ferme {
  position: absolute;
  z-index: 2;
  inset-block-start: 8px;
  inset-inline-end: 8px;
  display: grid;
  place-items: center;
  inline-size: 44px;
  block-size: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--anf-texte);
  cursor: pointer;
  transition: background .2s;
}
.anf-ferme:hover { background: rgba(0, 0, 0, .55); }
.anf-img { margin: 0; overflow: hidden; aspect-ratio: 16 / 9; background: rgba(255, 255, 255, .04); flex: none; }
.anf-img img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transform: scale(1.04); transition: transform .9s var(--anf-courbe); }
.anf.anf-la .anf-img img { transform: none; }
.anf-ic {
  display: grid; place-items: center; inline-size: 44px; block-size: 44px; flex: none;
  border-radius: 12px; color: var(--anf-ac); margin: 18px 0 0 20px;
  background: color-mix(in srgb, var(--anf-ac) 16%, transparent);
}
.anf-date {
  flex: none; display: flex; align-items: baseline; gap: 6px; align-self: flex-start;
  margin: 18px 0 0 20px; padding: 6px 12px; border-radius: 10px; color: #fff; background: var(--anf-degrade); text-transform: uppercase;
}
.anf-date b { font: 700 22px/1 var(--police-titres, inherit); letter-spacing: -.02em; }
.anf-date span { font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.anf[data-modele="promotion"] .anf-sur {
  font: 800 clamp(30px, 9cqi, 44px)/1 var(--police-titres, inherit); letter-spacing: -.03em; text-transform: none;
  background: var(--anf-degrade); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.anf[data-modele="disponibilite"] .anf-sur { color: var(--vert-texte, #34C759); }
.anf-point {
  inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--vert, #34C759); flex: none;
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--vert, #34C759) 60%, transparent);
  animation: anf-souffle 2.2s ease-out infinite;
}
@keyframes anf-souffle { 0% { box-shadow: 0 0 0 0 rgba(52, 199, 89, .55); } 70%, 100% { box-shadow: 0 0 0 10px rgba(52, 199, 89, 0); } }
.anf-tuile {
  display: grid; place-items: center; flex: none; inline-size: 36px; block-size: 36px; border-radius: 10px;
  color: var(--anf-or); background: color-mix(in srgb, var(--anf-or) 15%, transparent);
}
.anf {
  --anf-case: var(--carte-2, #1A1A1D);
  --anf-fond: var(--carte, #0E0E10);
  --anf-trait: var(--carte-bord, #26262A);
  --anf-ivoire: var(--or, #E4DACA);
  --anf-or: #E8D48A;
  --anf-haut: calc(var(--v-barre, 12px) + var(--h-menu, 56px) + 8px);
}
.anf[data-theme="maison"] .anf-voile { background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.anf[data-theme="maison"] .anf-boite {
  inline-size: min(460px, 100%); border-radius: 14px; border: .5px solid var(--anf-trait); background: var(--anf-case);
  box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .9); display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start;
  padding: 14px; gap: 12px;
}
.anf[data-theme="maison"] .anf-img { grid-column: 1 / -1; border-radius: 10px; }
.anf[data-theme="maison"] .anf-ic, .anf[data-theme="maison"] .anf-date { margin: 0; }
.anf[data-theme="maison"] .anf-c { padding: 6px 0 0; gap: 6px; }
.anf[data-theme="maison"] .anf-boite:not(:has(.anf-tuile, .anf-ic, .anf-date)) .anf-c { grid-column: 1 / -1; }
.anf[data-theme="maison"] .anf-t { font-size: 19px; font-weight: 600; }
.anf[data-theme="maison"] .anf-b1 { background: var(--anf-ivoire); color: #151515; min-block-size: 50px; flex: 0 1 auto; }
.anf[data-theme="maison"] .anf-b1:hover, .anf[data-theme="maison"] .anf-b1:focus-visible { box-shadow: none; filter: brightness(1.05); }
.anf[data-theme="maison"] .anf-ferme { background: rgba(255, 255, 255, .08); }
.anf[data-theme="bandeau"] { place-items: start center; padding: var(--anf-haut) var(--marge, 16px) 0; }
.anf[data-theme="bandeau"] .anf-boite {
  inline-size: min(100%, var(--l-barre, 1100px)); flex-direction: row; align-items: center; min-block-size: 48px;
  padding: 0 48px 0 16px; border-radius: 12px; border: .5px solid var(--anf-trait); background: var(--anf-fond);
  box-shadow: 0 12px 30px -16px rgba(0, 0, 0, .7); overflow: hidden; transform: translateY(-12px);
}
.anf[data-theme="bandeau"] .anf-boite::after { content: ''; position: absolute; inset: auto 0 0 0; block-size: 2px; background: var(--anf-degrade); }
.anf[data-theme="bandeau"] .anf-img, .anf[data-theme="bandeau"] .anf-sur, .anf[data-theme="bandeau"] .anf-p, .anf[data-theme="bandeau"] .anf-b2 { display: none; }
.anf[data-theme="bandeau"] .anf-c { flex-direction: row; align-items: center; gap: 10px; padding: 0; flex: 1; }
.anf[data-theme="bandeau"] .anf-t { font-size: 15px; font-weight: 600; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; min-inline-size: 0; }
.anf[data-theme="bandeau"] .anf-act { margin: 0 0 0 auto; flex-wrap: nowrap; }
.anf[data-theme="bandeau"] .anf-b1 { background: none; color: var(--anf-ivoire); min-block-size: 44px; padding: 0 4px; white-space: nowrap; }
.anf[data-theme="bandeau"] .anf-b1::after { content: ' ›'; white-space: pre; }
.anf[data-theme="bandeau"] .anf-ferme { inset-block-start: 50%; transform: translateY(-50%); inset-inline-end: 2px; background: none; }
.anf[data-theme="carte"] { place-items: end end; padding: 16px; }
.anf[data-theme="carte"] .anf-boite {
  inline-size: min(400px, 100%); display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; padding: 12px;
  border-radius: 18px; border: .5px solid var(--anf-trait); background: var(--anf-fond); box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .85);
}
.anf[data-theme="carte"] .anf-img, .anf[data-theme="carte"] .anf-tuile { inline-size: 72px; block-size: 72px; aspect-ratio: auto; border-radius: 12px; }
.anf[data-theme="carte"] .anf-ic, .anf[data-theme="carte"] .anf-date { margin: 0; }
.anf[data-theme="carte"] .anf-c { padding: 0 26px 0 0; gap: 3px; justify-content: center; }
.anf[data-theme="carte"] .anf-boite:not(:has(.anf-tuile, .anf-img, .anf-ic, .anf-date)) .anf-c { grid-column: 1 / -1; }
.anf[data-theme="carte"] .anf-t { font-size: 16px; font-weight: 600; padding: 0; }
.anf[data-theme="carte"] .anf-p { font-size: 14px; }
.anf[data-theme="carte"] .anf-act { margin-block-start: 6px; }
.anf[data-theme="carte"] .anf-b { flex: 0 1 auto; min-block-size: 36px; padding: 0 14px; font-size: 14px; }
.anf[data-theme="carte"] .anf-b1 { background: rgba(228, 218, 202, .08); border: .5px solid rgba(228, 218, 202, .3); color: var(--anf-ivoire); }
.anf[data-theme="carte"] .anf-ferme { inset-block-start: 2px; inset-inline-end: 2px; background: none; }
.anf[data-theme="plein"] { padding: 0; }
.anf[data-theme="plein"] .anf-voile { background: rgba(10, 8, 14, .68); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); }
.anf[data-theme="plein"] .anf-boite {
  position: absolute; inset: 0; inline-size: auto; block-size: auto; max-block-size: none; box-sizing: border-box; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  align-items: center; justify-content: center; text-align: center; padding: 40px 28px; isolation: isolate;
}
.anf[data-theme="plein"] .anf-boite::before {
  content: ''; position: absolute; z-index: -1; inline-size: min(520px, 80%); aspect-ratio: 1; border-radius: 50%;
  inset-block-start: 12%; inset-inline-start: 50%; transform: translateX(-50%); opacity: .6;

  background: radial-gradient(closest-side, color-mix(in srgb, var(--anf-ac) 60%, transparent), color-mix(in srgb, var(--anf-ac) 18%, transparent) 55%, transparent);
}
.anf[data-theme="plein"] .anf-img { inline-size: min(420px, 100%); border-radius: 16px; }
.anf[data-theme="plein"] .anf-tuile, .anf[data-theme="plein"] .anf-ic, .anf[data-theme="plein"] .anf-date { margin: 0 0 6px; }
.anf[data-theme="plein"] .anf-c { align-items: center; max-inline-size: 520px; gap: 10px; }
.anf[data-theme="plein"] .anf-t { font: 700 clamp(28px, 6cqi, 44px)/1.15 var(--police-titres, inherit); padding: 0; }
.anf[data-theme="plein"] .anf-p { font-size: 17px; color: rgba(246, 244, 241, .78); }
.anf[data-theme="plein"] .anf-act { justify-content: center; }
.anf[data-theme="plein"] .anf-b1 { background: var(--anf-ivoire); color: #151515; min-block-size: 50px; flex: 0 1 auto; }
.anf[data-theme="plein"] .anf-ferme { inset-block-start: 16px; inset-inline-end: 16px; }
.anf[data-theme="degrade"] .anf-voile { background: rgba(0, 0, 0, .6); }
.anf[data-theme="degrade"] .anf-boite {
  inline-size: min(440px, 100%); border-radius: 20px; border: .5px solid rgba(255, 255, 255, .12);
  background: linear-gradient(135deg, color-mix(in srgb, var(--anf-ac) 26%, var(--anf-fond)) 0%, color-mix(in srgb, var(--anf-ac) 12%, var(--anf-fond)) 55%, var(--anf-fond) 100%);
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .8);
}
.anf[data-theme="degrade"] .anf-t { color: #fff; font-size: 21px; }
.anf[data-theme="degrade"] .anf-p { color: rgba(255, 255, 255, .8); }
.anf[data-theme="degrade"] .anf-b1 { background: #F6F4F1; color: #151515; flex: 0 1 auto; }
.anf[data-theme="degrade"] .anf-b1:hover, .anf[data-theme="degrade"] .anf-b1:focus-visible { box-shadow: none; filter: brightness(.96); }
.anf[data-theme="degrade"] .anf-ferme { background: rgba(255, 255, 255, .1); }
.anf[data-theme="verre"] { place-items: start center; padding: calc(var(--anf-haut) + 4px) 12px 0; }
.anf[data-theme="verre"] .anf-boite {
  inline-size: min(460px, 100%); display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 14px;
  border-radius: 24px; border: .5px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .12);
  -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .3); transform: translateY(-10px);
}
.anf[data-theme="verre"] .anf-img, .anf[data-theme="verre"] .anf-tuile { inline-size: 44px; block-size: 44px; aspect-ratio: auto; border-radius: 12px; }
.anf[data-theme="verre"] .anf-tuile { color: #fff; background: rgba(255, 255, 255, .16); }
.anf[data-theme="verre"] .anf-ic, .anf[data-theme="verre"] .anf-date { margin: 0; }
.anf[data-theme="verre"] .anf-c { padding: 0 26px 0 0; gap: 3px; justify-content: center; }
.anf[data-theme="verre"] .anf-boite:not(:has(.anf-tuile, .anf-img, .anf-ic, .anf-date)) .anf-c { grid-column: 1 / -1; }
.anf[data-theme="verre"] .anf-t { font-size: 17px; color: #fff; padding: 0; }
.anf[data-theme="verre"] .anf-p { font-size: 14px; color: rgba(255, 255, 255, .82); }
.anf[data-theme="verre"] .anf-act { grid-column: 1 / -1; }
.anf[data-theme="verre"] .anf-b1 { background: rgba(255, 255, 255, .9); color: #111; inline-size: 100%; }
.anf[data-theme="verre"] .anf-ferme { inset-block-start: 6px; inset-inline-end: 6px; inline-size: 36px; block-size: 36px; background: rgba(255, 255, 255, .16); }
.anf.anf-la[data-theme] .anf-boite { opacity: 1; transform: none; }
.anf.anf-part[data-theme] .anf-boite { opacity: 0; }
.anf[data-theme="minimal"] { place-items: end start; padding: 16px; }
.anf[data-theme="minimal"] .anf-boite {
  inline-size: min(380px, 100%); padding: 12px 48px 12px 14px; border-radius: 12px; border: .5px solid #3A3A3C;
  background: #000; box-shadow: none; transform: translateY(12px);
}
.anf[data-theme="minimal"] .anf-img, .anf[data-theme="minimal"] .anf-sur, .anf[data-theme="minimal"] .anf-b2 { display: none; }
.anf[data-theme="minimal"] .anf-c { padding: 0; gap: 2px; }
.anf[data-theme="minimal"] .anf-t { font-size: 15px; font-weight: 600; padding: 0; }
.anf[data-theme="minimal"] .anf-p { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
.anf[data-theme="minimal"] .anf-act { margin: 4px 0 0; }
.anf[data-theme="minimal"] .anf-b1 { background: none; color: var(--anf-texte); padding: 0; min-block-size: 44px; flex: 0 1 auto; justify-content: flex-start;
  text-decoration: underline; text-underline-offset: 3px; font-size: 14px; }
.anf[data-theme="minimal"] .anf-b1:hover, .anf[data-theme="minimal"] .anf-b1:focus-visible { box-shadow: none; }
.anf[data-theme="minimal"] .anf-ferme { inset-block-start: 50%; transform: translateY(-50%); inset-inline-end: 2px; background: none; }
.md { position: relative; display: block; inline-size: 100%; overflow: hidden; background: #111113; isolation: isolate; flex: none; }
.md img, .md video { display: block; }
.md-flou { opacity: .9; transform: scale(1.08); }
.md-lire {
  position: absolute; inset: 50% auto auto 50%; z-index: 2; translate: -50% -50%; display: grid; place-items: center;
  inline-size: 52px; block-size: 52px; border: 0; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; cursor: pointer;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.md-lire[hidden] { display: none; }
.md-lire:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.md-muet { position: absolute; inset: auto 8px 8px auto; z-index: 2; display: grid; place-items: center; inline-size: 24px; block-size: 24px;
  border-radius: 999px; background: rgba(0, 0, 0, .5); color: #fff; pointer-events: none; }
.anf[data-theme="maison"][data-media] .md { grid-column: 1 / -1; border-radius: 10px; }
.anf[data-theme="bandeau"][data-media] .anf-boite { flex-wrap: wrap; padding: 0; }
.anf[data-theme="bandeau"][data-media] .md { flex: 0 0 100%; order: -1; }
.anf[data-theme="bandeau"][data-media] .anf-c { padding: 0 48px 0 16px; min-block-size: 48px; }
.anf[data-theme="bandeau"][data-media] .anf-ferme { inset-block-start: 6px; transform: none; background: rgba(0, 0, 0, .4); }
.anf[data-theme="carte"][data-media] .anf-boite { grid-template-columns: 96px minmax(0, 1fr); }
.anf[data-theme="carte"][data-media] .md { inline-size: 96px; border-radius: 12px; align-self: start; }
.anf[data-theme="plein"] { container: anf / size; }
.anf[data-theme="plein"][data-media] .md {
  position: absolute; z-index: -2; inset: 50% auto auto 50%; translate: -50% -50%; inline-size: max(100cqw, calc(100cqh * var(--md-r, .5625)));
}
.anf[data-theme="plein"][data-media] .anf-boite::before {
  inset: 0; inline-size: auto; aspect-ratio: auto; border-radius: 0; transform: none; opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, .78) 100%);
}
.anf[data-theme="plein"][data-media] .anf-boite { justify-content: flex-end; }
.anf[data-theme="degrade"][data-media] .md { inline-size: auto; margin: 16px 16px 0; border-radius: 14px; }
.anf[data-theme="verre"][data-media] .anf-boite { grid-template-columns: 64px minmax(0, 1fr); }
.anf[data-theme="verre"][data-media] .md { inline-size: 64px; border-radius: 12px; align-self: start; }
.anf-voir { background: none; color: var(--anf-texte); padding: 0; min-block-size: 44px; flex: 0 1 auto; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.anf-grand { position: fixed; inset: 0; z-index: 5; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, .86); pointer-events: auto; }
.anf-grand[hidden] { display: none; }
.anf-grand .md { inline-size: min(960px, 100%); border-radius: 14px; }
.anf-grand-x { position: absolute; inset: 12px 12px auto auto; display: grid; place-items: center; inline-size: 44px; block-size: 44px; border: 0;
  border-radius: 999px; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; }
@container anf (max-width: 599px) {

  .anf[data-theme="maison"] .anf-boite, .anf[data-theme="degrade"] .anf-boite { inline-size: 100%; max-block-size: 88%; }
  .anf-c { padding: 20px 20px 22px; }
  .anf[data-theme="maison"] .anf-act, .anf[data-theme="degrade"] .anf-act, .anf[data-theme="plein"] .anf-act { flex-direction: column; inline-size: 100%; }
  .anf[data-theme="maison"] .anf-b, .anf[data-theme="degrade"] .anf-b, .anf[data-theme="plein"] .anf-b { inline-size: 100%; min-block-size: 50px; }
  .anf[data-theme="bandeau"] { padding-inline: 0; }
  .anf[data-theme="bandeau"] .anf-boite { border-radius: 0; border-inline: 0; }
  .anf[data-theme="carte"], .anf[data-theme="minimal"] { place-items: end stretch; padding: 12px 12px calc(16px + env(safe-area-inset-bottom, 0px)); }
  .anf[data-theme="carte"] .anf-boite, .anf[data-theme="minimal"] .anf-boite { inline-size: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .anf-boite, .anf.anf-part .anf-boite { transform: none !important; transition: opacity .2s linear; }
  .anf-img img { transform: none; transition: none; }
  .anf-point { animation: none; }
  .anf-b { transition: none; }
}
@media (forced-colors: active) {
  .anf-boite { border: 2px solid CanvasText; }
  .anf-b { border: 2px solid ButtonText; }
}
.anf-rub { margin: 4px 0 0; display: flex; flex-direction: column; border-radius: 14px; border: .5px solid var(--anf-bord);
  background: color-mix(in srgb, var(--anf-texte) 4%, transparent); overflow: hidden; }
.anf-rub-l { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; min-inline-size: 0; }
.anf-rub-l + .anf-rub-l { border-block-start: .5px solid var(--anf-bord); }
.anf-rub dt { font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--anf-texte); text-transform: none; letter-spacing: 0; overflow-wrap: anywhere; }
.anf-rub dd { margin: 0; font-size: 14px; line-height: 1.45; color: var(--anf-texte-2); overflow-wrap: anywhere; }
.anf-contact dd a { color: var(--anf-texte); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
  min-block-size: 44px; margin-block: -12px; padding-inline: 2px; vertical-align: middle; }
.anf-contact dd a svg { flex: none; opacity: .85; }
.anf-contact dd a:focus-visible { outline: 2px solid var(--anf-texte); outline-offset: 2px; border-radius: 4px; }
.anf[data-modele="infos"] .anf-boite { inline-size: min(560px, 100%); }
.anf[data-theme="bandeau"] .anf-rub { display: none; }
.anf[data-theme="minimal"] .anf-rub { border: 0; background: none; }
.anf[data-theme="minimal"] .anf-rub-l { padding-inline: 0; }
.anf-code {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-block-start: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px dashed var(--anf-bord, var(--anm-bord, rgba(255, 255, 255, .22)));
  background: color-mix(in srgb, var(--anf-ac, var(--anm-ac, #E02844)) 8%, transparent);
  color: var(--anf-texte, var(--anm-texte, #F6F4F1));
}
.anf-code-g { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; flex: 1 1 auto; }
.anf-code-sur { font-size: 12px; line-height: 1.2; color: var(--anf-texte-2, var(--anm-texte-2, #A5A5AC)); }
.anf-code-v { font: 700 17px/1.2 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .08em; overflow-wrap: anywhere; }
.anf-code-copier {
  min-block-size: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: inherit;
  font: 600 15px/1 inherit;
  font-family: inherit;
  cursor: pointer;
}
.anf-code-copier[data-copie] { background: color-mix(in srgb, #34C759 26%, transparent); }
.anf-code-resa {
  flex: 1 0 100%;
  font-size: 15px;
  font-weight: 600;
  color: var(--anf-ac, var(--anm-ac, #E02844));
  text-decoration: none;
}
.anf-code-resa::after { content: ' ›'; }
.anf-code-resa:hover, .anf-code-resa:focus-visible { text-decoration: underline; }
.anf-code-copier:focus-visible, .anf-code-resa:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.anf[data-theme="bandeau"] .anf-code, .anf[data-theme="minimal"] .anf-code { margin-block-start: 8px; padding: 8px 10px; }
.annonce-site .anf-code { margin: 0; padding: 6px 10px; flex: 0 1 auto; }
.annonce-site .anf-code-resa { flex: 0 0 auto; font-size: 13px; }
:root {
  --mvt-flou: 12px;           
  --mvt-d-flou: .7s;          
  --mvt-cote: 56px;           
}
html.js .sec-wrap > * {
  transition-property: opacity, translate, rotate, scale, letter-spacing, filter, box-shadow, border-color, background-color;
  transition-duration: var(--d-entree-courte), var(--d-entree), var(--d-entree), var(--d-entree), var(--d-entree-courte),
                       var(--mvt-d-flou), .28s, .28s, .28s;
  transition-timing-function: var(--e-entree);
}
@media (prefers-reduced-motion: no-preference) {
  html.js .sec:not(.vue) .sec-wrap > :is(.label, .sec-h, .sec-intro, .flash-lead-txt, .hero-title, .hero-sup,
    .hero-sub, .hero-follow, .faq-fin, .contact-foot) { filter: blur(var(--mvt-flou)); }
}
.ilot-styles, .ilot-faq { perspective: 1400px; }
@media (prefers-reduced-motion: no-preference) {
  html.js .sec .mvt-g { transform: translate3d(calc(-1 * var(--mvt-cote)), 0, -70px) rotateY(9deg); }
  html.js .sec .mvt-d { transform: translate3d(var(--mvt-cote), 0, -70px) rotateY(-9deg); }
  html.js .sec .mvt-m { transform: translate3d(0, var(--montee), -120px) rotateX(7deg); }
  html.js:where([data-sens="haut"]) .sec .mvt-m { transform: translate3d(0, calc(-1 * var(--montee)), -120px) rotateX(-7deg); }
  html.js .sec:not(.vue) :is(.sty-card, .faq-group, .soin-card) { filter: blur(var(--mvt-flou)); }
}
html.js .sec :is(.sty-card, .faq-group, .soin-card) {
  transition: opacity .5s ease, transform .62s cubic-bezier(.16, .84, .34, 1), filter var(--mvt-d-flou) ease,
              translate .35s var(--e-entree), box-shadow .28s, border-color .28s;
}
@media (prefers-reduced-motion: no-preference) {
  html.js:where([data-sens="haut"]) .sec-h .mot-i { transform: translate3d(0, -118%, 0) rotateX(52deg); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {

}
.nb.on {
  color: var(--texte);
  background: color-mix(in srgb, var(--rouge) 16%, var(--fond-2));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rouge) 45%, transparent),
              0 0 18px -8px color-mix(in srgb, var(--rouge) 90%, transparent);
}
.ilot-etapes::after {
  content: ""; position: absolute; pointer-events: none; border-radius: 2px;
  background: var(--degrade-or);
  box-shadow: 0 0 10px color-mix(in srgb, var(--rouge) 50%, transparent);
  left: var(--pad-ilot, 14px); right: var(--pad-ilot, 14px);
  top: calc(var(--pad-ilot, 14px) / 2 - 1px); height: 2px;
  transform-origin: left center; transform: scaleX(0);
}
.ilot-etapes.mvt-frise-v::after {
  left: calc(var(--pad-ilot, 14px) / 2 - 1px); right: auto; top: var(--pad-ilot, 14px); bottom: var(--pad-ilot, 14px);
  width: 2px; height: auto; transform-origin: center top; transform: scaleY(0);
}
html.js .sec.vue .ilot-etapes::after { transform: none; transition: transform 1.6s var(--e-entree) .2s; }
html:not(.js) .ilot-etapes::after { transform: none; }
@media (prefers-reduced-motion: no-preference) {
  html.js .sec .st-item { transform: translate3d(0, 14px, 0); }
}
html.js .sec .st-item { transition: opacity .7s ease, transform .8s var(--e-entree), filter var(--mvt-d-flou) ease; }
html.js .sec.vue .st-item:nth-child(2) { transition-delay: .45s; }
html.js .sec.vue .st-item:nth-child(3) { transition-delay: .9s; }
@media (prefers-reduced-motion: no-preference) {
  html.js .sec .ilot-contact .champs > * { opacity: 0; translate: 0 12px; }
  html.js .sec .ilot-contact .champs > * {
    transition: opacity .5s ease, translate .7s var(--e-entree);
    transition-delay: calc(.32s + var(--mvt-rang, 0) * .06s);
  }
  html.js .sec.vue .ilot-contact .champs > * { opacity: 1; translate: none; }
}
.mvt-hors .avis-track,
html.mvt-accueil-loin .hero-bg .fc,
html.mvt-accueil-flou .hero-bg .fc,
html.mvt-accueil-loin .cta-hero::after,
html.mvt-cache .hero-bg .fc, html.mvt-cache .cta-hero::after, html.mvt-cache .avis-track,
html.mvt-cache .fond-halo { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  html.js .sec-wrap > *, html.js .sec-h .mot-i,
  html.js .sec :is(.sty-card, .st-item, .faq-group, .soin-card),
  html.js .sec .ilot-contact .champs > * {
    opacity: 1 !important; translate: none !important; rotate: none !important; scale: none !important;
    filter: none !important;
  }
  html.js .sec-h .mot-i, html.js .sec :is(.sty-card, .st-item, .faq-group, .soin-card) { transform: none !important; }
  html.js .sec-wrap > .label { letter-spacing: .22em !important; }
  html.js .lieu :is(.lieu-case, .label, .sec-intro, .lieu-fond) { opacity: 1 !important; }
  .ilot-etapes::after { transform: none !important; }
}
.sec[data-theme-sec] {
  background-color: var(--fond);
  background-image:
    radial-gradient(60% 50% at 12% 0%, color-mix(in srgb, var(--sec-c1, transparent) 16%, transparent), transparent 70%),
    radial-gradient(50% 45% at 92% 100%, color-mix(in srgb, var(--sec-c2, transparent) 12%, transparent), transparent 70%);
}
.gal-voir { display: flex; justify-content: center; margin-top: var(--v-groupe, 20px); }
.v3-voir {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding-inline: 24px; border-radius: 999px;
  white-space: nowrap; font: inherit; font-weight: 600; cursor: pointer;
}
.v3-voir svg { inline-size: 16px; block-size: 16px; flex: none; }
button.hero-reviews { font: inherit; font-size: var(--t-secondaire); cursor: pointer; }
.overlay-v3 .modale {
  max-width: min(1080px, 100%);
  max-height: calc(100dvh - 2 * var(--marge, 16px));
  padding: 0; gap: 0; overflow: hidden;
  border-radius: 26px;
}
.overlay-aw .modale { max-width: min(720px, 100%); }
.v3-fen-tete {
  display: flex; align-items: baseline; gap: 12px; flex-wrap: nowrap;
  padding: 18px calc(var(--cible-tactile, 44px) + 18px) 10px 22px;
  min-width: 0;
}
.v3-fen-tete h3 { margin: 0; padding: 0; font-size: 21px; letter-spacing: -.015em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.v3-compte { flex: none; color: var(--texte-2); font-size: 13px; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; }
.v3-compte svg { inline-size: 13px; block-size: 13px; color: #FFC24B; }
.overlay-v3 .modale-x { top: 10px; inset-inline-end: 10px; }
.overlay-gw .g-filtres { margin: 0 14px; flex: none; }
.gw-defile { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.gw-defile::-webkit-scrollbar { display: none; }
.gw-grille { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 14px 18px 22px; }
@media (max-width: 1024px) { .gw-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .gw-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 12px 18px; } }
.gw-tuile {
  position: relative; display: block; padding: 0; border: 0; cursor: zoom-in;
  aspect-ratio: 3 / 4; border-radius: 16px; overflow: hidden; background: var(--fond-2, #141416);
}
.gw-tuile[hidden] { display: none; }
.gw-tuile img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
@media (hover: hover) and (pointer: fine) { .gw-tuile:hover img { transform: scale(1.04); } }
.gw-tuile .g-vid-signe { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; }
.gw-tuile .g-avant { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; }
.aw-liste {
  flex: 1 1 auto; align-content: start;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
  padding: 10px 18px 16px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; min-height: 0;
}
.aw-liste::-webkit-scrollbar { display: none; }
@media (max-width: 640px) { .aw-liste { grid-template-columns: minmax(0, 1fr); padding: 8px 12px 14px; } }
.aw-avis { margin: 0; padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.045); display: flex; flex-direction: column; gap: 8px; }
.aw-avis blockquote { margin: 0; font-size: 15px; line-height: 1.5; color: var(--texte); white-space: pre-line; }
.aw-avis figcaption { margin-top: auto; font-size: 13px; color: var(--texte-2); }
.aw-avis .etoiles { color: #FFC24B; }
.aw-ailleurs { flex: none; padding: 12px 18px 18px; border-top: .5px solid rgba(255,255,255,.1); display: grid; gap: 10px; }
.aw-ailleurs p { margin: 0; font-size: 13px; color: var(--texte-2); text-align: center; }
.aw-liens { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.aw-liens .btn { border-radius: 999px; min-height: 44px; white-space: nowrap; }
.aw-liens .btn svg { inline-size: 14px; block-size: 14px; }
@media (max-width: 640px) {
  .overlay-v3 { align-items: flex-end; padding: 0; }
  .overlay-v3 .modale { max-width: 100%; max-height: 90dvh; border-radius: 26px 26px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
}
@media (prefers-reduced-motion: reduce) { .gw-tuile img { transition: none; } }
:root { --v3-int: 1; }
:root[data-v3-int="1"] { --v3-int: .55; }
:root[data-v3-int="3"] { --v3-int: 1.6; }
.sec { isolation: isolate; }
.fd { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  -webkit-mask: linear-gradient(transparent, #000 22%, #000 78%, transparent);
  mask: linear-gradient(transparent, #000 22%, #000 78%, transparent); }
.fd i { position: absolute; inset: -12% -6%; display: block; will-change: transform; }
.fd-encre i { opacity:calc(.55*var(--v3-int));background:radial-gradient(34% 40% at 18% 30%,rgba(255,77,109,.16),transparent 70%),radial-gradient(30% 36% at 82% 62%,rgba(122,43,87,.28),transparent 72%),radial-gradient(22% 26% at 60% 18%,rgba(194,52,126,.12),transparent 70%);animation:v3-derive 24s ease-in-out infinite alternate; }
.fd-trait i { opacity:calc(.16*var(--v3-int));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='360' viewBox='0 0 720 360' fill='none' stroke='%23fff' stroke-width='.8' stroke-linecap='round'%3E%3Cpath d='M0 150C120 80 240 220 360 150S600 80 720 150' opacity='0.9'/%3E%3Cpath d='M0 159C120 89 240 229 360 159S600 89 720 159' opacity='0.83'/%3E%3Cpath d='M0 168C120 98 240 238 360 168S600 98 720 168' opacity='0.76'/%3E%3Cpath d='M0 177C120 107 240 247 360 177S600 107 720 177' opacity='0.69'/%3E%3Cpath d='M0 186C120 116 240 256 360 186S600 116 720 186' opacity='0.62'/%3E%3Cpath d='M0 195C120 125 240 265 360 195S600 125 720 195' opacity='0.55'/%3E%3Cpath d='M0 204C120 134 240 274 360 204S600 134 720 204' opacity='0.48'/%3E%3Cpath d='M0 213C120 143 240 283 360 213S600 143 720 213' opacity='0.41'/%3E%3Cpath d='M0 222C120 152 240 292 360 222S600 152 720 222' opacity='0.34'/%3E%3Cpath d='M0 300C150 340 210 260 360 300S570 340 720 300' opacity='0.55'/%3E%3Cpath d='M0 308C150 348 210 268 360 308S570 348 720 308' opacity='0.47'/%3E%3Cpath d='M0 316C150 356 210 276 360 316S570 356 720 316' opacity='0.39'/%3E%3Cpath d='M0 324C150 364 210 284 360 324S570 364 720 324' opacity='0.31'/%3E%3Cpath d='M0 332C150 372 210 292 360 332S570 372 720 332' opacity='0.23'/%3E%3Cpath d='M0 40C180 16 180 64 360 40S540 64 720 40' opacity='0.45'/%3E%3Cpath d='M0 48C180 24 180 72 360 48S540 72 720 48' opacity='0.37'/%3E%3Cpath d='M0 56C180 32 180 80 360 56S540 80 720 56' opacity='0.29'/%3E%3Cpath d='M0 64C180 40 180 88 360 64S540 88 720 64' opacity='0.21'/%3E%3C/svg%3E") 0 50%/720px 360px repeat;animation:v3-glisse-x 90s linear infinite;inset:0 -720px 0 0; }
.fd-papier i { opacity:calc(.22*var(--v3-int));background:radial-gradient(70% 60% at 50% 40%,rgba(255,240,230,.07),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/180px 180px; }
.fd-lumiere i { opacity:calc(.9*var(--v3-int));background:radial-gradient(42% 55% at 50% -4%,rgba(255,236,226,.1),transparent 70%),radial-gradient(26% 30% at 50% 0%,rgba(255,77,109,.08),transparent 70%);animation:v3-respire 9s ease-in-out infinite alternate; }
.fd-meches i { opacity:calc(.16*var(--v3-int));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='360' viewBox='0 0 900 360' fill='none' stroke='%23E8B04B' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M0 60c150 40 300-40 450 0s300 40 450 0'/%3E%3Cpath d='M0 90c150 40 300-40 450 0s300 40 450 0' opacity='.7'/%3E%3Cpath d='M0 120c150 40 300-40 450 0s300 40 450 0' opacity='.5'/%3E%3Cpath d='M0 230c150-40 300 40 450 0s300-40 450 0' opacity='.8'/%3E%3Cpath d='M0 260c150-40 300 40 450 0s300-40 450 0' opacity='.55'/%3E%3Cpath d='M0 290c150-40 300 40 450 0s300-40 450 0' opacity='.35'/%3E%3C/svg%3E") 0 50%/900px 360px repeat-x;animation:v3-glisse-x2 80s linear infinite;inset:0 -900px 0 0; }
.fd-salon i { opacity:calc(.9*var(--v3-int));background:radial-gradient(40% 50% at 85% 10%,rgba(247,213,143,.12),transparent 70%),radial-gradient(30% 40% at 10% 90%,rgba(232,176,75,.07),transparent 70%);animation:v3-respire 10s ease-in-out infinite alternate; }
.fd-or i { opacity:calc(.5*var(--v3-int));background:radial-gradient(3px 3px at 12% 22%,rgba(247,213,143,.9),transparent),radial-gradient(2px 2px at 30% 70%,rgba(247,213,143,.7),transparent),radial-gradient(4px 4px at 55% 35%,rgba(232,176,75,.6),transparent),radial-gradient(2px 2px at 72% 80%,rgba(247,213,143,.8),transparent),radial-gradient(3px 3px at 88% 28%,rgba(232,176,75,.7),transparent),radial-gradient(40% 40% at 50% 50%,rgba(232,176,75,.05),transparent 70%);animation:v3-monte-or 30s ease-in-out infinite alternate; }
@keyframes v3-derive { to { transform: translate3d(4%, 3%, 0) scale(1.06); } }
@keyframes v3-glisse-x { to { transform: translate3d(-720px, 0, 0); } }
@keyframes v3-glisse-x2 { to { transform: translate3d(-900px, 0, 0); } }
@keyframes v3-respire { to { transform: scale(1.08); opacity: calc(.6 * var(--v3-int)); } }
@keyframes v3-monte-or { to { transform: translate3d(0, -6%, 0); } }
:root[data-v3-mvt="reduit"] .fd i { animation-duration: 240s; }
:root[data-v3-mvt="aucun"] .fd i { animation: none; }
@media (prefers-reduced-motion: reduce) { .fd i { animation: none; } }
.soin-groupe-h {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  font-size: 16px; font-weight: 600; letter-spacing: -.01em; text-transform: none;
  color: var(--texte); line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.soin-groupe-h::before {
  content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; flex: none;
  background: var(--or-texte);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--or-texte) 22%, transparent);
}
.soin-card-t {
  font-size: 13px; font-weight: 600; letter-spacing: .01em;
  color: var(--texte); white-space: nowrap;
}
:root[data-v3-visio="cadre"] { --lb-reserve: calc(var(--marge) + var(--cible-tactile) + 32px); }
:root[data-v3-visio="cadre"] .lb-piste > img {
  border-radius: 12px;
  box-shadow: 0 0 0 calc(10px * var(--lb-zoom, 1)) #1C1C1E, 0 0 0 calc(10.5px * var(--lb-zoom, 1)) rgba(255,255,255,.12), 0 30px 90px rgba(0,0,0,.6);
}
button.sbtn { font: inherit; cursor: pointer; border: 0; padding: 0; background: none; color: inherit; }
.overlay-rw .modale { max-width: min(420px, 100%); }
.rw-liste { display: grid; padding: 4px 14px 18px; }
.rw-l { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 8px; border-radius: 14px;
  color: var(--texte); text-decoration: none; font-size: 16px; font-weight: 600; }
.rw-l + .rw-l { box-shadow: inset 0 .5px 0 rgba(255,255,255,.1); }
.rw-ic { inline-size: 36px; block-size: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.06); flex: none; }
.rw-ic svg { inline-size: 18px; block-size: 18px; }
.rw-nom { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rw-chev { inline-size: 16px; block-size: 16px; color: var(--texte-2); flex: none; }
@media (hover: hover) and (pointer: fine) { .rw-l:hover { color: var(--texte); } }
.pied-appel-b, .pied-horaires-b { display: none; }
.pied-horaires .pied-logo { order: -1; }
.ct-infos { list-style: none; margin: 0 auto 18px; padding: 0; width: min(100%, 640px); display: grid; gap: 0; border-top: .5px solid rgba(255,255,255,.1); }
.ct-infos li { display: flex; gap: 14px; align-items: baseline; padding: 12px 2px; border-bottom: .5px solid rgba(255,255,255,.1); text-align: left; }
.ct-infos b { flex: none; width: 92px; font-size: 13px; font-weight: 600; color: var(--texte-2); }
.ct-infos span { min-width: 0; font-size: 15px; color: var(--texte); }
.ct-infos small { display: block; font-size: 13px; color: var(--texte-2); }
@media (min-width: 1025px) {
  #page-contact[data-contact="colonnes"] > .sec-wrap { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 48px; align-items: start; max-width: min(var(--largeur-max, 1120px), 100%); }
  #page-contact[data-contact="colonnes"] > .sec-wrap > * { grid-column: 1; text-align: left; justify-self: start; }
  #page-contact[data-contact="colonnes"] > .sec-wrap > #mkForm { grid-column: 2; grid-row: 1 / span 6; width: 100%; justify-self: stretch; }
  #page-contact[data-contact="colonnes"] .ct-infos { margin-inline: 0; }
}
#page-contact[data-contact="carte"] > .sec-wrap { padding: clamp(18px, 3vw, 34px); border-radius: 28px; background: rgba(22,22,24,.72);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.14), 0 30px 80px rgba(0,0,0,.45);
  max-width: min(720px, calc(100vw - 2 * var(--marge, 16px))); }
#page-contact[data-contact="carte"] #mkForm { background: none; border: 0; box-shadow: none; padding: 0; }
.ct-etapes { list-style: none; display: flex; justify-content: center; gap: 8px; margin: 0 0 18px; padding: 0; }
.ct-etapes li { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 600;
  color: var(--texte-2); background: rgba(255,255,255,.05); white-space: nowrap; }
.ct-etapes b { inline-size: 20px; block-size: 20px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); font-size: 12px; }
.ct-etapes li.on { color: var(--texte); }
.ct-etapes li.on b { background: var(--grad-cta, linear-gradient(140deg, #FF4D6D, #C2347E)); color: #fff; }
#mkForm[data-ct-pas="1"] [data-ct="2"], #mkForm[data-ct-pas="2"] [data-ct="1"] { display: none !important; }
.ct-nav { display: flex; justify-content: flex-end; gap: 10px; }
#mkForm[data-ct-pas="2"] .ct-nav { justify-content: flex-start; }
.ct-manque { outline: 2px solid var(--rouge-texte, #FF6B6B); outline-offset: 2px; border-radius: 12px; }
.ct-moyens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: min(100%, 780px); margin: 0 auto 18px; }
.ct-tuile { display: grid; gap: 8px; justify-items: center; text-align: center; padding: 22px 14px; border: 0; border-radius: 22px; cursor: pointer;
  background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.1); color: var(--texte); font: inherit; transition: transform .4s cubic-bezier(.2,.8,.2,1), background-color .25s; }
.ct-tuile b { font-size: 16px; font-weight: 600; }
.ct-tuile small { font-size: 13px; color: var(--texte-2); }
.ct-rond { inline-size: 48px; block-size: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.07); color: var(--or-texte); }
.ct-rond svg { inline-size: 22px; block-size: 22px; }
.ct-tuile[aria-expanded="true"] { background: rgba(255,255,255,.08); }
@media (max-width: 640px) {
  .ct-moyens { grid-template-columns: minmax(0, 1fr); }
  .ct-tuile { grid-template-columns: auto 1fr; justify-items: start; text-align: left; align-items: center; padding: 14px 16px; column-gap: 14px; row-gap: 2px; }
  .ct-tuile .ct-rond { grid-row: span 2; inline-size: 42px; block-size: 42px; }
}
#mkForm[data-ct-cache] { display: none; }
#page-contact[data-contact="minimal"] > .sec-wrap { max-width: min(560px, 100%); }
#page-contact[data-contact="minimal"] #mkForm .champs { grid-template-columns: minmax(0, 1fr); }
#page-contact[data-contact="minimal"] .contact-foot { display: none; }
@media (prefers-reduced-motion: reduce) { .ct-tuile { transition: none; } }
.ct-nav [hidden] { display: none !important; }
#page-contact[data-contact="moyens"] .contact-foot { display: none; }
@media (min-width: 1025px) { #page-contact[data-contact="colonnes"] .contact-bas { flex-direction: column; align-items: stretch; } }
html[data-habit="racine"] {
  --r-action: 999px;
  --h-action: 48px;
  --largeur-max: 1120px;
  --v-barre: 10px;
  --h-menu: 56px;
  --l-barre: 1160px;
  --pad-ilot: 0px;
  --plat-trait: rgba(255, 255, 255, .1);
  --plat-gris: #98989F;
  --plat-gris2: #B4B4BA;
}
html[data-habit="racine"] #hdr {
  border: 0;
  border-radius: 999px;
  padding-inline: 18px 6px;
  gap: 6px;
  background: rgba(22, 22, 24, .62);
  -webkit-backdrop-filter: blur(22px) saturate(1.6);
  backdrop-filter: blur(22px) saturate(1.6);
  box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .14), 0 12px 40px rgba(0, 0, 0, .4);
}
html[data-habit="racine"] #hdr.a-defile {
  background: rgba(22, 22, 24, .72);
  box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .14), 0 12px 40px rgba(0, 0, 0, .4);
}
html[data-habit="racine"] #hdr.rangee { translate: none; box-shadow: inset 0 0 0 .5px rgba(255, 255, 255, .14), 0 12px 40px rgba(0, 0, 0, .4); }
html[data-habit="racine"] #hdr .logo-barre { --lh: 24px; }
html[data-habit="racine"] .nb {
  height: 44px;
  padding-inline: 9px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--plat-gris2);
}
html[data-habit="racine"] .nb:hover { color: var(--texte); background: transparent; }
html[data-habit="racine"] .nb.on { color: var(--texte); background: rgba(255, 255, 255, .08); box-shadow: none; text-shadow: none; }
html[data-habit="racine"] .nb.on::after, html[data-habit="racine"] .nb.on::before { display: none; }
html[data-habit="racine"] .casse-phrase { display: inline-block; text-transform: lowercase; }
html[data-habit="racine"] .casse-phrase::first-letter { text-transform: uppercase; }
html[data-habit="racine"] #hdr .hdr-social { display: none; }
html[data-habit="racine"] #hdr .hdr-right { gap: 6px; }
html[data-habit="racine"] #hdr .sbtn { width: 44px; border-radius: 999px; }
html[data-habit="racine"] .lg-bouton { min-height: 44px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 0; }
html[data-habit="racine"] #hdr .hdr-cta { min-height: 44px; height: 44px; padding-inline: 18px; border-radius: 999px; font-size: 14px; }
html[data-habit="racine"] #hdr .hdr-cta .ic { display: none; }
html[data-habit="racine"] #hdr .burger { border-radius: 999px; background: rgba(255, 255, 255, .08); }
html[data-habit="racine"] .btn,
html[data-habit="racine"] .cta {
  border-radius: 999px;
  min-height: 48px;
  padding-inline: 24px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
}
html[data-habit="racine"] .btn-pri,
html[data-habit="racine"] .cta-hero {
  background: var(--degrade-or);
  color: var(--sur-degrade);
  border-color: transparent;
  box-shadow: 0 10px 30px var(--voile-rouge);
}
html[data-habit="racine"] .btn-sec {
  background: transparent;
  color: var(--texte);
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24);
}
@media (hover: hover) and (pointer: fine) {
  html[data-habit="racine"] .btn:hover, html[data-habit="racine"] .cta:hover { transform: translateY(-2px); }
  html[data-habit="racine"] .btn-sec:hover { background: rgba(255, 255, 255, .06); }
}
html[data-habit="racine"] .btn:active, html[data-habit="racine"] .cta:active { transform: scale(.97); }
html[data-habit="racine"] .cta-hero::before, html[data-habit="racine"] .cta-hero::after { opacity: 0; }
html[data-habit="racine"] .univers-chaine > .sec:not(.sec-hero) {
  --plat-rythme: 92px;
  min-height: 0;
  padding-block-start: var(--plat-rythme);
  padding-block-end: var(--plat-rythme);
}
html[data-habit="racine"] .univers-chaine > .sec.u-marge:not(.sec-hero) {
  padding-block-end: max(var(--plat-rythme), var(--u-marge, 0px));
}
@media (max-width: 700px) { html[data-habit="racine"] .univers-chaine > .sec:not(.sec-hero) { --plat-rythme: 68px; } }
html[data-habit="racine"] .sec:not(.sec-hero) > .sec-wrap { padding-inline: 16px; box-sizing: border-box; }
@media (min-width: 700px) { html[data-habit="racine"] .sec:not(.sec-hero) > .sec-wrap { padding-inline: 24px; } }
html[data-habit="racine"] .label,
html[data-habit="racine"] .faq-label {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-indent: 0;
  color: var(--rouge-texte);
}
html[data-habit="racine"] .label::before, html[data-habit="racine"] .faq-label::before { display: none; }
html[data-habit="racine"] .sec-h { font-size: clamp(32px, 5vw, 52px); line-height: 1.04; letter-spacing: -.035em; font-weight: 700; }
html[data-habit="racine"] .sec-intro, html[data-habit="racine"] .flash-lead-txt { color: var(--plat-gris2); font-size: 17px; }
html[data-habit="racine"] .ilot {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
html[data-habit="racine"] .ilot::before { display: none; }
html[data-habit="racine"] .ligne { background: none; border: 0; border-bottom: .5px solid var(--plat-trait); border-radius: 0; padding-inline: 4px; }
html[data-habit="racine"] .hero-reviews { border: 0; background: none; padding-inline: 4px; }
html[data-habit="racine"] .socials .sbtn { border: 0; background: none; border-radius: 999px; }
html[data-habit="racine"] .socials .sbtn:hover { background: rgba(255, 255, 255, .06); }
html[data-habit="racine"] .hero-sup { letter-spacing: -.04em; text-indent: 0; font-size: clamp(40px, 7vw, 76px); line-height: 1; font-weight: 700; color: var(--texte); }
html[data-habit="racine"] .hero-sup.casse-phrase { display: block; }
html[data-habit="racine"] .s-label { letter-spacing: 0; text-transform: none; font-weight: 500; font-size: 13px; color: var(--plat-gris); }
html[data-habit="racine"] .sec:not(.sec-hero) .sec-wrap {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
html[data-habit="racine"] { --vign: 220px; --h-vign: calc(var(--vign) * 4 / 3); --h-gal: calc(2 * var(--pad-ilot) + var(--h-vign) + 4px); }
@media (max-width: 640px) { html[data-habit="racine"] { --vign: 150px; } }
html[data-habit="racine"] .gal-rail { gap: 12px; }
@media (max-width: 640px) { html[data-habit="racine"] .gal-rail { gap: 8px; } }
html[data-habit="racine"] .g-item { --g-repos: 1; padding: 0; background: none; border: 0; border-radius: 18px; }
@media (max-width: 640px) { html[data-habit="racine"] .g-item { border-radius: 14px; } }
html[data-habit="racine"] .g-item .g-img { aspect-ratio: 3 / 4; outline: 0; object-position: var(--fx, 50%) var(--fy, 50%); }
html[data-habit="racine"] .g-item img { border-radius: inherit; }
html[data-habit="racine"] .lieu-case { background: none; border: 0; border-radius: 0; box-shadow: none; padding-inline: 0; }
html[data-habit="racine"] .lieu-case::before, html[data-habit="racine"] .lieu-case::after { display: none; }
html[data-habit="racine"] .lieu-sig, html[data-habit="racine"] .lieu-ligne { border-top: .5px solid var(--plat-trait); background: none; border-radius: 0; padding-inline: 0; }
html[data-habit="racine"] .lieu-ligne:last-of-type { border-bottom: .5px solid var(--plat-trait); }
html[data-habit="racine"] .lieu-puce { background: none; border: 0; box-shadow: none; padding-inline: 6px; color: var(--plat-gris2); font-weight: 600; }
@media (hover: hover) { html[data-habit="racine"] .lieu-puce:hover { color: var(--texte); background: none; } }
html[data-habit="racine"] .st-item { background: none; border: 0; border-top: 1px solid rgba(255, 255, 255, .14); border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .ilot-styles { max-width: 780px; margin-inline: auto; gap: 0; border-top: .5px solid var(--plat-trait); }
html[data-habit="racine"] .sty-card { background: none; border: 0; border-bottom: .5px solid var(--plat-trait); border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .faq-item { background: none; border: 0; border-bottom: .5px solid var(--plat-trait); border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-corps { background: none; border: 0; border-top: .5px solid var(--plat-trait); border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .soin-card { background: none; border: 0; border-bottom: .5px solid var(--plat-trait); border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .soin-alert { background: none; border: 0; border-radius: 0; padding-inline: 0; color: var(--plat-gris2); }
html[data-habit="racine"] .avis-item { background: rgba(20, 20, 22, .8); border: 0; border-radius: 22px; box-shadow: inset 0 0 0 .5px var(--plat-trait); }
html[data-habit="racine"] .pied-ilot { background: none; border: 0; border-radius: 0; box-shadow: none; }
html[data-habit="racine"] .pied { border-top: .5px solid var(--plat-trait); }
html[data-habit="racine"] .ilot-styles { grid-template-columns: minmax(0, 1fr); grid-auto-flow: row; grid-auto-columns: auto; }
html[data-habit="racine"] .ilot-styles > .sty-card:last-of-type:nth-of-type(odd) { grid-column: auto; }
html[data-habit="racine"] .sty-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 16px;
  row-gap: 2px;
  align-items: center;
  padding-inline: 4px;
  padding-block: 16px;
  min-height: 72px;
}
html[data-habit="racine"] .sty-card > :not(.sty-voir) { grid-column: 1; }
html[data-habit="racine"] .sty-card > .sty-voir { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin-block-start: 0; color: var(--plat-gris2); font-size: 14px; }
html[data-habit="racine"] .sty-name { font-size: 19px; letter-spacing: -.01em; font-weight: 600; }
html[data-habit="racine"] .sty-desc { font-size: 14px; color: var(--plat-gris); }
html[data-habit="racine"] .sty-card:has(.sty-voir):hover { transform: none; translate: none; }
@media (max-width: 520px) { html[data-habit="racine"] .sty-voir > span { display: none; } }
html[data-habit="racine"] .soin-onglets { width: max-content; max-width: 100%; margin-inline: auto; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .07); }
html[data-habit="racine"] .soin-onglet { border-radius: 999px; padding-inline: 16px; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
html[data-habit="racine"] .soin-onglet.on { background: var(--texte); color: #000; }
@media (max-width: 700px) {
  html[data-habit="racine"] #hdr .mk-lang { display: block; }
  html[data-habit="racine"] #hdr .lg-bouton { padding-inline: 10px; }
  html[data-habit="racine"] #hdr:has(.lg-liste:not([hidden])) { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(22, 22, 24, .96); }
}
@media (max-width: 420px) {
  html[data-habit="racine"] #hdr .hdr-compte { display: none; }
  html[data-habit="racine"] #hdr { padding-inline: 8px 6px; gap: 4px; }
  html[data-habit="racine"] #hdr .hdr-cta { padding-inline: 14px; }
}
@media (max-width: 520px) {
  html[data-habit="racine"] .soin-onglets { width: 100%; }
  html[data-habit="racine"] .soin-onglet { padding-inline: 8px; font-size: 13px; }
}
html[data-habit="racine"] #mob-nav .mb { text-transform: none; letter-spacing: 0; font-size: 17px; font-weight: 600; }
html[data-habit="racine"] .soin-onglet { flex: 1 1 auto; text-overflow: clip; }
.hero-tourne { display: none; }
@media (max-width: 1180px) {
  html[data-habit="racine"] #hdr { display: flex; align-items: center; }
  html[data-habit="racine"] #hdr > .logo { order: 1; margin-right: auto; }
  html[data-habit="racine"] #hdr > .hdr-right { display: contents; }
  html[data-habit="racine"] #hdr .hdr-compte { order: 2; }
  html[data-habit="racine"] #hdr .mk-lang { order: 3; }
  html[data-habit="racine"] #hdr > .burger { order: 4; }
  html[data-habit="racine"] #hdr .hdr-cta { order: 5; }
}
html[data-habit="racine"] .lg-bouton { color: var(--texte); font-weight: 700; font-size: 13px; }
html[data-habit="racine"] .univers-chaine > .sec-hero {
  min-height: 100vh;
  min-height: 100svh;
  justify-content: center;
  padding-block-start: calc(var(--h-barre) + 76px);
  padding-block-end: 88px;
}
@media (max-width: 700px) { html[data-habit="racine"] .univers-chaine > .sec-hero { padding-block-start: calc(var(--h-barre) + 40px); padding-block-end: 44px; } }
html[data-habit="racine"] .logo-hero { width: min(440px, 78%); max-height: 150px; height: auto; object-fit: contain; margin-inline: auto; filter: drop-shadow(0 8px 30px var(--voile-rouge)); }
html[data-habit="racine"] .hero-title { margin-bottom: 22px; }
html[data-habit="racine"] .hero-fin { background: var(--degrade-or); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-habit="racine"] .hero-sub { margin-top: 12px; font-size: 14px; font-weight: 600; letter-spacing: .22em; color: var(--plat-gris2); }
html[data-habit="racine"] .hero-tourne { display: inline-grid; margin: 18px 0 0; height: 1.2em; font-size: clamp(24px, 3.6vw, 36px); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
html[data-habit="racine"] .hero-tourne span { grid-area: 1 / 1; opacity: 0; transform: translate3d(0, .5em, 0); transition: opacity .6s, transform .7s cubic-bezier(.2, .8, .2, 1); white-space: nowrap; background: var(--degrade-or); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-habit="racine"] .hero-tourne span.on { opacity: 1; transform: none; transition-delay: .26s; }
html[data-habit="racine"] .hero-tourne span.part { opacity: 0; transform: translate3d(0, -.5em, 0); transition: opacity .22s ease, transform .3s ease; transition-delay: 0s; }
html[data-habit="racine"] .cta-hero { margin-top: 30px; }
html[data-habit="racine"] .hero-reviews { margin-top: 14px; font-size: 15px; color: var(--plat-gris2); }
html[data-habit="racine"] .hero-reviews b { color: var(--texte); font-weight: 600; }
html[data-habit="racine"] .etoiles .ic { color: #FFC24B; fill: #FFC24B; }
html[data-habit="racine"] .etoiles .ic path { fill: #FFC24B; }
html[data-habit="racine"] .lieu-photos { border-radius: 24px; overflow: hidden; }
html[data-habit="racine"] .lieu-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
html[data-habit="racine"] .lieu-actions .btn { flex: 0 0 auto; width: auto; }
html[data-habit="racine"] .lieu-ligne > svg { display: none; }
html[data-habit="racine"] .lieu-ligne { grid-template-columns: minmax(0, 1fr) auto; }
html[data-habit="racine"] .lieu-txt small { font-size: 13px; color: var(--plat-gris); }
@media (max-width: 420px) { html[data-habit="racine"] .lieu-actions .btn { flex: 1 1 100%; } }
html[data-habit="racine"] .ilot-etapes { gap: 32px; }
html[data-habit="racine"] .ilot-etapes::after { display: none; }
html[data-habit="racine"] .st-item { position: relative; display: block; padding-top: 20px; }
html[data-habit="racine"] .st-item::before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: var(--degrade-or); }
html[data-habit="racine"] .st-num { display: block; font-size: 13px; font-weight: 600; color: var(--rouge-texte); margin-bottom: 8px; font-variant-numeric: tabular-nums; }
html[data-habit="racine"] .st-name { font-size: 21px; letter-spacing: -.015em; line-height: 1.2; margin-bottom: 8px; }
html[data-habit="racine"] .st-desc { font-size: 15px; color: var(--plat-gris2); }
html[data-habit="racine"] .st-corps .btn.step-pdf-btn { background: none; box-shadow: none; border: 0; padding-inline: 0; min-height: 44px; color: var(--plat-gris2); font-size: 15px; font-weight: 600; }
html[data-habit="racine"] .st-corps .btn.step-pdf-btn .ic { display: none; }
html[data-habit="racine"] .st-corps .btn.step-pdf-btn::after { content: "›"; margin-left: 6px; }
html[data-habit="racine"] .ilot-minifaq { display: none; }
@media (min-width: 861px) { html[data-habit="racine"] .ilot-etapes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html[data-habit="racine"] .ilot-vide { display: grid; justify-items: center; gap: 14px; text-align: center; }
html[data-habit="racine"] .ilot-vide::before { content: ""; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(140deg, var(--voile-rouge), rgba(255, 255, 255, .04)); box-shadow: inset 0 0 0 .5px var(--plat-trait); }
html[data-habit="racine"] .ilot-vide p { margin: 0; font-size: 21px; font-weight: 600; letter-spacing: -.015em; color: var(--texte); }
html[data-habit="racine"] .lettre-ilot { max-width: 560px; margin-inline: auto; width: 100%; text-align: center; }
html[data-habit="racine"] .lettre-titre { justify-content: center; color: var(--plat-gris2); font-weight: 400; font-size: 15px; }
html[data-habit="racine"] .lettre-titre svg { display: none; }
html[data-habit="racine"] .lettre-champs { border: 0; background: #1C1C1E; box-shadow: inset 0 0 0 .5px var(--plat-trait); padding: 6px 6px 6px 20px; }
html[data-habit="racine"] .lettre-champs:focus-within { box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--texte) 55%, transparent); }
html[data-habit="racine"] .lettre-champs > .lettre-champ { text-align: left; align-self: stretch; background: transparent; border: 0; box-shadow: none; outline: none; border-radius: 0; padding: 0; }
html[data-habit="racine"] .soin-fiche-badge { display: none; }
html[data-habit="racine"] .soin-fiche-intro { text-align: center; color: var(--plat-gris2); }
html[data-habit="racine"] .soin-alert svg { display: none; }
html[data-habit="racine"] .soin-alert::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--signal-bientot); flex: none; margin-top: 7px; }
html[data-habit="racine"] .soin-alert { display: flex; gap: 10px; font-size: 14px; }
html[data-habit="racine"] .soin-collapse { max-height: none !important; overflow: visible; }
html[data-habit="racine"] .soin-collapse::after { display: none; }
html[data-habit="racine"] .soin-more { display: none; }
html[data-habit="racine"] .soin-collapse-dedans { position: relative; padding-left: 22px; border-left: 1.5px solid var(--rouge-texte); margin-left: 6px; }
html[data-habit="racine"] .soin-groupe { position: relative; margin-top: 18px; }
html[data-habit="racine"] .soin-groupe-h { position: relative; font-size: 16px; font-weight: 600; color: var(--rouge-texte); letter-spacing: 0; text-transform: none; margin: 0 0 6px; }
html[data-habit="racine"] .soin-groupe-h::before { content: ""; position: absolute; left: -29px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--fond); box-shadow: 0 0 0 1.5px var(--rouge-texte); }
html[data-habit="racine"] .soin-cards { display: block; }
html[data-habit="racine"] .soin-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 10px 4px; cursor: pointer; }
html[data-habit="racine"] .soin-card::after { content: ""; grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 8px; height: 8px; border-right: 1.6px solid var(--plat-gris); border-bottom: 1.6px solid var(--plat-gris); transform: rotate(45deg); margin: 0 6px 4px 0; transition: transform .3s; }
html[data-habit="racine"] .soin-card.ouvert::after { transform: rotate(225deg); margin-bottom: 0; }
html[data-habit="racine"] .soin-card-h { grid-column: 1; font-size: 17px; font-weight: 600; margin: 0; }
html[data-habit="racine"] .soin-card-t { grid-column: 1; grid-row: 2; font-size: 13px; color: var(--plat-gris); background: none; padding: 0; border: 0; }
html[data-habit="racine"] .soin-card-d { grid-column: 1 / -1; grid-row: 3; display: none; margin: 8px 0 4px; color: var(--plat-gris2); font-size: 16px; }
html[data-habit="racine"] .soin-card.ouvert .soin-card-d { display: block; }
html[data-habit="racine"] .soin-dl { justify-content: center; }
html[data-habit="racine"] .soin-dl .btn { flex: 0 0 auto; }
html[data-habit="racine"] .ilot-avis { display: flex; flex-direction: column; }
html[data-habit="racine"] .avis-pied { order: -1; display: flex; flex-direction: column; align-items: center; gap: 22px; margin: -12px 0 30px; }
html[data-habit="racine"] .avis-score { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 14px; color: var(--plat-gris); }
html[data-habit="racine"] .avis-score strong { font-size: 64px; line-height: 1; letter-spacing: -.04em; font-weight: 700; color: var(--texte); }
html[data-habit="racine"] .avis-score > svg { display: none; }
html[data-habit="racine"] .avis-pied .v3-voir { order: 2; }
html[data-habit="racine"] .avis-item { width: 300px; flex: none; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
html[data-habit="racine"] .avis-av { display: none; }
html[data-habit="racine"] .avis-corps { display: flex; flex-direction: column; gap: 10px; }
html[data-habit="racine"] .avis-corps .etoiles { order: 1; }
html[data-habit="racine"] .avis-txt { order: 2; font-size: 15px; line-height: 1.5; -webkit-line-clamp: unset; line-clamp: unset; display: block; overflow: visible; max-height: none; color: var(--texte); }
html[data-habit="racine"] .avis-name { order: 3; font-size: 13px; color: var(--plat-gris); font-weight: 400; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-outils { display: block; max-width: 780px; width: 100%; margin-inline: auto; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-champ { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border-radius: 999px; background: #1C1C1E; box-shadow: inset 0 0 0 .5px var(--plat-trait); border: 0; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-cats { display: none; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .ilot-faq { max-width: 780px; gap: 0; border-top: .5px solid var(--plat-trait); }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group { border-bottom: .5px solid var(--plat-trait); }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-title { display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 8px 4px; margin: 0; cursor: pointer; font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: var(--texte); text-transform: none; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-badge { background: none; padding: 0; font-size: 14px; font-weight: 500; color: var(--plat-gris); min-width: 0; height: auto; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-title::after { content: ""; width: 8px; height: 8px; margin: 0 6px 4px auto; border-right: 1.6px solid var(--plat-gris); border-bottom: 1.6px solid var(--plat-gris); transform: rotate(45deg); transition: transform .3s; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group.ouvert .faq-group-title::after { transform: rotate(225deg); margin-bottom: 0; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group:not(.ouvert) .faq-group-corps { display: none; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-corps { border-top: 0; margin: 0 0 14px 12px; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-corps .faq-item:last-child { border-bottom: 0; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin > span,
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin .faq-ecrire > svg { display: none; }
.faq-ecrire .faq-ecr-q { display: none; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin .faq-ecrire .faq-ecr-q { display: inline; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin .faq-ecrire { gap: .3em; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin .faq-ecrire > span { font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; display: inline; flex: none; width: auto; min-width: 0; padding: 0; margin: 0; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-fin .faq-ecrire { background: transparent; color: var(--texte); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24); }
html[data-habit="racine"] #mkForm { max-width: 640px; margin-inline: auto; width: 100%; }
html[data-habit="racine"] #mkForm .champ > .lu-seulement,
html[data-habit="racine"] #mkForm .champ-tel > label.lu-seulement[for="f-ind"] {
  position: static; width: auto; height: auto; overflow: visible; clip: auto; clip-path: none; white-space: normal; margin: 0 0 6px 4px; display: block; font-size: 13px; color: var(--plat-gris);
}
html[data-habit="racine"] #mkForm .champ-in { min-height: 52px; border-radius: 16px; }
html[data-habit="racine"] #mkForm input.champ-in::placeholder { color: transparent; }
html[data-habit="racine"] #mkForm .contact-bas { display: flex; justify-content: flex-end; }
html[data-habit="racine"] #mkForm #submitBtn { width: auto; flex: 0 0 auto; text-transform: none; letter-spacing: 0; }
html[data-habit="racine"] .pied { padding-top: 48px; }
html[data-habit="racine"] .pied-logo img { height: 32px; width: auto; }
html[data-habit="racine"] .pied-lieu { font-size: 13px; color: var(--plat-gris); letter-spacing: 0; text-transform: none; font-weight: 400; }
html[data-habit="racine"] .pied-liens a { font-size: 14px; color: var(--plat-gris2); font-weight: 400; letter-spacing: 0; text-transform: none; }
html[data-habit="racine"] .pied p a, html[data-habit="racine"] .pied-ou a { font-size: 12px; color: var(--plat-gris); font-weight: 400; letter-spacing: 0; text-transform: none; }
html[data-habit="racine"] .soin-collapse { grid-template-rows: 1fr; }
html[data-habit="racine"] .soin-collapse-dedans { overflow: visible; min-height: auto; }
html[data-habit="racine"] .ilot-avis .avis-pied { display: contents; }
html[data-habit="racine"] .ilot-avis .avis-score { order: -1; margin: -12px 0 30px; align-self: center; }
html[data-habit="racine"] .ilot-avis .avis-score::after { content: "★★★★★"; order: -1; color: #FFC24B; letter-spacing: 2px; font-size: 15px; margin-top: 2px; }
html[data-habit="racine"] .ilot-avis .avis-score strong { order: -2; }
html[data-habit="racine"] .avis-pt { display: none; }
html[data-habit="racine"] .ilot-avis .v3-voir { order: 2; align-self: center; margin-top: 20px; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-champ svg { width: 17px; height: 17px; flex: none; color: var(--plat-gris); }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-champ input { flex: 1; min-width: 0; height: 46px; border: 0; background: none; box-shadow: none; padding: 0; outline: 0; font-size: 16px; color: var(--texte); }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-etat { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-group-badge { display: inline; }
html[data-habit="racine"] #mkForm .champ-large > .lu-seulement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0; }
html[data-habit="racine"] #mkForm .champ-tel > label.lu-seulement[for="f-ind"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0; }
html[data-habit="racine"] #mkForm #submitBtn .ic { display: none; }
html[data-habit="racine"] .pied-ilot { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 12px; row-gap: 14px; }
html[data-habit="racine"] .pied-ilot > * { flex-basis: 100%; text-align: center; }
html[data-habit="racine"] .pied-ilot > .pied-reseaux { order: 1; display: flex; justify-content: center; }
html[data-habit="racine"] .pied-ilot > .pied-espace, html[data-habit="racine"] .pied-ilot > .pied-outil, html[data-habit="racine"] .pied-ilot > .pied-legal { order: 2; flex-basis: auto; margin: 0; }
html[data-habit="racine"] .pied-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 12px; }
html[data-habit="racine"] .pied-legal a, html[data-habit="racine"] .pied-espace a, html[data-habit="racine"] .pied-outil a { font-size: 12px; color: var(--plat-gris); font-weight: 400; letter-spacing: 0; text-transform: none; }
html[data-habit="racine"] .pied-suivre, html[data-habit="racine"] .pied-ilot > .pied-cta, html[data-habit="racine"] .pied-marque { display: none; }
html[data-habit="racine"] .lieu-mot { color: var(--texte); font-weight: 600; }
html[data-habit="racine"] .ilot-soins { max-width: 780px; width: 100%; margin-inline: auto; }
html[data-habit="racine"] .soin-collapse, html[data-habit="racine"] .soin-groupe, html[data-habit="racine"] .soin-panneau { overflow: visible; }
html[data-habit="racine"] .sec-faq:not(:has(> style)) .faq-champ input { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html[data-habit="racine"] .pied .pied-ilot { max-width: 1120px; width: 100%; margin-inline: auto; }
@media (max-width: 520px) {
  html[data-habit="racine"] .lieu-ligne { grid-template-columns: minmax(0, 1fr); }
  html[data-habit="racine"] .lieu-fin { justify-content: flex-start; }
}
html[data-habit="racine"] .st-item::before { transform-origin: left; transition: transform 1.2s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--i, 0) * 250ms + .2s); }
html[data-habit="racine"] .st-item:nth-child(2) { --i: 1; }
html[data-habit="racine"] .st-item:nth-child(3) { --i: 2; }
html.js[data-habit="racine"] .sec-process:not(.vue) .st-item::before { transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) { html[data-habit="racine"] .st-item::before { transition: none; transform: none !important; } }
html[data-habit="racine"] .soin-collapse-dedans { border-left: 0; margin-left: 0; padding-left: 26px; background: linear-gradient(var(--rouge-texte), var(--rouge-texte)) 4px 0 / 1.5px 100% no-repeat; }
html[data-habit="racine"] .soin-groupe-h::before { left: -26px; }
html[data-habit="racine"] .ilot-gal,
html[data-habit="racine"] .ilot-avis .avis-track { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
html[data-habit="racine"] .ilot-avis { overflow: visible; }
html[data-habit="racine"] .pied-ilot::before, html[data-habit="racine"] .pied-ilot::after { display: none; }
html[data-habit="racine"] .pied { border-top: .5px solid var(--plat-trait); }
html[data-habit="racine"] #page-contact .contact-foot { display: none; }
html[data-habit="racine"] #mkForm .champ-tel { display: block; }
html[data-habit="racine"] #mkForm .tel-boite { min-height: 52px; border-radius: 16px; }
html[data-habit="racine"] #mkForm .champ-date > .lu-seulement { position: static; width: auto; height: auto; overflow: visible; clip: auto; clip-path: none; white-space: normal; margin: 0 0 6px 4px; display: block; font-size: 13px; color: var(--plat-gris); }
html[data-habit="racine"] #mkForm .upload-zone .up-plus { display: none; }
html[data-habit="racine"] #mkForm .upload-zone { text-transform: none; letter-spacing: 0; }
html[data-habit="racine"] [hidden="until-found"] { height: 0; min-height: 0 !important; padding-block: 0 !important; border-width: 0 !important; overflow: hidden; }
html[data-habit="racine"] .v-plus-pied { display: flex; justify-content: center; margin-top: 20px; }
html[data-habit="racine"] .v-arrive { animation: v-arrive .42s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes v-arrive { from { opacity: 0; transform: translateY(10px); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }
@media (prefers-reduced-motion: reduce) { html[data-habit="racine"] .v-arrive { animation: none; } }
html.js[data-habit="racine"] .sec:not(.sec-hero):not(#page-contact) .sec-intro:not(.v-lu),
html.js[data-habit="racine"] .soin-fiche-intro:not(.v-lu) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
html[data-habit="racine"] .v-coupe { cursor: pointer; }
html[data-habit="racine"] .v-coupe:focus-visible { outline: 2px solid var(--rouge-texte); outline-offset: 4px; border-radius: 6px; }
@media (max-width: 700px) {
  html[data-habit="racine"] .mn .mn-r .mk-lang { display: block; }
}
@media (max-width: 430px) { html[data-habit="racine"] .mn .mn-cur { display: none; } }
html[data-habit="racine"].js .univers > .sec-gallery > .sec-wrap,
html[data-habit="racine"].js .defile-apres > .sec-wrap {
  background: none;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-habit="racine"] .lieu-v2 .lieu-case {
  background: rgba(14, 14, 16, .84);
  -webkit-backdrop-filter: saturate(1.4) blur(26px);
  backdrop-filter: saturate(1.4) blur(26px);
  border: .5px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  padding: 4px 20px 20px;
}
html[data-habit="racine"] .lieu-v2 .lieu-sig { border-top: 0; }
html[data-habit="racine"] .lieu-v2 :is(.lieu-sig, .lieu-ligne) { padding-inline: 0; }
html[data-habit="racine"] .lieu-v2 .lieu-ligne:last-of-type { border-bottom: 0; }
html[data-habit="racine"] .lieu-v2 :is(.lieu-txt small, .lieu-ligne small) { color: var(--plat-gris2); }
html[data-habit="racine"] .lieu-v2 .lieu-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 0 0; margin: 0; }
html[data-habit="racine"] .lieu-v2 .lieu-actions .btn { flex: 1 1 180px; min-width: 0; margin: 0; padding-inline: 14px; }
html[data-habit="racine"] .lieu-v2 .lieu-actions .btn span { overflow: hidden; text-overflow: ellipsis; }
.hero-ligne, .hero-liens { display: contents; }
.hero-pt, .hero-lueurs, .hero-defiler { display: none; }
html[data-habit="racine"] .univers-chaine > .sec-hero,
html[data-habit="racine"] .sec-hero {
  padding-block-start: calc(var(--h-barre) + 16px);
  padding-block-end: calc(var(--h-barre) + 16px);
}
html[data-habit="racine"] .sec-hero .sec-wrap { gap: 0; }
html[data-habit="racine"] .hero-bg .bg-flow { inset: -6% -2%; gap: 12px; -webkit-mask-image: none; mask-image: none; }
html[data-habit="racine"] :where(.hero-bg .fc) { gap: 12px; animation-duration: 70s; }
html[data-habit="racine"] :where(.hero-bg .fc.rev) { animation-duration: 84s; }
html[data-habit="racine"] .hero-bg .fi { border-radius: 14px; }
@media (max-width: 700px) {
  html[data-habit="racine"] .hero-bg .bg-flow { inset: -6% -6%; gap: 8px; }
  html[data-habit="racine"] :where(.hero-bg .fc) { gap: 8px; }
  html[data-habit="racine"] .hero-bg .fi { border-radius: 12px; }
}
html[data-habit="racine"] .hero-lueurs { display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none; mix-blend-mode: screen; }
html[data-habit="racine"] .hero-lueurs i { position: absolute; left: 50%; top: 44%; width: 62vmin; height: 62vmin; margin: -31vmin 0 0 -31vmin; border-radius: 50%; opacity: .5; will-change: transform; }
html[data-habit="racine"] .hero-lueurs i:first-child { background: radial-gradient(closest-side, rgba(255, 77, 109, .55), rgba(255, 77, 109, 0)); transform: translate3d(-22%, -6%, 0); }
html[data-habit="racine"] .hero-lueurs i:last-child { background: radial-gradient(closest-side, rgba(194, 52, 126, .5), rgba(194, 52, 126, 0)); transform: translate3d(20%, 6%, 0) scale(1.1); }
@media (prefers-reduced-motion: no-preference) {
  html[data-habit="racine"] .hero-lueurs i:first-child { animation: hero-lueur-1 16s ease-in-out infinite alternate; }
  html[data-habit="racine"] .hero-lueurs i:last-child { animation: hero-lueur-2 19s ease-in-out infinite alternate; }
}
@keyframes hero-lueur-1 { from { transform: translate3d(-22%, -6%, 0) scale(1); } to { transform: translate3d(10%, 8%, 0) scale(1.12); } }
@keyframes hero-lueur-2 { from { transform: translate3d(20%, 6%, 0) scale(1.1); } to { transform: translate3d(-12%, -8%, 0) scale(.96); } }
html[data-habit="racine"] .sec-hero .hero-bg::after {
  inset: auto;
  left: 50%;
  top: 50%;
  width: min(1100px, 100vw);
  height: min(860px, 92%);
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, var(--voile-hero) 0%, var(--voile-hero) 50%, rgb(0 0 0 / .44) 72%, rgb(0 0 0 / 0) 100%);
  -webkit-mask-image: none;
  mask-image: none;
}
@media (max-width: 700px) {
  html[data-habit="racine"] .sec-hero .hero-bg::after {
    width: 150vw;
    background: radial-gradient(closest-side, var(--voile-hero) 0%, var(--voile-hero) 58%, rgb(0 0 0 / .44) 76%, rgb(0 0 0 / 0) 100%);
  }
}
html[data-habit="racine"] .hero-veil {
  background: linear-gradient(180deg, rgb(0 0 0 / .55) 0, rgb(0 0 0 / 0) 120px), linear-gradient(0deg, #000 0, rgb(0 0 0 / 0) 22%);
}
html[data-habit="racine"] .hero-title { margin: 0; }
html[data-habit="racine"] .logo-hero {
  width: clamp(220px, 24vw, 380px); max-height: none; height: auto;
  filter: drop-shadow(0 6px 28px rgba(255, 77, 109, .35)) drop-shadow(0 2px 10px rgb(0 0 0 / .6));
}
@media (max-width: 700px) { html[data-habit="racine"] .logo-hero { width: 68vw; } }
html[data-habit="racine"] .hero-ligne { display: flex; align-items: center; justify-content: center; margin-top: 22px; }
html[data-habit="racine"] .hero-ligne :is(.hero-sup, .hero-sub) {
  margin: 0; padding: 0; font-family: inherit; font-size: 13px; line-height: 1.4; font-weight: 600;
  letter-spacing: .22em; text-indent: 0; text-transform: uppercase; color: var(--texte); white-space: nowrap;
}
html[data-habit="racine"] .hero-ligne .hero-fin { background: none; -webkit-text-fill-color: currentColor; color: inherit; }
html[data-habit="racine"] .hero-pt { display: inline-block; flex: none; width: 3px; height: 3px; border-radius: 50%; background: var(--texte-2); margin: 0 .9em; }
@media (max-width: 700px) {
  html[data-habit="racine"] .hero-ligne { flex-direction: column; gap: 6px; }
  html[data-habit="racine"] .hero-ligne :is(.hero-sup, .hero-sub) { font-size: 12px; letter-spacing: .18em; }
  html[data-habit="racine"] .hero-ligne .hero-pt { display: none; }
}
html[data-habit="racine"] .hero-tourne { margin: 10px 0 0; height: 1.3em; font-size: clamp(17px, 1.25vw, 20px); font-weight: 500; letter-spacing: -.01em; line-height: 1.3; }
html[data-habit="racine"] .hero-tourne span { background: none; -webkit-text-fill-color: currentColor; color: var(--texte-2); }
html[data-habit="racine"] .cta-hero {
  margin-top: 30px; height: 52px; min-height: 52px; padding: 0 26px; gap: 10px; border: 0; border-radius: 999px;
  background: var(--texte); color: #000; font-size: 16px; font-weight: 600; letter-spacing: -.01em;
  box-shadow: 0 10px 30px rgb(0 0 0 / .45); text-shadow: none;
}
html[data-habit="racine"] .cta-hero > svg { display: none; }
html[data-habit="racine"] .cta-hero .point-vert { width: 8px; height: 8px; box-shadow: 0 0 0 3px rgba(48, 209, 88, .22); }
@media (hover: hover) and (pointer: fine) {
  html[data-habit="racine"] .cta-hero:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgb(0 0 0 / .5), 0 0 0 6px rgb(255 255 255 / .08); }
}
html[data-habit="racine"] .hero-liens { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 6px; margin-top: 16px; font-size: 14px; color: var(--texte-2); }
html[data-habit="racine"] .hero-liens .hero-pt { margin: 0; background: var(--texte-2); }
html[data-habit="racine"] .hero-liens .hero-reviews { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 0 10px; font-size: 14px; color: var(--texte-2); }
html[data-habit="racine"] .hero-liens .hero-reviews b { color: var(--texte); }
html[data-habit="racine"] .hero-liens .etoiles { gap: 1px; }
html[data-habit="racine"] .hero-liens .etoiles .ic { width: 12px; height: 12px; }
html[data-habit="racine"] .hero-liens .hero-follow { display: inline-flex; flex-direction: row; align-items: center; gap: 0; margin: 0; }
html[data-habit="racine"] .hero-liens .s-label { padding: 0 6px 0 10px; font-size: 14px; color: var(--texte-2); }
html[data-habit="racine"] .hero-liens .socials { gap: 0; }
html[data-habit="racine"] .hero-liens .socials .sbtn { width: 40px; height: 44px; color: var(--texte-2); }
html[data-habit="racine"] .hero-liens .socials .sbtn:hover { color: var(--texte); background: none; }
html[data-habit="racine"] .hero-liens .socials .sbtn svg { width: 16px; height: 16px; }
@media (max-width: 700px) {
  html[data-habit="racine"] .hero-liens { flex-direction: column; margin-top: 10px; }
  html[data-habit="racine"] .hero-liens .hero-pt { display: none; }
}
html[data-habit="racine"] .hero-defiler {
  display: block; position: absolute; z-index: 2; left: 50%; bottom: max(22px, 3vh); width: 24px; height: 38px; margin-left: -12px;
  border-radius: 12px; box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .45); pointer-events: none; transition: opacity .3s ease;
}
html[data-habit="racine"] .hero-defiler::after {
  content: ""; position: absolute; left: 50%; top: 8px; width: 3px; height: 7px; margin-left: -1.5px; border-radius: 2px; background: var(--texte);
}
@media (prefers-reduced-motion: no-preference) {
  html[data-habit="racine"] .hero-defiler::after { animation: hero-defiler 1.8s ease-in-out infinite; }
}
@keyframes hero-defiler { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { opacity: 0; } }
html.a-defile .hero-defiler { opacity: 0; }
html[data-habit="racine"] .sec-gallery > .fd-lumiere i,
html[data-habit="racine"] .sec-gallery > .fd-lumiere::before,
html[data-habit="racine"] .sec-gallery > .fd-lumiere::after {
  content: ""; position: absolute; inset: auto; border-radius: 50%; opacity: 1; will-change: transform; animation: none;
}
html[data-habit="racine"] .sec-gallery > .fd-lumiere i { width: 70vmax; height: 70vmax; left: -20vmax; top: -30vmax; background: radial-gradient(closest-side, rgba(255, 77, 109, .16), rgba(255, 77, 109, 0)); }
html[data-habit="racine"] .sec-gallery > .fd-lumiere::before { width: 80vmax; height: 80vmax; right: -30vmax; bottom: -40vmax; background: radial-gradient(closest-side, rgba(194, 52, 126, .15), rgba(194, 52, 126, 0)); }
html[data-habit="racine"] .sec-gallery > .fd-lumiere::after { width: 50vmax; height: 50vmax; left: 30%; top: 20%; background: radial-gradient(closest-side, rgba(255, 194, 75, .06), rgba(255, 194, 75, 0)); }
@media (prefers-reduced-motion: no-preference) {
  html[data-habit="racine"] .sec-gallery > .fd-lumiere i { animation: gal-nage-1 24s ease-in-out infinite alternate; }
  html[data-habit="racine"] .sec-gallery > .fd-lumiere::before { animation: gal-nage-2 28s ease-in-out infinite alternate; }
  html[data-habit="racine"] .sec-gallery > .fd-lumiere::after { animation: gal-nage-1 32s ease-in-out infinite alternate-reverse; }
}
@keyframes gal-nage-1 { to { transform: translate3d(18vmax, 10vmax, 0) scale(1.1); } }
@keyframes gal-nage-2 { to { transform: translate3d(-16vmax, -12vmax, 0) scale(.92); } }
html[data-habit="racine"] .lieu .lieu-case {
  border: .5px solid var(--plat-trait);
  border-radius: 24px;
  padding: 4px 20px 20px;
  box-shadow: none;
}
html[data-habit="racine"] .lieu:not(.lieu-v2) .lieu-case {
  background: color-mix(in srgb, var(--carte) 82%, transparent);
}
html[data-habit="racine"] .lieu-v2 .lieu-case { border-color: rgba(255, 255, 255, .14); }
html[data-habit="racine"] .lieu .lieu-sig { border-top: 0; padding-inline: 0; }
html[data-habit="racine"] .lieu .lieu-ligne { border-top: .5px solid var(--plat-trait); border-bottom: 0; padding-inline: 0; grid-template-columns: minmax(0, 1fr) auto; }
html[data-habit="racine"] .lieu .lieu-fin { grid-column: auto; margin-block-start: 0; gap: 2px 18px; }
html[data-habit="racine"] .lieu .lieu-puce { padding-inline: 0; }
html[data-habit="racine"] .lieu .lieu-actions {
  display: flex; flex-wrap: wrap; gap: 10px; margin: 0;
  padding: 16px 0 0; border-top: .5px solid var(--plat-trait);
}
html[data-habit="racine"] .lieu .lieu-actions .btn { flex: 1 1 auto; width: auto; min-width: 0; margin: 0; padding-inline: 14px; }
html[data-habit="racine"] .lieu .lieu-actions .btn-pri { box-shadow: 0 10px 30px color-mix(in srgb, var(--rouge) 14%, transparent); }
html[data-habit="racine"] .lieu .lieu-actions .btn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-habit="racine"] :is(.lieu-v2, .lieu-v5) .lieu-adr { grid-template-columns: minmax(0, 1fr); }
html[data-habit="racine"] :is(.lieu-v2, .lieu-v5) .lieu-adr .lieu-fin { justify-content: flex-start; margin-block-start: 2px; }
@media (max-width: 520px) {
  html[data-habit="racine"] .lieu .lieu-ligne { grid-template-columns: minmax(0, 1fr); }
  html[data-habit="racine"] .lieu .lieu-fin { justify-content: flex-start; margin-block-start: 2px; }
}
@media (min-width: 1101px) {
  html[data-habit="racine"] .lieu-v4 .lieu-case { padding: 0; }
  html[data-habit="racine"] .lieu-v4 .lieu-case > * { border-top: 0; padding: 16px 20px; }
  html[data-habit="racine"] .lieu-v4 .lieu-case > * + * { border-inline-start: .5px solid var(--plat-trait); }
  html[data-habit="racine"] .lieu-v4 .lieu-ligne { grid-template-columns: minmax(0, 1fr); align-content: center; }
  html[data-habit="racine"] .lieu-v4 .lieu-fin { justify-content: flex-start; margin-block-start: 6px; }
  html[data-habit="racine"] .lieu-v4 .lieu-actions { flex-direction: column; flex-wrap: nowrap; justify-content: center; }
  html[data-habit="racine"] .lieu-v4 .lieu-actions .btn { flex: none; width: 100%; }
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap { align-items: stretch; row-gap: 0; text-align: start; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap > :is(.label, .pli-plus, .pli-actions, .faq-fin) { align-self: flex-start; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .label {
  color: var(--plat-gris, var(--texte-2));
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.label, .sec-h, .sec-intro) { text-align: start; margin-inline-start: 0; margin-inline-end: 0; justify-content: flex-start; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .sec-h { margin-block-start: 8px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .sec-intro {
  max-width: 34em;
  margin-block-start: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--plat-gris, var(--texte-2));
}
html.js[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])):not(#page-contact) .sec-intro.sec-intro:not(.v-lu) {
  display: block;
  -webkit-line-clamp: none;
  line-clamp: none;
  max-height: 3.1em;
  overflow: hidden;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-plus {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin-block-start: 2px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--texte);
  opacity: .82;
  cursor: pointer;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-plus[aria-expanded="false"]::after { content: "\00a0›"; color: var(--plat-gris, var(--texte-2)); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-plus[hidden],
html:not(.js) body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-plus { display: none; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-actions { margin-block-start: 18px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-actions .btn { min-height: 44px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.ilot-etapes, .ilot-styles, .soin-case, .ilot-faq) { margin-block-start: 24px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.ilot-etapes, .ilot-styles, .soin-case, .ilot-faq, .lieu-case) {
  display: block;
  position: relative;
  max-width: none;
  margin-inline: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  background: var(--carte);
  box-shadow: inset 0 0 0 .5px var(--bordure), 0 24px 48px -32px rgba(0, 0, 0, .6);
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.ilot-etapes, .ilot-styles, .soin-case, .ilot-faq, .lieu-case)::before,
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .lieu-case::after { display: none; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.st-item, .sty-card, .soin-ligne, .faq-group, .lieu-sig, .lieu-ligne) {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-height: 0;
  transform: none;
  translate: none;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.st-item, .sty-card, .soin-ligne, .faq-group, .lieu-sig, .lieu-ligne)::before { content: none; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.st-item, .sty-card, .soin-ligne, .faq-group, .lieu-sig, .lieu-ligne) + :is(.st-item, .sty-card, .soin-ligne, .faq-group, .lieu-sig, .lieu-ligne, .lieu-actions)::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--ca-pad, 20px);
  right: var(--ca-pad, 20px);
  width: auto;
  height: .5px;
  background: var(--plat-trait, var(--bordure));
  transform: none;
  transition: none;
  pointer-events: none;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-tete {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 14px var(--ca-pad, 20px);
  list-style: none;
  cursor: pointer;
  text-align: start;
  transition: background-color .14s;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-tete::-webkit-details-marker { display: none; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-tete::marker { content: ""; }
@media (hover: hover) and (pointer: fine) {
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-tete, .faq-group-title):hover { background: color-mix(in srgb, var(--texte) 4%, transparent); }
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-tete, .faq-group-title):active { background: color-mix(in srgb, var(--texte) 6%, transparent); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-tete, .faq-group-title):focus-visible { outline: 2px solid var(--rouge-texte); outline-offset: -2px; border-radius: 0; }
html body [data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .st-num {
  flex: none;
  display: inline-block;
  width: 20px;
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--plat-gris, var(--texte-2));
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
html body [data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) details[open] > summary .st-num { color: var(--rouge-texte); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-t, .st-name) {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.01em;
  color: var(--texte);
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-v {
  flex: none;
  font-size: 14px;
  color: var(--plat-gris, var(--texte-2));
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-chev {
  flex: none;
  width: 14px;
  height: 14px;
  color: var(--plat-gris, var(--texte-2));
  opacity: .8;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) details[open] > summary > .pli-chev { transform: rotate(90deg); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-corps { padding: 0 var(--ca-pad, 20px) 20px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-retrait > .pli-corps { padding-inline-start: calc(var(--ca-pad, 20px) + 34px); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-corps > * { margin: 0; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-corps > * + * { margin-block-start: 14px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-corps > p, .st-desc, .sty-desc, .pli-corps p) {
  font-size: 15px;
  line-height: 1.6;
  color: var(--plat-gris2, var(--texte-2));
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) p.pli-quand.pli-quand { font-size: 13px; color: var(--plat-gris, var(--texte-2)); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-corps > .pli-quand,
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-corps p + .pli-quand { margin-block-start: 6px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) p.pli-note.pli-note {
  padding: 12px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--texte) 5%, transparent);
  font-size: 14px;
  line-height: 1.5;
  color: var(--plat-gris2, var(--texte-2));
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) p.pli-petit.pli-petit {
  margin-block-end: 2px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--plat-gris, var(--texte-2));
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-groupe + .pli-groupe { margin-block-start: 16px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-lien {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--texte);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-lien .pli-chev { width: 12px; height: 12px; }
@media (hover: hover) and (pointer: fine) { html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-lien:hover { color: var(--rouge-texte); } }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-liens { display: flex; flex-wrap: wrap; gap: 0 20px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous { margin-inline: calc(-1 * var(--ca-pad, 20px)); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-retrait .pli-sous { margin-inline-start: calc(-1 * (var(--ca-pad, 20px) + 34px)); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous > .pli { position: relative; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous > .pli::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--ca-pad, 20px);
  right: var(--ca-pad, 20px);
  height: .5px;
  background: var(--plat-trait, var(--bordure));
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous .pli-tete { min-height: 48px; padding-block: 10px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous .pli-t { font-size: 15px; font-weight: 400; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous .pli-corps { padding-block-end: 16px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .pli-sous > .pli:last-child > .pli-corps { padding-block-end: 4px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .st-questions > .pli > .pli-corps { padding-block-end: 8px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) details.pli::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size .32s cubic-bezier(.2, .8, .2, 1), content-visibility .32s allow-discrete;
}
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) details.pli[open]::details-content { block-size: auto; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) { interpolate-size: allow-keywords; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-outils { display: none; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-title {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  margin: 0;
  padding: 14px var(--ca-pad, 20px);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.3;
  color: var(--texte);
  cursor: pointer;
  transition: background-color .14s;
}
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-title > span:first-child { flex: 1; min-width: 0; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-badge { flex: none; font-size: 14px; font-weight: 400; color: var(--plat-gris, var(--texte-2)); }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-title::after {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  margin: 0 3px 0 0;
  border-right: 1.6px solid var(--plat-gris, var(--texte-2));
  border-bottom: 1.6px solid var(--plat-gris, var(--texte-2));
  transform: rotate(-45deg);
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group.ouvert .faq-group-title::after { transform: rotate(45deg); }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-corps { margin: 0; padding: 0 0 4px; border: 0; background: none; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-item { position: relative; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--ca-pad, 20px);
  right: var(--ca-pad, 20px);
  height: .5px;
  background: var(--plat-trait, var(--bordure));
}
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-q {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 10px var(--ca-pad, 20px);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--texte);
  background: none;
}
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-q > span:first-child { flex: 1; min-width: 0; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-chev { flex: none; width: 14px; height: 14px; color: var(--plat-gris, var(--texte-2)); transform: rotate(-90deg); transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-chev .ic { width: 14px; height: 14px; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-item[open] .faq-chev { transform: none; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-chev .ic,
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-item[open] .faq-chev .ic { transform: none; rotate: none; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-a { padding: 0 var(--ca-pad, 20px) 16px; font-size: 15px; line-height: 1.6; color: var(--plat-gris2, var(--texte-2)); }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-fin { display: flex; justify-content: flex-start; margin-block-start: 12px; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-fin .faq-ecrire {
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--plat-gris, var(--texte-2));
  font-size: 14px;
  font-weight: 500;
}
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-fin .faq-ecrire > span { font-size: 14px; font-weight: 500; }
html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-fin .faq-ecrire::after { content: "\00a0›"; }
@media (hover: hover) and (pointer: fine) { html[data-habit="racine"] body .sec-faq[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-fin .faq-ecrire:hover { color: var(--texte); background: transparent; transform: none; } }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.lieu-sig, .lieu-ligne) { padding-inline: var(--ca-pad, 20px); padding-block-start: 14px; padding-block-end: 14px; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .lieu-ligne:last-of-type { border-bottom: 0; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .lieu-case > .lieu-actions { position: relative; margin: 0; padding: 14px var(--ca-pad, 20px); }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .sty-name { font-size: 17px; font-weight: 500; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .sty-card .pli-lien.sty-voir { color: var(--texte); background: none; box-shadow: none; }
html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .sty-card .sty-voir > span { display: inline; }
@media (min-width: 900px) {
  html[data-habit="racine"] body section:is(.sec-process, .sec-styles, .sec-soins, .sec-faq)[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: clamp(40px, 5vw, 72px);
    row-gap: 0;
    align-items: start;
  }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap > :is(.label, .sec-h, .sec-intro, .pli-plus, .pli-actions) { grid-column: 1; }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap > .pli-plus { justify-self: start; }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap > :is(.ilot-etapes, .ilot-styles, .soin-case, .ilot-faq) { grid-column: 2; grid-row: 1 / span 6; align-self: start; margin-block-start: 0; }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) > .sec-wrap > :is(.faq-fin, .faq-vide) { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) details.pli::details-content { transition: none; }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) :is(.pli-chev, .faq-chev) { transition: none; }
  html[data-habit="racine"] body section[data-pli]:where(:not(:has(> style)):not([data-mise]):not([data-anim])) .faq-group-title::after { transition: none; }
}
.mkb[data-ecarte] { opacity: 0; pointer-events: none; transform: translateY(10px); }
.mkb { transition: opacity .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1); }
@media (prefers-reduced-motion: reduce) { .mkb { transition: none; } }
.mkb {
  position: fixed;
  inset-block-end: var(--v-ilot);
  inset-inline-end: var(--v-ilot);
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--v-ligne);
  font-family: var(--police-corps);
}
.mkb-aguiche {
  position: absolute;
  inset-block-end: 100%;
  inset-inline-end: 0;
  margin-block-end: var(--v-ligne);
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  gap: 6px;

  width: max-content;

  max-width: min(264px, calc(100vw - 2 * var(--v-ilot)));

  transition: opacity .18s ease, transform .18s ease;
}
.mkb-aguiche.mkb-aguiche-part { opacity: 0; transform: translateY(8px); pointer-events: none; }
.mkb-bulle-q {

  min-height: 38px;
  padding-inline: 12px;
  padding-block: 7px;
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-ilot);

  border-end-end-radius: 6px;
  box-shadow: 0 6px 20px rgb(0 0 0 / .4);
  font-family: var(--police-corps);

  font-size: 12px;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;

  transform-origin: 100% 100%;
  animation: mkb-sort .52s cubic-bezier(.16,.85,.3,1.18) both;
}
.mkb-bulle-q::before {
  content: "";
  position: absolute;
  inset: -3px 0;
}
.mkb-bulle-q:hover { background: var(--survol); border-color: var(--or-texte); }
.mkb-en-ligne {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding-inline: 12px;
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-pastille);
  border-end-end-radius: 6px;
  box-shadow: 0 6px 20px rgb(0 0 0 / .4);
  font-family: var(--police-corps);
  font-size: 12px;
  font-weight: 600;
  pointer-events: none;
  transform-origin: 100% 100%;
  animation: mkb-sort .52s cubic-bezier(.16,.85,.3,1.18) both;
}
.mkb-en-ligne i {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--vert-texte);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vert-texte) 22%, transparent);
  animation: mkb-vit 2.4s ease-in-out infinite;
}
.mkb-tape-annonce {
  align-self: flex-end;
  border-radius: 15px;
  border-bottom-left-radius: 15px;
  border-end-end-radius: 5px;
  background: var(--carte);
  box-shadow: 0 6px 20px rgb(0 0 0 / .4);
  transform-origin: 100% 100%;
  animation: mkb-sort .4s cubic-bezier(.16,.85,.3,1.18) both;
}
@keyframes mkb-sort {
  0%   { opacity: 0; transform: translateY(22px) scale(.72); }
  60%  { opacity: 1; }
  100% { opacity: 1; transform: none; }
}
.mkb-bulle-x {

  width: var(--cible-tactile, 44px);
  height: var(--cible-tactile, 44px);
  margin-block-end: -3px;
  margin-inline-end: calc((28px - var(--cible-tactile, 44px)) / 2);
  padding: 0;
  display: grid;
  place-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform-origin: 100% 100%;
  animation: mkb-sort .3s ease-out both;
}
.mkb-bulle-x span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--carte);
  color: var(--texte-2);
  border: 1px solid var(--bordure-or);
  box-shadow: 0 4px 14px rgb(0 0 0 / .35);
  transition: color .15s ease, border-color .15s ease;
}
.mkb-bulle-x svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
}
.mkb-bulle-x:hover span { color: var(--texte); border-color: var(--or-texte); }
.mkb-bulle-x:focus-visible { outline: none; }
.mkb-bulle-x:focus-visible span { outline: 2px solid var(--or-texte); outline-offset: 2px; }
.mkb-appel {
  display: inline-grid;
  place-items: center;

  flex: none;
  width: 54px;
  height: 54px;
  min-height: 54px;
  padding-inline: 0;
  padding-block: 0;
  background: var(--degrade-or);
  color: var(--sur-degrade);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 8px 26px rgb(0 0 0 / .45), 0 0 0 1px var(--bordure-or);
  font-family: var(--police-corps);
  cursor: pointer;
  position: relative;
}
.mkb-appel:hover { filter: brightness(1.06); }
.mkb-appel:active { transform: scale(.97); }
.mkb-appel-icone { display: grid; place-items: center; line-height: 1; }
.mkb-appel-icone svg { width: 24px; height: 24px; display: block; }
.mkb-vu { display: none; }
.mkb-appel-vu .mkb-vu {
  display: block;
  position: absolute;

  inset-block-start: 5px;
  inset-inline-end: 5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--vert-texte);
  box-shadow: 0 0 0 3px var(--fond);
}
.mkb-appel-vu .mkb-vu { animation: mkb-vit 2.4s ease-in-out infinite; }
@keyframes mkb-vit {
  0%, 100% { transform: scale(1);    opacity: 1; }
  50%      { transform: scale(1.03); opacity: .82; }
}
.mkb-compte { display: none; }
.mkb-appel-compte .mkb-compte {
  display: grid;
  place-items: center;
  position: absolute;
  inset-block-start: -3px;
  inset-inline-end: -3px;
  min-width: 20px;
  height: 20px;
  padding-inline: 5px;
  border-radius: 999px;
  background: var(--pastille);
  color: var(--sur-pastille);
  box-shadow: 0 0 0 2px var(--fond);
  font-family: var(--police-corps);
  font-size: var(--t-mini);
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.mkb-appel-compte .mkb-compte { animation: mkb-pastille .42s cubic-bezier(.18,.9,.28,1.4) both; }
@keyframes mkb-pastille {
  0%   { opacity: 0; transform: scale(.4); }
  100% { opacity: 1; transform: none; }
}
.mkb-appel-compte.mkb-appel-vu .mkb-vu {
  inset-block-start: auto;
  inset-block-end: 5px;
}
.mkb-on .mkb-appel { display: none; }
.mkb-arrive .mkb-appel { animation: mkb-pose .52s cubic-bezier(.18,.9,.28,1.2) both; }
@keyframes mkb-pose {
  0%   { opacity: 0; transform: scale(.6) translateY(14px); }
  100% { opacity: 1; transform: none; }
}
.mkb-appel::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 2px solid var(--or-texte);
  opacity: 0;
  pointer-events: none;
}
.mkb-appel-attire::after { animation: mkb-halo 1.5s ease-out 3; }
@keyframes mkb-halo {
  0%   { opacity: .7; transform: scale(1); }
  70%  { opacity: 0;  transform: scale(1.45); }
  100% { opacity: 0;  transform: scale(1.45); }
}
.mkb-appel-attire { animation: mkb-attire 1.5s ease-in-out 3; }
@keyframes mkb-attire {
  0%, 100% { transform: none; }
  12%      { transform: translateY(-5px); }
  24%      { transform: none; }
}
.mkb-panneau[hidden] { display: none !important; }
.mkb-panneau {
  display: flex;
  flex-direction: column;
  width: min(384px, calc(100vw - 2 * var(--v-ilot)));

  height: min(640px, calc(100dvh - 4 * var(--v-ilot)));
  background: var(--carte);
  border: 1px solid var(--carte-bord);
  border-radius: var(--r-ilot);
  box-shadow: 0 18px 44px rgb(0 0 0 / .5);
  overflow: hidden;
}
.mkb-tete {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
  padding-inline: 14px;
  padding-block: 12px;
  background: var(--fond-2);
  border-bottom: 1px solid var(--carte-bord);
}
.mkb-rond {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex: none;
  object-fit: cover;

  box-shadow: 0 0 0 1px var(--bordure-or);
}
.mkb-qui { display: flex; flex-direction: column; gap: 0; flex: 1; min-width: 0; }
.mkb-qui b {
  font-family: var(--police-titres);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .06em;
}
.mkb-qui small { color: var(--texte-2); font-size: var(--t-secondaire); }
.mkb-fermer {
  flex: none;
  width: var(--cible-tactile); height: var(--cible-tactile);
  display: grid; place-items: center;
  background: none; border: 0; color: var(--texte-2);
  font-size: 24px; line-height: 1; cursor: pointer;
  font-family: var(--police-corps);
}
.mkb-fermer:hover { color: var(--texte); }
.mkb-fil {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding-inline: 14px;
  padding-block: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;

  scroll-behavior: auto;
}
.mkb-m {
  max-width: 84%;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding-inline: 12px;
  padding-block: 9px;
  font-size: 15px;
  line-height: 1.45;
  border-radius: 15px;
  animation: mkb-monte .24s ease-out both;
}
@keyframes mkb-monte {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}
.mkb-m-client {
  align-self: flex-end;
  background: var(--survol);
  border: 1px solid var(--bordure);
  border-bottom-right-radius: 5px;
  color: var(--texte);
}
.mkb-m-auto, .mkb-m-marving {
  align-self: flex-start;
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-bottom-left-radius: 5px;
  color: var(--texte);
}
.mkb-m-marving { border-color: var(--bordure-or); }
.mkb-m a {
  color: var(--or-texte);
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.mkb-etiq {
  display: block;
  font-size: var(--t-mini);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--texte-2);
  margin-block-end: 3px;
}
.mkb-envoi {
  align-self: flex-end;
  font-size: var(--t-mini);
  line-height: 1.35;
  color: var(--texte-2);
  margin-block: -2px 4px;
  margin-inline-end: 4px;
}
.mkb-mention {
  align-self: flex-start;
  max-inline-size: 85%;
  font-size: var(--t-mini);
  line-height: 1.35;
  color: var(--texte-2);
  margin-block-start: -2px;
  padding-inline: 4px;
}
.mkb-banniere {
  align-self: stretch;
  text-align: center;
  font-size: var(--t-secondaire);
  color: var(--or-texte);
  background: var(--survol);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-pastille);
  padding-inline: 10px;
  padding-block: 4px;
}
.mkb-tape {
  align-self: flex-start;
  display: flex;
  gap: 4px;
  padding-inline: 14px;
  padding-block: 12px;
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: 15px;
  border-bottom-left-radius: 5px;
}
.mkb-tape i {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--texte-2); display: block;
  animation: mkb-pulse 1.1s infinite ease-in-out;
}
.mkb-tape i:nth-child(2) { animation-delay: .16s; }
.mkb-tape i:nth-child(3) { animation-delay: .32s; }
@keyframes mkb-pulse {
  0%, 60%, 100% { opacity: .28; transform: translateY(0); }
  30%           { opacity: 1;   transform: translateY(-3px); }
}
.mkb-choix {
  position: relative;
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-inline: 12px;
  padding-block: 11px 10px;

  max-height: min(300px, 40vh);
  overflow-y: auto;
  background: color-mix(in srgb, var(--fond-2) 62%, transparent);
  border-radius: var(--r-carte) var(--r-carte) 0 0;
  box-shadow: 0 -12px 26px -18px rgb(0 0 0 / .75);
}
.mkb-choix::before {
  content: "";
  position: sticky;
  top: 0;
  display: block;

  height: 2px;
  margin-block: -11px 11px;
  border-radius: 2px;
  background: linear-gradient(90deg,
    transparent 0%, var(--or-texte) 26%, var(--or-texte) 74%, transparent 100%);
  opacity: .55;
}
.mkb-choix:empty { display: none; }
.mkb-puce {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  min-height: 38px;
  padding-inline: 11px;
  padding-block: 6px;
  background: var(--fond-2);
  color: var(--texte);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  font-family: var(--police-corps);
  font-size: 13.5px;
  line-height: 1.32;
  cursor: pointer;
}
.mkb-puce::before {
  content: "";
  position: absolute;
  inset: -3px 0;

}
.mkb-puce:hover { border-color: var(--bordure-or); background: var(--survol); }
.mkb-puce-or { border-color: var(--bordure-or); color: var(--or-texte); font-weight: 600; }
.mkb-puce-fin { color: var(--texte-2); }
.mkb-coord { flex: none; position: relative; padding-inline: 12px; padding-block: 2px 6px; }
.mkb-coord[hidden] { display: none; }
.mkb-coord-ligne,
.mkb-coord-modif,
.mkb-coord-compte {
  min-height: var(--cible-tactile);
  background: none;
  border: 0;
  padding-inline: 6px;
  color: var(--texte-2);
  font-family: var(--police-corps);
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
  text-underline-offset: 3px;
  cursor: pointer;
}
.mkb-coord-ligne { display: block; width: 100%; text-align: center; }
.mkb-coord-ou {
  display: flex; align-items: center; gap: 10px; margin: 0;
  font-size: 12px; color: var(--texte-2);
}
.mkb-coord-ou::before, .mkb-coord-ou::after { content: ''; flex: 1; height: 1px; background: var(--bordure); }
.mkb-coord .mkb-coord-compte {
  display: block; width: 100%; text-align: center;
  border: 1px solid var(--bordure); border-radius: var(--r-ligne);
  color: var(--texte); font-size: 15px; font-weight: 600;
  text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mkb-coord .mkb-coord-compte:hover { background: var(--survol); }
.mkb-coord-compte-dit { text-align: center; margin-top: -4px; }
.mkb-coord-ligne:hover, .mkb-coord-modif:hover { color: var(--texte); }
.mkb-coord-fait {
  display: flex; align-items: center; justify-content: center; gap: 4px;
  font-size: 13px; color: var(--texte-2);
}
.mkb-coord-fait > span { display: inline-flex; align-items: center; gap: 6px; }
.mkb-coord-fait svg {
  width: 15px; height: 15px; flex: none;
  fill: none; stroke: var(--or-texte); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round;
}
.mkb-coord-carte {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--fond-2);
  border: 1px solid var(--bordure);
  border-radius: var(--r-carte);
  padding-inline: 12px;
  padding-block: 8px 12px;
  animation: mkb-coord-arrive .28s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes mkb-coord-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.mkb-coord-tete { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mkb-coord-tete b { font-size: 14px; font-weight: 600; color: var(--texte); }
.mkb-coord-x {
  flex: none;
  width: var(--cible-tactile); height: var(--cible-tactile);
  margin-inline-end: -10px; margin-block: -6px;
  background: none; border: 0; border-radius: 50%;
  color: var(--texte-2); font-size: 20px; line-height: 1; cursor: pointer;
}
.mkb-coord-x:hover { color: var(--texte); background: var(--survol); }
.mkb-coord .champ-in {
  width: 100%;
  min-height: var(--cible-tactile);
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: 12px;
  font-family: var(--police-corps);
  font-size: var(--t-champ);
}
.mkb-coord .tel-boite { background: var(--carte); }
.mkb-coord .tel-boite > .champ-ind { padding-inline: 10px 10px; }
.mkb-coord-dit { margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--texte-2); }
.mkb-coord-err { margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--rouge-texte); }
.mkb-coord-err[hidden] { display: none; }
.mkb-coord-ok {
  min-height: var(--cible-tactile);
  border: 0; border-radius: var(--r-ligne);
  background: var(--degrade-or); color: var(--sur-degrade);
  font-family: var(--police-corps); font-size: 15px; font-weight: 600;
  cursor: pointer;
}
.mkb-coord-ok:disabled { opacity: .6; cursor: default; }
@media (prefers-reduced-motion: reduce) { .mkb-coord-carte { animation: none; } }
.mkb-saisie {
  flex: none;
  display: flex;
  gap: 8px;
  align-items: flex-end;
  padding-inline: 10px;
  padding-block: 10px;
  background: var(--fond-2);
  border-top: 1px solid var(--carte-bord);
}
.mkb-saisie textarea {
  flex: 1;
  min-height: var(--cible-tactile);
  max-height: 96px;
  resize: none;
  background: var(--carte);
  color: var(--texte);
  border: 1px solid var(--bordure);
  border-radius: var(--r-ligne);
  padding-inline: 12px;
  padding-block: 11px;
  font-family: var(--police-corps);
  font-size: var(--t-champ);
  line-height: 1.35;
}
.mkb-saisie textarea::placeholder { color: var(--texte-2); }
.mkb-envoyer {
  flex: none;
  width: var(--cible-tactile);
  height: var(--cible-tactile);
  border-radius: var(--r-ligne);
  border: 0;
  background: var(--degrade-or);
  color: var(--sur-degrade);
  font-size: 17px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0;
}
.mkb-envoyer svg { display: block; flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mkb-piege {
  position: absolute;
  inset-inline-start: -9999px;
  width: 1px; height: 1px;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .mkb-appel-attire, .mkb-appel-attire::after, .mkb-m, .mkb-tape i,
  .mkb-arrive .mkb-appel, .mkb-bulle-q, .mkb-bulle-x,
  .mkb-appel-vu .mkb-vu, .mkb-appel-compte .mkb-compte,
  .mkb-en-ligne, .mkb-en-ligne i, .mkb-tape-annonce { animation: none; }
  .mkb-appel:active { transform: none; }
  .mkb-fil { scroll-behavior: auto; }
  .mkb-aguiche { transition: none; }
}
.mkb-creneaux {
  align-self: flex-start;
  display: flex; flex-direction: column; gap: 8px;
  width: min(92%, 300px);
  animation: mkb-monte .24s ease-out both;
}
.mkb-creneau {
  min-height: var(--cible-tactile);
  padding-inline: 14px; padding-block: 8px;
  background: var(--carte); color: var(--or-texte);
  border: 1px solid var(--bordure-or); border-radius: var(--r-bouton);
  font-family: var(--police-corps); font-size: 14px; font-weight: 600;
  line-height: 1.2; text-align: start; cursor: pointer;
}
.mkb-creneau:hover:not(:disabled) { background: var(--survol); }
.mkb-creneau[aria-pressed="true"] {
  background: var(--or-texte); color: var(--sur-or); border-color: var(--or-texte);
}
.mkb-creneau:disabled:not([aria-pressed="true"]) {
  color: var(--texte-2); border-color: var(--bordure); cursor: default;
}
.mkb-actions {
  align-self: flex-start;
  display: flex;

  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  gap: 8px;
  max-width: 92%;
  animation: mkb-monte .24s ease-out both;
}
.mkb-actions::-webkit-scrollbar { display: none; }
.mkb-action {
  display: inline-flex;
  flex: none;
  white-space: nowrap;
  align-items: center;

  min-height: var(--cible-tactile);
  padding-inline: 14px;
  padding-block: 8px;
  background: var(--carte);
  color: var(--or-texte);
  border: 1px solid var(--bordure-or);
  border-radius: var(--r-bouton);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2;
}
.mkb-action:hover { background: var(--survol); }
.mkb-action:first-child {
  background: var(--degrade-or);
  color: var(--sur-degrade);
  border-color: transparent;
}
.mkb-action:first-child:hover { filter: brightness(1.06); }
.mkb-photo { display: block; margin-block-end: 6px; border-radius: 10px; overflow: hidden; }
.mkb-photo img { display: block; max-width: 100%; max-height: 240px; width: auto; height: auto; }
.mkb-creneaux-tete { display: flex; flex-direction: column; gap: 2px; padding-inline: 2px; }
.mkb-creneaux-tete b { font-family: var(--police-corps); font-size: 13px; font-weight: 600; color: var(--texte); }
.mkb-creneaux-tete span { font-family: var(--police-corps); font-size: 12px; color: var(--texte-2); }
.mkb-petit-mot {
  position: fixed; z-index: 2147483000; inset-inline-end: 16px; inset-block-end: 96px;
  max-width: calc(100vw - 32px); padding: 8px 14px; border-radius: 999px;
  background: var(--carte); color: var(--texte); border: 1px solid var(--bordure);
  font-family: var(--police-corps); font-size: 13px; line-height: 1.3;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  animation: mkb-monte .2s ease-out both;
}
@media (prefers-reduced-motion: reduce) { .mkb-petit-mot { animation: none; } }
html.mkb-page-bloquee { overflow: hidden; overscroll-behavior: none; }
.mkb.mkb-suivi {

  z-index: 1450;
  box-sizing: border-box;
  inset-block-start: var(--mkb-vt, 0px);
  inset-block-end: auto;
  block-size: var(--mkb-vh, 100dvh);
  padding-block-end: var(--v-ilot);
  justify-content: flex-end;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none;
  transition: none;
}
.mkb.mkb-suivi > :not([hidden]) { pointer-events: auto; }
.mkb-suivi .mkb-panneau {
  height: min(640px, calc(var(--mkb-vh, 100dvh) - 4 * var(--v-ilot)));
  overscroll-behavior: contain;
}
.mkb-suivi .mkb-fil { overscroll-behavior: contain; }
.mkb.mkb-plein {

  z-index: 2147482900;
  inset-inline: 0;
  padding: 0;
  align-items: stretch;
}
.mkb-plein .mkb-panneau {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: transform .25s cubic-bezier(.2, .8, .2, 1);
  animation: mkb-plein-monte .32s cubic-bezier(.2, .8, .2, 1) backwards;
}
.mkb-plein .mkb-tete {
  touch-action: none;
  padding-block-start: max(12px, env(safe-area-inset-top));
  padding-inline: max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));
}
.mkb-plein .mkb-saisie {
  padding-block-end: max(10px, env(safe-area-inset-bottom));
  padding-inline: max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));
}
.mkb-plein[data-clavier] .mkb-saisie { padding-block-end: 10px; }
@keyframes mkb-plein-monte { from { transform: translateY(100%); } }
.mkb-voile[hidden] { display: none !important; }
.mkb-voile {
  position: fixed;
  inset: -80px 0;
  z-index: 0;
  background: rgba(0, 0, 0, .45);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  touch-action: none;
  animation: mkb-voile-arrive .24s ease backwards;
}
@keyframes mkb-voile-arrive { from { opacity: 0; } }
.mkb-saisie textarea, .mkb-coord .champ-in { font-size: max(16px, var(--t-champ)); }
.mkb-saisie { flex-wrap: wrap; }
.mkb-trop { flex-basis: 100%; order: 5; margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--ch-rouge, #FF453A); }
.mkb-trop[hidden] { display: none; }
.mkb .ch-c { display: none; }
@media (prefers-reduced-motion: reduce) {
  .mkb-voile, .mkb-plein .mkb-panneau { animation: none; transition: none; }
}
html[data-v3-mvt="aucun"] .mkb-voile, html[data-v3-mvt="aucun"] .mkb-plein .mkb-panneau,
html[data-v3-mvt="reduit"] .mkb-voile, html[data-v3-mvt="reduit"] .mkb-plein .mkb-panneau { animation: none; transition: none; }
.mkb-saisie {
  align-items: flex-end;
  gap: 8px;
  padding-block-start: 8px;
  background: var(--carte);
  border-top: 0;
}
.mkb-saisie textarea { min-height: 48px; border-radius: 12px; }
.mkb-envoyer { width: 48px; height: 48px; border-radius: 12px; }
select.cf-natif { display: none !important; }
.cf-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; text-align: start; color: inherit; font: inherit; min-inline-size: 0; }
.cf-btn > .cf-v { flex: 1 1 auto; min-inline-size: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cf-btn > .cf-chev { flex: none; inline-size: 8px; block-size: 13px; opacity: .55; }
.cf-voile { position: fixed; inset: 0; z-index: 2147483000; background: rgba(0, 0, 0, .45); }
.cf-feuille {
  position: fixed; z-index: 2147483001; inset-inline: 0; inset-block-end: 0; max-block-size: 72vh; overflow: auto; scrollbar-width: none;
  padding: 8px 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 16px 16px 0 0;
  background: #000; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Helvetica Neue", Arial, sans-serif;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, .5); animation: cf-monte .22s cubic-bezier(.32, .72, 0, 1);
}
.cf-feuille::-webkit-scrollbar { display: none; }
@media (min-width: 700px) {
  .cf-feuille { inset: auto; inset-block-start: 50%; inset-inline-start: 50%; transform: translate(-50%, -50%); inline-size: min(380px, calc(100vw - 32px)); border-radius: 16px; padding: 8px 16px 16px; animation: none; }
}
@keyframes cf-monte { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .cf-feuille { animation: none; } }
.cf-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-block-size: 44px; }
.cf-tete > b { font-size: 15px; font-weight: 600; }
.cf-fermer { inline-size: 32px; block-size: 32px; border: 0; border-radius: 50%; background: #1C1C1E; color: #AEAEB2; font-size: 20px; line-height: 1; cursor: pointer; }
.cf-liste { display: flex; flex-direction: column; background: #1C1C1E; border-radius: 12px; overflow: hidden; }
.cf-l { position: relative; display: flex; border-radius: 0 !important; box-shadow: none; align-items: center; gap: 12px; inline-size: 100%; min-block-size: 46px; padding: 0 14px; border: 0; background: transparent; color: #fff; font: inherit; font-size: 16px; text-align: start; cursor: pointer; }
.cf-l + .cf-l::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 14px 0; border-block-start: .5px solid rgba(84, 84, 88, .55); }
.cf-l > .cf-n { flex: 1 1 auto; min-inline-size: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cf-coche { flex: none; inline-size: 16px; block-size: 16px; color: #30D158; opacity: 0; }
.cf-l[aria-selected="true"] { background: rgba(48, 209, 88, .12); }
.cf-l[aria-selected="true"] .cf-coche { opacity: 1; }
@media (hover: hover) and (pointer: fine) { .cf-l:not([aria-selected="true"]):hover { background: rgba(255, 255, 255, .05); } }
.cf-l:focus-visible { outline: 0; box-shadow: inset 0 0 0 2px rgba(48, 209, 88, .75); }
@property --ch-tour { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
:root {
  --ch-acc: var(--dm-accent, var(--rouge-texte, #E5486D));
  --ch-vert: #30D158; --ch-rouge: #FF453A; --ch-orange: #FF9F0A; --ch-jaune: #FFD60A;
  --ch-fond: var(--fond-2, #2C2C2E); --ch-gris: var(--texte-2, #8E8E93); --ch-trait: rgba(84, 84, 88, .42);
  --ch-ressort: cubic-bezier(.2, 1.5, .35, 1); --ch-doux: cubic-bezier(.22, .8, .2, 1);
}
:root[data-af-clair] { --ch-vert: #1F8A3E; --ch-rouge: #D70015; --ch-orange: #B26A00; --ch-jaune: #C79A00; --ch-trait: rgba(60, 60, 67, .18); }
:root .ch-case.ch-case {
  background-color: var(--ch-fond) !important; border: 0 !important; border-radius: 12px !important;
  outline: none !important; box-shadow: 0 0 0 0 transparent inset !important;
  transition: box-shadow .18s ease, background-color .18s ease;
  caret-color: var(--ch-acc);
}
:root input.ch-case, :root textarea.ch-case { min-height: 48px; }
:root .ch-in.ch-in { outline: none !important; caret-color: var(--ch-acc); }
:root .ch-in.ch-in:focus, :root .ch-in.ch-in:focus-visible { outline: none !important; }
:root .ch-case.ch-case[data-f] { box-shadow: 0 0 0 1.5px var(--ch-acc) inset !important; }
:root .ch-case.ch-case[data-etat="ok"] { box-shadow: 0 0 0 0 transparent inset !important; }
:root .ch-case.ch-case[data-etat="ok"][data-f] { box-shadow: 0 0 0 1.5px var(--ch-vert) inset !important; }
:root .ch-case.ch-case[data-etat="ko"] { box-shadow: 0 0 0 1.5px var(--ch-rouge) inset !important; }
:root .ch-in::placeholder { color: var(--ch-gris); opacity: 1; }
:root .ch-in.ch-in[data-ch-bout="1"] { padding-right: 46px !important; }
:root .ch-in.ch-in[data-ch-bout="2"] { padding-right: 80px !important; }
:root .ch-in[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
:where(.ch-hote) { position: relative; }
:root .ch-case[aria-disabled="true"], :root .ch-in:disabled { opacity: .45; }
:root .ch-d.ch-d { position: absolute !important; display: flex !important; max-inline-size: none !important; min-inline-size: 0 !important;
  max-block-size: none !important; min-block-size: 0 !important; margin: 0 !important; flex: none !important; float: none !important;
  clip-path: none !important; transform-origin: center; white-space: nowrap; text-overflow: clip; font-size: 17px; line-height: 1; color: inherit; }
:root .ch-in[hidden] + .ch-d.ch-d, :root .ch-case[hidden] > .ch-d.ch-d { display: none !important; }
:root .ch-d.ch-d:is([data-ancre], [data-dedans]) { inline-size: auto !important; block-size: auto !important; }
:root .ch-bout.ch-bout { display: flex !important; position: static !important; max-inline-size: none !important; inline-size: auto !important; clip-path: none !important; }
.ch-d {
  position: absolute; z-index: 1; pointer-events: none; border-radius: 12px;
  display: flex; align-items: center; justify-content: flex-end; gap: 4px; box-sizing: border-box;
}
.ch-d[data-ancre] { top: anchor(top); left: anchor(left); right: anchor(right); bottom: anchor(bottom); }
.ch-d[data-dedans] { inset: 0; }
.ch-d[data-long] { align-items: flex-end; padding-bottom: 12px; }
.ch-d > .ch-bout, .ch-case > .ch-bout { display: flex; align-items: center; gap: 4px; margin-right: 12px; flex: none; }
.ch-case > .ch-bout { pointer-events: none; } .ch-case > .ch-bout .ch-bt { pointer-events: auto; }
.ch-case[data-etat="ok"] > .ch-bout .ch-ok { transform: scale(1); opacity: 1; transition: transform .42s var(--ch-ressort), opacity .2s; }
.ch-bt {
  pointer-events: auto; flex: none; border: 0; background: transparent; width: 32px; height: 32px; padding: 0;
  border-radius: 10px; display: grid; place-items: center; color: var(--ch-gris); cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.ch-bt svg { width: 20px; height: 20px; }
:root .ch-d .ch-bt > svg, :root .ch-case > .ch-bout .ch-bt > svg { position: static !important; inset: auto !important; margin: 0 !important;
  inline-size: 20px !important; block-size: 20px !important; transform: none !important; }
:root .ch-d .ch-ok > svg, :root .ch-case > .ch-bout .ch-ok > svg { position: static !important; inset: auto !important; margin: 0 !important; }
.ch-bt[hidden] { display: none; }
.ch-bt:focus-visible { outline: 2px solid var(--ch-acc); outline-offset: 0; }
.ch-ok {
  position: relative; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ch-vert); color: #fff;
  display: grid; place-items: center; transform: scale(0); opacity: 0;
  transition: transform .28s cubic-bezier(.2, 1.4, .4, 1), opacity .18s ease;
}
.ch-ok svg { width: 13px; height: 13px; }
.ch-ok::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 2px solid var(--ch-vert); opacity: 0; transform: scale(.6); }
.ch-d[data-etat="ok"] .ch-ok { transform: scale(1); opacity: 1; transition: transform .42s var(--ch-ressort), opacity .2s; }
.ch-d[data-etat="ok"] .ch-ok svg path, .ch-case[data-etat="ok"] > .ch-bout .ch-ok svg path { stroke-dasharray: 24; stroke-dashoffset: 24; animation: ch-trait .38s .12s var(--ch-doux) forwards; }
.ch-d.ch-vient .ch-ok::after { animation: ch-onde .7s var(--ch-doux); }
.ch-d.ch-vient { animation: ch-lueur .9s var(--ch-doux); }
@keyframes ch-trait { to { stroke-dashoffset: 0; } }
@keyframes ch-onde { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(2.4); } }
@keyframes ch-lueur { 0% { box-shadow: 0 0 0 1.5px var(--ch-vert) inset, 0 0 0 0 color-mix(in srgb, var(--ch-vert) 45%, transparent); } 100% { box-shadow: 0 0 0 0 transparent inset, 0 0 0 10px transparent; } }
.ch-secoue { animation: ch-non .42s var(--ch-doux); }
@keyframes ch-non { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(5px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(2px); } }
.ch-sous { display: flex; gap: 8px; align-items: center; min-height: 16px; margin-top: 6px; font-size: 12px; line-height: 16px; color: var(--ch-gris); padding: 0 4px; box-sizing: border-box; }
.ch-sous[hidden] { display: none; }
.ch-sous .ch-m { flex: 1 1 auto; min-width: 0; }
.ch-sous .ch-c { flex: none; margin-left: auto; font-variant-numeric: tabular-nums; }
.ch-sous[data-ton="ko"] .ch-m { color: var(--ch-rouge); }
.ch-sous[data-ton="ok"] .ch-m { color: var(--ch-vert); }
.ch-sous .ch-c[data-ton="presque"] { color: var(--ch-orange); }
.ch-sous[data-ton] .ch-m { animation: ch-monte .3s var(--ch-doux); }
@keyframes ch-monte { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.ch-force { display: grid; grid-template-columns: repeat(4, 1fr) auto; gap: 4px; align-items: center; margin-top: 8px; padding: 0 4px; box-sizing: border-box; }
.ch-force i { position: relative; height: 4px; border-radius: 2px; overflow: hidden; background: var(--ch-fond); }
.ch-force i::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--ch-c, var(--ch-vert)); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ch-ressort), background .25s; }
.ch-force i:nth-child(2)::after { transition-delay: .04s; } .ch-force i:nth-child(3)::after { transition-delay: .08s; } .ch-force i:nth-child(4)::after { transition-delay: .12s; }
.ch-force[data-n="1"] { --ch-c: var(--ch-rouge); } .ch-force[data-n="2"] { --ch-c: var(--ch-orange); }
.ch-force[data-n="3"] { --ch-c: var(--ch-jaune); } .ch-force[data-n="4"] { --ch-c: var(--ch-vert); }
.ch-force[data-n="1"] i:nth-child(-n+1)::after, .ch-force[data-n="2"] i:nth-child(-n+2)::after,
.ch-force[data-n="3"] i:nth-child(-n+3)::after, .ch-force[data-n="4"] i:nth-child(-n+4)::after { transform: scaleX(1); }
.ch-force .ch-p { margin-left: 6px; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--ch-fond); color: var(--ch-gris); white-space: nowrap; min-width: 72px; text-align: center; transition: color .25s, background .25s; }
.ch-force:not([data-n="0"]) .ch-p { color: var(--ch-c); background: color-mix(in srgb, var(--ch-c) 16%, transparent); }
.ch-force .ch-p.ch-change { animation: ch-monte .28s var(--ch-doux); }
.ch-crit { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; padding: 0 2px; }
.ch-crit span { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; padding: 3px 9px; border-radius: 999px; background: var(--ch-fond); color: var(--ch-gris); white-space: nowrap; transition: background .2s, color .2s; }
.ch-crit span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .6; }
.ch-crit span.ch-oui { color: var(--ch-vert); background: color-mix(in srgb, var(--ch-vert) 14%, transparent); animation: ch-pop .35s var(--ch-ressort); }
.ch-crit span.ch-oui::before { opacity: 1; }
@keyframes ch-pop { 0% { transform: scale(.9); } 60% { transform: scale(1.06); } 100% { transform: none; } }
:root .ch-code > input { transition: box-shadow .18s; }
:root .ch-code > input:focus { box-shadow: 0 0 0 1.5px var(--ch-acc) inset !important; outline: none !important; }
:root .ch-code[data-etat="ok"] > input { box-shadow: 0 0 0 1.5px var(--ch-vert) inset !important; animation: ch-vague .6s var(--ch-ressort) both; }
.ch-code > input.ch-tape { animation: ch-pop .3s var(--ch-ressort); }
.ch-code[data-etat="ok"] > input:nth-child(2) { animation-delay: .05s; } .ch-code[data-etat="ok"] > input:nth-child(3) { animation-delay: .1s; }
.ch-code[data-etat="ok"] > input:nth-child(4) { animation-delay: .15s; } .ch-code[data-etat="ok"] > input:nth-child(5) { animation-delay: .2s; }
.ch-code[data-etat="ok"] > input:nth-child(6) { animation-delay: .25s; }
@keyframes ch-vague { 0% { transform: none; } 40% { transform: translateY(-6px) scale(1.06); } 100% { transform: none; } }
.ch-fl { display: none; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); transform-origin: left center; color: var(--ch-gris);
  font-size: 17px; white-space: nowrap; max-width: calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; transition: transform .3s var(--ch-doux), color .2s; }
.ch-d[data-long] .ch-fl { top: 22px; }
:root[data-ch-style="flottant"] .ch-fl { display: block; }
:root[data-ch-style="flottant"] input.ch-in.ch-in[data-ch-fl] { min-height: 56px; padding-top: 20px !important; padding-bottom: 4px !important; }
:root[data-ch-style="flottant"] textarea.ch-in.ch-in[data-ch-fl] { padding-top: 26px !important; }
:root[data-ch-style="flottant"] .ch-in[data-ch-fl]::placeholder { opacity: 0; transition: opacity .2s; }
:root[data-ch-style="flottant"] .ch-in[data-ch-fl]:focus::placeholder { opacity: 1; transition-delay: .12s; }
:root[data-ch-style="flottant"] .ch-d:is([data-f], [data-plein]) .ch-fl { transform: translateY(-118%) scale(.72); }
:root[data-ch-style="flottant"] .ch-d[data-f] .ch-fl { color: var(--ch-acc); }
:root[data-ch-style="flottant"] .ch-d[data-etat="ok"] .ch-fl { color: var(--ch-vert); }
:root[data-ch-style="ligne"] .ch-case.ch-case, :root[data-ch-style="ligne"] .ch-case.ch-case[data-f], :root[data-ch-style="ligne"] .ch-case.ch-case[data-etat],
:root[data-ch-style="ligne"] .ch-case.ch-case[data-etat][data-f] { background-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
:root[data-ch-style="ligne"] .ch-d { border-radius: 0; }
:root[data-ch-style="ligne"] .ch-d::before, :root[data-ch-style="ligne"] .ch-d::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--ch-trait); }
:root[data-ch-style="ligne"] .ch-d::after { height: 2px; background: var(--ch-acc); transform: scaleX(0); transition: transform .4s var(--ch-doux), background .2s; }
:root[data-ch-style="ligne"] .ch-d[data-f]::after { transform: scaleX(1); }
:root[data-ch-style="ligne"] .ch-d[data-etat="ok"]::after { background: var(--ch-vert); transform: scaleX(1); }
:root[data-ch-style="ligne"] .ch-d[data-etat="ko"]::after { background: var(--ch-rouge); transform: scaleX(1); }
:root[data-ch-style="ligne"] .ch-d.ch-vient { animation: none; }
:root[data-ch-style="ligne"] .ch-code > input { border-radius: 0 !important; background: transparent !important; box-shadow: 0 1px 0 var(--ch-trait) !important; }
:root[data-ch-style="ligne"] .ch-code > input:focus { box-shadow: 0 2px 0 var(--ch-acc) !important; }
:root[data-ch-style="verre"] .ch-case.ch-case,
:root[data-ch-style="verre"] .ch-code > input { background-color: color-mix(in srgb, var(--texte, #fff) 7%, transparent) !important; box-shadow: 0 0 0 .5px color-mix(in srgb, var(--texte, #fff) 18%, transparent) inset !important; }
:root[data-ch-style="verre"] .ch-case.ch-case[data-f] { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--ch-acc) 80%, transparent) inset !important; }
:root[data-ch-style="verre"] .ch-case.ch-case[data-etat="ok"], :root[data-ch-style="verre"] .ch-case.ch-case[data-etat="ok"][data-f] { box-shadow: 0 0 0 1px color-mix(in srgb, var(--ch-vert) 70%, transparent) inset !important; }
:root[data-ch-style="verre"] .ch-case.ch-case[data-etat="ko"] { box-shadow: 0 0 0 1.5px var(--ch-rouge) inset !important; }
:root[data-ch-style="verre"] .ch-d { overflow: hidden; }
:root[data-ch-style="verre"] .ch-d::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--texte, #fff) 16%, transparent) 50%, transparent 70%); transform: translateX(-120%); }
:root[data-ch-style="verre"] .ch-d[data-f]::before { transform: translateX(120%); transition: transform .9s var(--ch-doux); }
:root[data-ch-style="neon"] .ch-d::before { content: ""; position: absolute; inset: -1.5px; border-radius: 13.5px; padding: 1.5px;
  background: conic-gradient(from var(--ch-tour), var(--ch-acc), #BF5AF2, #64D2FF, var(--ch-acc));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .3s; }
:root[data-ch-style="neon"] .ch-d[data-f] { box-shadow: 0 0 22px -4px color-mix(in srgb, var(--ch-acc) 70%, transparent); }
:root[data-ch-style="neon"] .ch-d[data-f]::before { opacity: 1; animation: ch-tourne 2.4s linear infinite; }
:root[data-ch-style="neon"] .ch-d[data-etat="ok"]::before { opacity: 1; background: conic-gradient(from var(--ch-tour), var(--ch-vert), #64D2FF, var(--ch-vert)); animation: ch-tourne 3.2s linear infinite; }
:root[data-ch-style="neon"] .ch-d[data-etat="ok"] { box-shadow: 0 0 22px -6px color-mix(in srgb, var(--ch-vert) 75%, transparent); }
:root[data-ch-style="neon"] .ch-d[data-etat="ko"]::before { opacity: 1; background: var(--ch-rouge); animation: none; }
:root[data-ch-style="neon"] .ch-case.ch-case[data-f], :root[data-ch-style="neon"] .ch-case.ch-case[data-etat], :root[data-ch-style="neon"] .ch-case.ch-case[data-etat][data-f] { box-shadow: none !important; }
:root[data-ch-style="neon"] .ch-code > input:focus { box-shadow: 0 0 0 1.5px var(--ch-acc) inset, 0 0 18px -4px var(--ch-acc) !important; }
@keyframes ch-tourne { to { --ch-tour: 360deg; } }
.ch-glis { position: absolute; z-index: 0; left: 0; top: 0; border-radius: 999px; pointer-events: none;
  background: color-mix(in srgb, var(--ch-acc) 22%, transparent); box-shadow: 0 0 0 1px var(--ch-acc) inset;
  transition: transform .42s var(--ch-ressort), width .42s var(--ch-ressort), height .3s; }
:root[data-af-calme] :is(.ch-d, .ch-d *, .ch-ok, .ch-case, .ch-secoue, .ch-sous *, .ch-force *, .ch-crit *, .ch-code > input, .ch-glis),
:root[data-af-calme] :is(.ch-d, .ch-ok, .ch-force i)::before, :root[data-af-calme] :is(.ch-d, .ch-ok, .ch-force i)::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  :is(.ch-d, .ch-d *, .ch-ok, .ch-case, .ch-secoue, .ch-sous *, .ch-force *, .ch-crit *, .ch-code > input, .ch-glis),
  :is(.ch-d, .ch-ok, .ch-force i)::before, :is(.ch-d, .ch-ok, .ch-force i)::after { animation: none !important; transition: none !important; }
}
:root:root .ch-in.ch-in.ch-in[data-ch-rang] { text-align: end !important; background-color: transparent !important; box-shadow: none !important;
  border-radius: 0 !important; padding-inline-end: 46px !important; font-size: var(--ch-taille, inherit) !important; }
:root:root .ch-in.ch-in.ch-in[data-ch-rang][data-ch-bout="2"] { padding-inline-end: 80px !important; }
:root:root .ch-in.ch-in.ch-in[data-ch-rang][data-etat="ko"] { color: var(--ch-rouge) !important; }
:root:root .ch-in.ch-in.ch-in[data-ch-seul] { text-align: start !important; }
:root:root .ch-d.ch-d[data-ch-rang] { box-shadow: none !important; animation: none !important; border-radius: 0; }
:root:root .ch-d.ch-d[data-ch-rang]::before, :root:root .ch-d.ch-d[data-ch-rang]::after { content: none !important; }
:root:root .ch-d.ch-d[data-ch-rang] .ch-fl { display: none !important; }
:root [data-ch-groupe][data-ch-groupe]:focus-within, :root [data-ch-sans-tour][data-ch-sans-tour]:focus-within { box-shadow: none !important; outline: none !important; }
:root{
  --fond: #000000;
  --halo-bas: #000000;
  --fond-halo: rgba(228,218,202,0.019);
  --fond-halo-2: rgba(165,165,172,0.027);
  --survol-halo: 0 10px 30px -8px rgba(228,218,202,.34), 0 0 0 1px rgba(228,218,202,.28);
  --survol-dedans: inset 0 -40px 44px -40px rgba(228,218,202,.30);
  --survol-trait: rgba(228,218,202,.50);
}
.fond-halo-2{background:radial-gradient(circle at center,var(--fond-halo-2) 0%,transparent 58%);}
:root{
  --degrade-or: linear-gradient(135deg,#745E8D 0%,#674999 52%,#412466 100%);
  --degrade-or-vif: linear-gradient(100deg,#745E8D,#674999 34%,#4D3773 50%,#412466 66%,#745E8D);
  --sur-degrade: #FFFFFF;
  --rouge: #C1AC6B;
  --rouge-clair: #D4C597;
  --or-texte: #C1AC6B;
  --bordure-or: rgba(193,172,107,.28);
  --voile-or: rgba(193,172,107,.10);
  --voile-or-fort: rgba(193,172,107,.26);
  --degrade-texte: linear-gradient(135deg,#C1AC6B 0%,#DACDA6 55%,#E4DACA 100%);
  --neon: 0 0 8px rgba(193,172,107,.30),0 0 24px rgba(65,36,102,.18),0 0 52px rgba(193,172,107,.14);
  --survol-halo: 0 10px 30px -8px rgba(193,172,107,.34), 0 0 0 1px rgba(193,172,107,.28);
  --survol-dedans: inset 0 -40px 44px -40px rgba(193,172,107,.30);
  --survol-trait: rgba(193,172,107,.50);
  --pal-acc: #C1AC6B;
  --pal-acc-t: #C1AC6B;
}
[data-logo-teint]{object-position:-99999px 0;background:var(--pal-acc-t);-webkit-mask:var(--logo-masque) center/contain no-repeat;mask:var(--logo-masque) center/contain no-repeat}
:root{--logo-theme:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20492%22%20width%3D%221200%22%20height%3D%22492%22%20role%3D%22img%22%20aria-labelledby%3D%22t%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22oc-clairs%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238C6FB2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23745E8D%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%20id%3D%22t%22%3EAmazing%20Locks%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22or%22%20x1%3D%220%22%20y1%3D%2230%22%20x2%3D%220%22%20y2%3D%22425%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23A88A47%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23CDB677%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EBDDA0%22%2F%3E%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22orm%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238C6A2E%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23C9AE66%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3E3A0%22%2F%3E%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22trait%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23F3E3A0%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23C9AE66%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23A88A47%22%2F%3E%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22iv%22%20x1%3D%220%22%20y1%3D%2230%22%20x2%3D%220%22%20y2%3D%22460%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23745E8D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238B6EB1%22%2F%3E%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22hm%22%20x1%3D%22380%22%20y1%3D%2240%22%20x2%3D%22580%22%20y2%3D%22330%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238C6A2E%22%2F%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23B8974F%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23E2CE8A%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3E3A0%22%2F%3E%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22hs%22%20x1%3D%22520%22%20y1%3D%22140%22%20x2%3D%22660%22%20y2%3D%22330%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23D9C27E%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23F3E3A0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F8EDBE%22%2F%3E%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23or%29%22%20d%3D%22M112.9%20406.9C26.3%20349.3%20-3.4%20236.9%2043.4%20144.0C86.5%2058.4%20183.6%2014.2%20276.6%2037.9C285.7%2040.2%20297.8%2044.1%20300.6%2045.8C301.3%2046.1%20302.4%2046.6%20303.1%2046.8C306.1%2047.5%20315.3%2051.8%20315.6%2052.5C316.2%2054.2%20314.3%2055.3%20306.8%2057.4C305.5%2057.7%20303.6%2058.4%20302.6%2059.0C301.5%2059.5%20299.2%2060.4%20297.5%2061.0C294.3%2062.1%20293.0%2062.7%20291.5%2063.6C291.0%2064.0%20289.4%2064.7%20287.8%2065.2C284.5%2066.4%20284.3%2066.5%20282.5%2067.9C281.7%2068.5%20280.2%2069.4%20279.0%2069.8C277.9%2070.3%20276.5%2071.1%20275.9%2071.6C275.3%2072.0%20273.7%2073.2%20272.2%2074.2C265.1%2079.0%20258.1%2085.5%20254.6%2090.5C254.2%2091.1%20253.4%2092.2%20252.8%2092.9C252.3%2093.6%20251.5%2095.1%20251.1%2096.1C250.7%2097.2%20249.8%2099.4%20249.0%20101.0C248.2%20102.6%20247.3%20104.9%20247.0%20106.0C246.2%20109.0%20245.6%20110.6%20244.6%20111.9C244.1%20112.5%20243.2%20114.1%20242.6%20115.5C241.1%20119.1%20240.5%20120.0%20235.9%20125.6C232.3%20130.1%20228.4%20133.4%20225.0%20134.9C223.7%20135.5%20222.1%20136.3%20221.4%20136.7C220.3%20137.4%20215.5%20138.8%20212.7%20139.1C210.8%20139.4%20205.7%20142.0%20204.0%20143.7C200.9%20146.6%20200.4%20149.0%20202.1%20152.7C202.7%20154.0%20203.5%20156.2%20203.9%20157.6C204.2%20158.9%20204.7%20160.4%20204.9%20160.9C206.1%20163.7%20204.7%20166.8%20200.8%20170.0C198.6%20171.8%20198.1%20174.5%20199.1%20177.9C200.2%20181.4%20199.6%20183.6%20196.9%20186.1C194.7%20188.2%20194.3%20190.7%20195.8%20193.5C196.2%20194.1%20196.8%20195.3%20197.2%20196.1C198.6%20198.6%20198.3%20201.7%20196.5%20204.0C196.1%20204.5%20195.5%20205.6%20195.0%20206.5C194.6%20207.4%20193.7%20208.8%20193.0%20209.7C189.5%20214.2%20189.0%20221.1%20192.0%20224.0C195.7%20227.6%20197.6%20228.8%20201.6%20229.9C202.9%20230.2%20205.1%20231.0%20206.3%20231.6C207.9%20232.4%20209.2%20232.8%20210.4%20233.0C213.0%20233.4%20216.4%20234.6%20218.3%20235.9C219.3%20236.5%20220.9%20237.4%20222.0%20237.9C224.4%20238.9%20228.3%20242.1%20229.5%20244.1C230.0%20244.7%20230.9%20245.7%20231.6%20246.2C233.6%20247.8%20233.8%20248.0%20233.9%20250.1C234.1%20252.6%20233.8%20253.5%20232.1%20254.9C230.5%20256.3%20230.0%20257.2%20230.0%20259.0C230.0%20260.8%20229.4%20262.0%20227.8%20263.5C226.2%20265.1%20225.5%20266.5%20225.0%20269.2C224.7%20271.0%20224.5%20271.4%20223.0%20272.7C221.7%20273.8%20221.0%20275.2%20221.0%20276.9C221.0%20278.8%20220.5%20279.7%20219.0%20281.0C217.5%20282.3%20217.0%20283.2%20217.0%20285.0C217.0%20286.7%20216.5%20287.7%20214.9%20289.6C213.9%20290.8%20213.4%20291.7%20213.1%20292.7C212.0%20296.6%20211.7%20297.4%20210.4%20298.7C208.7%20300.5%20208.3%20301.3%20208.0%20303.3C207.8%20305.3%20207.5%20305.7%20206.0%20307.5C204.5%20309.3%20204.2%20309.7%20204.0%20311.7C203.7%20313.7%20203.3%20314.5%20201.6%20316.3C200.7%20317.3%20200.2%20317.9%20200.1%20318.6C200.1%20319.1%20199.9%20319.9%20199.9%20320.4C199.6%20321.9%20198.9%20323.2%20197.4%20325.1C196.0%20326.9%20195.6%20327.7%20194.9%20330.3C194.6%20331.2%20194.1%20332.2%20193.3%20333.2C191.8%20335.1%20191.3%20336.3%20191.0%20338.5C190.7%20340.8%20190.0%20342.1%20188.6%20343.1C186.8%20344.3%20186.1%20345.1%20185.8%20346.5C185.4%20347.8%20184.5%20348.9%20184.0%20348.6C183.4%20348.3%20183.3%20347.4%20183.7%20346.1C184.2%20344.1%20184.1%20337.6%20183.5%20334.9C183.1%20332.8%20182.4%20329.8%20181.8%20326.2C181.3%20324.2%20180.5%20322.3%20179.0%20320.3C174.1%20313.6%20170.9%20312.6%20168.6%20316.8C168.2%20317.5%20167.5%20318.7%20167.0%20319.5C166.5%20320.3%20165.4%20322.3%20164.5%20324.0C163.6%20325.7%20162.5%20327.8%20162.0%20328.6C161.4%20329.3%20160.6%20330.9%20160.1%20332.0C159.7%20333.1%20158.8%20334.6%20158.2%20335.4C157.5%20336.2%20156.6%20337.8%20156.1%20339.0C155.7%20340.1%20154.7%20341.9%20154.0%20343.0C153.3%20344.1%20152.3%20345.9%20151.9%20347.0C151.4%20348.2%20150.5%20349.8%20149.8%20350.6C149.2%20351.4%20148.3%20352.9%20147.9%20354.0C146.8%20356.6%20146.1%20357.9%20145.0%20359.6C144.4%20360.3%20143.6%20361.9%20143.1%20363.0C142.7%20364.1%20141.8%20365.6%20141.1%20366.4C140.4%20367.4%20139.6%20368.8%20139.0%20370.5C138.4%20372.2%20137.6%20373.6%20136.9%20374.6C136.2%20375.4%20135.3%20376.9%20134.9%20378.0C134.4%20379.1%20133.6%20380.7%20133.0%20381.4C132.5%20382.2%20131.4%20384.3%20130.5%20386.0C129.6%20387.7%20128.5%20389.8%20127.9%20390.6C127.4%20391.4%20126.5%20393.2%20126.0%20394.6C125.4%20396.2%20124.6%20397.6%20123.9%20398.5C123.2%20399.3%20122.2%20401.1%20121.6%20402.6C121.0%20404.0%20120.2%20405.6%20119.8%20406.2C119.4%20406.9%20118.8%20407.9%20118.4%20408.6C117.4%20410.1%20117.7%20410.2%20112.9%20406.9Z%22%2F%3E%20%3Cpath%20fill%3D%22url%28%23hm%29%22%20d%3D%22M372%2040C420%2042%20470%2062%20505%2090C528%20110%20548%20135%20556%20165C562%20190%20552%20215%20550%20240C556%20268%20566%20300%20580%20342C560%20318%20546%20300%20535%20282C522%20262%20508%20236%20490%20200C470%20150%20445%20105%20412%2072C400%2060%20388%2050%20372%2040Z%22%2F%3E%20%3Cpath%20fill%3D%22url%28%23hs%29%22%20opacity%3D%22.55%22%20d%3D%22M410.0%2062.0Q476.9%20103.9%20535.0%20160.0Q481.9%2097.6%20410.0%2062.0ZM440.0%2080.0Q496.9%20132.5%20540.0%20205.0Q501.9%20128.5%20440.0%2080.0ZM470.0%20110.0Q511.5%20171.9%20545.0%20250.0Q517.1%20168.9%20470.0%20110.0Z%22%2F%3E%20%3Cpath%20fill%3D%22url%28%23hs%29%22%20d%3D%22M528.0%20138.0Q561.6%20156.1%20598.0%20177.0Q567.0%20146.3%20528.0%20138.0ZM540.0%20175.0Q591.7%20197.3%20642.0%20222.0Q597.0%20185.6%20540.0%20175.0ZM545.0%20235.0Q581.6%20256.1%20613.0%20273.0Q587.0%20246.3%20545.0%20235.0ZM552.0%20250.0Q610.5%20279.8%20658.0%20312.0Q617.7%20267.3%20552.0%20250.0ZM548.0%20262.0Q568.8%20298.3%20588.0%20338.0Q578.7%20293.0%20548.0%20262.0ZM540.0%20262.0Q549.4%20302.1%20566.0%20330.0Q558.4%20298.7%20540.0%20262.0ZM530.0%20160.0Q564.3%20209.7%20592.0%20262.0Q576.6%20202.2%20530.0%20160.0ZM536.0%20190.0Q572.7%20239.5%20604.0%20270.0Q581.2%20232.3%20536.0%20190.0ZM532.0%20215.0Q560.7%20252.9%20574.0%20292.0Q569.2%20248.3%20532.0%20215.0Z%22%2F%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23iv%29%22%20d%3D%22M662.9%20461.8C662.3%20461.8%20659.7%20461.5%20657.0%20461.1C648.5%20460.1%20640.8%20459.2%20636.9%20459.0C616.5%20457.7%20600.1%20451.5%20583.6%20439.0C582.1%20437.8%20578.8%20435.3%20576.2%20433.4C564.2%20424.3%20547.5%20406.6%20534.7%20389.2C529.7%20382.4%20517.8%20363.1%20514.0%20355.6C513.5%20354.5%20511.7%20351.3%20510.1%20348.4C503.2%20336.3%20490.2%20311.1%20479.8%20289.6C470.1%20269.7%20464.5%20257.9%20462.4%20253.1C461.6%20251.4%20460.6%20249.1%20460.0%20248.1C459.5%20247.0%20458.5%20244.8%20457.8%20243.1C457.1%20241.5%20455.3%20237.5%20453.9%20234.4C452.4%20231.2%20450.5%20227.0%20449.6%20225.0C448.7%20223.1%20447.7%20220.8%20447.3%20220.0C446.9%20219.3%20446.1%20217.5%20445.5%20216.1C443.1%20210.4%20430.0%20184.2%20425.6%20176.4C424.6%20174.5%20423.1%20171.7%20422.4%20170.2C421.6%20168.8%20419.9%20165.6%20418.5%20163.2C417.1%20160.8%20415.0%20157.1%20413.8%20154.9C412.6%20152.7%20410.8%20149.4%20409.7%20147.6C408.7%20145.8%20406.1%20141.4%20404.0%20137.8C401.9%20134.1%20399.0%20129.3%20397.5%20127.0C396.0%20124.7%20394.2%20121.9%20393.5%20120.6C392.8%20119.4%20391.0%20116.6%20389.5%20114.4C388.0%20112.2%20385.0%20107.7%20382.9%20104.4C377.3%2095.9%20377.4%2096.0%20375.0%2093.2C371.6%2089.1%20361.0%2078.4%20357.5%2075.5C348.8%2068.2%20336.1%2060.5%20323.9%2055.1C319.9%2053.4%20317.5%2052.1%20315.4%2050.7C311.8%2048.4%20311.4%2048.2%20307.4%2047.3C305.7%2046.8%20302.9%2045.9%20301.2%2045.2C299.5%2044.5%20296.8%2043.6%20295.1%2043.2C293.5%2042.8%20291.1%2042.0%20289.8%2041.4C286.3%2040.0%20285.4%2039.8%20280.0%2039.4C273.6%2038.9%20271.6%2038.5%20268.5%2037.2C265.3%2035.8%20264.3%2035.6%20260.0%2035.2C243.9%2033.9%20244.3%2030.5%20260.8%2027.9C265.9%2027.2%20265.9%2027.2%20288.2%2027.1C312.9%2027.0%20312.7%2026.9%20322.0%2028.5C325.2%2029.0%20329.9%2029.7%20332.5%2030.0C341.0%2031.0%20342.8%2031.3%20349.1%2033.1C351.2%2033.7%20355.2%2034.6%20357.8%2035.1C366.3%2036.7%20368.7%2037.6%20372.1%2040.4C374.6%2042.4%20375.7%2043.0%20379.2%2044.0C380.9%2044.5%20382.8%2045.3%20384.4%2046.1C385.8%2046.9%20390.0%2049.1%20393.8%2051.0C398.9%2053.6%20401.4%2055.0%20403.6%2056.7C405.3%2057.9%20408.0%2059.7%20409.8%2060.8C418.2%2066.2%20432.5%2080.1%20436.7%2087.1C437.6%2088.6%20439.1%2090.8%20440.1%2092.1C442.7%2095.4%20443.2%2096.3%20445.0%2099.6C445.8%20101.3%20447.3%20103.7%20448.3%20105.0C450.8%20108.3%20452.0%20110.2%20453.5%20113.2C454.2%20114.7%20456.0%20118.1%20457.6%20120.7C459.1%20123.4%20462.4%20129.7%20465.0%20134.8C467.6%20139.9%20470.5%20145.6%20471.5%20147.4C472.5%20149.2%20473.8%20151.9%20474.5%20153.4C476.3%20157.5%20479.1%20163.4%20482.5%20170.0C484.1%20173.2%20488.2%20181.5%20491.5%20188.4C497.9%20201.6%20498.0%20201.8%20505.0%20216.1C507.5%20221.1%20509.5%20225.3%20509.5%20225.4C509.5%20225.5%20510.2%20226.9%20511.2%20228.6C512.1%20230.2%20513.4%20232.8%20514.0%20234.3C515.4%20237.4%20517.6%20241.3%20520.6%20245.8C521.7%20247.3%20523.0%20249.7%20523.7%20251.0C524.3%20252.3%20526.2%20256.2%20527.9%20259.8C529.6%20263.3%20531.6%20267.8%20532.3%20269.9C535.0%20277.2%20538.3%20284.4%20541.6%20290.3C542.2%20291.3%20543.2%20293.3%20543.8%20294.6C545.5%20298.4%20550.0%20307.4%20552.1%20311.2C553.1%20313.1%20554.8%20316.4%20556.0%20318.5C557.2%20320.6%20559.1%20323.8%20560.3%20325.6C563.0%20329.7%20563.8%20331.3%20564.7%20334.5C566.1%20339.3%20566.7%20340.4%20572.8%20350.5C577.5%20358.1%20588.4%20374.4%20591.9%20378.9C593.5%20380.9%20595.7%20383.9%20596.8%20385.5C610.9%20405.2%20633.9%20425.3%20651.5%20433.3C657.1%20435.8%20665.6%20439.1%20669.5%20440.3C671.4%20440.8%20674.8%20441.9%20677.2%20442.8C679.7%20443.6%20683.3%20444.6%20685.4%20445.1C687.4%20445.6%20690.8%20446.5%20692.9%20447.1C694.9%20447.7%20698.9%20448.7%20701.6%20449.3C704.4%20449.8%20708.2%20450.7%20710.1%20451.3C712.0%20451.8%20715.1%20452.6%20716.9%20453.0C721.6%20454.0%20723.0%20454.8%20723.0%20456.5C723.0%20459.0%20718.9%20460.2%20708.4%20461.0C706.3%20461.2%20704.0%20461.4%20703.1%20461.5C701.7%20461.8%20665.1%20462.1%20662.9%20461.8ZM139%20444.5L244%20229L248%20231L285.7%20306L359.2%20305.5L284.6%20149L321%2070L327.3%2074L507.5%20444.5L425%20444.5L391%20375L254.7%20375L221%20444.5Z%22%2F%3E%20%3Cpath%20fill%3D%22url%28%23trait%29%22%20d%3D%22M560%20268.6H1178V272.4H560Z%22%2F%3E%20%3Cpath%20fill%3D%22url%28%23oc-clairs%29%22%20d%3D%22M728%20454.4H1075V457.6H728Z%22%2F%3E%20%3Cg%20fill%3D%22url%28%23oc-clairs%29%22%3E%3Cpath%20d%3D%22M643.9%20148.7%20645.1%20162.1%20604.5%20252.3Q604.5%20252.3%20603.2%20255.2Q601.9%20258.1%20600.7%20262Q599.4%20266%20599.1%20269.7H597.5L594.2%20257.9ZM546.9%20254.9V267H530V265.3Q530.2%20265.3%20531.3%20265.3Q532.4%20265.3%20532.4%20265.3Q536.6%20265.3%20539.8%20262.6Q543%20259.9%20543.6%20254.9ZM552.1%20257.6Q552.1%20257.7%20552.1%20257.9Q552.1%20258.1%20552.1%20258.4Q552.1%20261%20553.9%20263.3Q555.6%20265.5%20558%20265.5H560.3V267H551V257.6ZM555.5%20148.7H556.8L560.6%20160.8L551.3%20267H542.2ZM556.8%20148.7%20602.7%20247.1%20597.5%20269.7%20553.6%20174.2ZM645.2%20148.7%20658.8%20267H642.6L634.6%20174.7L643.9%20148.7ZM654.2%20254.9H657.4Q658.2%20259.9%20661.4%20262.6Q664.6%20265.3%20668.6%20265.3Q668.6%20265.3%20669.8%20265.3Q671%20265.3%20671%20265.3V267H654.2ZM641.9%20257.6H643V267H633.7V265.5H635.9Q638.5%20265.5%20640.2%20263.3Q641.9%20261%20641.9%20258.4Q641.9%20258.1%20641.9%20257.9Q641.9%20257.7%20641.9%20257.6ZM736.5%20148.3%20784.6%20266H766.3L731.3%20169.6ZM702.8%20254.9Q701.7%20258.2%20702.5%20260.5Q703.3%20262.9%20705.1%20264.1Q706.9%20265.3%20708.7%20265.3H710.2V267H678V265.3Q678%20265.3%20678.7%20265.3Q679.4%20265.3%20679.4%20265.3Q683%20265.3%20686.9%20262.9Q690.7%20260.5%20693.2%20254.9ZM736.5%20148.3%20737.8%20162.8%20698.5%20266.5H688.4L728.7%20166.9Q728.8%20166.6%20729.8%20164.3Q730.9%20162.1%20732%20159Q733.2%20155.8%20734.1%20152.8Q735.1%20149.8%20735.1%20148.3ZM756.7%20223.7V229.4H708.7V223.7ZM762.2%20254.9H779.9Q782.5%20260.5%20786.3%20262.9Q790.1%20265.3%20793.7%20265.3Q793.7%20265.3%20794.4%20265.3Q795%20265.3%20795%20265.3V267H754.8V265.3H756.3Q759.4%20265.3%20761.8%20262.6Q764.1%20259.9%20762.2%20254.9ZM883.7%20148.7Q883.7%20148.7%20883.7%20149.4Q883.7%20150.2%20883.7%20150.2L817.3%20267H801V265.5L863.4%20156.5H803.2V150.8H867.3Q870.4%20150.8%20873.9%20150.5Q877.4%20150.2%20880.1%20149.7Q882.8%20149.2%20883.7%20148.7ZM883.9%20261.4%20882.9%20267H811.2V261.4ZM889%20238.8%20883.7%20267H860.6L862%20262.5L864%20261.4Q873.2%20261.4%20879.1%20255Q885.1%20248.6%20887.4%20238.8ZM816.1%20156.5Q811.1%20156.6%20807.9%20160Q804.7%20163.4%20804.7%20168.7V171.4H803.2V156H816.1ZM803.2%20147.9Q804.7%20148.5%20807.9%20149.2Q811.1%20149.8%20815%20150.3Q818.8%20150.8%20822.1%20150.8L803.2%20152.7ZM921.8%20151V267H909.2V151ZM909.6%20254.9V267H898.7V265.3Q898.7%20265.3%20899.6%20265.3Q900.5%20265.3%20900.5%20265.3Q904%20265.3%20906.5%20262.3Q909%20259.2%20909.2%20254.9ZM909.6%20163.1H909.2Q909%20158.8%20906.5%20155.7Q904%20152.7%20900.5%20152.7Q900.5%20152.7%20899.6%20152.7Q898.7%20152.7%20898.7%20152.7V151H909.6ZM921.4%20254.9H921.8Q922%20259.2%20924.5%20262.3Q927%20265.3%20930.5%20265.3Q930.5%20265.3%20931.3%20265.3Q932.1%20265.3%20932.3%20265.3V267H921.4ZM921.4%20163.1V151H932.3V152.7Q932.1%20152.7%20931.3%20152.7Q930.5%20152.7%20930.5%20152.7Q927%20152.7%20924.5%20155.7Q922%20158.8%20921.8%20163.1ZM958.1%20148.5%201039.7%20250.6%201041%20269.3%20959.5%20167.4ZM958.5%20255.2V267H947.3V265.3Q947.3%20265.3%20948.5%20265.3Q949.7%20265.3%20949.8%20265.3Q953.2%20265.3%20955.7%20262.4Q958.1%20259.4%20958.1%20255.2ZM968.7%20255.2Q968.7%20259.4%20971.2%20262.4Q973.6%20265.3%20977%20265.3Q977.1%20265.3%20978.4%20265.3Q979.6%20265.3%20979.6%20265.3V267H968.3V255.2ZM958.1%20148.5%20968.6%20163.1%20968.7%20267H958.1V169.2Q958.1%20160.4%20957.4%20154.5Q956.8%20148.5%20956.8%20148.5ZM1040.9%20151V248.1Q1040.9%20253.7%201041.2%20258.6Q1041.6%20263.5%201041.9%20266.4Q1042.2%20269.3%201042.2%20269.3H1041L1030.4%20254.6V151ZM1051.7%20151V152.7Q1051.7%20152.7%201050.5%20152.7Q1049.3%20152.7%201049.3%20152.7Q1045.9%20152.7%201043.5%20155.6Q1041%20158.5%201040.9%20162.8H1040.5V151ZM1019.4%20151H1030.7V162.8H1030.4Q1030.3%20158.5%201027.9%20155.6Q1025.5%20152.7%201022%20152.7Q1022%20152.7%201020.8%20152.7Q1019.5%20152.7%201019.4%20152.7ZM1162.8%20220.6V247.9Q1159.2%20252.9%201152.6%20257.9Q1146.1%20262.9%201136.7%20266.1Q1127.4%20269.3%201115.2%20269.3Q1098.3%20269.2%201085.3%20261.7Q1072.4%20254.2%201065.2%20240.7Q1058%20227.2%201058%20209Q1058%20190.8%201065.2%20177.2Q1072.4%20163.6%201085.3%20156.1Q1098.3%20148.7%201115.5%20148.7Q1124.1%20148.7%201131.5%20150.1Q1138.8%20151.5%201144.8%20153.9Q1150.8%20156.3%201155.3%20159.3L1157.5%20184.3H1156.1Q1153.6%20174%201148.1%20167.5Q1142.6%20160.9%201134.7%20157.6Q1126.8%20154.3%201117.1%20154.3Q1104.1%20154.3%201094.4%20161.1Q1084.8%20167.9%201079.5%20180.2Q1074.3%20192.6%201074.3%20209.3Q1074.3%20225.6%201079.5%20237.8Q1084.6%20250.1%201094%20256.8Q1103.3%20263.5%201116%20263.7Q1122.4%20263.7%201128.4%20261.9Q1134.5%20260%201139.6%20256.7Q1144.8%20253.4%201148.2%20248.6L1148.4%20220.6Q1148.4%20213.1%201140.4%20213.1H1137.9V211.5H1173V213.1H1170.6Q1162.5%20213.1%201162.8%20220.6Z%22%2F%3E%3Cpath%20d%3D%22M746.9%20337.9Q761.4%20337.9%20772.2%20344.7Q783%20351.5%20789%20363.9Q795%20376.3%20795%20393Q795%20409.7%20789%20422.1Q783%20434.5%20772.2%20441.3Q761.4%20448.1%20746.9%20448.1Q732.6%20448.1%20721.8%20441.3Q711%20434.5%20705%20422.1Q699%20409.7%20699%20393Q699%20376.3%20705%20363.9Q711%20351.5%20721.8%20344.7Q732.6%20337.9%20746.9%20337.9ZM746.9%20443Q757.4%20443%20765%20436.8Q772.6%20430.6%20776.9%20419.3Q781.2%20408.1%20781.2%20393Q781.2%20377.9%20776.9%20366.7Q772.6%20355.4%20765%20349.2Q757.4%20343%20746.9%20343Q736.6%20343%20729%20349.2Q721.3%20355.4%20717%20366.7Q712.7%20377.9%20712.7%20393Q712.7%20408.1%20717%20419.3Q721.3%20430.6%20729%20436.8Q736.6%20443%20746.9%20443ZM894%20401.8%20893.3%20426.3Q889.7%20432.5%20884.2%20437.4Q878.7%20442.4%20871%20445.2Q863.3%20448.1%20853.2%20448.1Q837.5%20448%20825.5%20441.2Q813.4%20434.5%20806.7%20422.1Q800%20409.8%20800%20392.8Q800%20376.2%20806.6%20363.9Q813.3%20351.5%20825.3%20344.7Q837.4%20337.9%20853.9%20337.9Q864.8%20337.9%20873.5%20340.7Q882.2%20343.5%20888.3%20347.6L890.3%20370.4H889Q885.6%20356.5%20876.2%20349.8Q866.9%20343%20854.5%20343Q842.2%20343%20833.4%20349.2Q824.5%20355.3%20819.7%20366.4Q814.8%20377.6%20814.8%20392.7Q814.8%20407.7%20819.6%20418.9Q824.4%20430.1%20833%20436.4Q841.7%20442.7%20853.2%20443Q863.6%20443%20871.9%20439Q880.2%20435.1%20885.6%20426.1Q891%20417.1%20892.9%20401.8ZM941.9%20385.4%20984.9%20437.2Q988.3%20440.7%20991.8%20442.5Q995.2%20444.3%201000%20444.5V446H991.3Q989.7%20446%20986.5%20445.8Q983.2%20445.5%20979.3%20444.6Q975.4%20443.7%20971.6%20441.7Q967.7%20439.6%20964.7%20436Q964.4%20435.7%20961.9%20432.6Q959.3%20429.5%20955.4%20424.7Q951.5%20420%20947.2%20414.7Q943%20409.4%20939.1%20404.7Q935.2%20400.1%20932.8%20397.2Q930.4%20394.2%20930.4%20394.2ZM984.9%20341.1%20938.3%20393.9%20930.4%20394.2%20973.1%20341.1ZM995.6%20340V341.4H995Q989.9%20341.4%20985.5%20343.3Q981%20345.3%20977.9%20348.8L967.2%20348.5Q969.2%20345.9%20967.9%20343.6Q966.6%20341.4%20963.5%20341.4H961.9V340H995ZM925.4%20340V446H911V340ZM911.4%20434.9V446H899V444.5Q899%20444.5%20900%20444.5Q901%20444.5%20901%20444.5Q905.1%20444.5%20907.9%20441.7Q910.8%20438.9%20911%20434.9ZM911.4%20351.1H911Q910.8%20347.1%20907.9%20344.3Q905.1%20341.5%20901%20341.5Q901%20341.5%20900%20341.5Q899%20341.5%20899%20341.5V340H911.4ZM924.9%20434.9H925.4Q925.6%20438.9%20928.4%20441.7Q931.3%20444.5%20935.4%20444.5Q935.5%20444.5%20936.4%20444.5Q937.2%20444.5%20937.4%20444.5V446H924.9ZM924.9%20351.1V340H937.4V341.5Q937.2%20341.5%20936.4%20341.5Q935.5%20341.5%20935.4%20341.5Q931.3%20341.5%20928.4%20344.3Q925.6%20347.1%20925.4%20351.1ZM1039.2%20337.9Q1041.8%20337.9%201045.3%20338.2Q1048.8%20338.5%201052.3%20339Q1055.8%20339.5%201058.6%20340.1Q1061.3%20340.6%201062.6%20341.2L1062%20359.2H1060.6Q1060.6%20351.8%201055.1%20347.4Q1049.5%20343%201041.2%20343Q1032.4%20343%201027%20347.9Q1021.6%20352.9%201021.6%20359.5Q1021.4%20362.9%201023.4%20366.6Q1025.3%20370.3%201029.4%20373.5L1060.1%20398.1Q1065.6%20402.2%201067.9%20407.6Q1070.1%20413%201070%20418.7Q1069.7%20432.1%201060.7%20440.1Q1051.7%20448.1%201036.5%20448.1Q1031.6%20448.1%201026%20447.2Q1020.5%20446.3%201015.6%20444.4Q1010.7%20442.5%201007.7%20439.5Q1006.9%20436.8%201007%20432.8Q1007.1%20428.7%201008%20424.5Q1008.8%20420.3%201010.2%20416.9H1011.6Q1010.9%20424.6%201013.9%20430.7Q1017%20436.8%201022.9%20440Q1028.8%20443.3%201036.5%20443Q1045.8%20442.7%201051.8%20437.4Q1057.9%20432.2%201057.9%20423.7Q1057.9%20419.3%201055.8%20415.7Q1053.8%20412.1%201049.5%20409.2L1020.3%20385.3Q1014.3%20381%201011.8%20375.3Q1009.3%20369.5%201009.6%20363.8Q1009.9%20357%201013.4%20351Q1016.8%20345%201023.4%20341.4Q1029.9%20337.9%201039.2%20337.9ZM1062.6%20339.4V342.6H1048.4V339.4Z%22%2F%3E%3C%2Fg%3E%20%3C%2Fsvg%3E")}
[data-logo-theme]{object-position:-99999px 0;background:var(--logo-theme) center/contain no-repeat}:root[data-logo-original] [data-logo-theme]{object-position:50% 50%;background:none}