/* Sésame — charte v4 (octobre 2026). Jetons uniques : changer une valeur ici la change partout. */
@font-face{font-family:"Instrument Sans";font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-400-normal.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:"Instrument Sans";font-weight:500;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-500-normal.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:"Instrument Sans";font-weight:600;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-600-normal.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:"Instrument Sans";font-weight:700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-700-normal.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:"Instrument Sans";font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Instrument Sans";font-weight:500;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Instrument Sans";font-weight:600;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Instrument Sans";font-weight:700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,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:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400-italic.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:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --encre:#141414;--creme:#FFF8F2;--blanc:#FFFFFF;--sable:#F4EBE1;--peche:#FFE3D3;--pierre:#5A5148;--ligne:#E8DCCF;--ligne-forte:#DCCFC1;
  --soleil:#FF4F1F;--braise:#B8320D;
  --ok:#0E6B47;--ok-bg:#DFF1E7;--ko:#B3261E;--ko-bg:#FBE3E1;
  --gris-nuit:#B9B0A7;--texte-nuit:#E8E1DA;--carte-nuit:#222120;
  --r-carte:24px;--r-bloc:16px;--r-champ:14px;
  --ombre:0 24px 48px rgba(20,20,20,.14);
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Instrument Serif",Georgia,serif;
  /* alias v3 (back-office) */
  --orange:var(--soleil);--orange-deep:var(--braise);--noir:var(--encre);--brun:var(--pierre);--line:var(--ligne)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font:400 17px/28px var(--sans);color:var(--encre);background:var(--creme);font-feature-settings:"ss01"}
a{color:inherit;text-underline-offset:3px}img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--braise);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.wrap{max-width:1200px;margin:0 auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Typographie : Instrument Sans fait le travail, le serif n'est qu'un accent ---------- */
em,.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}
.t1{font:700 clamp(42px,6.6vw,88px)/.95 var(--sans);letter-spacing:-.045em;margin:0;text-wrap:balance}
.t1 em{color:var(--braise);letter-spacing:-.01em}
.t2{font:700 clamp(30px,3.8vw,48px)/1.05 var(--sans);letter-spacing:-.04em;margin:0;text-wrap:balance}
.t2 em{color:var(--braise)}
.t3{font:700 22px/1.2 var(--sans);letter-spacing:-.02em;margin:0}
.chapeau{font-size:20px;line-height:31px;color:var(--pierre);margin:0;max-width:580px}
.small{font-size:14px;line-height:22px;color:var(--pierre)}
.label{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:var(--encre);background:var(--peche);padding:8px 12px;border-radius:999px}
.num{font-variant-numeric:tabular-nums}
/* L'accent ne s'applique jamais aux contenus fonctionnels */
.c-main .card h2 em,.c-main .t3 em,.mini a em,.reg li em,.plan em,.cfg .ttl em,.recap em,.capture em{font:inherit;color:inherit;letter-spacing:inherit}

/* ---------- Conformité : un seul bandeau ---------- */
.compliance{background:var(--peche);color:var(--encre);font-size:14px;line-height:20px;text-align:center;padding:9px clamp(20px,4vw,40px)}
.compliance b{font-weight:600}
.compliance a{font-weight:500}

