@font-face{font-family:"Outfit";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fichiers/typo/titres-outfit.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fichiers/typo/texte-nunito-sans.woff2) format("woff2")}

:root{
  --zl-abysse:#0a1a30;
  --zl-canard:#0f2747;
  --zl-canard-vif:#1d4e89;
  --zl-turquoise:#2fb3ad;
  --zl-lagon:#cfeeed;
  --zl-ecume:#eaf7f6;
  --zl-blanc:#fff;
  --zl-laiton:#ff6b57;
  --zl-laiton-sombre:#e8523f;
  --zl-laiton-texte:#b3301c;
  --zl-encre:#13233d;
  --zl-doux:#4b5b70;
  --zl-trait:#c5e6e5;
  --zl-alerte:#a3261d;
  --zl-focus:#0f2747;
  --zl-ombre:0 18px 40px -22px rgba(10,26,48,.45);
  --zl-titres:"Outfit",ui-rounded,"Avenir Next",system-ui,sans-serif;
  --zl-texte:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --zl-rayon:26px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--zl-blanc);color:var(--zl-encre);font-family:var(--zl-texte);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--zl-canard-vif);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--zl-canard)}
h1,h2,h3{font-family:var(--zl-titres);line-height:1.15;letter-spacing:-.01em;margin:0 0 .6em;color:inherit}
h1{font-size:clamp(2.05rem,6.4vw,3.5rem);font-weight:650}
h2{font-size:clamp(1.6rem,4.2vw,2.4rem);font-weight:600}
h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
:focus-visible{outline:3px solid var(--zl-focus);outline-offset:3px;border-radius:6px}
.zl-cadre{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}
@media (min-width:700px){.zl-cadre{padding-inline:28px}}

.zl-evitement{position:absolute;left:12px;top:-60px;z-index:100;background:var(--zl-laiton);color:var(--zl-abysse);padding:12px 18px;border-radius:999px;font-weight:700}
.zl-evitement:focus{top:12px}

/* Boutons */
.zl-bouton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.6em 1.5em;border-radius:999px;border:2px solid transparent;font-family:var(--zl-titres);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;text-align:center}
.zl-bouton--laiton{background:var(--zl-laiton);color:var(--zl-abysse);box-shadow:0 10px 24px -14px rgba(200,64,44,.9)}
.zl-bouton--laiton:hover{background:#ff8571;color:var(--zl-abysse);transform:translateY(-2px)}
.zl-bouton--fantome{border-color:rgba(255,255,255,.65);color:var(--zl-blanc)}
.zl-bouton--fantome:hover{background:rgba(255,255,255,.12);color:var(--zl-blanc)}
.zl-bouton--fantome-sombre{border-color:var(--zl-canard);color:var(--zl-canard)}
.zl-bouton--fantome-sombre:hover{background:var(--zl-lagon)}
.zl-bouton--grand{min-height:56px;padding-inline:1.8em;font-size:1.06rem}
.zl-bouton[disabled]{opacity:.7;cursor:progress;transform:none}

/* En-tête */
.zl-bandeau{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(15,39,71,.1)}
.zl-bandeau__rang{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;min-height:68px}
.zl-marque{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--zl-canard);min-height:44px}
.zl-marque__signe{flex:none}
.zl-marque__texte{font-family:var(--zl-titres);font-weight:650;font-size:1.14rem;letter-spacing:-.01em;white-space:nowrap}
.zl-marque__point{color:var(--zl-laiton-sombre)}
.zl-marque__ville{font-weight:400}
.zl-menu-bouton{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--zl-trait);background:var(--zl-ecume);color:var(--zl-canard);font:600 .95rem var(--zl-titres);cursor:pointer}
.zl-menu-bouton[hidden]{display:none}
.zl-navigation{width:100%}
.zl-navigation ul{list-style:none;margin:0;padding:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 6px}
.zl-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;text-decoration:none;color:var(--zl-encre);font-weight:600}
.zl-navigation a:hover{background:var(--zl-ecume);color:var(--zl-canard)}
.zl-navigation a[aria-current="page"]{background:var(--zl-lagon);color:var(--zl-canard)}
.zl-navigation .zl-bouton{color:var(--zl-abysse)}
.zl-js .zl-navigation{display:none}
.zl-js .zl-navigation.zl-ouvert{display:block}
.zl-js .zl-navigation.zl-ouvert ul{flex-direction:column;align-items:stretch;padding:8px 0 16px}
.zl-js .zl-navigation.zl-ouvert a{min-height:48px}
@media (max-width:400px){.zl-marque__texte{font-size:1rem}.zl-marque{gap:8px}.zl-marque__signe{width:34px;height:34px}.zl-menu-bouton{padding:0 12px}}
@media (min-width:1000px){
  .zl-bandeau__rang{flex-wrap:nowrap}
  .zl-menu-bouton,.zl-js .zl-menu-bouton{display:none}
  .zl-navigation,.zl-js .zl-navigation{display:block;width:auto}
  .zl-navigation ul{padding:0;flex-wrap:nowrap;align-items:center}
  .zl-navigation__appel{margin-left:8px}
}

