/*
Theme Name: Station de relevage
Description: Annuaire station-de-relevage-france.fr — « on soulève le tampon » : calque ozalid, encre de tirage, eau de cuve, fonte.
Version: 1.0.0
Text Domain: station-relevage
*/
:root{--calque:#F4F4F7;--encre:#1B2338;--ozalid:#4A3AC0;--ozalid-f:#3A2CA3;--eau:#1D6E9E;--eau-a:#CFE3EF;--fonte:#4A5059;--beton:#DCDDD8;--beton-f:#E9EAE6;--alarme:#B42318;--blanc:#fff;--h:76px;--r:3px;--f-t:Overpass,"Segoe UI",Arial,sans-serif;--f-c:Asap,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--calque);color:var(--encre);font:400 17px/1.6 var(--f-c);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;overflow-x:clip}
main{flex:1 0 auto}
img,svg{max-width:100%}
a{color:var(--ozalid);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--ozalid-f)}
:focus-visible{outline:3px solid var(--ozalid);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--f-t);font-weight:800;letter-spacing:-.01em;line-height:1.12;margin:0 0 .5em;color:var(--encre);font-variant-numeric:tabular-nums}
h1{font-size:clamp(32px,3.6vw,50px);font-weight:900}
h2{font-size:clamp(25px,2.4vw,34px)}
h3{font-size:21px}
p{margin:0 0 1em}
.srf-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.srf-evit{position:absolute;left:-999px;top:8px;background:var(--ozalid);color:#fff;padding:10px 16px;z-index:200;border-radius:var(--r)}
.srf-evit:focus{left:8px}
.srf-wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.srf-piege{position:absolute;left:-9999px;height:0;overflow:hidden}

/* ───── boutons ───── */
.srf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:var(--r);border:2px solid transparent;font:600 17px/1 var(--f-c);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.srf-btn-p{background:var(--ozalid);color:#fff;border-color:var(--ozalid)}
.srf-btn-p:hover{background:var(--ozalid-f);border-color:var(--ozalid-f);color:#fff}
.srf-btn-o{background:transparent;color:var(--ozalid);border-color:var(--ozalid)}
.srf-btn-o:hover{background:var(--ozalid);color:#fff}
.srf-btn-c{background:#fff;color:var(--encre);border-color:#fff}
.srf-btn-c:hover{background:var(--beton);color:var(--encre)}
.srf-btn-g{min-height:56px;padding:0 32px;font-size:18px}
.srf-lien{font-weight:600}

/* ───── en-tête, menu ───── */
.srf-top{position:sticky;top:0;z-index:60;background:var(--calque);border-bottom:1px solid var(--encre);box-shadow:0 3px 0 var(--beton)}
.srf-top-in{width:min(1360px,100% - 40px);margin-inline:auto;height:72px;display:flex;align-items:center;gap:28px}
.srf-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--encre);flex:none}
.srf-logo-c{flex:none}
.srf-logo-t{display:flex;flex-direction:column;line-height:1}
.srf-logo-t b{font:800 19px/1 var(--f-t);letter-spacing:-.015em;color:var(--encre)}
.srf-logo-t i{font:600 13px/1 var(--f-t);font-style:normal;letter-spacing:.02em;color:var(--ozalid);margin-top:4px}
.srf-nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.srf-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.srf-nav li a{position:relative;display:block;padding:10px 0 12px;color:var(--encre);text-decoration:none;font-weight:600;font-size:16px;white-space:nowrap}
.srf-nav li a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:0;background:var(--eau);transition:height .25s}
.srf-nav li a:hover::after,.srf-nav li a[aria-current]::after{height:4px}
.srf-cta{min-height:48px;padding:0 22px;white-space:nowrap}
.srf-burger{display:none;width:44px;height:44px;margin-left:auto;background:none;border:2px solid var(--encre);border-radius:var(--r);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.srf-burger i{display:block;height:3px;width:22px;background:var(--encre)}
.srf-burger i:nth-child(2){width:14px;align-self:center}

/* ───── bandes ───── */
.srf-bande,.srf-preuve{position:relative;padding:76px 0 72px;background:var(--calque)}
.srf-bande::before,.srf-pt::after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(45deg,var(--fonte) 0 1px,transparent 1px 5px);opacity:.55}
.srf-blanc{background:#fff}
.srf-bande-t{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.srf-chapo{max-width:62ch;font-size:19px;color:var(--fonte)}
.srf-bloc{margin:56px 0}
.srf-prose{max-width:74ch}
.srf-prose h2{margin-top:1.6em}
.srf-prose h2:first-child{margin-top:0}
.srf-prose li{margin-bottom:.5em}
.srf-mention{margin-top:48px;padding:14px 18px;border-left:4px solid var(--eau);background:#fff;color:var(--fonte);font-size:15px}
.srf-note{color:var(--fonte);font-size:15px}
.srf-src,.srf-mini{color:var(--fonte);font-size:14px}

/* ───── héros : la coupe du poste ───── */
.srf-hero{background:var(--calque);border-bottom:1px solid var(--encre)}
.srf-hero-in{width:min(1360px,100% - 48px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"txt scene";align-items:center;gap:48px;min-height:calc(100svh - var(--h));padding:24px 0}
.srf-hero-txt{grid-area:txt;display:flex;flex-direction:column;justify-content:center;max-width:640px}
.srf-hero-scene{grid-area:scene;display:flex;justify-content:center}
.srf-mention-h{margin:0 0 18px;color:var(--fonte);font-weight:500;font-size:16px}
.srf-hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.03;margin-bottom:28px}
.srf-coupe{border:2px solid var(--encre);background:var(--calque);width:100%;height:auto;max-height:calc(100svh - var(--h) - 40px);aspect-ratio:600/560;overflow:visible}
.srf-plaque{background:#fff;border:2px solid var(--encre);border-radius:var(--r);padding:8px}
.srf-rech{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;gap:0;align-items:stretch}
.srf-rech label{display:flex;flex-direction:column;justify-content:center;padding:6px 14px;border-right:1px solid var(--beton)}
.srf-rech label span{font-size:13px;font-weight:600;color:var(--fonte);line-height:1.2}
.srf-rech select,.srf-rech input{border:0;background:transparent;font:500 17px/1.3 var(--f-c);color:var(--encre);padding:4px 0;width:100%;min-width:0;outline-offset:4px}
.srf-rech select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231B2338' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 2px center;padding-right:22px}
.srf-rech .srf-btn{margin-left:8px;min-height:56px}
.srf-raccourcis{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.srf-raccourcis a{display:inline-block;padding:9px 16px;border:2px solid var(--encre);border-radius:var(--r);color:var(--encre);text-decoration:none;font-weight:600;font-size:16px;background:transparent;transition:background .2s,color .2s}
.srf-raccourcis a:hover{background:var(--encre);color:#fff}
.srf-preuve{padding:22px 0;background:var(--beton-f);border-bottom:1px solid var(--beton)}
.srf-preuve p{margin:0;color:var(--encre)}
.srf-preuve::before{display:none}
/* animation du héros : un cycle de 9 s */
.srf-eau{transform:translateY(350px);animation:srf-niv 9s ease-in-out infinite}
.srf-poire{transform:translate(360px,350px) rotate(0deg);animation:srf-poire 9s ease-in-out infinite}
.srf-cable-g{transform-origin:360px 270px;transform:scaleY(.8);animation:srf-cable 9s ease-in-out infinite}
.srf-turbine{transform:translate(260px,492px) rotate(30deg);animation:srf-tour 9s linear infinite}
.srf-pouls{opacity:0;animation:srf-pouls 9s linear infinite,srf-dash .9s linear infinite}
.srf-tampon-g{animation:srf-tampon 1.1s .5s cubic-bezier(.2,.8,.2,1) both}
.srf-cote path{stroke-dasharray:240;stroke-dashoffset:240;animation:srf-trace .9s ease forwards}
.srf-cote text{opacity:0;animation:srf-fond .6s ease forwards}
.srf-c1 path,.srf-c1 text{animation-delay:1s}.srf-c1 text{animation-delay:1.6s}
.srf-c2 path{animation-delay:1.5s}.srf-c2 text{animation-delay:2.1s}
.srf-c3 path{animation-delay:1.9s}.srf-c3 text{animation-delay:2.5s}
.srf-cote-n{font:900 30px var(--f-t);fill:var(--ozalid);font-variant-numeric:tabular-nums}
.srf-cote-t{font:600 15px var(--f-t);fill:var(--ozalid)}
@keyframes srf-niv{0%{transform:translateY(415px)}55%,60%{transform:translateY(306px)}92%,100%{transform:translateY(415px)}}
@keyframes srf-poire{0%{transform:translate(360px,415px) rotate(66deg)}50%{transform:translate(360px,325px) rotate(50deg)}55%,60%{transform:translate(360px,306px) rotate(0deg)}92%,100%{transform:translate(360px,415px) rotate(66deg)}}
@keyframes srf-cable{0%{transform:scaleY(1.45)}55%,60%{transform:scaleY(.36)}92%,100%{transform:scaleY(1.45)}}
@keyframes srf-tour{0%{transform:translate(260px,492px) rotate(0)}55%{transform:translate(260px,492px) rotate(30deg)}58%{transform:translate(260px,492px) rotate(30deg)}92%{transform:translate(260px,492px) rotate(1470deg)}100%{transform:translate(260px,492px) rotate(1500deg)}}
@keyframes srf-pouls{0%,56%{opacity:0}58%,91%{opacity:1}93%,100%{opacity:0}}
@keyframes srf-dash{to{stroke-dashoffset:-44}}
@keyframes srf-tampon{from{transform:translate(0,0)}to{transform:translate(34px,-7px)}}
@keyframes srf-trace{to{stroke-dashoffset:0}}
@keyframes srf-fond{to{opacity:1}}
.srf-tampon-g{transform:translate(34px,-7px)}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .srf-cote path{stroke-dashoffset:0}.srf-cote text{opacity:1}.srf-pouls{opacity:0}
}

/* ───── tuiles métiers (dessins au trait) ───── */
.srf-metiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}
.srf-metiers-g{grid-template-columns:repeat(2,1fr);margin-top:36px}
.srf-mt-t{display:flex;flex-direction:column;background:var(--calque);border:2px solid var(--encre);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--encre);transition:border-color .2s,transform .2s}
.srf-mt-t:hover{border-color:var(--ozalid);color:var(--encre)}
.srf-mt-t .srf-dm{margin-bottom:14px;align-self:flex-start}
.srf-mt-t h2,.srf-mt-t h3{font-size:22px;margin-bottom:8px}
.srf-mt-t p{flex:1;font-size:16px;color:var(--fonte)}
.srf-mt-t b{font:800 15px var(--f-t);color:var(--ozalid)}
.srf-bande .srf-mt-t{background:#fff}

/* ───── plan de France ───── */
.srf-plan-gr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.srf-plan-carte{background:#fff;border:2px solid var(--encre);border-radius:var(--r);padding:18px}
.srf-fr{display:block;width:100%;height:auto;max-height:78vh;margin-inline:auto}
.srf-sil{fill:#fff;stroke:var(--encre);stroke-width:1.3;stroke-linejoin:round}
.srf-sil.dep{fill:#fff;stroke-width:1.6}
.srf-dp path{fill:#fff;stroke:var(--fonte);stroke-width:.75;stroke-linejoin:round;transition:fill .15s}
.srf-dp path.n2{fill:#F1F3F7}.srf-dp path.n3{fill:#E5ECF4}.srf-dp path.n4{fill:#D9E6F1}
.srf-dp:hover path,.srf-dp:focus path{fill:rgba(29,110,158,.25)}
.srf-cr use{fill:var(--ozalid);stroke:#fff;stroke-width:.12;transform-box:fill-box;transform-origin:center;transition:transform .2s}
.srf-cr:hover use,.srf-cr:focus use{transform:rotate(45deg) scale(1.35)}
.srf-leg{margin:14px 0 0;color:var(--fonte);font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.srf-leg i{display:inline-block;width:18px;height:12px;border:1px solid var(--fonte)}
.srf-leg .l1{background:#fff}.srf-leg .l3{background:#E5ECF4}.srf-leg .l4{background:#D9E6F1}
.srf-leg .sq{width:10px;height:10px;background:var(--ozalid);border:0}
.srf-bulle{position:fixed;z-index:90;pointer-events:none;background:var(--encre);color:#fff;padding:6px 10px;border-radius:var(--r);font-size:14px;font-weight:600;max-width:260px;transform:translate(-50%,-135%)}
.srf-carte-gr{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:start}
.srf-class{list-style:none;margin:0;padding:0}
.srf-class li{border-bottom:1px solid var(--beton)}
.srf-class a{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--encre);text-decoration:none;font-weight:600}
.srf-class a span{flex:1}
.srf-class b{font-family:var(--f-t);font-variant-numeric:tabular-nums}

/* ───── tampons (fonte) et fiches ───── */
.srf-tp{display:block;flex:none}
.srf-tp-n{font-family:var(--f-t);font-weight:900;fill:var(--encre)}
.srf-tp-h{font-family:var(--f-t);font-weight:900;fill:#fff}
.srf-tp-b{font-family:var(--f-t);font-weight:800;fill:var(--fonte)}
.srf-tm{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:2px solid var(--encre);border-radius:var(--r);background:repeating-linear-gradient(45deg,var(--beton) 0 3px,#C9CAC4 3px 6px);font:900 13px var(--f-t);font-style:normal;color:var(--encre);text-shadow:0 1px 0 #fff}
.srf-fiches{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;margin-top:20px}
.srf-fiches.srf-2c{grid-template-columns:repeat(2,minmax(0,1fr))}
.srf-fiche{position:relative;background:#fff;border-radius:var(--r);padding-bottom:4px}
.srf-fiche-l{display:flex;align-items:center;gap:16px;padding:16px 16px 18px;text-decoration:none;color:var(--encre)}
.srf-fiche-t{display:flex;flex-direction:column;min-width:0;flex:1}
.srf-fiche h3{font-size:20px;margin:0 0 4px;overflow-wrap:anywhere}
.srf-mt{font-weight:600;font-size:15px;color:var(--ozalid)}
.srf-ad,.srf-dp-c{font-size:14.5px;color:var(--fonte);line-height:1.4}
.srf-voir{align-self:flex-end;font-weight:600;font-size:14px;color:var(--ozalid);white-space:nowrap}
.srf-fil{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--eau);transition:height .2s}
.srf-fiche:hover .srf-fil,.srf-fiche.act .srf-fil{height:8px}
.srf-fiche.act{outline:2px solid var(--ozalid)}
.srf-etiq{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.srf-etiq a{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--beton);border-bottom:4px solid var(--eau);border-radius:var(--r);padding:8px 14px 8px 8px;color:var(--encre);text-decoration:none;font-weight:600;font-size:16px;transition:border-bottom-width .15s}
.srf-etiq a:hover{border-bottom-width:6px}
.srf-etiq b{font:800 14px var(--f-t);color:var(--fonte);font-variant-numeric:tabular-nums}
.srf-pastilles{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.srf-pastilles a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--encre);border-radius:var(--r);text-decoration:none;color:var(--encre);font-weight:600;font-size:15px;background:#fff}
.srf-pastilles a[aria-current]{background:var(--encre);color:#fff}
.srf-pastilles b{font:800 13px var(--f-t)}
.srf-pagi ul{list-style:none;display:flex;gap:6px;padding:0;margin:26px 0 0;flex-wrap:wrap}
.srf-pagi a,.srf-pagi span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:2px solid var(--encre);border-radius:var(--r);text-decoration:none;color:var(--encre);font-weight:600;background:#fff}
.srf-pagi span{background:var(--encre);color:#fff}

/* ───── en-têtes de page ───── */
.srf-pt{position:relative;background:var(--calque);padding:34px 0 36px;border-bottom:1px solid var(--encre)}
.srf-pt::after{top:auto;bottom:0}
.srf-pt-in{display:flex;align-items:center;justify-content:space-between;gap:40px}
.srf-pt-txt{max-width:820px}
.srf-pt h1{margin-bottom:.35em;font-size:clamp(29px,3.2vw,44px)}
.srf-pt-sous{font-size:19px;color:var(--fonte);margin:0}
.srf-ariane ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 14px;padding:0;font-size:14.5px}
.srf-ariane li+li::before{content:"/";color:var(--fonte);margin-right:8px}
.srf-ariane a{color:var(--fonte)}
.srf-pt-dr{flex:none}
.srf-pt-dr .srf-dm{display:block}
.srf-pt-fiche .srf-pt-dr,.srf-pt-depto .srf-pt-dr{filter:drop-shadow(0 0 0 transparent)}
.srf-pt-article .srf-pt-in{align-items:stretch}
.srf-pt-article .srf-pt-txt{align-self:center}

/* ───── liste + carte ───── */
.srf-tete-carte{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px;align-items:start;margin:44px 0 0}
.srf-cadre{margin:0;position:relative;background:repeating-linear-gradient(45deg,var(--beton) 0 3px,#C9CAC4 3px 6px);border:3px solid var(--encre);border-radius:var(--r);padding:14px 14px 0;width:100%;max-width:520px}
.srf-cadre-in{aspect-ratio:1/1;background:#fff;border:2px solid var(--encre);position:relative}
.srf-map{position:absolute;inset:0}
.srf-cadre figcaption{word-spacing:.18em;height:42px;display:flex;align-items:center;justify-content:center;font:900 17px var(--f-t);color:var(--encre);text-shadow:0 1px 0 #fff,0 -1px 0 rgba(27,35,56,.25);letter-spacing:.01em}
.srf-cadre-fiche{max-width:420px}
.srf-tete-txt h2{font-size:26px}
.srf-pin{width:16px;height:16px;background:var(--ozalid);border:2px solid #fff;box-shadow:0 0 0 1px var(--encre);cursor:pointer}
.srf-pin.ei{background:#fff;border:3px solid var(--ozalid)}
.srf-pin.act{transform:rotate(45deg) scale(1.25)}
.srf-pin-v{width:14px;height:14px;background:#fff;border:3px solid var(--fonte);box-shadow:0 0 0 1px #fff;cursor:pointer}
.leaflet-tooltip.srf-tt{font:600 12.5px var(--f-c);color:var(--encre);border:1px solid var(--encre);border-radius:2px;padding:2px 6px;box-shadow:none}
.leaflet-container{font-family:var(--f-c);background:#E9EAF0}
.leaflet-popup-content a{font-weight:700;color:var(--ozalid)}
.srf-cartouche{background:#fff;border:2px solid var(--encre);padding:26px 28px}
.srf-fiche-gr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:44px;margin-top:40px;align-items:start}
.srf-dl{margin:0 0 20px;display:grid;grid-template-columns:1fr}
.srf-dl>div{display:grid;grid-template-columns:170px 1fr;border-top:1px solid var(--beton);padding:10px 0}
.srf-dl>div:first-child{border-top:0}
.srf-dl dt{font-weight:600;color:var(--fonte);font-size:15px}
.srf-dl dd{margin:0;overflow-wrap:anywhere}

/* ───── départements ───── */
.srf-dep-gr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;margin-top:44px;align-items:start}
.srf-dep-carte{background:#fff;border:2px solid var(--encre);padding:18px}
.srf-dep-carte .srf-fr{max-height:520px}
.srf-barres{list-style:none;margin:0 0 20px;padding:0}
.srf-barres a{display:grid;grid-template-columns:minmax(0,1fr) 120px 56px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--beton);color:var(--encre);text-decoration:none;font-weight:600}
.srf-barres i{display:block;height:10px;background:linear-gradient(90deg,var(--eau) var(--w),var(--beton) var(--w))}
.srf-barres b{text-align:right;font-family:var(--f-t);font-variant-numeric:tabular-nums}

/* ───── bande d'appel, FAQ, vides ───── */
.srf-bande-cta{background:var(--encre);color:#fff;padding:34px 0;margin-top:56px}
.srf-bande-cta .srf-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.srf-bande-cta p{margin:0;font:800 22px/1.25 var(--f-t);max-width:46ch}
.srf-faq details{background:#fff;border:1.5px solid var(--beton);border-left:4px solid var(--eau);border-radius:var(--r);margin-bottom:10px}
.srf-faq summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px}
.srf-faq summary::after{content:"+";font:800 22px/1 var(--f-t);color:var(--ozalid)}
.srf-faq details[open] summary::after{content:"−"}
.srf-faq summary::-webkit-details-marker{display:none}
.srf-faq details p{margin:0;padding:0 18px 16px;color:var(--fonte)}
.srf-vide{max-width:680px;margin:56px auto;text-align:left;background:#fff;border:2px solid var(--encre);padding:34px}
.srf-vide .srf-rech{margin:18px 0}
.srf-sits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.srf-sit{background:var(--calque);border:2px solid var(--encre);padding:22px;border-radius:var(--r);display:flex;flex-direction:column}
.srf-sit .srf-ds{width:100%;height:auto;background:#fff;border:1.5px solid var(--beton);margin-bottom:16px}
.srf-sit h3{margin-bottom:4px}
.srf-sit-s{font-weight:600;color:var(--ozalid)}
.srf-sit .srf-lien{margin-top:auto}
.srf-duo-gr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.srf-duo-gr .srf-faq{margin:0}

/* ───── articles : hub, cartes ───── */
.srf-ca-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.srf-ca{background:#fff;border-bottom:4px solid var(--eau);border-radius:var(--r);display:flex;flex-direction:column;transition:border-bottom-width .15s}
.srf-ca:hover{border-bottom-width:8px}
.srf-ca-img{display:block;aspect-ratio:16/9;background:var(--beton);overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.srf-ca-img img{width:100%;height:100%;object-fit:cover;display:block}
.srf-ca-corps{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.srf-ca-rub,.srf-etq{align-self:flex-start;background:var(--ozalid);color:#fff!important;font-weight:600;font-size:13px;padding:3px 10px;border-radius:2px;text-decoration:none;margin-bottom:10px;display:inline-block}
.srf-ca h3{font-size:20px}
.srf-ca h3 a{color:var(--encre);text-decoration:none}
.srf-ca p{font-size:15.5px;color:var(--fonte);margin:0}
.srf-rubriques{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.srf-rubriques a{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:2px solid var(--encre);border-radius:var(--r);text-decoration:none;color:var(--encre);font-weight:600;background:#fff}
.srf-rubriques b{font:800 13px var(--f-t);color:var(--ozalid)}
.srf-defile{overflow:hidden;border-top:1px solid var(--encre);border-bottom:1px solid var(--encre);background:#fff;margin:34px 0 0}
.srf-defile-in{display:flex;gap:44px;width:max-content;padding:11px 0;animation:srf-def 70s linear infinite}
.srf-defile:hover .srf-defile-in{animation-play-state:paused}
.srf-defile a{white-space:nowrap;color:var(--encre);text-decoration:none;font-weight:600;font-size:15.5px}
.srf-defile a::before{content:"";display:inline-block;width:8px;height:8px;background:var(--ozalid);margin-right:12px}
@keyframes srf-def{to{transform:translateX(-50%)}}
.srf-une{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0;background:#fff;border-bottom:6px solid var(--eau);margin-top:28px}
.srf-une-img{display:block;min-height:300px;background:var(--beton)}
.srf-une-img img{width:100%;height:100%;object-fit:cover;display:block}
.srf-une-txt{padding:32px}
.srf-une-txt h2 a{color:var(--encre);text-decoration:none}
.srf-equipe{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.srf-eq{display:flex;flex-direction:column;gap:6px;background:#fff;border-bottom:4px solid var(--eau);padding:26px;text-decoration:none;color:var(--encre)}
.srf-eq h2{font-size:23px;margin:10px 0 0}
.srf-eq p{color:var(--fonte);font-size:15.5px;margin:0}
.srf-eq b{font:800 14px var(--f-t);color:var(--ozalid)}
.srf-ph{flex:none;width:44px;height:44px;aspect-ratio:1/1;border-radius:50%;object-fit:cover;background:var(--beton);border:2px solid var(--encre)}
.srf-ph-i{display:inline-flex;align-items:center;justify-content:center;font:900 20px var(--f-t);color:var(--encre)}

/* ───── article ───── */
.srf-pt-article{padding-bottom:0;overflow:hidden}
.srf-pt-article .srf-pt-in{padding-bottom:34px}
.srf-art-fig{margin:0;width:min(440px,42%);align-self:center}
.srf-art-une{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:2px solid var(--encre);min-height:230px}
.srf-art-fig figcaption{font-size:12.5px;color:var(--fonte);margin-top:6px}
.srf-meta-art{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--fonte);font-size:15px;margin:0}
.srf-auteur-p{display:flex;align-items:center;gap:10px;color:var(--encre);font-weight:600;text-decoration:none}
.srf-art-gr{display:grid;grid-template-columns:260px minmax(0,78ch);justify-content:center;gap:64px;margin-top:44px;align-items:start}
.srf-art-cote{align-self:stretch;min-width:0}
.srf-cote-sticky{position:sticky;top:96px;max-height:calc(100vh - 112px)}
.srf-sommaire h2,.srf-cote-trouver h2{font-size:17px;margin-bottom:12px}
.srf-sommaire ol{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid var(--beton);position:relative}
.srf-sommaire li{margin:0 0 7px}
.srf-sommaire a{display:block;color:var(--fonte);text-decoration:none;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srf-sommaire li.on a{color:var(--ozalid);font-weight:700}
.srf-sommaire li{position:relative}
.srf-sommaire li::before{content:"";position:absolute;left:-23px;top:6px;width:11px;height:11px;background:var(--calque);border:2px solid var(--fonte)}
.srf-sommaire li.on::before{background:var(--ozalid);border-color:var(--ozalid)}
.srf-cote-trouver{margin-top:22px;padding:16px;background:#fff;border:2px solid var(--encre)}
.srf-cote-trouver .srf-rech{grid-template-columns:1fr}
.srf-cote-trouver .srf-rech label{border-right:0;border-bottom:1px solid var(--beton);padding:6px 4px}
.srf-cote-trouver .srf-rech .srf-btn{margin:10px 0 0}
.srf-art-corps{min-width:0}
.srf-contenu-art{max-width:72ch}
.srf-contenu-art img{height:auto;border:2px solid var(--encre)}
.srf-contenu-art h2{font-size:28px;margin-top:1.8em}
.srf-contenu-art h3{font-size:22px;margin-top:1.4em}
.srf-contenu-art figure{margin:28px 0}
.srf-contenu-art figcaption{font-size:13px;color:var(--fonte)}
.srf-contenu-art .srf-tbl{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}.srf-contenu-art .srf-tbl table{min-width:560px}
.srf-contenu-art table{border-collapse:collapse;width:100%;font-size:15px}
.srf-contenu-art th,.srf-contenu-art td{border:1px solid var(--beton);padding:8px 10px;text-align:left}
.srf-contenu-art th{background:#fff}
.srf-saviez{position:relative;margin:34px 0;padding:22px 22px 22px 112px;background:#fff;border:2px solid var(--encre);min-height:110px}
.srf-saviez::before{content:"";position:absolute;left:16px;top:16px;width:78px;height:78px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78'%3E%3Cpath d='M12 8v62h54V8' fill='%23fff' stroke='%231B2338' stroke-width='3'/%3E%3Cpath d='M14 36c8-5 14 5 22 0s14 5 22 0 6 2 6 2v32H14z' fill='%23CFE3EF'/%3E%3Cpath d='M14 36c8-5 14 5 22 0s14 5 22 0' fill='none' stroke='%231D6E9E' stroke-width='2.4'/%3E%3Cpath d='M4 8v28M0 8h8M0 36h8' stroke='%234A3AC0' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/contain}
.srf-saviez b{font:800 18px var(--f-t);display:block;margin-bottom:6px}
.srf-saviez p{margin:0}
.srf-encadre{margin:34px 0;padding:6px 0 6px 22px;border-left:6px solid var(--ozalid);font:800 23px/1.3 var(--f-t)}
.srf-encadre p{margin:0}
.srf-encadre-liste{margin:30px 0;padding:20px 24px;background:#fff;border:2px solid var(--encre);border-top:6px solid var(--eau)}
.srf-infog{margin:36px 0;padding:22px;background:#fff;border:2px solid var(--encre)}
.srf-infog figcaption{font:800 18px var(--f-t);color:var(--encre);margin-bottom:14px}
.srf-ig-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}
.srf-ig-svg{width:100%;height:auto}
.srf-ig-n{font:800 12px var(--f-t);fill:var(--encre)}
.srf-ig-leg{list-style:none;margin:0;padding:0}
.srf-ig-leg li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--beton);color:var(--encre)}
.srf-ig-leg i{width:14px;height:14px;background:var(--c);flex:none}
.srf-ig-leg span{flex:1;font-size:15px}
.srf-ig-leg b{font-family:var(--f-t)}
.srf-infog small{display:block;margin-top:12px;color:var(--fonte);font-size:13px}
.srf-bloc-form{margin:34px 0;padding:24px;background:var(--encre);color:#fff}
.srf-bloc-form h2{color:#fff;font-size:24px}
.srf-bloc-form .srf-plaque,.srf-bloc-form .srf-rech{background:#fff;color:var(--encre);padding:8px;border-radius:var(--r)}
.srf-sources{margin:36px 0;padding:22px;background:#fff;border:2px solid var(--encre)}
.srf-sources h2{font-size:22px;margin-top:0}
.srf-sources ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.srf-sources a{display:flex;flex-direction:column;padding:12px 16px;border:1.5px solid var(--beton);border-left:4px solid var(--ozalid);text-decoration:none;color:var(--encre)}
.srf-sources a b{font-weight:600;overflow-wrap:anywhere}
.srf-sources a span{font-size:13.5px;color:var(--fonte)}
.srf-auteur-bas{display:flex;gap:18px;align-items:center;margin-top:48px;padding:22px;background:#fff;border-left:6px solid var(--eau)}
.srf-auteur-bas .srf-ph{width:72px;height:72px}
.srf-auteur-bas p{margin:4px 0 0;color:var(--fonte);font-size:15.5px}

/* ───── tunnel ───── */
.srf-page-tunnel .srf-pied{display:none}
.srf-page-tunnel{height:100svh;min-height:0}
.srf-tunnel{flex:1;display:flex;min-height:0;background:var(--calque)}
.srf-tn-gr{flex:none;display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:44px;width:min(1280px,100% - 48px);margin-inline:auto;padding:30px 0 34px;min-height:0}
.srf-cuve{margin:0;position:relative;display:flex;justify-content:center;align-items:stretch;min-height:0}
.srf-cuve svg{height:100%;width:100%;max-height:760px}
.srf-cuve-eau{transform:translateY(calc(407px - 380px * var(--niv,.2)));transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.srf-niv-t{font:600 13px var(--f-t);fill:var(--encre)}
.srf-voyant{position:absolute;top:22px;left:calc(50% + 28px);width:26px;height:26px;background:var(--alarme);border:3px solid #fff;box-shadow:0 0 0 2px var(--encre);animation:srf-vo 1.2s ease-in-out infinite}
@keyframes srf-vo{50%{opacity:.35}}
.srf-cuve-bar{display:none}
.srf-tn-form{display:flex;flex-direction:column;min-height:0;justify-content:center}
.srf-tn-tete{margin-bottom:10px}
.srf-tn-etape{margin:0 0 6px;font:800 16px var(--f-t);color:var(--ozalid)}
.srf-tn-pro{margin:0;color:var(--fonte);font-size:16px}
.srf-etape{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;flex:1;justify-content:center;max-height:640px}
.srf-etape[hidden]{display:none}
.srf-etape legend{font:900 clamp(26px,2.7vw,38px)/1.1 var(--f-t);padding:0;margin-bottom:22px;float:left;width:100%}
.srf-etape legend+*{clear:both}
.srf-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;flex:1;max-height:400px;min-height:150px}
.srf-tuile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;border:2px solid var(--encre);border-radius:var(--r);padding:14px;color:var(--encre);font:700 18px/1.2 var(--f-t);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.srf-tuile:hover{border-color:var(--ozalid)}
.srf-tuile.sel{border-color:var(--ozalid);background:#EEEBFB}
.srf-tuile.alarme .srf-ti{color:var(--alarme)}
.srf-ti{width:92px;height:76px;color:var(--ozalid)}
.srf-tuiles.t2{grid-template-columns:repeat(2,1fr);max-height:200px}
.srf-champ{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.srf-champ span{font-weight:600;font-size:15px;color:var(--encre)}
.srf-champ input,.srf-champ select,.srf-champ textarea{font:500 18px var(--f-c);padding:13px 14px;border:2px solid var(--encre);border-radius:var(--r);background:#fff;color:var(--encre);width:100%;min-width:0}
.srf-champ input:focus,.srf-champ select:focus,.srf-champ textarea:focus{outline:3px solid var(--ozalid);outline-offset:1px}
.srf-duo{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.srf-consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--fonte);margin:2px 0 18px}
.srf-consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--ozalid)}
.srf-alerte{background:#fff;border-left:5px solid var(--alarme);padding:10px 14px;color:var(--alarme);font-weight:600}
.srf-retour{margin:12px 0 0}
.srf-retour button{background:none;border:0;color:var(--ozalid);font:600 16px var(--f-c);cursor:pointer;padding:6px 0;text-decoration:underline}
.srf-tn-aside{align-self:center;background:#fff;border:2px solid var(--encre);padding:24px}
.srf-tn-aside h2{font-size:20px}
.srf-tn-aside ul{margin:0;padding-left:20px;font-size:15.5px;color:var(--fonte)}
.srf-tn-aside li{margin-bottom:8px}
.srf-pas{list-style:none;display:flex;gap:18px;margin:0 0 20px;padding:0;flex-wrap:wrap}
.srf-pas li{display:flex;align-items:center;gap:8px;color:var(--fonte);font-weight:600}
.srf-pas i{width:14px;height:14px;border:2px solid var(--fonte);display:block}
.srf-pas li.on{color:var(--ozalid)}.srf-pas li.on i,.srf-pas li.fait i{background:var(--ozalid);border-color:var(--ozalid)}
.srf-contact{max-width:640px;background:#fff;border:2px solid var(--encre);padding:30px}
.srf-contact .srf-etape{max-height:none}

/* ───── outil ───── */
.srf-outil-gr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:44px;align-items:start}
.srf-outil{background:#fff;border:2px solid var(--encre);padding:26px}
.srf-outil fieldset{border:0;padding:0;margin:0 0 14px}
.srf-outil legend{font:800 18px var(--f-t);margin-bottom:12px;padding:0}
.srf-outil-res{position:sticky;top:96px;background:#fff;border:2px solid var(--encre);border-top:8px solid var(--eau);padding:26px}
.srf-cotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 22px}
.srf-cotes p{margin:0;padding:12px 0 0;border-top:3px solid var(--ozalid);display:flex;flex-direction:column}
.srf-cotes span{font:900 clamp(24px,2.4vw,34px)/1 var(--f-t);color:var(--ozalid);font-variant-numeric:tabular-nums}
.srf-cotes small{font-size:14px;color:var(--fonte);margin-top:6px}
.srf-vit-r{position:relative;display:flex;height:34px;border:2px solid var(--encre)}
.srf-vit-r i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:600}
.srf-vit-r .z1{flex:0 0 22%;background:#E9EAF0}.srf-vit-r .z2{flex:1;background:var(--eau-a)}.srf-vit-r .z3{flex:0 0 26%;background:#E9EAF0}
.srf-vit-r b{font-weight:600}
.srf-vit-r em{position:absolute;top:-8px;bottom:-8px;width:6px;margin-left:-3px;background:var(--ozalid);border:2px solid #fff;box-shadow:0 0 0 1px var(--encre);left:0;opacity:0;transition:left .5s}
.srf-res-ph{font-size:15px;color:var(--fonte)}
.srf-capture{max-width:560px;background:#fff;border:2px solid var(--encre);padding:26px}

/* ───── pied ───── */
.srf-pied{background:var(--encre);color:#E9EAF0;padding:22px 0;margin-top:0}
.srf-pied-in{width:min(1240px,100% - 48px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:18px 40px;flex-wrap:wrap}
.srf-pied-id{margin:0;font-size:14.5px;max-width:62ch;line-height:1.5}
.srf-pied-id b{color:#fff}
.srf-pied-l{list-style:none;display:flex;gap:6px 22px;margin:0;padding:0;flex-wrap:wrap}
.srf-pied a{color:#fff;font-size:14.5px;text-underline-offset:3px}

/* ───── responsive ───── */
@media (max-width:1180px){
 .srf-nav ul{gap:18px}.srf-nav li a{font-size:15px}.srf-nav{gap:18px}.srf-logo-t b{font-size:17px}
 .srf-metiers{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1040px){
 :root{--h:68px}
 .srf-top-in{height:64px}
 .srf-burger{display:flex}
 .srf-nav{position:fixed;left:0;right:0;bottom:0;top:64px;background:var(--calque);flex-direction:column;align-items:stretch;justify-content:space-between;gap:0;margin:0;padding:8px 20px 24px;transform:translateY(100%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;z-index:70;border-top:1px solid var(--encre);overflow:auto}
 .srf-nav.ouvert{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .srf-nav ul{flex-direction:column;gap:0}
 .srf-nav li a{font:800 27px/1.2 var(--f-t);padding:18px 0;border-bottom:1px solid var(--beton);white-space:normal}
 .srf-nav li a::after{display:none}
 .srf-nav li a[aria-current]{color:var(--ozalid)}
 .srf-cta{width:100%;min-height:56px;margin-top:18px}
 .srf-hero-in{grid-template-columns:1fr;grid-template-areas:"scene" "txt";gap:18px;min-height:0;padding:0 0 28px;width:100%}
 .srf-hero-scene{height:240px;overflow:hidden;border-bottom:1px solid var(--encre)}
 .srf-coupe{aspect-ratio:auto;height:240px;width:100%;max-height:none}
 .srf-hero-txt{padding:0 20px;max-width:none}
 .srf-hero h1{font-size:36px;margin-bottom:20px}
 .srf-plan-gr,.srf-carte-gr,.srf-dep-gr,.srf-duo-gr,.srf-outil-gr{grid-template-columns:1fr;gap:32px}
 .srf-tete-carte{grid-template-columns:1fr;gap:28px}
 .srf-tete-carte .srf-cadre{max-width:none}
 .srf-fiche-gr{grid-template-columns:1fr}
 .srf-sits,.srf-equipe{grid-template-columns:1fr}
 .srf-ca-grille{grid-template-columns:repeat(2,1fr)}
 .srf-art-gr{grid-template-columns:1fr;gap:24px}
 .srf-art-cote{order:2}
 .srf-cote-sticky{position:static;max-height:none}
 .srf-pt-in{flex-direction:column;align-items:flex-start;gap:22px}
 .srf-art-fig{width:100%}
 .srf-une{grid-template-columns:1fr}
 .srf-outil-res{position:static}
}
@media (max-width:760px){
 body{font-size:16.5px}
 .srf-wrap{width:calc(100% - 40px)}
 .srf-bande,.srf-preuve{padding:52px 0 48px}
 .srf-preuve{padding:18px 0}
 .srf-rech{grid-template-columns:1fr}
 .srf-rech label{border-right:0;border-bottom:1px solid var(--beton);padding:8px 8px}
 .srf-rech .srf-btn{margin:10px 0 0;width:100%}
 .srf-metiers,.srf-metiers-g{grid-template-columns:1fr}
 .srf-fiches,.srf-fiches.srf-2c{grid-template-columns:1fr}
 .srf-ca-grille{grid-template-columns:1fr}
 .srf-dl>div{grid-template-columns:1fr;gap:2px}
 .srf-cadre{padding:8px 8px 0;border-width:2px}
 .srf-cadre figcaption{word-spacing:.18em;height:34px;font-size:15px}
 .srf-barres a{grid-template-columns:minmax(0,1fr) 70px 48px}
 .srf-cotes{grid-template-columns:1fr}
 .srf-ig-wrap{grid-template-columns:1fr}
 .srf-saviez{padding:20px;padding-top:108px}
 .srf-bande-cta p{font-size:19px}
 .srf-vide{padding:22px;margin:32px auto}
 .srf-pied-in{width:calc(100% - 40px)}
 /* tunnel mobile : cuve couchée en tête, tuiles 2 × 2 */
 .srf-tn-gr{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:14px 0 16px;width:calc(100% - 32px)}
 .srf-cuve{height:60px;display:block}
 .srf-cuve svg,.srf-voyant{display:none}
 .srf-cuve-bar{display:flex;position:relative;height:56px;border:2px solid var(--encre);background:#fff;border-radius:var(--r);overflow:hidden;justify-content:space-between;align-items:flex-end;padding:0 10px 4px;font:600 12px var(--f-t)}
 .srf-cuve-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(100% * var(--niv,.2));background:var(--eau-a);border-right:3px solid var(--eau);transition:width .7s}
 .srf-cuve-bar span{position:relative;z-index:1}
 .srf-cuve.alarme .srf-cuve-bar i{background:#F7D9D6;border-color:var(--alarme)}
 .srf-tuiles{grid-template-columns:1fr 1fr;max-height:none;min-height:0}
 .srf-tuile{font-size:16.5px;padding:10px}
 .srf-ti{width:52px;height:44px}
 .srf-etape legend{font-size:25px;margin-bottom:14px}
 .srf-etape{max-height:none;justify-content:flex-start}
 .srf-tn-aside{padding:10px 14px;align-self:stretch}
 .srf-tn-aside h2,.srf-tn-aside li:nth-child(n+2){display:none}
 .srf-tn-aside ul{padding:0;list-style:none;font-size:14px}
 .srf-duo{grid-template-columns:1fr}
 .srf-champ{margin-bottom:10px}
 .srf-champ input{padding:11px 12px}
 .srf-consent{font-size:13px;margin-bottom:10px}
}
@media (max-height:860px) and (min-width:1041px){
 .srf-tn-gr{padding:20px 0 22px}.srf-etape legend{margin-bottom:14px}.srf-tuiles{max-height:260px}
}
.srf-sil,.srf-dp path{vector-effect:non-scaling-stroke}
.srf-sil.dep{stroke-width:2}
.srf-bloc>p{margin-top:16px}
.srf-vit-r+p{margin-top:14px}.srf-vit p{margin-top:14px}

.srf-cadre-in{overflow:hidden}
.srf-mini-dept{position:absolute;left:10px;bottom:10px;width:92px;height:92px;z-index:500;background:rgba(255,255,255,.92);border:1.5px solid var(--encre);padding:6px;pointer-events:none}
.srf-page-texte{padding-bottom:64px}
.srf-bloc.srf-prose{margin-bottom:56px}
@media (max-width:760px){.srf-mini-dept{width:70px;height:70px}}

.srf-wrap.srf-bloc{margin-inline:auto}
.srf-page-texte{padding-top:48px}
.srf-plaque-r{max-width:760px;margin:36px 0 8px}
.srf-plaque-r .srf-rech{margin:0}
.srf-cotes-dep{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.srf-cotes-dep a{display:flex;flex-direction:column;padding-top:10px;border-top:3px solid var(--ozalid);text-decoration:none;color:var(--encre)}
.srf-cotes-dep b{font:900 32px/1 var(--f-t);color:var(--ozalid);font-variant-numeric:tabular-nums}
.srf-cotes-dep span{font-size:14.5px;color:var(--fonte);margin-top:4px}
.srf-burger i{transition:transform .25s,opacity .2s}
.srf-burger[aria-expanded=true] i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.srf-burger[aria-expanded=true] i:nth-child(2){opacity:0}
.srf-burger[aria-expanded=true] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.srf-consent{font-size:15px}
@media (max-width:1040px){
 .srf-hero-scene{height:250px;overflow:hidden;align-items:flex-start}
 .srf-coupe{aspect-ratio:600/560;height:auto;width:100%;border:0}
 .srf-c1,.srf-c3{display:none}
}
@media (max-width:760px){
 .srf-tete-carte .srf-cadre{order:0}
 .srf-tete-txt h2,.srf-tete-txt p,.srf-tete-txt .srf-pastilles{display:none}
 .srf-tete-carte{margin-top:20px;gap:14px}
 .srf-combo .srf-bloc:first-of-type{margin-top:24px}
 .srf-pt{padding:20px 0 22px}.srf-pt-sous{font-size:17px}
 .srf-etape{flex:none}
 .srf-cotes-dep{grid-template-columns:1fr}
}

/* ═════════ Pages annexes 27/10 : Ceux qui écrivent, Rectifier, D'où viennent, carte, calculateur (préfixe sx-) ═════════ */
.sx-main{padding-top:44px;padding-bottom:30px}
.sx-ico{flex:none}
.sx-bloc{margin:68px 0}
.sx-bloc>h2{margin-bottom:26px}
.sx-pastille{flex:none;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--eau-a);color:var(--eau);border:2px solid var(--encre);box-shadow:4px 4px 0 var(--encre)}
.sx-carte{position:relative;background:#fff;border:2px solid var(--encre);padding:28px 28px 24px;box-shadow:6px 6px 0 var(--beton)}
.sx-carte h2,.sx-carte h3{font-size:21px;margin:14px 0 .45em}
.sx-carte p{color:var(--fonte);font-size:16px;margin:0 0 .8em}
.sx-carte p:last-child{margin-bottom:0}
.sx-credit{margin:38px 0 0;font-size:14px;color:var(--fonte)}
/* équipe */
.sx-chiffres{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--encre);background:#fff}
.sx-chiffres li{padding:22px 24px;border-right:1px solid var(--beton);display:flex;flex-direction:column;gap:2px}
.sx-chiffres li:last-child{border-right:0}
.sx-chiffres b{font:900 40px/1 var(--f-t);color:var(--ozalid)}
.sx-chiffres span{font-size:15px;color:var(--fonte)}
.sx-eq{display:grid;gap:30px}
.sx-fiche{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;background:#fff;border:2px solid var(--encre);border-bottom:6px solid var(--eau);padding:34px}
.sx-photo{position:relative;align-self:start;width:168px;height:168px}
.sx-photo .srf-ph{width:168px;height:168px;border:3px solid var(--encre);box-shadow:8px 8px 0 var(--eau-a)}
.sx-tampon{position:absolute;right:-14px;bottom:-6px;min-width:46px;height:46px;border-radius:50%;background:var(--ozalid);color:#fff;border:3px solid #fff;font:900 17px/40px var(--f-t);text-align:center;font-style:normal;outline:2px solid var(--encre)}
.sx-role{margin:0 0 6px;font:800 15px var(--f-t);color:var(--ozalid-f)}
.sx-fiche h2{font-size:30px;margin:0 0 .4em}
.sx-fiche h2 a{color:var(--encre);text-decoration:none}
.sx-fiche h2 a:hover{color:var(--ozalid)}
.sx-corps>p:not(.sx-role){max-width:62ch;color:var(--fonte)}
.sx-puces{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0}
.sx-puces li{background:var(--beton-f);border:1px solid var(--beton);padding:4px 12px;font-size:14.5px;font-weight:600}
.sx-puces b{margin-left:6px;color:var(--ozalid-f)}
.sx-recents{margin:6px 0 18px;padding:0 0 0 20px;font-size:15.5px}
.sx-recents li{margin-bottom:4px}
.sx-btn{display:inline-flex}
.sx-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}
.sx-etapes::before{content:"";position:absolute;left:27px;right:8%;top:27px;border-top:2px dashed var(--eau)}
.sx-etapes li{position:relative}
.sx-etapes h3{margin:16px 0 .3em;font-size:20px}
.sx-etapes p{color:var(--fonte);font-size:15.5px;margin:0}
.sx-duo{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.sx-duo h3{display:flex;align-items:center;gap:10px;margin:0 0 .5em}
.sx-oui{border-top:8px solid var(--eau)}
.sx-non{border-top:8px solid var(--alarme)}
.sx-non h3 .sx-ico{color:var(--alarme)}
.sx-oui h3 .sx-ico{color:var(--eau)}
/* rectifier */
.sx-rect{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:44px;align-items:start}
.sx-rect-f .lead{font-size:19px;max-width:60ch}
.sx-form .srf-contact{max-width:none;box-shadow:8px 8px 0 var(--eau-a)}
.sx-rect-a{position:sticky;top:96px;background:var(--encre);color:#fff;padding:30px;border-radius:var(--r)}
.sx-rect-a h2{color:#fff;font-size:26px;margin-bottom:18px}
.sx-tl{list-style:none;margin:0;padding:0;counter-reset:t}
.sx-tl li{position:relative;padding:0 0 22px 46px;counter-increment:t}
.sx-tl li::before{content:counter(t);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--encre);font:900 15px/30px var(--f-t);text-align:center}
.sx-tl li::after{content:"";position:absolute;left:14px;top:34px;bottom:4px;border-left:2px dashed #6C7BA6}
.sx-tl li:last-child::after{display:none}
.sx-tl b{display:block;font:800 18px var(--f-t)}
.sx-tl span{color:#D5DAE8;font-size:15.5px}
.sx-note{display:flex;gap:10px;align-items:flex-start;margin:6px 0 0;padding-top:18px;border-top:1px solid #4B5778;font-size:14.5px;color:#D5DAE8}
.sx-grille4{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.sx-grille4 .sx-carte h2{font-size:22px}
/* méthode */
.sx-flux{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:center;margin:36px 0 52px;background:#fff;border:2px solid var(--encre);padding:30px 34px}
.sx-flux div{display:flex;flex-direction:column;gap:4px}
.sx-flux b{font:900 44px/1 var(--f-t);color:var(--ozalid)}
.sx-flux span{font-size:15px;color:var(--fonte);max-width:24ch}
.sx-flux i{height:2px;background:var(--encre);position:relative;margin:0 10px}
.sx-flux i::after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left:9px solid var(--encre);border-right:0}
.sx-chemin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px;counter-reset:c}
.sx-chemin>li:first-child,.sx-chemin>li:last-child{grid-column:1/-1}
.sx-sec{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:22px;background:#fff;border:2px solid var(--encre);padding:28px 32px;box-shadow:6px 6px 0 var(--beton);counter-increment:c}
.sx-sec h2{font-size:25px;margin-bottom:.45em}
.sx-sec p{max-width:70ch;color:var(--fonte);margin:0 0 .8em}
.sx-sec p:last-child{margin-bottom:0}
.sx-sec-limite{border-left:10px solid var(--alarme)}
.sx-sec-limite .sx-pastille{background:#FBE4E1;color:var(--alarme)}
/* plan de France */
.srf-carte-gr{margin-top:46px}
.srf-carte-liste h2{margin-top:0}
.sx-lire-g{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sx-lire .sx-carte{padding:24px 22px;box-shadow:5px 5px 0 var(--beton)}
.sx-lire .sx-carte h3{font-size:19px;margin-top:16px}
.sx-lire .sx-carte p{font-size:15px}
.sx-mini{display:flex;align-items:center;justify-content:center;gap:0;height:60px;background:var(--calque);border:1px solid var(--beton)}
.sx-m-ech i{width:40px;height:26px;border:1px solid var(--fonte)}
.sx-m-ech i:nth-child(1){background:#fff}.sx-m-ech i:nth-child(2){background:#E5ECF4}.sx-m-ech i:nth-child(3){background:#C5D8E8}.sx-m-ech i:nth-child(4){background:#8FB4D1}
.sx-m-carre i{width:18px;height:18px;background:var(--ozalid);box-shadow:-36px 6px 0 var(--ozalid),30px -8px 0 var(--ozalid)}
.sx-m-peuple i{width:96px;height:26px;background:linear-gradient(90deg,#fff,#8FB4D1);border:1px solid var(--fonte)}
.sx-m-om{gap:12px}.sx-m-om i{width:30px;height:30px;border:2px solid var(--encre);background:#E5ECF4}
/* calculateur */
.srf-pt-outil+main .srf-outil{border-top:10px solid var(--ozalid);box-shadow:8px 8px 0 var(--eau-a);padding:30px}
.srf-pt-outil+main .srf-outil h2{font-size:28px}
.srf-pt-outil+main .srf-outil legend{padding:0 0 12px;display:block;width:100%;border-bottom:1px solid var(--beton);margin-bottom:16px;color:var(--ozalid-f)}
.srf-pt-outil+main .srf-outil fieldset+fieldset{margin-top:26px}
.srf-pt-outil+main .srf-outil input,.srf-pt-outil+main .srf-outil select{border-radius:var(--r);background:var(--calque);transition:border-color .15s,background .15s}
.srf-pt-outil+main .srf-outil input:focus,.srf-pt-outil+main .srf-outil select:focus{background:#fff;border-color:var(--ozalid)}
.srf-pt-outil+main .srf-outil-res{box-shadow:8px 8px 0 var(--eau-a);border-top-width:10px;padding:30px}
.srf-pt-outil+main .srf-cotes p span{font-size:34px}
.srf-explic{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.srf-explic>h2{grid-column:1/-1;margin-bottom:0}
.srf-explic>p{max-width:none;margin:0;background:#fff;border:2px solid var(--encre);border-top:8px solid var(--eau);padding:22px 24px;font-size:15.5px;color:var(--fonte);box-shadow:5px 5px 0 var(--beton)}
.srf-outil-gr+.srf-bloc.srf-prose h2:first-child{margin-top:0}
@media (max-width:980px){
 .sx-chiffres{grid-template-columns:1fr 1fr}.sx-chiffres li:nth-child(2){border-right:0}.sx-chiffres li:nth-child(-n+2){border-bottom:1px solid var(--beton)}
 .sx-fiche{grid-template-columns:1fr;gap:26px;padding:26px}
 .sx-etapes{grid-template-columns:1fr 1fr}.sx-etapes::before{display:none}
 .sx-duo,.sx-rect,.sx-grille4{grid-template-columns:1fr}.sx-rect-a{position:static}
 .sx-lire-g{grid-template-columns:1fr 1fr}
 .sx-flux{grid-template-columns:1fr;gap:16px}.sx-flux i{width:2px;height:28px;margin:0 0 0 10px}.sx-flux i::after{right:-5px;top:auto;bottom:-1px;border:6px solid transparent;border-top:9px solid var(--encre);border-bottom:0;border-left:6px solid transparent}
 .srf-explic{grid-template-columns:1fr}
}
@media (max-width:560px){
 .sx-main{padding-top:30px}.sx-bloc{margin:48px 0}
 .sx-etapes,.sx-lire-g{grid-template-columns:1fr}
 .sx-sec{grid-template-columns:1fr;gap:14px;padding:22px 20px}
 .sx-chiffres b{font-size:32px}.sx-chiffres li{padding:16px 16px}
 .sx-carte{padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){.srf-pt-outil+main .srf-outil input,.srf-pt-outil+main .srf-outil select{transition:none}}

@media (max-width:980px){.sx-chemin{grid-template-columns:1fr}}
.srf-explic>h2:nth-of-type(2){margin-top:34px}
.srf-explic>p:nth-of-type(4){grid-column:1/-1;border-top-color:var(--alarme);background:#FFF8F7;font-size:16.5px}