/* ---------- Logo ---------- */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--encre);flex:0 0 auto}
.logo svg{width:36px;height:36px;display:block}
.logo .w{font:700 24px/1 var(--sans);letter-spacing:-.035em;white-space:nowrap}
.logo .w em{color:var(--braise);font-size:26px;margin-left:4px;letter-spacing:0}
.on-dark .logo,.logo.neg{color:#fff}.on-dark .logo .w em,.logo.neg .w em{color:var(--soleil)}

/* ---------- Header sobre et collant ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(255,248,242,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-bottom-color:var(--ligne)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.nav nav{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:500}
.nav nav a{text-decoration:none}
.nav nav a:not(.btn){padding:9px 14px;border-radius:999px}
.nav nav a:not(.btn):hover{background:var(--sable)}
.nav .btn{margin-left:8px}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;border:0;font:600 17px/1 var(--sans);text-decoration:none;cursor:pointer;background:var(--soleil);color:var(--encre);transition:transform .15s ease,background-color .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px);background:#FF6236}
.btn-noir{background:var(--encre);color:#fff}.btn-noir:hover{background:#2A2826}
.btn-ghost{background:transparent;color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre)}.btn-ghost:hover{background:var(--sable)}
.on-dark .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}.on-dark .btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}

/* ---------- Statuts & progression ---------- */
.st{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--sans);padding:7px 11px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:9px;background:currentColor}
.st-recu{background:var(--peche);color:var(--braise)}.st-cours{background:var(--encre);color:#fff}.st-ok{background:var(--ok-bg);color:var(--ok)}.st-ko{background:var(--ko-bg);color:var(--ko)}
.pills4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pills4 i{height:6px;border-radius:9px;background:#EADFD3;transition:background-color .4s}.pills4 i.d{background:var(--encre)}.pills4 i.c{background:var(--soleil)}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;font-size:15px;line-height:23px;color:var(--pierre)}.steps4 span{display:flex;flex-direction:column;gap:6px}.steps4 b{font-weight:600;color:var(--encre)}

/* ---------- Héros : un seul soleil ---------- */
.hero .grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center;padding-top:clamp(28px,5vw,64px);padding-bottom:clamp(40px,6vw,80px)}
.hero-copy{display:flex;flex-direction:column;gap:24px}
.sun{position:absolute;border-radius:50%;background:var(--soleil);pointer-events:none}
.hero-visual{position:relative;background:var(--sable);border-radius:32px;min-height:460px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:40px 28px}
.hero-visual .sun{width:78%;aspect-ratio:1;right:-22%;bottom:-38%}
.search{display:flex;gap:8px;background:#fff;border-radius:999px;padding:6px;box-shadow:inset 0 0 0 1px var(--ligne),0 14px 32px rgba(20,20,20,.06);max-width:560px}
.search select{flex:1 1 auto;min-width:0;font:500 17px var(--sans);border:0;background:transparent;padding:0 18px;min-height:56px;color:var(--encre);border-radius:999px;cursor:pointer}
.search select:focus-visible{outline-offset:-3px}
.proofs{display:flex;gap:10px 20px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:15px;color:var(--pierre)}
.proofs li{display:flex;gap:8px;align-items:center}
.proofs svg{flex:0 0 auto;color:var(--encre)}

/* Carte de dossier animée (héros) */
.dossier{position:relative;z-index:1;background:#fff;border-radius:24px;padding:24px;width:min(420px,100%);box-shadow:var(--ombre);display:flex;flex-direction:column;gap:18px}
.dossier .d-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 11.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.dossier .d-stage{position:relative;min-height:132px}
.dossier .d-frame{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.dossier .d-frame.on{opacity:1;transform:none}
.dossier .d-frame b{font:700 30px/1.05 var(--sans);letter-spacing:-.04em}
.dossier .d-frame span{font-size:15px;line-height:22px;color:var(--pierre)}
.dossier .mrz{display:flex;gap:12px;align-items:center;background:var(--creme);border-radius:14px;padding:10px 12px;margin-top:auto}
.dossier .mrz i{flex:0 0 38px;height:46px;border-radius:8px;background:var(--peche)}
.dossier .mrz code{font:500 11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--pierre);letter-spacing:.04em;white-space:nowrap;overflow:hidden}
.dossier .d-foot{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--pierre)}
.dossier .d-foot .on{color:var(--encre);font-weight:600}
.dossier .d-who{display:flex;gap:10px;align-items:center;margin-top:auto;font-size:14px}
.dossier .d-who i{width:30px;height:30px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;font:600 12px var(--sans);font-style:normal}

/* ---------- Sections ---------- */
section{padding:clamp(64px,8vw,104px) 0 0}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:32px}.head p{max-width:440px}
.head .chapeau{font-size:18px;line-height:28px}

/* ---------- Carte du monde ---------- */
.wmap{background:#fff;border-radius:28px;padding:clamp(14px,3vw,32px);box-shadow:inset 0 0 0 1px var(--ligne);position:relative;overflow:hidden}
.wmap-in{position:relative;aspect-ratio:1000/480}.wmap-dots{position:absolute;inset:0;width:100%;height:100%}.wmap-dots path{stroke:#E6D9CB;stroke-width:3.3;stroke-linecap:round;fill:none}
.mk{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;display:grid;place-items:center;border-radius:50%;z-index:2;transition:opacity .2s}
.mk i{width:9px;height:9px;border-radius:50%;background:var(--encre);box-shadow:0 0 0 3px #fff;transition:transform .15s}
.mk.hot i{width:12px;height:12px;background:var(--soleil)}
.mk:hover i,.mk:focus-visible i{transform:scale(1.5)}.mk.dim{opacity:.15}
.tip{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 16px));background:var(--encre);color:#fff;border-radius:12px;padding:9px 13px;font-size:13px;line-height:18px;white-space:nowrap;pointer-events:none}.tip b{display:block;font:600 15px/1.2 var(--sans)}.tip span{color:#D9D2CB}

/* ---------- Liste des destinations ---------- */
.filters{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0 16px}.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:500 15px var(--sans);border:0;border-radius:999px;padding:10px 16px;cursor:pointer;background:#fff;color:var(--encre);box-shadow:inset 0 0 0 1px var(--ligne)}.chip:hover{box-shadow:inset 0 0 0 1px var(--encre)}.chip[aria-pressed=true]{background:var(--encre);color:#fff;box-shadow:none}
.find input{font:400 16px var(--sans);border:0;border-radius:999px;padding:12px 18px;min-width:min(280px,100%);background:#fff;box-shadow:inset 0 0 0 1px var(--ligne);color:var(--encre)}.find input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--encre)}
.dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dc{position:relative;background:#fff;border-radius:20px;padding:16px 18px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-decoration:none;box-shadow:inset 0 0 0 1px var(--ligne);transition:transform .15s,box-shadow .15s}
.dc:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--encre)}.dc[hidden]{display:none}
.dc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.dc-top .iso{font:600 12px var(--sans);letter-spacing:.06em;color:var(--pierre)}
.dc-n{font:600 20px/1.15 var(--sans);letter-spacing:-.02em;color:var(--encre)}
.dc-p{font-size:13.5px;line-height:19px;color:var(--pierre)}.dc-p b{font-weight:700;color:var(--encre);font-size:15px}
.dc.pop{box-shadow:inset 0 0 0 1px var(--ligne-forte)}
.hot-tag{display:inline-flex;align-items:center;gap:5px;font:600 11.5px/1 var(--sans);color:var(--encre)}.hot-tag::before{content:"";width:7px;height:7px;border-radius:9px;background:var(--soleil)}
.rt{font-size:12px;font-weight:600;background:var(--sable);border-radius:999px;padding:5px 10px;white-space:nowrap}

/* ---------- Formules ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan{border-radius:var(--r-carte);padding:28px;display:flex;flex-direction:column;gap:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--ligne)}
.plan.reco{background:var(--encre);color:#fff;box-shadow:none}.plan.reco p,.plan.reco li{color:var(--texte-nuit)}
.plan.soft{background:var(--sable);box-shadow:none}
.plan .row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:28px}.plan .row b{font-weight:600}
.plan .pr{font:700 60px/.9 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.plan .pr small{font:500 15px var(--sans);letter-spacing:0;color:var(--pierre);margin-left:6px}.plan.reco .pr small{color:var(--gris-nuit)}
.plan p{margin:0;font-size:15px;line-height:23px;color:var(--pierre)}
.plan .reco-tag{background:var(--soleil);color:var(--encre);font:600 12px/1 var(--sans);padding:7px 10px;border-radius:999px}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:22px}
.plan li{display:flex;gap:10px}.plan li::before{content:"";flex:0 0 16px;height:16px;margin-top:3px;background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.plan.reco li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4F1F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.plan .btn{margin-top:auto}

/* ---------- Cartes & blocs ---------- */
.card{background:#fff;border-radius:var(--r-carte);padding:28px;box-shadow:inset 0 0 0 1px var(--ligne)}
.card.peche{background:var(--sable);box-shadow:none}
.dark-block{background:var(--encre);color:#fff;border-radius:32px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}
.dark-block .sun{width:420px;aspect-ratio:1;right:-140px;bottom:-230px}
.dark-block>*:not(.sun){position:relative;z-index:1}.dark-block .chapeau{color:#D9D2CB}
.dark-block .t2{color:#fff}.dark-block .t2 em{color:var(--soleil)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.check li{display:flex;gap:10px}
.check li::before{content:"";flex:0 0 20px;height:20px;margin-top:4px;border-radius:10px;background:var(--ok-bg) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B47' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.check.no li::before{background-color:var(--sable);background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A5148' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.check.warn li::before{background-color:var(--ko-bg);background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 6v7M12 18v.5'/%3E%3C/svg%3E")}
.on-dark .check li::before{background-color:#26332C}
.on-dark .check{color:var(--texte-nuit)}
.vault-mark{display:grid;place-items:center}
.vault-mark svg{width:min(220px,60%);height:auto;opacity:.95}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:10px}
details{background:#fff;border-radius:18px;padding:18px 22px;box-shadow:inset 0 0 0 1px var(--ligne)}
details[open]{box-shadow:inset 0 0 0 1px var(--ligne-forte)}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:0 0 22px;height:22px;border-radius:11px;background:var(--sable) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:10px 0 0;color:var(--pierre);font-size:16px;line-height:26px}

/* ---------- Pied de page ---------- */
footer{background:var(--encre);color:#D9D2CB;margin-top:clamp(72px,9vw,112px);padding:56px 0 36px;font-size:14px;line-height:22px}
footer .wrap{display:flex;flex-direction:column;gap:22px}footer nav{display:flex;gap:6px 18px;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}
footer .f-legal{border-top:1px solid #2C2A28;padding-top:22px;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}

/* ---------- Page pays ---------- */
.c-hero{padding-top:28px;padding-bottom:40px}.crumbs{font-size:14px;color:var(--pierre);margin-bottom:16px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.c-hero .t1{font-size:clamp(44px,6.4vw,84px)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.facts li{background:#fff;border-radius:14px;padding:11px 15px;box-shadow:inset 0 0 0 1px var(--ligne);font-size:15px;line-height:20px}.facts b{display:block;font-size:12px;font-weight:600;color:var(--pierre);margin-bottom:2px}
.c-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.c-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.toc{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;position:sticky;top:72px;z-index:5;background:var(--creme);padding:10px 0}.toc::-webkit-scrollbar{display:none}
.toc a{flex:0 0 auto;text-decoration:none;font-size:14px;font-weight:500;background:#fff;border-radius:999px;padding:8px 14px;box-shadow:inset 0 0 0 1px var(--ligne)}.toc a:hover{box-shadow:inset 0 0 0 1px var(--encre)}
.card h2{font:700 28px/1.12 var(--sans);letter-spacing:-.03em;margin:0 0 12px}.card>p{margin:0;color:var(--pierre)}
.alert{background:var(--peche);border-radius:20px;padding:18px 22px}.alert b{display:block;font-weight:600}.alert p{margin:6px 0 0;font-size:16px;line-height:25px;color:var(--encre)}
.docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.docs li{background:var(--creme);border-radius:14px;padding:13px 16px;font-size:15px;line-height:22px}
.practical{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.practical div{background:#fff;border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px var(--ligne);display:flex;flex-direction:column;gap:4px}
.practical small{font-size:13px;font-weight:600;color:var(--braise)}.practical strong{font-size:17px;font-weight:600}.practical span{font-size:14px;line-height:21px;color:var(--pierre)}
.errs{background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:28px}.errs .t3 em{color:var(--soleil)}.errs ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:var(--texte-nuit);font-size:16px;line-height:24px}.errs li{display:flex;gap:10px}.errs li::before{content:"";flex:0 0 16px;height:16px;margin-top:4px;background:center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4F1F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.delay{background:var(--sable);border-radius:var(--r-carte);padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.delay b{font:700 40px/1 var(--sans);letter-spacing:-.04em}
.mini{display:flex;gap:8px;flex-wrap:wrap}.mini a{text-decoration:none;background:#fff;border-radius:999px;padding:10px 16px;font-size:15px;box-shadow:inset 0 0 0 1px var(--ligne)}.mini a:hover{box-shadow:inset 0 0 0 1px var(--encre)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kv>div{background:var(--creme);border-radius:14px;padding:14px 16px}.kv b{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.kv p{margin:0;font-size:15px;line-height:23px;color:var(--pierre)}.card.peche .kv>div{background:#fff}
.clim{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:130px;margin-top:8px}.clim .m{display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end;height:100%}.clim .b{width:100%;max-width:34px;border-radius:9px 9px 4px 4px;background:var(--sable)}.clim .top .b{background:var(--encre)}.clim .ok .b{background:#D9CDBF}.clim .chaud .b{background:var(--peche)}.clim .pluie .b{background:#E6DED5;background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(90,81,72,.18) 4px 6px)}.clim b{font-size:12px;font-weight:600}.clim small{font-size:11px;color:var(--pierre)}
.dot{display:inline-block;width:10px;height:10px;border-radius:9px;vertical-align:middle;margin-right:4px}.dot.top{background:var(--encre)}.dot.chaud{background:var(--peche)}.dot.ok{background:#D9CDBF}.dot.pluie{background:#E6DED5;background-image:repeating-linear-gradient(135deg,transparent 0 2px,rgba(90,81,72,.3) 2px 3px)}
.veille .rowv{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.valert{margin-top:12px;background:var(--ko-bg);color:var(--encre);border-radius:14px;padding:14px 16px;font-size:15px;line-height:23px}.valert a{font-weight:600}
.tel{border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--ligne)}.tel-h{background:var(--encre);color:#fff;padding:10px 16px;font-size:14px}.tel-r{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--ligne);font-size:15px;line-height:22px}.tel-o{font-weight:600}.tel-t{color:var(--pierre);font-size:14px}.tel-p{font-weight:700;white-space:nowrap}.tel-p.ok{color:var(--ok)}.tel-p.ko{color:var(--ko)}
.deal{background:var(--creme);border-radius:20px;padding:22px;margin-top:4px}.deal-top{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.deal-top .label{align-self:flex-start;background:#fff}
.deal-save{font:700 clamp(28px,3.6vw,38px)/1 var(--sans);letter-spacing:-.04em}.deal-h{margin:0;color:var(--pierre)}
.bars{display:flex;flex-direction:column;gap:10px}.bar{display:grid;grid-template-columns:170px 1fr 110px;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--ligne)}
.bar-l b{display:block;font-size:15px}.bar-l small{font-size:13px;color:var(--pierre)}.bar-t{height:10px;border-radius:9px;background:#F3EAE1;overflow:hidden}.bar-t i{display:block;height:100%;border-radius:9px;background:#CFC6BD}
.bar-p{font-weight:700;text-align:right;font-size:16px}.bar-p em{display:block;font-style:normal;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--braise)}
.bar.best{background:var(--encre);color:#fff;box-shadow:none}.bar.best .bar-l small{color:var(--gris-nuit)}.bar.best .bar-t{background:#333}.bar.best .bar-t i{background:var(--soleil)}.bar.best .bar-p em{color:var(--soleil)}
.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reg{background:#fff;border-radius:22px;padding:22px 22px 14px;box-shadow:inset 0 0 0 1px var(--ligne)}
.reg h3{font:700 20px var(--sans);letter-spacing:-.02em;margin:0 0 8px;display:flex;justify-content:space-between;align-items:baseline}.reg h3 small{font-size:13px;color:var(--pierre);font-weight:500}
.reg ul{list-style:none;margin:0;padding:0}.reg li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--ligne);text-decoration:none}.reg li:first-child a{border-top:0}

/* ---------- Configurateur ---------- */
.config{position:sticky;top:88px}
.cfg{background:var(--encre);color:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}
.cfg .ttl{font:700 22px/1.1 var(--sans);letter-spacing:-.02em}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--carte-nuit);border-radius:999px;padding:5px}
.seg button{font:600 15px var(--sans);border:0;border-radius:999px;min-height:44px;cursor:pointer;background:transparent;color:var(--texte-nuit)}.seg button[aria-pressed=true]{background:#fff;color:var(--encre)}
.rowc{display:flex;justify-content:space-between;align-items:center;gap:10px}.rowc small{display:block;font-size:13px;line-height:18px;color:var(--gris-nuit)}
.stepper{display:flex;align-items:center;gap:6px;background:var(--carte-nuit);border-radius:999px;padding:4px}.stepper button{width:40px;height:40px;border:0;border-radius:99px;background:#34322F;color:#fff;font-size:20px;cursor:pointer}.stepper button:hover{background:#45423E}.stepper output{min-width:26px;text-align:center;font-weight:700}
.fam{background:var(--peche);color:var(--encre);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;font-weight:600}
.opt{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px #3A3734;font-size:15px}.opt label{display:flex;align-items:center;gap:10px;cursor:pointer}.opt input{width:18px;height:18px;accent-color:var(--soleil)}.opt span{color:var(--gris-nuit);font-size:14px;white-space:nowrap}
.lines{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:20px;color:#D9D2CB;border-top:1px solid #34322F;padding-top:14px}.lines div{display:flex;justify-content:space-between;gap:10px}.lines div span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.total{display:flex;justify-content:space-between;align-items:baseline}.total b{font:700 52px/.9 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.cfg .note{font-size:13px;line-height:19px;color:var(--gris-nuit);margin:0}.cfg .note a{color:#fff}
.buybar{display:none}

/* ---------- Formulaires ---------- */
.form-wrap{max-width:720px;margin:0 auto;padding:28px clamp(20px,4vw,40px) 0}
.form{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:600}
.field input,.field select{font:400 17px var(--sans);padding:14px 16px;border:0;border-radius:var(--r-champ);background:#fff;box-shadow:inset 0 0 0 1px var(--ligne-forte);min-height:54px;color:var(--encre);width:100%}
.field input:focus,.field select:focus{outline:0;box-shadow:inset 0 0 0 2px var(--encre)}
.field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--ko)}
.capture{border:0;margin:0;padding:22px;background:#fff;border-radius:var(--r-carte);box-shadow:inset 0 0 0 1px var(--ligne);display:flex;flex-direction:column;gap:12px}
.capture legend{font:700 20px var(--sans);letter-spacing:-.02em;padding:0;float:left;width:100%;margin-bottom:6px}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.cap{display:flex;align-items:center;gap:12px;background:var(--sable);border-radius:16px;padding:16px;cursor:pointer;min-height:68px;position:relative}.cap:hover{box-shadow:inset 0 0 0 1px var(--encre)}.cap input{position:absolute;opacity:0;width:1px;height:1px}.cap:focus-within{outline:3px solid var(--braise)}.cap b{display:block;font-weight:600}.cap small{font-size:13px;color:var(--pierre)}
.preview{display:flex;gap:12px;align-items:center;background:var(--creme);border-radius:12px;padding:10px;font-size:14px}.preview img{max-height:110px;border-radius:8px}
.consent{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:16px;box-shadow:inset 0 0 0 1.5px var(--encre);font-size:14px;line-height:21px;color:var(--pierre)}.consent input{width:22px;height:22px;margin:0;flex:0 0 auto;accent-color:var(--encre)}.consent.soft{box-shadow:inset 0 0 0 1px var(--ligne)}
.recap{background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:22px;display:flex;flex-direction:column;gap:8px}.recap .lines{border:0;padding:0}
.vault-fill{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ok-bg);border-radius:14px;padding:12px 14px;font-size:15px}
.reminder{background:var(--peche);border-radius:14px;padding:14px 16px;font-size:15px}
.todo{background:var(--peche);border-radius:14px;padding:14px 18px;font-size:15px}

/* ---------- Pages légales ---------- */
.legal{max-width:820px;margin:0 auto;padding:36px clamp(20px,4vw,40px) 64px}.legal h2{font:700 24px var(--sans);letter-spacing:-.02em;margin:32px 0 8px;scroll-margin-top:90px}.legal p{color:var(--pierre);line-height:1.6}
.legal ul{color:var(--pierre);padding-left:22px;margin:8px 0 12px}.legal li{margin:6px 0;line-height:1.55}
.legal-upd{margin:0 0 18px}.chapeau-legal{font-size:18px;line-height:28px}
.ltoc{background:var(--sable);border-radius:18px;padding:18px 22px;margin:20px 0 8px}.ltoc b{display:block;margin-bottom:8px}.ltoc ol{margin:0;padding-left:22px;columns:2;column-gap:28px}.ltoc li{margin:0 0 6px;break-inside:avoid}.ltoc a{color:inherit}
.tbl{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:15px}.tbl th,.tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ligne)}.tbl th{font-weight:600}.tbl td{color:var(--pierre)}
.form-retract{border:1.5px dashed var(--ligne-forte);border-radius:14px;padding:6px 20px;margin:12px 0}

/* ---------- Écrans moyens ---------- */
@media (max-width:1060px){.dgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){
  .hero .grid{grid-template-columns:1fr}.hero-visual{min-height:0;padding:36px 20px 44px}
  .plans{grid-template-columns:1fr}.c-body{grid-template-columns:1fr}.config{position:static;order:-1}
  .regions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buybar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--encre);color:#fff;border-radius:999px;padding:8px 8px 8px 22px;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 12px 30px rgba(20,20,20,.3)}
  .buybar small{display:block;font-size:12px;color:var(--gris-nuit);line-height:14px}.buybar b{font:700 22px/1.1 var(--sans);letter-spacing:-.03em}.buybar .btn{min-height:48px;padding:0 20px;font-size:16px}
  body.has-bar{padding-bottom:90px}
}
/* ---------- Mobile ---------- */
@media (max-width:700px){
  body{font-size:16px;line-height:26px}
  .compliance{font-size:12.5px;line-height:17px;padding:7px 16px}
  .compliance .more{display:none}
  .nav{min-height:60px}.nav nav a:not(.btn){display:none}.nav .btn-sm{min-height:40px;padding:0 15px;font-size:14px}
  .logo svg{width:32px;height:32px}.logo .w{font-size:21px}.logo .w em{font-size:23px}
  html{scroll-padding-top:68px}.toc{top:60px}
  .chapeau{font-size:18px;line-height:28px}
  .search{flex-direction:column;border-radius:24px;padding:6px}.search select{min-height:52px;padding:0 14px}.search .btn{width:100%}
  .dgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc{padding:14px;min-height:118px}.dc-n{font-size:17px}
  .mk{width:18px;height:18px;margin:-9px 0 0 -9px}.mk i{width:7px;height:7px;box-shadow:0 0 0 2px #fff}.mk.hot i{width:9px;height:9px}.tip{display:none}
  .steps4{grid-template-columns:repeat(2,1fr)}
  .card,.plan,.errs,.delay{padding:22px}
  .dossier{padding:20px}.dossier .d-frame b{font-size:26px}.dossier .d-stage{min-height:124px}
  .regions{grid-template-columns:1fr}
  .clim{gap:3px}.clim b{font-size:10px}.clim small{font-size:9px}
  .tel-r{grid-template-columns:1fr auto}.tel-t{grid-column:1/-1;order:3}
  .bar{grid-template-columns:1fr auto}.bar-t{grid-column:1/-1;order:3}
  .ltoc ol{columns:1}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{display:none}.tbl tr{border-bottom:1px solid var(--ligne);padding:8px 0}.tbl td{border:0;padding:4px 0}
}
@media (max-width:380px){.dgrid{grid-template-columns:1fr}}
.hero-copy .label,.form-wrap .label,.legal .label{align-self:flex-start}
[hidden]{display:none!important}
.dossier{color:var(--encre)}
.dossier .d-who svg{width:30px;height:30px;flex:0 0 auto}
/* ---------- Scan du passeport ---------- */
.cap{gap:14px}.cap-i{flex:0 0 44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--encre)}
.cap:first-child{background:var(--encre);color:#fff}.cap:first-child small{color:var(--gris-nuit)}.cap:first-child .cap-i{background:var(--soleil);color:var(--encre)}.cap:first-child:hover{box-shadow:0 0 0 2px var(--soleil)}
.scan-status{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:13px 15px;font-size:15px;line-height:21px}
.scan-status b{display:block;font-weight:600}.scan-status small{display:block;font-size:13.5px;line-height:19px;color:var(--pierre);margin-top:2px}
.scan-status.s-busy{background:var(--sable)}.scan-status.s-ok{background:var(--ok-bg)}.scan-status.s-ok b{color:var(--ok)}.scan-status.s-warn{background:var(--peche)}.scan-status.s-ko{background:var(--ko-bg)}.scan-status.s-ko b{color:var(--ko)}
.scan-status::before{content:"";flex:0 0 20px;height:20px;margin-top:1px;border-radius:10px;background:center/12px no-repeat}
.scan-status.s-busy::before{display:none}
.scan-status.s-ok::before{background-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.scan-status.s-warn::before{background-color:var(--braise);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 6v7M12 18v.5'/%3E%3C/svg%3E")}
.scan-status.s-ko::before{background-color:var(--ko);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.spin{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--ligne-forte);border-top-color:var(--encre);animation:spin .8s linear infinite;margin-top:1px}@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:spin 1.6s linear infinite!important}}
.scan-thumb{display:flex;gap:14px;align-items:center;background:var(--creme);border-radius:14px;padding:10px}
.scan-thumb img{width:120px;height:84px;object-fit:cover;border-radius:8px;box-shadow:inset 0 0 0 1px var(--ligne)}
.scan-thumb b{display:block;font-weight:600;font-size:15px}.scan-thumb small{font-size:13px;color:var(--pierre);word-break:break-all}
.field input.auto{background:#F3FBF6;box-shadow:inset 0 0 0 1px #9FD3B6}
.field input.doubt{background:#FFF4EC;box-shadow:inset 0 0 0 1.5px var(--braise)}
.field input.auto:focus,.field input.doubt:focus{box-shadow:inset 0 0 0 2px var(--encre)}
#locked h2{margin:0 0 4px}

/* =========================================================
   Outils Sésame (vitrine technologie, vérificateur, photo, suivi)
   ========================================================= */
.label svg{width:15px;height:15px}
.label-dark{background:rgba(255,255,255,.1);color:#fff}
.tool-i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sable);color:var(--encre);flex:0 0 auto}
.tool-i svg{width:22px;height:22px}

/* Héros : entrée secondaire */
.hero-alt{display:flex;align-items:center;gap:14px;max-width:560px;text-decoration:none;background:#fff;border-radius:18px;padding:12px 16px 12px 12px;box-shadow:inset 0 0 0 1px var(--ligne);transition:box-shadow .15s,transform .15s}
.hero-alt:hover{box-shadow:inset 0 0 0 1.5px var(--encre);transform:translateY(-1px)}
.hero-alt>span:nth-child(2){flex:1;min-width:0}.hero-alt b{display:block;font-weight:600;font-size:15px;line-height:20px}.hero-alt small{display:block;font-size:14px;line-height:20px;color:var(--pierre)}
.hero-alt-i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--encre);color:var(--soleil);flex:0 0 auto}.hero-alt-i svg{width:21px;height:21px}

/* Bloc technologie */
.tech{background:var(--encre);color:#fff;border-radius:32px;padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:32px;position:relative;overflow:hidden}
.tech::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.tech>*{position:relative}
.tech-head{display:flex;flex-direction:column;gap:16px;max-width:760px}.tech-head .label{align-self:flex-start}.tech-head .chapeau{color:#D9D2CB}
.tech .t2{color:#fff}.tech .t2 em{color:var(--soleil)}
.tech-demo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr);gap:18px;align-items:center;background:var(--carte-nuit);border-radius:24px;padding:22px}
.tech-demo>.btn{grid-column:1/-1;justify-self:start}
.td-mail{background:#fff;color:var(--encre);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;transform:rotate(-2deg);box-shadow:0 18px 30px rgba(0,0,0,.35)}
.td-l{display:block;height:8px;border-radius:9px;background:#EDE5DC}.td-l.w40{width:40%}.td-l.w60{width:60%}.td-l.w80{width:80%}
.td-fl{display:block;font:500 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--creme);border-radius:8px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-arrow{width:44px;height:44px;border-radius:50%;background:var(--soleil);color:var(--encre);display:grid;place-items:center}
.td-res{display:flex;flex-direction:column;gap:8px}
.td-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#2E2C2A;border-radius:14px;padding:10px 12px;font-size:14px;opacity:0;transform:translateY(6px);animation:tdIn .5s ease forwards}
.td-row:nth-child(2){animation-delay:.25s}.td-row:nth-child(3){animation-delay:.5s}
.td-row span{font:700 11px/1 var(--sans);letter-spacing:.06em;background:#fff;color:var(--encre);border-radius:6px;padding:5px 0;text-align:center}
.td-row i{font-style:normal;font-size:12px;font-weight:600;padding:5px 9px;border-radius:999px;background:#26332C;color:#9FD3B6;white-space:nowrap}
.td-row.need i{background:var(--soleil);color:var(--encre)}
@keyframes tdIn{to{opacity:1;transform:none}}
.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tool{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#fff;background:var(--carte-nuit);border-radius:22px;padding:20px;position:relative;transition:transform .15s,box-shadow .15s;min-height:230px}
.tool:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--soleil)}
.tool .tool-i{background:#2E2C2A;color:var(--soleil)}
.tool-tag{position:absolute;top:20px;right:18px;font:600 11.5px/1 var(--sans);color:var(--gris-nuit);border:1px solid #3A3734;border-radius:999px;padding:5px 9px}
.tool b{font:700 19px/1.2 var(--sans);letter-spacing:-.02em;margin-top:6px}
.tool-d{font-size:14px;line-height:21px;color:#CFC7BF}
.tool-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#fff}.tool-cta svg{width:16px;height:16px;color:var(--soleil)}
.tech-more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}.tech-more:hover{border-color:var(--soleil)}
/* Version claire (page Technologie) */
.tools-all .tool{background:#fff;color:var(--encre);box-shadow:inset 0 0 0 1px var(--ligne)}
.tools-all .tool:hover{box-shadow:inset 0 0 0 1.5px var(--encre)}
.tools-all .tool .tool-i{background:var(--sable);color:var(--encre)}
.tools-all .tool-tag{color:var(--pierre);border-color:var(--ligne)}
.tools-all .tool-d{color:var(--pierre)}.tools-all .tool-cta{color:var(--encre)}.tools-all .tool-cta svg{color:var(--braise)}
.tools-all .tool.big{grid-column:span 2;background:var(--encre);color:#fff;box-shadow:none}
.tools-all .tool.big .tool-i{background:var(--soleil);color:var(--encre)}.tools-all .tool.big .tool-d{color:#CFC7BF;font-size:16px;line-height:24px;max-width:440px}.tools-all .tool.big .tool-cta{color:#fff}.tools-all .tool.big .tool-cta svg{color:var(--soleil)}.tools-all .tool.big .tool-tag{color:var(--gris-nuit);border-color:#3A3734}.tools-all .tool.big b{font-size:26px}
.tech-hero{display:flex;flex-direction:column;gap:22px;padding-top:clamp(28px,5vw,64px);padding-bottom:32px}.tech-hero .label{align-self:flex-start}.tech-hero .chapeau{max-width:640px}
.tech-cta{display:flex;gap:10px;flex-wrap:wrap}
.princ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.princ>div{background:var(--carte-nuit);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.princ-n{font:600 13px/1 var(--sans);color:var(--soleil)}.princ b{font:700 19px/1.25 var(--sans);letter-spacing:-.02em}.princ p{margin:0;font-size:15px;line-height:23px;color:#CFC7BF}

/* Vérificateur */
.vf{max-width:820px}
.vf-in{background:#fff;border-radius:var(--r-carte);box-shadow:inset 0 0 0 1px var(--ligne);padding:8px;transition:box-shadow .15s}
.vf-in.over{box-shadow:inset 0 0 0 2px var(--encre)}
.vf-in textarea{width:100%;border:0;resize:vertical;min-height:150px;font:400 16px/1.55 var(--sans);color:var(--encre);padding:14px 14px 6px;background:transparent;border-radius:18px}
.vf-in textarea:focus{outline:0}
.vf-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px;border-top:1px solid var(--ligne)}
.vf-bar #go{margin-left:auto}
.vf-ex{border:0;background:none;font:600 15px var(--sans);color:var(--braise);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
.vf-priv{display:flex;gap:8px;align-items:flex-start;margin:12px 4px 18px}.vf-priv svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px}
#result{display:flex;flex-direction:column;gap:14px;margin-top:6px;scroll-margin-top:90px}
.vf-head{background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:22px}
.vf-sum{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px}.vf-sum .small{color:var(--gris-nuit)}.vf-sum b{display:block;font:700 26px/1.15 var(--sans);letter-spacing:-.03em;margin-top:4px}
.vf-count{background:var(--soleil);color:var(--encre);border-radius:14px;padding:8px 12px;font-size:14px;font-weight:600;white-space:nowrap}.vf-count b{font-size:20px;margin-right:4px}
.vf-route{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.vf-route::-webkit-scrollbar{display:none}
.rt-ap{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:56px}.rt-ap b{font:700 17px/1 var(--sans);letter-spacing:.02em}.rt-ap small{font-size:11.5px;color:var(--gris-nuit);margin-top:4px;white-space:nowrap}
.rt-ln{flex:1 0 28px;height:2px;background:repeating-linear-gradient(90deg,#5A5550 0 6px,transparent 6px 11px);position:relative;margin-bottom:16px}
.rt-ln i{position:absolute;right:-2px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--soleil)}
.vf-cards{display:flex;flex-direction:column;gap:10px}
.vf-card{background:#fff;border-radius:20px;padding:18px 20px;box-shadow:inset 0 0 0 1px var(--ligne);display:flex;flex-direction:column;gap:10px;border-left:5px solid var(--ligne)}
.vf-card.k-ok{border-left-color:var(--ok)}.vf-card.k-need{border-left-color:var(--soleil)}.vf-card.k-warn{border-left-color:var(--braise)}.vf-card.k-na{border-left-color:var(--pierre)}
.vf-top{display:flex;align-items:center;gap:12px}.vf-top>div{flex:1;min-width:0}.vf-top h3{margin:0;font:700 19px/1.2 var(--sans);letter-spacing:-.02em}.vf-top small{font-size:13.5px;color:var(--pierre)}
.vf-flag{font:700 12px/1 var(--sans);letter-spacing:.06em;background:var(--sable);border-radius:8px;padding:8px 0;width:40px;text-align:center;flex:0 0 auto}
.vf-chip{font:600 12.5px/1 var(--sans);padding:7px 10px;border-radius:999px;white-space:nowrap;background:var(--sable)}
.k-ok .vf-chip{background:var(--ok-bg);color:var(--ok)}.k-need .vf-chip{background:var(--soleil);color:var(--encre)}.k-warn .vf-chip{background:var(--peche);color:var(--braise)}
.vf-card p{margin:0;font-size:15px;line-height:23px;color:var(--pierre)}
.vf-card .btn{align-self:flex-start}
.vf-pp{font-size:14.5px;line-height:21px;border-radius:12px;padding:10px 12px}.vf-pp.ok{background:var(--ok-bg);color:var(--ok)}.vf-pp.ko{background:var(--ko-bg);color:var(--ko)}
.vf-ppin{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.vf-ppin .field{flex:1 1 200px}
.ppcheck{margin-top:14px;background:var(--creme);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.ppcheck b{display:block;font-weight:600}.ppcheck small{font-size:13.5px;color:var(--pierre);line-height:19px}
.ppcheck-in{display:flex;gap:10px;flex-wrap:wrap}.ppcheck-in label{display:flex;flex-direction:column;gap:4px;flex:1 1 160px;font-size:13px;font-weight:600}
.ppcheck-in input,.ppcheck-in select{font:400 16px var(--sans);border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--ligne-forte);min-height:46px;padding:0 12px;color:var(--encre)}
.ppcheck-out{margin:0;font-size:14.5px;line-height:21px;border-radius:12px;padding:10px 12px}.ppcheck-out.ok{background:var(--ok-bg);color:var(--ok)}.ppcheck-out.ko{background:var(--ko-bg);color:var(--ko)}
.capture .ppcheck{background:var(--creme)}

/* Demande : famille et photo */
.fam-scan{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:18px}
.fam-scan .tool-i{background:var(--soleil);color:var(--encre)}.fam-scan>div{flex:1 1 220px}.fam-scan b{display:block;font-weight:600}.fam-scan small{font-size:13.5px;color:var(--gris-nuit);line-height:19px}
.fam-scan .btn{background:#fff;color:var(--encre)}
.photo-link{display:flex;align-items:center;gap:14px;text-decoration:none;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--ligne)}.photo-link:hover{box-shadow:inset 0 0 0 1.5px var(--encre)}
.photo-link>span:nth-child(2){flex:1}.photo-link b{display:block;font-weight:600;font-size:15px}.photo-link small{font-size:13.5px;color:var(--pierre)}

/* Photo d'identité */
.ph{max-width:1040px}
.ph-fmt{max-width:520px;margin-bottom:18px}.ph-fmt small{margin-top:2px}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.ph-stage{position:relative;aspect-ratio:3/4;max-height:72vh;background:var(--encre);border-radius:var(--r-carte);overflow:hidden;color:#fff;margin:0 auto;width:100%;max-width:520px}
.ph-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.ph-stage video.mirror{transform:scaleX(-1)}
.ph-stage.live video{opacity:1}
.ph-oval{position:absolute;inset:0;width:100%;height:100%;color:rgba(255,255,255,.75);opacity:0;transition:color .2s}
.ph-stage.live .ph-oval{opacity:1}.ph-stage.good .ph-oval{color:#5CD49A}
.ph-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center}
.ph-idle .tool-i{background:#2E2C2A;color:var(--soleil)}.ph-idle b{font-size:17px}.ph-idle small{font-size:14px;line-height:21px;color:#CFC7BF;max-width:320px}
.ph-stage.live .ph-idle{display:none}
.ph-hint{position:absolute;left:12px;right:12px;bottom:12px;margin:0;text-align:center;font-weight:600;font-size:15px;background:rgba(20,20,20,.75);border-radius:12px;padding:10px;display:none}
.ph-stage.live .ph-hint{display:block}.ph-stage.good .ph-hint{background:var(--ok);color:#fff}
.ph-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.ph-result{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;background:#fff;border-radius:var(--r-carte);padding:20px;box-shadow:inset 0 0 0 1px var(--ligne)}
.ph-result canvas{width:220px;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(20,20,20,.18)}
.ph-result>div{flex:1 1 220px;display:flex;flex-direction:column;gap:8px}
.ph-bg{display:flex;gap:10px;align-items:center;font-size:15px}.ph-bg input{width:20px;height:20px;accent-color:var(--encre)}
.ph-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}
.ph-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ph-checks li{display:flex;gap:10px;align-items:center;font-size:15px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px var(--ligne)}
.ph-checks li::before{content:"";flex:0 0 18px;height:18px;border-radius:9px;background:var(--sable)}
.ph-checks li.ok::before{background:var(--ok) center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ph-checks li.ko{color:var(--braise);box-shadow:inset 0 0 0 1.5px var(--peche)}.ph-checks li.ko::before{background:var(--braise)}

/* Suivi */
.trk-wrap{max-width:760px}
.trk-head{background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:26px;margin-bottom:14px}
.trk-head .small{color:var(--gris-nuit)}.trk-head .t2{color:#fff;margin:8px 0 6px;font-size:clamp(28px,3.4vw,40px)}.trk-head .chapeau{color:#D9D2CB;font-size:17px;line-height:26px}
.trk{list-style:none;margin:0 0 14px;padding:22px;background:#fff;border-radius:var(--r-carte);box-shadow:inset 0 0 0 1px var(--ligne);display:flex;flex-direction:column;gap:0}
.trk li{position:relative;padding:0 0 22px 36px}.trk li:last-child{padding-bottom:0}
.trk li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--ligne-forte);z-index:1}
.trk li::after{content:"";position:absolute;left:9px;top:22px;bottom:-2px;width:2px;background:var(--ligne)}.trk li:last-child::after{display:none}
.trk li.done::before{background:var(--encre) center/11px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");box-shadow:none}
.trk li.done::after{background:var(--encre)}
.trk li.cur::before{background:var(--soleil);box-shadow:0 0 0 6px rgba(255,79,31,.18);animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(255,79,31,.06)}}
.trk b{display:block;font-weight:600}.trk small{font-size:13.5px;color:var(--pierre)}
.trk-demo{position:relative;margin-top:16px;opacity:.9}.trk-demo-tag{position:absolute;top:14px;right:16px;font:600 12px var(--sans);color:var(--pierre);background:var(--sable);border-radius:999px;padding:5px 10px}
.kit{margin-bottom:14px}.kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px}
.kit-i{display:flex;flex-direction:column;gap:3px;text-align:left;text-decoration:none;background:var(--creme);border:0;border-radius:16px;padding:14px 16px;cursor:pointer;font:inherit;color:inherit}.kit-i:hover{box-shadow:inset 0 0 0 1px var(--encre)}
.kit-i b{font-weight:600}.kit-i small{font-size:13px;color:var(--pierre)}
#dossier .valert{margin:0 0 14px}

@media (max-width:1060px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-all .tool.big{grid-column:1/-1}}
@media (max-width:860px){.tech-demo{grid-template-columns:1fr}.td-arrow{transform:rotate(90deg);justify-self:center}.princ{grid-template-columns:1fr}.ph-grid{grid-template-columns:1fr}.ph-side{position:static}}
@media (max-width:560px){.tools{grid-template-columns:1fr}.tool{min-height:0}.vf-bar #go{margin-left:0;width:100%}.vf-sum b{font-size:22px}.hero-alt>svg{display:none}}
@media (prefers-reduced-motion:reduce){.td-row{opacity:1;transform:none}}
.tools-all{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1060px){.tools-all{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tools-all{grid-template-columns:1fr}}
@media (max-width:560px){
  .td-row{grid-template-columns:34px 1fr}.td-row i{grid-column:2;justify-self:start}
  .vf-top{flex-wrap:wrap}.vf-top>div{flex:1 1 calc(100% - 60px)}.vf-chip{margin-left:52px}
  .vf-card{padding:16px}
}

/* ---------- Destinations : phares, continents, A à Z, carte ---------- */
.dfind{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:6px 8px 6px 20px;box-shadow:inset 0 0 0 1px var(--ligne),0 14px 32px rgba(20,20,20,.05);max-width:640px;margin-bottom:28px}
.dfind:focus-within{box-shadow:inset 0 0 0 2px var(--encre)}
.dfind svg{width:20px;height:20px;flex:0 0 auto;color:var(--pierre)}
.dfind input{flex:1;min-width:0;border:0;background:transparent;font:400 17px var(--sans);min-height:48px;color:var(--encre)}.dfind input:focus{outline:0}
.dfind-n{font-size:13px;color:var(--pierre);white-space:nowrap;padding-right:10px}
.dsub{font:700 22px/1.2 var(--sans);letter-spacing:-.02em;margin:0 0 14px}
.dcount{font:600 13px var(--sans);background:var(--sable);border-radius:999px;padding:4px 9px;vertical-align:middle;margin-left:6px}
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:44px}
.fc{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:#fff;border-radius:22px;padding:18px;box-shadow:inset 0 0 0 1px var(--ligne);min-height:170px;transition:transform .15s,box-shadow .15s}
.fc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--encre)}
.fc.big{grid-row:span 2;background:var(--encre);color:#fff;box-shadow:none;justify-content:flex-end;position:relative;overflow:hidden}
.fc.big::before{content:"";position:absolute;width:260px;aspect-ratio:1;border-radius:50%;background:var(--soleil);right:-90px;top:-110px}
.fc.big>*{position:relative}.fc.big .fc-n{font-size:44px}.fc.big .fc-note,.fc.big .fc-p{color:#D9D2CB}.fc.big .fc-p b{color:#fff}.fc.big .fc-iso{color:var(--gris-nuit)}
.fc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
.fc-iso{font:600 12px var(--sans);letter-spacing:.06em;color:var(--pierre)}
.fc-n{font:700 24px/1.1 var(--sans);letter-spacing:-.03em;margin-top:18px}
.fc-note{font-size:13.5px;line-height:19px;color:var(--pierre)}
.fc-p{font-size:13.5px;color:var(--pierre)}.fc-p b{font-size:16px;color:var(--encre)}
.dall{display:flex;flex-direction:column;gap:18px}
.dbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.dctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.seg2{display:inline-flex;background:var(--sable);border-radius:999px;padding:4px;gap:2px}
.seg2 button{font:600 14px var(--sans);border:0;background:transparent;border-radius:999px;padding:9px 14px;cursor:pointer;color:var(--encre)}
.seg2 button[aria-pressed=true]{background:var(--encre);color:#fff}
.chip[data-t]{font-size:14px;padding:9px 14px}
.dview{display:flex;flex-direction:column;gap:22px}
.dgrp h4{font:700 15px var(--sans);margin:0 0 10px;display:flex;align-items:center;gap:8px}.dgrp h4 span{font:600 12px var(--sans);color:var(--pierre)}
.drows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dr{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-decoration:none;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--ligne);transition:box-shadow .15s}
.dr:hover{box-shadow:inset 0 0 0 1.5px var(--encre)}.dr[hidden]{display:none}
.dr-n{font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-t{font:600 11.5px/1 var(--sans);padding:5px 8px;border-radius:999px;white-space:nowrap;background:var(--peche);color:var(--braise)}
.dr-t.free{background:var(--ok-bg);color:var(--ok)}
.fc.big .dr-t{background:rgba(255,255,255,.12);color:#fff}
.dr-p{font-size:13.5px;color:var(--pierre);white-space:nowrap;min-width:84px;text-align:right}
.az-idx{display:flex;flex-wrap:wrap;gap:4px}.az-idx a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--ligne);text-decoration:none;font-weight:600;font-size:14px}.az-idx a:hover{background:var(--encre);color:#fff}
#v-az .dgrp{scroll-margin-top:90px}
@media (max-width:1060px){.drows{grid-template-columns:repeat(2,minmax(0,1fr))}.feat{grid-template-columns:repeat(3,minmax(0,1fr))}.fc.big{grid-row:auto;grid-column:span 2}}
@media (max-width:700px){.feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fc.big{grid-column:1/-1;min-height:190px}.fc.big .fc-n{font-size:34px}.fc{min-height:150px;padding:16px}.fc-n{font-size:20px}
  .drows{grid-template-columns:1fr}.dctl{width:100%}.seg2{width:100%}.seg2 button{flex:1;padding:9px 8px}.dfind input{font-size:16px}}

/* ---------- Cartes d'arrivée ---------- */
.arr-card .arr-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.arr-card .arr-head>div{flex:1}.arr-card h2{margin:0}
.arr-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.arr{max-width:860px}
.arr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.arr-official{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--encre);color:#fff;border-radius:var(--r-carte);padding:18px 20px;margin-bottom:12px}
.arr-official b{display:block}.arr-official small{color:var(--gris-nuit);font-size:13.5px}
.ar-in{display:flex;flex-direction:column;gap:14px}
.ar-src{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ar-out{margin-top:18px;background:#fff;border-radius:var(--r-carte);box-shadow:inset 0 0 0 1px var(--ligne);padding:22px;display:flex;flex-direction:column;gap:14px}
.ar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ar-window{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--peche);border-radius:14px;padding:12px 14px;font-size:15px}
.ar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ar-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;border-radius:12px;padding:10px 12px;background:var(--creme)}
.ar-row.has{background:#F3FBF6}
.ar-n{font:600 12px var(--sans);color:var(--pierre);text-align:center}
.ar-l b{display:block;font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.ar-l small{display:block;font-size:13px;color:var(--pierre);line-height:18px}
.ar-v{font:600 14px var(--sans);border:0;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:inset 0 0 0 1px #9FD3B6;cursor:pointer;text-align:right;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:10px;align-items:center;color:var(--encre)}
.ar-v i{font-style:normal;font-size:12px;color:var(--ok)}.ar-v.ok{background:var(--ok);color:#fff}.ar-v.ok i{color:#fff}
.ar-m{font-size:13px;color:var(--pierre);white-space:nowrap}
.field select{appearance:auto}
.vf-arr{display:block;text-decoration:none;background:var(--peche);border-radius:12px;padding:10px 12px}.vf-arr b{display:block;font-size:14.5px}.vf-arr small{font-size:13px;color:var(--pierre)}
.vf-arr:hover{box-shadow:inset 0 0 0 1px var(--braise)}
@media (max-width:700px){.arr-list,.ar-grid{grid-template-columns:1fr}.ar-row{grid-template-columns:22px minmax(0,1fr)}.ar-v,.ar-m{grid-column:2;justify-self:start;max-width:100%}}
/* ---------- Qui sommes-nous ---------- */
.about-hero{display:flex;flex-direction:column;gap:22px;padding-top:clamp(28px,5vw,64px);padding-bottom:28px}.about-hero .label{align-self:flex-start}.about-hero .chapeau{max-width:720px}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.about-id p{color:var(--pierre);margin:10px 0 16px}
.about-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.about-dl div{background:var(--creme);border-radius:12px;padding:10px 12px}.about-dl dt{font-size:12.5px;font-weight:600;color:var(--pierre)}.about-dl dd{margin:2px 0 0;font-size:15px}
.about-m{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.about-grid,.about-m,.about-dl{grid-template-columns:1fr}}