/* Motif zellige */
.zl-zellige{
  background-color:#41bdb6;
  background-image:
    radial-gradient(circle at 50% 50%,rgba(255,107,87,.85) 0 3px,transparent 3.5px),
    linear-gradient(90deg,rgba(255,255,255,.92) 2px,transparent 2px),
    linear-gradient(rgba(255,255,255,.92) 2px,transparent 2px),
    linear-gradient(45deg,rgba(15,39,71,.28) 25%,transparent 25%,transparent 75%,rgba(15,39,71,.28) 75%),
    linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%);
  background-size:72px 72px,24px 24px,24px 24px,48px 48px,96px 96px;
  background-position:13px 13px,0 0,0 0,0 0,0 0;
}

/* Vagues */
.zl-vague{display:block;width:100%;height:46px;color:var(--zl-blanc);margin-top:-1px}
@media (min-width:900px){.zl-vague{height:70px}}

/* Ouverture */
.zl-ouverture{position:relative;overflow-x:clip;background:radial-gradient(120% 90% at 85% 10%,rgba(47,179,173,.45),transparent 55%),radial-gradient(80% 70% at 0% 100%,rgba(29,78,137,.9),transparent 70%),var(--zl-canard);color:var(--zl-blanc);--zl-focus:#ff9a8a}
.zl-ouverture__grille{display:grid;gap:40px;padding-top:44px;padding-bottom:28px}
.zl-surtitre{font-family:var(--zl-titres);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--zl-laiton-texte);margin-bottom:.8em;display:inline-flex;align-items:center;gap:.6em}
.zl-surtitre::before{content:"";width:18px;height:18px;border-radius:6px;background:conic-gradient(var(--zl-turquoise) 0 25%,var(--zl-lagon) 0 50%,var(--zl-turquoise) 0 75%,var(--zl-laiton) 0);flex:none}
.zl-surtitre--clair{color:var(--zl-lagon)}
.zl-chapeau{font-size:1.14rem;max-width:58ch}
.zl-ouverture .zl-chapeau{color:#e3f4f6}
.zl-ouverture__note{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center}
.zl-ouverture__vignette img{border-radius:80px 80px 18px 18px;outline:2px solid var(--zl-laiton);outline-offset:4px}
@media (max-width:399px){.zl-ouverture__note{grid-template-columns:1fr}.zl-ouverture__vignette{max-width:120px}}
.zl-ouverture__grille{position:relative;grid-template-areas:"texte" "poste" "note";gap:22px;padding-top:24px}
.zl-ouverture__texte{grid-area:texte}
.zl-ouverture__texte h1{font-size:clamp(1.85rem,5.6vw,3.2rem);margin-bottom:.4em}
.zl-ouverture__texte .zl-chapeau{margin:0}
.zl-ouverture .zl-poste{grid-area:poste}
.zl-ouverture__note{grid-area:note;color:var(--zl-blanc)}
.zl-ouverture__note-titre{font-family:var(--zl-titres);font-weight:600;margin-bottom:.4em;color:var(--zl-lagon)}
.zl-ouverture__note ol{margin:0 0 1em;padding-left:1.2em;font-size:.97rem}
.zl-ouverture__note .zl-bouton{min-height:44px;font-size:.95rem}
@media (min-width:960px){
  .zl-ouverture__grille{grid-template-columns:minmax(0,1fr) minmax(0,560px);grid-template-areas:"texte poste" "note poste";grid-template-rows:auto 1fr;align-items:start;column-gap:56px;row-gap:28px;padding-top:40px;padding-bottom:40px}
  .zl-ouverture__texte{padding-top:24px}
  .zl-ouverture__note{max-width:500px;grid-template-columns:130px minmax(0,1fr)}
}

/* Verre dépoli */
.zl-verre{background:rgba(255,255,255,.7);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.8);border-radius:var(--zl-rayon);padding:22px 22px 18px;box-shadow:var(--zl-ombre)}
.zl-verre--sombre{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:var(--zl-blanc);box-shadow:none}

