/*
Theme Name: Karadocteur — Ordonnance
Description: Annuaire des médecins de France. Papier d'ordonnance, encre, cachet vermillon.
Version: 1.0.0
Text Domain: kdo
*/
:root{--pap:#FBF9F4;--enc:#16222E;--ver:#B3261E;--ver2:#8E1D17;--vert:#0F6B45;--reg:#D9E0E6;--gris:#566170;--blanc:#fff;--mono:"Courier New",ui-monospace,monospace;--ser:Georgia,"Times New Roman",serif;--san:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--w:1160px;--htop:68px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pap);color:var(--enc);font:17px/1.62 var(--san);display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}
main{flex:1 0 auto}
img,svg{max-width:100%}
a{color:var(--vert);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ver)}
:focus-visible{outline:3px solid var(--ver);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--ser);line-height:1.18;margin:0 0 .5em;color:var(--enc)}
h1{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.5rem,2.6vw,2.05rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--enc);color:#fff;padding:10px 14px;z-index:99}
.skip:focus{left:8px;top:8px}
/* ───── en-tête ───── */
.top{position:sticky;top:0;z-index:50;background:var(--pap);border-bottom:2px solid var(--enc);height:var(--htop)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--enc)}
.logo svg{width:42px;height:42px;flex:none}
.logo b{font:700 1.34rem/1 var(--ser);letter-spacing:-.01em}
.logo small{display:block;font:500 .72rem/1.1 var(--mono);color:var(--gris);margin-top:3px}
.nav{display:flex;align-items:center;gap:6px}
.nav a{position:relative;text-decoration:none;color:var(--enc);font-weight:600;font-size:.97rem;padding:8px 12px}
.nav a:not(.cta)::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--enc);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.nav a:not(.cta):hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.nav a.cta{background:var(--ver);color:#fff;border-radius:3px;padding:10px 16px;margin-left:8px;box-shadow:3px 3px 0 var(--enc)}
.nav a.cta:hover{background:var(--ver2);color:#fff;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--enc)}
.burger{display:none;background:none;border:2px solid var(--enc);border-radius:3px;width:44px;height:44px;padding:0;cursor:pointer}
.burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2px;background:var(--enc);margin:0 auto;position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0}
.burger i::before{top:-6px}.burger i::after{top:6px}
/* ───── éléments communs ───── */
.btn{display:inline-block;background:var(--ver);color:#fff;border:0;border-radius:3px;font:700 1rem var(--san);padding:13px 22px;text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--enc);transition:transform .15s,box-shadow .15s}
.btn:hover{color:#fff;background:var(--ver2);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--enc)}
.btn.sec{background:var(--pap);color:var(--enc);border:2px solid var(--enc)}
.btn.sec:hover{background:var(--enc);color:#fff}
.reg{border:0;border-top:2px solid var(--enc);margin:0}
.mono{font-family:var(--mono)}
.sec{padding:54px 0}
.sec.bande{background:#F2EEE4;border-top:1px solid var(--reg);border-bottom:1px solid var(--reg)}
.chapo{font-size:1.12rem;color:var(--gris);max-width:62ch}
.fil{font:.86rem var(--mono);color:var(--gris);padding:16px 0 0}
.fil a{color:var(--gris)}
.badge{display:inline-block;font:700 .78rem var(--mono);padding:3px 9px;border-radius:2px;background:var(--enc);color:#fff}
.badge.v{background:var(--vert)}.badge.r{background:var(--ver)}
.nonoff{font-size:.88rem;color:var(--gris);border-left:3px solid var(--ver);padding:2px 0 2px 12px;margin:18px 0}
/* ───── ordonnance (formulaire de recherche) ───── */
.ord{background:#fff;border:2px solid var(--enc);border-radius:3px;box-shadow:6px 6px 0 var(--enc);padding:22px 24px 24px;position:relative;max-width:520px}
.ord::before{content:"ORDONNANCE";position:absolute;top:-13px;left:18px;background:var(--pap);padding:0 8px;font:700 .8rem var(--mono);color:var(--ver);letter-spacing:.14em}
.ord label{display:block;font:700 .95rem var(--mono);margin:12px 0 2px}
.ord input,.ord select{width:100%;font:1.1rem var(--ser);border:0;border-bottom:2px solid var(--enc);background:repeating-linear-gradient(#fff,#fff 0,#fff 100%);padding:8px 2px;border-radius:0;color:var(--enc);outline-offset:4px}
.ord input::placeholder{color:#7a8794;font-style:italic}
.ord .btn{margin-top:18px;width:100%}
/* ───── héros ───── */
.hero{padding:44px 0 56px;border-bottom:1px solid var(--reg)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;min-height:calc(100svh - var(--htop) - 90px)}
.hero h1{max-width:15ch;margin-bottom:.35em}
.hero .chapo{margin-bottom:26px}
.hero-viz{position:relative;aspect-ratio:1/1.02;max-height:560px}
.hero-viz svg{width:100%;height:100%;display:block}
.fr-sil{fill:#F2EEE4;stroke:var(--enc);stroke-width:1.4;vector-effect:non-scaling-stroke}
.fr-dep{fill:none;stroke:var(--reg);stroke-width:.8;vector-effect:non-scaling-stroke}
.fr-pt{fill:var(--ver);opacity:.82}
.fr-pt.b{animation:bat 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bat{0%,100%{transform:scale(1)}12%{transform:scale(1.9)}24%{transform:scale(1)}}
.ecg{fill:none;stroke:var(--ver);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ecg 3.6s linear infinite}
@keyframes ecg{0%{stroke-dashoffset:420}60%,100%{stroke-dashoffset:0}}
.hero-chiffres{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;font:.95rem var(--mono)}
.hero-chiffres b{display:block;font:700 1.7rem var(--ser);color:var(--ver)}
@media (prefers-reduced-motion:reduce){.fr-pt.b,.ecg{animation:none}.ecg{stroke-dashoffset:0}html{scroll-behavior:auto}}
/* ───── cachet ───── */
.cachet{width:132px;height:132px;transform:rotate(-7deg);flex:none}
.cachet text{font-family:var(--mono);font-weight:700}
/* ───── grilles ───── */
.grille{display:grid;gap:0;border-top:2px solid var(--enc)}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.cel{padding:16px 18px;border-bottom:1px solid var(--reg);border-right:1px solid var(--reg);text-decoration:none;color:var(--enc);display:block}
.cel:hover{background:#fff}
.cel b{font:700 1.08rem var(--ser);display:block}
.cel span{font:.86rem var(--mono);color:var(--gris)}
.groupe{margin:0 0 26px}
.groupe h3{font:700 .95rem var(--mono);color:var(--ver);margin:0 0 6px}
.puces{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.puces a{display:inline-block;border:1.5px solid var(--enc);border-radius:2px;padding:6px 12px;text-decoration:none;color:var(--enc);font-weight:600;font-size:.94rem;background:#fff}
.puces a:hover{background:var(--enc);color:#fff}
.puces small{font:.78rem var(--mono);color:var(--gris);margin-left:4px}
.puces a:hover small{color:#dfe6ec}
/* ───── liste de médecins = lignes d'ordonnance ───── */
.lignes{border-top:2px solid var(--enc);margin:0;padding:0;list-style:none}
.ligne{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;padding:16px 4px;border-bottom:1px solid var(--reg);background:repeating-linear-gradient(transparent 0,transparent 31px,rgba(217,224,230,.55) 31px,rgba(217,224,230,.55) 32px)}
.ligne:hover{background-color:#fff}
.ligne a.nom{font:700 1.18rem var(--ser);color:var(--enc);text-decoration:none}
.ligne a.nom:hover{color:var(--ver)}
.ligne .sp{font:.9rem var(--mono);color:var(--gris)}
.ligne .ad{font-size:.95rem;color:var(--enc)}
.ligne .cote{display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-content:center}
.pagi{display:flex;gap:8px;margin:26px 0;flex-wrap:wrap}
.pagi a,.pagi span{border:2px solid var(--enc);padding:8px 14px;text-decoration:none;color:var(--enc);font-weight:700;border-radius:2px}
.pagi span{background:var(--enc);color:#fff}
/* ───── page spécialité × ville : carte AU-DESSUS ───── */
.carte-bandeau{height:340px;border:2px solid var(--enc);border-radius:3px;background:#EAE6DA;margin:22px 0 28px;position:relative;z-index:1;overflow:hidden}
.kd-map{width:100%;height:100%}
.mk{background:none;border:0}
.pin{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ver);color:#fff;border:2px solid #fff;font:700 .78rem var(--mono);box-shadow:0 1px 4px rgba(0,0,0,.45)}
.pin.cur{background:var(--enc);width:34px;height:34px}
.pin.hi{transform:scale(1.25)}
.leaflet-container{font-family:var(--san)}
/* ───── fiche (feuillet) ───── */
.feuillet{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;margin:24px 0 50px;align-items:start}
.feuillet-doc{background:#fff;border:2px solid var(--enc);border-radius:3px;padding:26px 28px 30px;position:relative;box-shadow:6px 6px 0 var(--reg)}
.feuillet-doc .cart{font:.82rem var(--mono);color:var(--gris);border-bottom:2px solid var(--enc);padding-bottom:10px;margin-bottom:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.feuillet-doc dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:0}
.feuillet-doc dt{font:700 .88rem var(--mono);color:var(--gris)}
.feuillet-doc dd{margin:0}
.feuillet-doc .cachet{position:absolute;right:20px;top:18px}
.feuillet-doc h1{font-size:clamp(1.6rem,3vw,2.3rem);padding-right:150px}
.carte-fiche{height:300px;border:2px solid var(--enc);border-radius:3px;background:#EAE6DA;position:relative;z-index:1;overflow:hidden}
/* ───── tunnel ───── */
body.tunnel{height:100svh;overflow:hidden}
body.tunnel main{display:flex;flex-direction:column;min-height:0}
.tun{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:36px;max-width:var(--w);margin:0 auto;padding:22px 22px 18px;width:100%;min-height:0;align-items:stretch}
.tun-carte{background:#fff;border:2px solid var(--enc);border-radius:3px;box-shadow:6px 6px 0 var(--enc);padding:20px 26px;display:flex;flex-direction:column;min-height:0;position:relative}
.tun-pas{display:flex;gap:8px;margin-bottom:12px}
.tun-pas i{flex:1;height:8px;background:var(--reg);border-radius:1px}
.tun-pas i.on{background:var(--ver)}
.tun-ent{font:700 .85rem var(--mono);color:var(--ver)}
.tun h1{font-size:clamp(1.4rem,2.4vw,2rem);margin:6px 0 12px}
.etape{display:none;flex:1;flex-direction:column;justify-content:space-evenly;min-height:0}
.etape.on{display:flex}
.tuiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tuile{border:2px solid var(--enc);background:var(--pap);border-radius:3px;padding:12px 12px;font:700 1rem var(--san);cursor:pointer;text-align:left;color:var(--enc);display:flex;gap:10px;align-items:center;min-height:56px}
.tuile:hover,.tuile.sel{background:var(--enc);color:#fff}
.tuile svg{width:26px;height:26px;flex:none}
.champ label{display:block;font:700 .9rem var(--mono);margin:0 0 4px}
.champ input,.champ select,.champ textarea{width:100%;font:1.05rem var(--san);padding:12px;border:2px solid var(--enc);border-radius:3px;background:#fff;color:var(--enc)}
.champ{margin-bottom:10px}
.cons{font-size:.88rem;display:flex;gap:9px;align-items:flex-start;color:var(--enc)}
.cons input{width:20px;height:20px;margin-top:3px;flex:none}
.tun-aside{display:flex;flex-direction:column;justify-content:center;gap:16px}
.tun-aside ul{padding-left:0;list-style:none;margin:0}
.tun-aside li{padding:9px 0 9px 28px;border-bottom:1px solid var(--reg);position:relative}
.tun-aside li::before{content:"";position:absolute;left:2px;top:15px;width:14px;height:8px;border-left:3px solid var(--vert);border-bottom:3px solid var(--vert);transform:rotate(-45deg)}
.tun-nav{display:flex;justify-content:space-between;gap:10px;margin-top:8px}
.piege{position:absolute;left:-9999px}
body.tunnel .foot{display:none}
/* ───── articles ───── */
.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;margin:26px 0 56px;align-items:stretch}
.art-tete{padding:30px 0 6px}
.art-tete .meta{font:.86rem var(--mono);color:var(--gris)}
.art-img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;border:2px solid var(--enc);border-radius:3px;margin:16px 0 22px;display:block}
.corps{font-size:1.06rem;max-width:72ch}
.corps h2{margin-top:1.8em;padding-top:.6em;border-top:2px solid var(--enc)}
.corps h3{margin-top:1.4em}
.corps img{height:auto;border-radius:3px}
.corps a{word-break:break-word}
.corps blockquote{margin:1.4em 0;padding:14px 18px;border-left:4px solid var(--ver);background:#fff}
.corps table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.corps td,.corps th{border:1px solid var(--reg);padding:8px 10px}
.saviez{background:#fff;border:2px solid var(--enc);box-shadow:5px 5px 0 var(--reg);padding:16px 20px;margin:1.6em 0}
.saviez b{font:700 .88rem var(--mono);color:var(--ver);display:block;margin-bottom:4px}
.faq{margin:2em 0}
.faq details{border-top:1px solid var(--enc);padding:12px 0}
.faq details:last-child{border-bottom:1px solid var(--enc)}
.faq summary{font:700 1.08rem var(--ser);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;font:700 1.3rem var(--mono);color:var(--ver)}
.faq details[open] summary::after{content:"–"}
.sources{margin:2em 0;padding:0;list-style:none;counter-reset:s;border-top:2px solid var(--enc)}
.sources li{counter-increment:s;padding:11px 0 11px 40px;border-bottom:1px solid var(--reg);position:relative}
.sources li::before{content:counter(s);position:absolute;left:4px;top:11px;font:700 .88rem var(--mono);color:#fff;background:var(--vert);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.sources small{display:block;font:.8rem var(--mono);color:var(--gris)}
.cote-art{display:flex;flex-direction:column;gap:18px;align-self:stretch}
.cote-art .colle{position:sticky;top:calc(var(--htop) + 20px)}
.bloc{background:#fff;border:2px solid var(--enc);padding:16px 18px;border-radius:3px}
.bloc h3{font:700 .95rem var(--mono);color:var(--ver);margin:0 0 8px}
.bloc ol,.bloc ul{margin:0;padding-left:20px;font-size:.93rem}
.bloc .ord{box-shadow:none;border:0;padding:0;max-width:none}
.bloc .ord::before{display:none}
.art-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.art-carte{display:flex;flex-direction:column;border:2px solid var(--enc);background:#fff;border-radius:3px;text-decoration:none;color:var(--enc);overflow:hidden}
.art-carte:hover{box-shadow:5px 5px 0 var(--enc)}
.art-carte img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--reg)}
.art-carte div{padding:14px 16px 16px}
.art-carte b{font:700 1.08rem var(--ser);display:block;margin-bottom:6px}
.art-carte span{font:.8rem var(--mono);color:var(--gris)}
/* ───── pied ───── */
.foot{background:var(--enc);color:#e8edf1;margin-top:auto;padding:26px 0 18px;font-size:.92rem}
.foot a{color:#fff}
.foot .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px}
.foot b{font:700 .85rem var(--mono);color:#fff}
.foot ul{list-style:none;margin:6px 0 0;padding:0}
.foot li{margin:3px 0}
.foot .bas{grid-column:1/-1;border-top:1px solid #3a4a5a;padding-top:12px;font-size:.83rem;color:#b9c4cf}
/* ───── divers ───── */
.pub{border:1px dashed var(--gris);color:var(--gris);font:.8rem var(--mono);text-align:center;padding:26px 10px;margin:24px 0;display:none}
.mise{border:2px solid var(--enc);border-radius:3px;background:#fff;padding:20px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.note{font-size:.9rem;color:var(--gris)}
.ok{color:var(--vert);font-weight:700}
.err{color:var(--ver);font-weight:700}
.vide{padding:40px 0;text-align:left}
.rail{display:flex;gap:30px;white-space:nowrap;animation:rail 40s linear infinite;width:max-content}
.rail-b{overflow:hidden;border-top:2px solid var(--enc);border-bottom:2px solid var(--enc);padding:10px 0;background:#fff;margin:0 0 26px}
.rail-b:hover .rail{animation-play-state:paused}
.rail a{color:var(--enc);font-weight:700;text-decoration:none}
@keyframes rail{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rail{animation:none;flex-wrap:wrap;width:auto;white-space:normal}}
/* ───── mobile ───── */
@media (max-width:980px){
 .cote-art .colle{position:static}
 .cote-art [data-toc]{display:none}
 .hero .wrap{grid-template-columns:1fr;min-height:0;gap:26px}
 .hero-viz{display:none}
 .g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}
 .feuillet,.art{grid-template-columns:minmax(0,1fr)}
 .art-liste{grid-template-columns:repeat(2,1fr)}
 .cote-art{position:static}
 .tun{grid-template-columns:1fr;gap:12px;padding:12px 14px}
 .tun-aside{display:none}
 .foot .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 .burger{display:block}
 .nav{display:none;position:absolute;top:var(--htop);left:0;right:0;background:var(--pap);border-bottom:2px solid var(--enc);flex-direction:column;align-items:stretch;padding:10px 16px 16px}
 .nav.on{display:flex}
 .nav a.cta{margin:8px 0 0;text-align:center}
 .feuillet-doc h1{padding-right:0;font-size:1.5rem}
 .feuillet-doc .cachet{position:static;margin:0 0 8px}
 .carte-bandeau{height:260px}
 .art-liste,.g3,.g2{grid-template-columns:1fr}
 .ligne{grid-template-columns:1fr}.ligne .cote{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
 .tuiles{grid-template-columns:1fr 1fr}
 .tun-carte{padding:14px 16px}
 .foot .wrap{grid-template-columns:1fr}
 body{font-size:16px}
}
@media (max-height:760px){.tun h1{font-size:1.25rem;margin-bottom:6px}.tuile{min-height:46px;padding:8px 10px}.tun-carte{padding:12px 16px}}

/* ───── correctifs 29/10 (tour visuel) ───── */
.nav a{white-space:nowrap;padding:8px 10px;font-size:.94rem}
.nav{gap:2px}
.logo small{white-space:nowrap}
.feuillet-doc .cachet{top:52px;width:118px;height:118px}
.feuillet-doc .cart{padding-right:0}
.feuillet-doc h1{padding-right:135px}
#tun{display:flex;flex-direction:column;flex:1;min-height:0}
.etape.on{flex:1}
.etape .tuiles{flex:1;grid-auto-rows:minmax(58px,1fr);margin-bottom:6px}
.etape .champ{flex:0 0 auto}
.etape[data-e="2"],.etape[data-e="4"]{justify-content:center;gap:14px}
.tuile{font-size:1.08rem}
.tun-pas{flex:none}
@media (max-width:760px){.tun-aside{display:none}.tun{overflow:hidden}}
@media (max-width:1180px){.nav a{font-size:.9rem;padding:8px 7px}.nav a.cta{padding:9px 12px}}
.chiffres{margin:1.8em 0;border:2px solid var(--enc);background:#fff;box-shadow:5px 5px 0 var(--reg)}
.chiffres figcaption{font:700 .92rem var(--mono);color:#fff;background:var(--enc);padding:8px 16px}
.chiffres figcaption small{font-weight:400;color:#dfe6ec}
.chiffres ul{list-style:none;margin:0;padding:0}
.chiffres li{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;border-top:1px solid var(--reg);align-items:baseline}
.chiffres li:first-child{border-top:0}
.chiffres b{font:700 1.15rem var(--ser);color:var(--ver);white-space:nowrap}
.sb-auteur-fin{margin-top:2em}

/* ───── héros de page (visuel ECG) et bandeau d'actualités ───── */
.hero-page{position:relative;min-height:240px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-right:min(34vw,360px)}
.hero-page .hv{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(32vw,340px);height:auto;pointer-events:none}
.hero-page .hv .e{fill:none;stroke:var(--ver);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hero-page .hv circle{fill:none;stroke:var(--enc);stroke-width:2}
.hero-page .meta,.hero-page .art-img{position:relative}
.une{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border:2px solid var(--enc);background:#fff;text-decoration:none;color:var(--enc);margin:0 0 30px;box-shadow:6px 6px 0 var(--reg)}
.une img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
.une div{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.une b{font:700 clamp(1.4rem,2.4vw,2rem)/1.2 var(--ser)}
.une span{font:.85rem var(--mono);color:var(--gris)}
.etape[data-e="2"],.etape[data-e="3"],.etape[data-e="4"]{justify-content:space-between;gap:12px}
.etape[data-e="2"] .champ input{font-size:1.4rem;padding:20px 14px}
.etape[data-e="3"] .tuiles{flex:1}
@media (max-width:760px){.hero-page{padding-right:0;min-height:230px}.hero-page .hv{opacity:.18;width:70vw}.une{grid-template-columns:1fr}.une img{min-height:180px}}
.fr-depts path{stroke:#fff;stroke-width:.9;vector-effect:non-scaling-stroke;transition:fill .15s}
.fr-depts .d1{fill:#F4DAD6}.fr-depts .d2{fill:#E9B3AC}.fr-depts .d3{fill:#D98177}.fr-depts .d4{fill:#C14A3F}.fr-depts .d5{fill:#8E1D17}
.fr-depts a:hover path{fill:var(--enc)}
.fr-depts .dc{font:700 9px var(--mono);fill:#fff;pointer-events:none}
.fr-depts .fr-sil{fill:#F2EEE4}