/* Sections */
.zl-section{position:relative;padding-block:64px}
@media (min-width:900px){.zl-section{padding-block:96px}}
.zl-section--lagon{background:linear-gradient(180deg,var(--zl-ecume),var(--zl-blanc) 70%);border-radius:48px 48px 0 0}
.zl-section--canard{background:var(--zl-canard);color:var(--zl-blanc);overflow:hidden;--zl-focus:#ff9a8a}
.zl-section--canard a{color:var(--zl-lagon)}
.zl-section__motif{position:absolute;inset:0;opacity:.08;-webkit-mask-image:linear-gradient(120deg,#000 0,transparent 60%);mask-image:linear-gradient(120deg,#000 0,transparent 60%)}
.zl-section--canard > .zl-cadre{position:relative}
.zl-tete-section{max-width:720px;margin-bottom:40px}
.zl-tete-section p:last-child{color:var(--zl-doux)}
.zl-tete-section--clair p:last-child{color:#d8f0ef}

.zl-grille-cartes{display:grid;gap:18px}
@media (min-width:700px){.zl-grille-cartes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.zl-grille-cartes{grid-template-columns:repeat(4,1fr)}}
.zl-carte{position:relative;background:var(--zl-blanc);border:1.5px solid var(--zl-trait);border-radius:var(--zl-rayon);padding:26px 22px 22px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.zl-carte:hover{transform:translateY(-4px);box-shadow:var(--zl-ombre)}
.zl-carte p{color:var(--zl-doux);flex:1}
.zl-carte__pastille{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--zl-lagon);color:var(--zl-canard);font:600 1rem var(--zl-titres);margin-bottom:16px;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--zl-turquoise)}
.zl-lien-fleche{font-family:var(--zl-titres);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4em;min-height:44px}
.zl-lien-fleche::after{content:"→";transition:transform .2s}
.zl-lien-fleche:hover::after{transform:translateX(4px)}

.zl-duo{display:grid;gap:36px;align-items:center}
@media (min-width:960px){.zl-duo{grid-template-columns:.85fr 1.15fr;gap:64px}.zl-duo--inverse{grid-template-columns:1.15fr .85fr}}
.zl-photo-arrondie img{border-radius:36px;box-shadow:var(--zl-ombre)}
.zl-photo-goutte img{border-radius:999px 999px 40px 40px;outline:2px solid var(--zl-laiton);outline-offset:8px}
.zl-photo-galet img{border-radius:140px 32px 140px 32px;box-shadow:var(--zl-ombre)}
.zl-liste-gouttes{list-style:none;padding:0}
.zl-liste-gouttes li{position:relative;padding-left:34px;margin-bottom:.9em}
.zl-liste-gouttes li::before{content:"";position:absolute;left:4px;top:.42em;width:16px;height:16px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:var(--zl-turquoise)}

.zl-grille-trois{display:grid;gap:18px}
@media (min-width:860px){.zl-grille-trois{grid-template-columns:repeat(3,1fr)}}
.zl-encart{background:var(--zl-ecume);border-radius:var(--zl-rayon);padding:26px 24px;color:var(--zl-canard)}
.zl-encart h3{margin-top:14px}
.zl-encart p{color:var(--zl-encre);margin:0}

.zl-calcaire{display:grid;gap:32px}
@media (min-width:960px){.zl-calcaire{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.zl-calcaire__liste{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.zl-calcaire__liste li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:16px 18px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.zl-calcaire__liste strong{display:block;font-family:var(--zl-titres);font-weight:600;color:#9fe6e0}

.zl-etapes{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:zl-etape}
@media (min-width:860px){.zl-etapes{grid-template-columns:repeat(3,1fr)}}
.zl-etapes li{counter-increment:zl-etape;background:var(--zl-blanc);border:1.5px dashed var(--zl-trait);border-radius:var(--zl-rayon);padding:24px}
.zl-etapes__bulle{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--zl-canard);color:#fff;margin-bottom:12px;font:600 1.05rem var(--zl-titres)}
.zl-etapes__bulle::before{content:counter(zl-etape)}
.zl-etapes p{color:var(--zl-doux);margin:0}

/* Titres de page */
.zl-titre-page{background:radial-gradient(55% 80% at 100% 0%,rgba(47,179,173,.12),transparent 70%),var(--zl-blanc)}
.zl-titre-page__grille{display:grid;gap:32px;padding-top:36px;padding-bottom:12px;align-items:center}
.zl-titre-page--simple .zl-cadre{padding-top:36px;padding-bottom:8px}
.zl-titre-page .zl-chapeau{color:var(--zl-doux)}
.zl-titre-page h1{color:var(--zl-canard);max-width:22ch}
.zl-titre-page__photo{max-width:440px;margin-inline:auto;padding:10px}
.zl-titre-page__grille--poste{grid-template-areas:"texte" "poste" "photo";gap:20px;padding-top:20px;align-items:start}
.zl-titre-page__grille--poste > .zl-titre-page__texte{grid-area:texte}
.zl-titre-page__grille--poste > .zl-poste{grid-area:poste}
.zl-titre-page__grille--poste > .zl-titre-page__photo{grid-area:photo;max-width:360px}
.zl-titre-page__grille--poste .zl-fil{margin-bottom:.5em}
.zl-titre-page__grille--poste h1{font-size:clamp(1.8rem,5.4vw,3rem);margin-bottom:.4em}
@media (min-width:960px){.zl-titre-page__grille{grid-template-columns:1.2fr .8fr;padding-top:64px}.zl-titre-page--simple .zl-cadre{padding-top:64px}
  .zl-titre-page__grille.zl-titre-page__grille--poste{grid-template-columns:minmax(0,1fr) minmax(0,560px);grid-template-areas:"texte poste" "photo poste";grid-template-rows:auto 1fr;column-gap:56px;row-gap:24px;padding-top:40px;padding-bottom:24px}
  .zl-titre-page__grille--poste > .zl-titre-page__texte{padding-top:24px}
  .zl-titre-page__grille--poste > .zl-titre-page__photo{margin:0}}
.zl-fil{font-size:.92rem;color:var(--zl-doux)}
.zl-fil a{color:var(--zl-canard-vif)}

.zl-lecture{display:grid;gap:32px}
@media (min-width:1000px){.zl-lecture{grid-template-columns:250px 1fr;gap:64px;align-items:start}.zl-sommaire{position:sticky;top:100px}}
.zl-sommaire{background:var(--zl-ecume);border-radius:var(--zl-rayon);padding:20px}
.zl-sommaire__titre{font-family:var(--zl-titres);font-weight:600;color:var(--zl-canard);margin-bottom:.4em}
.zl-sommaire ol{margin:0;padding-left:1.2em}
.zl-sommaire a{display:inline-block;padding:6px 0;text-decoration:none}
.zl-texte{max-width:72ch}
.zl-texte h2{margin-top:1.6em;color:var(--zl-canard);font-size:clamp(1.4rem,3.4vw,1.85rem)}
.zl-texte h2:first-child{margin-top:0}
.zl-texte li{margin-bottom:.5em}
.zl-encadre{border-left:5px solid var(--zl-laiton);background:#eaf7f6;border-radius:0 18px 18px 0;padding:16px 20px;margin:1.4em 0}
.zl-encadre p{margin:0}
.zl-liste-numerotee li::marker{font-family:var(--zl-titres);font-weight:600;color:var(--zl-canard-vif)}
.zl-etroit{max-width:860px}

.zl-appel{margin-top:48px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:var(--zl-canard);color:#fff;border-radius:32px;padding:28px 26px;position:relative;overflow:hidden;--zl-focus:#ff9a8a}
.zl-appel::after{content:"";position:absolute;right:-50px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:var(--zl-turquoise);opacity:.35}
.zl-appel p{margin:0;max-width:60ch;position:relative;z-index:1}
.zl-appel a:not(.zl-bouton){color:var(--zl-lagon)}
.zl-appel .zl-bouton{position:relative;z-index:1}
@media (min-width:860px){.zl-appel{flex-direction:row;align-items:center;justify-content:space-between;padding:32px 40px}}

.zl-frise{list-style:none;padding:0;margin:0;counter-reset:zl-frise;display:grid;gap:0}
.zl-frise li{counter-increment:zl-frise;position:relative;padding:0 0 26px 64px}
.zl-frise li::before{content:counter(zl-frise);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--zl-lagon);color:var(--zl-canard);font:600 1.05rem var(--zl-titres)}
.zl-frise li::after{content:"";position:absolute;left:21px;top:50px;bottom:6px;width:2px;background:repeating-linear-gradient(var(--zl-turquoise) 0 6px,transparent 6px 12px)}
.zl-frise li:last-child::after{display:none}
.zl-frise h3{margin-bottom:.3em;padding-top:8px}
.zl-frise p{color:var(--zl-doux);margin:0}
@media (min-width:960px){.zl-frise{grid-template-columns:1fr 1fr;column-gap:56px}}

.zl-colonnes{display:grid;gap:36px}
@media (min-width:900px){.zl-colonnes{grid-template-columns:1fr 1fr;gap:64px}}
.zl-colonnes--espace{margin-top:56px;align-items:center}
.zl-photo-bande{max-width:420px}

.zl-secteur{margin-top:40px;color:var(--zl-canard);font-size:1.45rem}
.zl-secteur:first-child{margin-top:0}
.zl-grille-communes{display:grid;gap:14px}
@media (min-width:700px){.zl-grille-communes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.zl-grille-communes{grid-template-columns:repeat(3,1fr)}}
.zl-commune{border-radius:22px;padding:20px;background:var(--zl-ecume);border:1px solid var(--zl-trait)}
.zl-commune h3{display:flex;align-items:center;gap:8px;color:var(--zl-canard);margin-bottom:.4em}
.zl-commune p{margin:0;color:var(--zl-encre);font-size:.98rem}

.zl-accordeon{display:grid;gap:12px}
.zl-question{border-radius:22px;background:var(--zl-ecume);border:1px solid var(--zl-trait)}
.zl-question summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 20px;font-family:var(--zl-titres);font-weight:600;font-size:1.08rem;color:var(--zl-canard)}
.zl-question summary::-webkit-details-marker{display:none}
.zl-question summary svg{flex:none;transition:transform .2s}
.zl-question[open] summary svg{transform:rotate(180deg)}
.zl-question p{padding:0 20px 18px;margin:0}

/* Confirmation / 404 */
.zl-merci{position:relative;padding-block:72px 96px;overflow:hidden;background:var(--zl-blanc)}
.zl-merci__motif{position:absolute;inset:0;opacity:.14;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%)}
.zl-merci .zl-cadre{position:relative}
.zl-merci__carte{padding:32px 26px}
.zl-merci__carte h1{font-size:clamp(1.7rem,5vw,2.5rem);color:var(--zl-canard)}
.zl-merci__carte h2{font-size:1.25rem;color:var(--zl-canard);margin-top:1.4em}
.zl-merci__goutte{margin-bottom:12px}
.zl-code-erreur{font:700 4.5rem/1 var(--zl-titres);color:var(--zl-turquoise);margin:0 0 .2em}

/* Configurateur */
.zl-poste{position:relative;min-width:0;background:var(--zl-blanc);color:var(--zl-encre);border-radius:32px;padding:18px 12px 14px;box-shadow:0 30px 60px -34px rgba(10,26,48,.75);--zl-focus:#0f2747;scroll-margin-top:84px}
@media (min-width:600px){.zl-poste{padding:24px 20px 18px}}
.zl-poste__tete{padding:0 6px 12px}
.zl-titre-page .zl-poste,.zl-merci .zl-poste{border:1px solid var(--zl-trait);box-shadow:0 24px 50px -34px rgba(10,26,48,.55)}
@media (max-width:599px){.zl-titre-page__grille--poste .zl-chapeau{font-size:1rem;line-height:1.55}.zl-merci:has(.zl-poste){padding-top:28px}.zl-merci:has(.zl-poste) .zl-merci__carte{padding:22px 20px}.zl-merci:has(.zl-poste) .zl-code-erreur{font-size:3rem}}
.zl-poste__tete .zl-surtitre{margin-bottom:.4em}
.zl-poste__titre{font-size:clamp(1.3rem,3.6vw,1.6rem);color:var(--zl-canard);margin-bottom:.3em}
.zl-poste__aide{font-size:.93rem;line-height:1.5;color:var(--zl-doux);margin:0}
.zl-poste .zl-formulaire{gap:12px}
.zl-poste .zl-bloc{padding:18px 14px;box-shadow:none;border:1px solid var(--zl-trait)}
@media (min-width:600px){.zl-poste .zl-bloc{padding:20px 20px}}
.zl-poste .zl-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
.zl-poste .zl-carte-choix__corps{min-height:0;padding:12px 12px 14px}
.zl-poste .zl-carte-choix__corps svg{width:32px;height:32px}
.zl-poste .zl-alerte{margin:0 0 14px}
.zl-suite{width:100%;margin-top:14px}
.zl-suite[hidden]{display:none}
.zl-js .zl-formulaire.zl-replie > .zl-bloc ~ .zl-bloc,.zl-js .zl-formulaire.zl-replie > .zl-accord,.zl-js .zl-formulaire.zl-replie > .zl-envoi{display:none}
.zl-alerte{background:#fdeceb;color:var(--zl-alerte);border:1.5px solid #f0b8b3;border-radius:18px;padding:14px 18px;margin-bottom:20px;font-weight:600}
.zl-formulaire{display:grid;gap:16px;min-width:0}
.zl-bloc{border:0;margin:0;padding:22px 18px;background:var(--zl-blanc);border-radius:var(--zl-rayon);box-shadow:0 1px 0 var(--zl-trait),0 14px 30px -26px rgba(10,26,48,.5);min-width:0}
@media (min-width:600px){.zl-bloc{padding:26px 26px}}
.zl-bloc legend{float:left;width:100%;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:12px;font:600 1.18rem var(--zl-titres);color:var(--zl-canard)}
.zl-bloc legend + *{clear:both}
.zl-bloc__num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--zl-canard);color:#fff;font-size:.95rem;flex:none}
.zl-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.zl-cartes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zl-carte-choix{position:relative;display:block;cursor:pointer}
.zl-carte-choix input,.zl-interrupteur input,.zl-pastille input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.zl-carte-choix__corps{display:flex;flex-direction:column;gap:6px;height:100%;min-height:140px;padding:16px 14px;border-radius:20px;border:2px solid var(--zl-trait);background:var(--zl-blanc);color:var(--zl-canard);transition:border-color .2s,background-color .2s,transform .2s}
.zl-carte-choix:hover .zl-carte-choix__corps{border-color:var(--zl-turquoise)}
.zl-carte-choix__titre{font:600 1rem/1.25 var(--zl-titres);color:var(--zl-encre)}
.zl-carte-choix__aide{font-size:.86rem;line-height:1.4;color:var(--zl-doux)}
.zl-carte-choix input:checked + .zl-carte-choix__corps{border-color:var(--zl-canard);background:linear-gradient(160deg,var(--zl-lagon),#fff);box-shadow:inset 0 0 0 1px var(--zl-canard)}
.zl-carte-choix input:checked + .zl-carte-choix__corps::after{content:"";position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--zl-laiton) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%230a1a30' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.zl-carte-choix input:focus-visible + .zl-carte-choix__corps{outline:3px solid var(--zl-focus);outline-offset:3px}

.zl-conseil{margin:14px 0 0;padding:12px 16px;border-radius:16px;background:#eaf7f6;border-left:4px solid var(--zl-laiton);font-size:.95rem}
.zl-conseil[hidden]{display:none}

.zl-interrupteurs{display:grid;gap:10px}
.zl-interrupteur{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 14px;border-radius:18px;border:1.5px solid var(--zl-trait);cursor:pointer;transition:background-color .2s}
.zl-interrupteur:hover{background:var(--zl-ecume)}
.zl-interrupteur__piste{flex:none;position:relative;width:54px;height:32px;border-radius:999px;background:#b8c8d8;transition:background-color .2s}
.zl-interrupteur__bille{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(10,26,48,.3);transition:transform .2s}
.zl-interrupteur input:checked + .zl-interrupteur__piste{background:var(--zl-canard)}
.zl-interrupteur input:checked + .zl-interrupteur__piste .zl-interrupteur__bille{transform:translateX(22px);background:var(--zl-laiton)}
.zl-interrupteur input:focus-visible + .zl-interrupteur__piste{outline:3px solid var(--zl-focus);outline-offset:3px}
.zl-interrupteur__texte{display:flex;flex-direction:column;line-height:1.3}
.zl-interrupteur__texte strong{font-family:var(--zl-titres);font-weight:600}
.zl-interrupteur__texte small{color:var(--zl-doux);font-size:.88rem}

.zl-curseur label{font-weight:700;display:block;margin-bottom:8px}
.zl-curseur__rang{display:flex;align-items:center;gap:14px}
.zl-curseur input[type=range]{flex:1;min-width:0;height:44px;accent-color:var(--zl-canard);cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}
.zl-curseur input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--zl-turquoise) var(--zl-rempli,17%),var(--zl-lagon) var(--zl-rempli,17%))}
.zl-curseur input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:var(--zl-canard);border:4px solid var(--zl-laiton);box-shadow:0 3px 8px rgba(10,26,48,.35)}
.zl-curseur input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:var(--zl-lagon)}
.zl-curseur input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--zl-turquoise)}
.zl-curseur input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--zl-canard);border:4px solid var(--zl-laiton)}
.zl-curseur__valeur{flex:none;min-width:88px;text-align:center;padding:8px 14px;border-radius:999px;background:var(--zl-canard);color:#fff;font:600 1.1rem var(--zl-titres)}
.zl-petit{font-size:.9rem;color:var(--zl-doux);margin:8px 0 0}

.zl-pastilles{display:flex;flex-wrap:wrap;gap:8px}
.zl-pastille{cursor:pointer;position:relative}
.zl-pastille span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--zl-trait);font-weight:600;transition:background-color .2s,border-color .2s}
.zl-pastille:hover span{border-color:var(--zl-turquoise)}
.zl-pastille input:checked + span{background:var(--zl-canard);border-color:var(--zl-canard);color:#fff}
.zl-pastille input:focus-visible + span{outline:3px solid var(--zl-focus);outline-offset:3px}

.zl-champs{display:grid;gap:14px}
@media (min-width:640px){.zl-champs{grid-template-columns:1fr 1fr}.zl-champ--large{grid-column:1/-1}}
.zl-champ{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.zl-bloc > .zl-champ{margin-top:18px}
.zl-champ label{font-weight:700;font-size:.97rem}
.zl-requis,.zl-facultatif{font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-left:6px;padding:2px 8px;border-radius:999px;white-space:nowrap}
.zl-requis{background:#ffe7e2;color:var(--zl-laiton-texte)}
.zl-facultatif{background:var(--zl-ecume);color:var(--zl-doux)}
.zl-champ input,.zl-champ select,.zl-champ textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:14px;border:1.5px solid #7f97b3;background:#fff;color:var(--zl-encre);font:inherit;transition:border-color .2s,box-shadow .2s}
.zl-champ textarea{min-height:120px;resize:vertical}
.zl-champ input:focus,.zl-champ select:focus,.zl-champ textarea:focus{outline:none;border-color:var(--zl-canard);box-shadow:0 0 0 4px rgba(47,179,173,.3)}
.zl-champ .zl-invalide,.zl-accord .zl-invalide{border-color:var(--zl-alerte)}
.zl-champ .zl-valide{border-color:var(--zl-turquoise)}
.zl-erreur{margin:0;min-height:0;color:var(--zl-alerte);font-size:.9rem;font-weight:600}
.zl-erreur:empty{display:none}

.zl-accord{background:var(--zl-blanc);border-radius:var(--zl-rayon);padding:18px 20px}
.zl-accord__label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:.96rem}
.zl-accord__label input{flex:none;width:24px;height:24px;margin-top:2px;accent-color:var(--zl-canard)}
.zl-envoi{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:4px}
.zl-piege{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.zl-synthese{min-width:0}
.zl-synthese[hidden]{display:none}
.zl-synthese{margin-top:12px;background:var(--zl-ecume);border-radius:22px}
.zl-synthese__resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;min-height:52px;padding:12px 18px;cursor:pointer;list-style:none;border-radius:22px}
.zl-synthese__resume::-webkit-details-marker{display:none}
.zl-synthese__resume::after{content:"";width:10px;height:10px;border-right:2px solid var(--zl-canard);border-bottom:2px solid var(--zl-canard);transform:rotate(45deg);margin-left:auto;transition:transform .2s}
.zl-synthese[open] .zl-synthese__resume::after{transform:rotate(-135deg)}
.zl-synthese__intitule{font:600 1rem var(--zl-titres);color:var(--zl-canard)}
.zl-synthese__ligne{font-size:.86rem;color:var(--zl-doux)}
.zl-synthese__corps{padding:4px 18px 16px}
.zl-synthese__plan{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:4px 0 18px}
.zl-synthese__plan span{aspect-ratio:1;border-radius:5px;background:var(--zl-lagon);transition:background-color .25s,transform .25s}
.zl-synthese__plan span.zl-plein{background:var(--zl-turquoise)}
.zl-synthese__plan span.zl-plein:nth-child(3n){background:var(--zl-canard-vif)}
.zl-synthese__plan span.zl-plein:nth-child(7n){background:#6fcfc9}
.zl-synthese__plan span.zl-demi{background:linear-gradient(90deg,var(--zl-turquoise) 50%,var(--zl-lagon) 50%)}
.zl-synthese__liste{margin:0 0 16px;display:grid;gap:0}
.zl-synthese__liste div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--zl-trait)}
.zl-synthese__liste dt{color:var(--zl-doux);font-size:.92rem;flex:none}
.zl-synthese__liste dd{margin:0;text-align:right;font-weight:700;color:var(--zl-encre);overflow-wrap:anywhere}
.zl-synthese__sous{font-family:var(--zl-titres);font-weight:600;color:var(--zl-canard);margin-bottom:.4em}
.zl-synthese__points ul{margin:0 0 16px;padding:0;list-style:none;font-size:.94rem}
.zl-synthese__points li{position:relative;padding-left:22px;margin-bottom:.45em}
.zl-synthese__points li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--zl-laiton);transform:rotate(45deg)}
.zl-jauge__piste{height:10px;border-radius:999px;background:var(--zl-lagon);overflow:hidden;margin-top:6px}
.zl-jauge__piste span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--zl-turquoise),var(--zl-laiton));border-radius:inherit;transition:width .3s}

@media (min-width:1020px){
/* Pied */
.zl-pied{position:relative;background:var(--zl-abysse);color:#d3e3ef;margin-top:70px;padding-bottom:28px;--zl-focus:#ff9a8a}
.zl-vague--pied{position:absolute;left:0;right:0;top:-45px;height:46px;color:var(--zl-abysse)}
main:has(> .zl-merci:last-child) + .zl-pied{margin-top:0}
.zl-pied__grille{display:grid;gap:28px;padding-top:40px}
@media (min-width:860px){.zl-pied__grille{grid-template-columns:1.6fr 1fr 1fr;gap:48px}}
.zl-pied a{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.zl-pied ul{list-style:none;padding:0;margin:0}
.zl-pied li a{display:inline-flex;align-items:center;min-height:44px}
.zl-pied__nom{font:600 1.25rem var(--zl-titres);color:#fff}
.zl-pied__titre{font:600 .82rem var(--zl-titres);text-transform:uppercase;letter-spacing:.14em;color:var(--zl-laiton);margin-bottom:.3em}
.zl-pied__bas{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.88rem;color:#a9bfd6}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
.zl-section--serre{padding-block:0 64px}
.zl-section--serre .zl-appel{margin-top:0}