/* transparencerh.ch — socle commun · généré le 14.08.2026 */
*{box-sizing:border-box}
.sub{text-align:center;color:#646E78;font-size:.85em;margin:0 0 16px}
.rev.on{opacity:1;transform:none}
.vfbar{height:9px;background:#EBE6DB;border-radius:999px;overflow:hidden;margin-bottom:16px}
.vfbar i{display:block;height:100%;width:0;background:var(--bleu);border-radius:999px;transition:width .35s}
.vfr>b:first-child{display:block;margin-bottom:4px}
.vfres .em{font-size:3em;display:block}
footer a{color:var(--bleu)}
/* ---- bouton retour en haut : le hibou qu'il faut chopper ---- */
#hop{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border:none;padding:0;display:flex;align-items:center;justify-content:center;
 border-radius:50%;cursor:pointer;background:linear-gradient(150deg,#2E6E96,#123C5C);
 box-shadow:0 6px 20px rgba(31,78,121,.34);color:#fff;font-size:29px;line-height:62px;
 opacity:0;transform:translateY(22px) scale(.7);pointer-events:none;
 transition:opacity .34s,transform .34s cubic-bezier(.34,1.56,.64,1),right .34s cubic-bezier(.34,1.56,.64,1),bottom .34s cubic-bezier(.34,1.56,.64,1)}
#hop.on{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
#hop:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--jaune,#E8A33C);
 opacity:.75;animation:hoppuls 2.4s ease-out infinite}
#hop:hover,#hop:focus-visible{outline:none;box-shadow:0 8px 26px rgba(31,78,121,.46)}
#hop .oi{display:block;animation:hopflot 2.6s ease-in-out infinite}
#hop.pris .oi{animation:hopsaut .5s ease}
@keyframes hoppuls{0%{transform:scale(1);opacity:.75}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
@keyframes hopflot{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes hopsaut{0%{transform:translateY(0)}45%{transform:translateY(-13px) rotate(-11deg)}100%{transform:translateY(0)}}
#hopdit{position:fixed;z-index:61;background:#fff;color:var(--bleu,#123C5C);border:2px solid var(--bleu,#123C5C);
 border-radius:14px;padding:5px 11px;font-size:.82em;font-weight:700;white-space:nowrap;
 box-shadow:0 4px 14px rgba(31,78,121,.2);opacity:0;transform:translateY(6px);
 transition:opacity .22s,transform .22s;pointer-events:none}
#hopdit.on{opacity:1;transform:translateY(0)}
.etinc{position:fixed;z-index:62;pointer-events:none;border-radius:50%;width:7px;height:7px;background:var(--jaune,#E8A33C)}
#hop .oi svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.tv.salut{animation:tvsalut 1.3s cubic-bezier(.34,1.4,.5,1)}
@media(prefers-reduced-motion:reduce){.tv.salut{animation:none}}
@media(max-width:620px){#hop{right:15px;bottom:15px;width:54px;height:54px}#hop .oi svg{width:23px;height:35px}}
@media(prefers-reduced-motion:reduce){#hop,#hop .oi,#hop:before{animation:none;transition:opacity .2s}}
/* ---- deuxieme bouton : la Petite RH ramene au nid (haut de l'accueil) ---- */
#nid{position:fixed;right:22px;bottom:98px;z-index:60;width:58px;height:58px;border:none;padding:0;
 border-radius:50%;cursor:pointer;overflow:hidden;background:#FDFAF2 center/cover no-repeat url("data:image/jpeg;base64,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");
 box-shadow:0 5px 16px rgba(31,78,121,.3);
 opacity:0;transform:translateY(18px) scale(.6);pointer-events:none;
 transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1),right .26s cubic-bezier(.34,1.7,.5,1),bottom .26s cubic-bezier(.34,1.7,.5,1),width .26s,height .26s}
#nid.on{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
#nid:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--jaune,#E8A33C);
 box-shadow:inset 0 0 0 1px rgba(31,78,121,.25)}
#nid:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--bleu,#123C5C);
 opacity:.55;animation:nidpuls 3.2s ease-out infinite;pointer-events:none}
#nid.fuit{transform:rotate(-13deg) scale(.96)}
#nid:hover:after,#nid:focus-visible:after{border-color:var(--bleu,#123C5C)}
@keyframes nidpuls{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.42);opacity:0}100%{opacity:0}}
@media(max-width:620px){#nid{right:15px;bottom:80px;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){#nid,#nid:before{animation:none;transition:opacity .2s}}
.bravo img{height:82px;width:auto;max-width:120px;flex:0 0 auto;display:block;object-fit:contain}
@keyframes bravoin{0%{opacity:0;transform:scale(.82) translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:620px){.bravo img{height:66px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.bravo{animation:none}}
.hero .logo{position:absolute;top:15px;left:20px;display:inline-flex;align-items:center;gap:8px;font-size:.86em;letter-spacing:.01em;text-transform:none;font-weight:600;opacity:.92;margin:0;z-index:3}
.hero .logo img{width:26px;height:26px;border-radius:7px;display:block}
.hero .logo b{font-weight:800;color:#FFD900}
@media(max-width:520px){.hero .logo{top:11px;left:13px;font-size:.78em;gap:6px}.hero .logo img{width:22px;height:22px}}
/* quiz-anime v1 */
#vfzone{position:relative;overflow:visible}
.porteuse{position:absolute;left:50%;top:-4px;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;
 z-index:4;pointer-events:none;
 background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 38%),
  radial-gradient(circle at 70% 74%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 30%),
  conic-gradient(from var(--ir,0deg),rgba(255,120,190,.34),rgba(120,200,255,.34),rgba(140,255,200,.30),rgba(190,150,255,.34),rgba(255,120,190,.34)),
  radial-gradient(circle at 50% 50%,rgba(255,255,255,.30),rgba(210,235,255,.22));
 box-shadow:0 5px 16px rgba(31,78,121,.16),inset 0 0 18px rgba(255,255,255,.5);
 animation:qaPorte .78s cubic-bezier(.25,.8,.4,1) forwards}
@keyframes qaPorte{0%{opacity:0;transform:translate(-50%,26px) scale(.5)}26%{opacity:1;transform:translate(-50%,-6px) scale(1)}
 62%{opacity:1;transform:translate(-50%,-10px) scale(1.04)}100%{opacity:0;transform:translate(-50%,-14px) scale(1.5)}}
.vfq,#vfzone .vfb{animation:qaDepose .5s cubic-bezier(.2,1.35,.4,1) .48s backwards}
@keyframes qaDepose{from{opacity:0;transform:translateY(-13px) scale(.96)}to{opacity:1;transform:none}}
.bravo{position:relative;overflow:visible}
.bravo img{animation:qaSaute 1.15s cubic-bezier(.28,.9,.35,1) .06s both}
@keyframes qaSaute{0%{opacity:0;transform:translateY(26px) scale(.7)}40%{opacity:1;transform:translateY(-13px) scale(1.06)}
 58%{transform:translateY(0) scale(1)}72%{transform:translateY(-7px)}86%{transform:translateY(0)}100%{transform:none}}
.bravo span{animation:qaGlisse .45s ease-out .34s both}
@keyframes qaGlisse{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.etinc{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,#fff 0%,#E8A33C 55%,rgba(255,217,0,0) 72%);animation:qaEtinc .85s ease-out forwards}
@keyframes qaEtinc{0%{opacity:1;transform:translate(0,0) scale(.5)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.25)}}
#vfzone.qafaux{animation:qaSecoue .42s cubic-bezier(.36,.07,.19,.97)}
@keyframes qaSecoue{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}
 30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
#vfbar{position:relative;overflow:hidden}
#vfbar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
 animation:qaLuit 1.6s linear infinite}
@keyframes qaLuit{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.porteuse{display:none}
 .vfq,#vfzone .vfb,.bravo img,.bravo span,#vfzone.qafaux,#vfbar::after{animation:none}}
/* ================= fin harmonisation ================= */
h2{margin:54px 0 0;padding:0 8px}
h2 .ic{display:flex;align-items:center;justify-content:center;width:2.15em;height:2.15em;margin:0 auto 12px;
 font-size:1.45rem;line-height:1;border-radius:50%;background:#fff;border:1px solid var(--fil,#E4DFD3);
 box-shadow:0 2px 12px rgba(18,60,92,.07)}
h2::after{content:"";display:block;width:46px;height:3px;border-radius:3px;background:#E8A33C;margin:13px auto 0}
.sub{max-width:56ch;margin:15px auto 20px;color:#5F6973;font-size:.93rem;line-height:1.5}
main>h2:first-of-type{margin-top:34px}
@media(max-width:640px){h2{margin-top:42px}h2 .ic{font-size:1.3rem}}
/* appel vers les quiz par theme */
.quizcta{display:flex;align-items:center;gap:18px;max-width:720px;margin:8px auto 6px;padding:16px 22px 16px 16px;
 background:#fff;border:1px solid var(--fil,#E4DFD3);border-radius:26px;text-decoration:none;color:inherit;
 box-shadow:0 3px 16px rgba(18,60,92,.06);transition:transform .18s,box-shadow .18s}
.quizcta:hover,.quizcta:focus{transform:translateY(-2px);box-shadow:0 8px 26px rgba(18,60,92,.12)}
.quizcta img{width:104px;flex:0 0 104px}
.quizcta .tx{flex:1;min-width:0}
.quizcta b{display:block;font-family:var(--titre);font-size:1.13rem;color:#123C5C;margin-bottom:3px}
.quizcta i{font-style:normal;display:block;font-size:.9rem;color:#4F6070;line-height:1.45}
.quizcta em{font-style:normal;flex:0 0 auto;background:#E8A33C;color:#3D2A05;font-weight:650;font-size:.88rem;
 border-radius:999px;padding:10px 18px;white-space:nowrap}
@media(max-width:620px){.quizcta{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}
 .quizcta img{width:70px;flex:0 0 70px}.quizcta em{width:100%;text-align:center}}
/* ================= fin v3 ================= =========== */

/* ================= HARMONISATION v4 — typographie et en-tetes ================= */
/* Inter est facultative : si le fichier n'est pas depose, la pile systeme prend le relais. */
@font-face{font-family:'InterVar';src:url('fonts/Inter.woff2') format('woff2');
 font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --titre:'InterVar','Segoe UI Variable Display','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
 --texte:'InterVar','Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
 --t1:clamp(2.2rem,1.3rem+3.3vw,3.55rem);
 --t2:clamp(1.6rem,1.2rem+1.6vw,2.3rem);
 --t3:clamp(1.1rem,1.02rem+.38vw,1.28rem);
 --ambre-txt:#8A5A12; --fil:#E4DFD3;
}
body{font-family:var(--texte);font-size:17.5px;line-height:1.66;font-optical-sizing:auto;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.motgros{font-family:var(--titre);text-wrap:balance}
.hero h1{font-size:var(--t1);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.hero .logo{font-family:var(--texte);font-weight:600;letter-spacing:.22em}
.hero p{font-size:1.05rem;line-height:1.5;max-width:60ch;font-weight:400}
h2{font-size:var(--t2);font-weight:800;line-height:1.12;letter-spacing:-.032em;margin:58px 0 0;padding:0 8px}
h3,.card h3{font-size:var(--t3);font-weight:700;line-height:1.3;letter-spacing:-.018em}
.motgros{font-weight:800;letter-spacing:-.035em}
p,li{text-wrap:pretty}
main>p,.card p,.card li{max-width:76ch}
table,td,th,.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
th{font-family:var(--texte);font-weight:600}
b,strong{font-weight:700}
button,input,select,textarea,.tag,.back,.vfb,.src,.sub{font-family:var(--texte)}
/* en-tetes de section : pastille, titre, filet */
h2 .ic{display:flex;align-items:center;justify-content:center;width:2.15em;height:2.15em;margin:0 auto 14px;
 font-size:1.35rem;line-height:1;border-radius:50%;background:#fff;border:1px solid var(--fil);
 box-shadow:0 2px 12px rgba(18,60,92,.07);letter-spacing:0}
h2::after{content:"";display:block;width:52px;height:4px;border-radius:4px;background:#E8A33C;margin:16px auto 0}
.sub{max-width:56ch;margin:16px auto 22px;color:#5F6973;font-size:.95rem;line-height:1.5;letter-spacing:0}
@media(max-width:640px){h2{margin-top:44px}h2 .ic{font-size:1.2rem}body{font-size:17px}}
/* appel vers les quiz par theme */
.quizcta{display:flex;align-items:center;gap:20px;max-width:700px;margin:6px auto 26px;padding:14px 20px 14px 14px;
 background:#fff;border:1px solid var(--fil);border-radius:26px;text-decoration:none;color:inherit;
 box-shadow:0 3px 16px rgba(18,60,92,.06);transition:transform .18s,box-shadow .18s}
.quizcta b{display:block;font-family:var(--titre);font-size:1.14rem;font-weight:800;letter-spacing:-.025em;color:#123C5C;margin-bottom:4px}
.quizcta i{font-style:normal;display:block;font-size:.93rem;color:#4F6070;line-height:1.45}
.quizcta em{font-style:normal;flex:0 0 auto;background:#E8A33C;color:#3D2A05;font-weight:700;font-size:.9rem;
 border-radius:999px;padding:11px 19px;white-space:nowrap}
:root{--bleu:#123C5C;--bleu2:#2E6E96;--jaune:#E8A33C;--rouge:#A8412E;--fond:#F6F4EF;--txt:#23303A}
.hero{background:linear-gradient(150deg,#0E2E48,#123C5C 55%,#2E6E96);color:#fff;padding:58px 20px 52px;position:relative;text-align:center}
.hero::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-2px;height:44px;background:var(--fond);border-radius:60% 60% 0 0/44px 44px 0 0}
.hero h1{margin:0;font-size:2em;line-height:1.15;position:relative;z-index:2}
.hero p{opacity:.94;max-width:660px;margin:12px auto 0;font-size:.96em;position:relative;z-index:2}
.back{display:inline-block;margin-top:16px;color:#fff;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:10px 22px;text-decoration:none;font-size:.9em;position:relative;z-index:2}
main{max-width:1000px;margin:0 auto;padding:8px 16px 50px}
h2{color:var(--bleu);text-align:center;font-size:1.22em;margin:42px 0 4px}
.card{background:#fff;border:1px solid #E4DFD3;border-radius:24px;padding:20px 24px;margin:14px 0;box-shadow:0 3px 14px rgba(0,0,0,.05)}
.card h3{color:var(--bleu);margin:0 0 8px;font-size:1.04em}
.card p:last-child{margin-bottom:0}
.note{background:#FDF5E6;border:2px solid var(--jaune);border-radius:26px;padding:14px 22px;margin:22px 0;font-size:.95em}
.note b{color:var(--bleu)}
.danger{background:#FBF0EC;border:2px solid #E2A99C;border-radius:26px;padding:14px 22px;margin:18px 0;font-size:.95em}
.danger b{color:var(--rouge)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:14px;margin:14px 0}
@media(max-width:820px){.grid2{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.9em;background:#fff}
th{background:var(--bleu);color:#fff;text-align:left;padding:9px 12px;font-weight:600}
td{border:1px solid #E4DFD3;padding:9px 12px;vertical-align:top}
tr:nth-child(even) td{background:#FBFAF7}
.tag{display:inline-block;background:#EDF2F7;color:var(--bleu);border-radius:999px;padding:2px 11px;font-size:.78em;font-weight:600;margin:0 4px 4px 0}
.src{display:block;font-size:.78em;color:#646E78;margin-top:8px}
.src a{color:#6a7a88}
ul.co{margin:6px 0 0;padding-left:20px}
ul.co li{margin-bottom:7px}
.duo{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.duo img{width:150px;flex:0 0 auto;align-self:center}
.duo img.rond{width:132px;height:132px;object-fit:cover;border-radius:50%;border:4px solid var(--bleu);box-shadow:0 6px 18px rgba(31,78,121,.22)}
.duo>div{flex:1 1 340px}
.step{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}
.step .n{flex:0 0 30px;height:30px;border-radius:50%;background:var(--bleu);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}
.step div{flex:1}
.step b{color:var(--bleu)}
.vf{background:#fff;border:1px solid #E4DFD3;border-radius:26px;padding:20px 22px;margin:14px 0;box-shadow:0 3px 14px rgba(0,0,0,.05)}
.vfq{font-weight:700;color:var(--bleu);margin-bottom:12px}
.vfb{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#F7F9FB;border:2px solid #E1E7EE;border-radius:999px;padding:11px 28px;margin:4px 6px 4px 0;font:inherit;font-size:.94em;cursor:pointer;transition:transform .12s,border-color .18s}
.vfb:hover:enabled{transform:translateY(-2px);border-color:var(--bleu)}
.vfb:disabled{opacity:.55;cursor:default}
.vfr{border-radius:18px;padding:13px 16px;margin-top:12px;font-size:.93em}
.vfr.ok{background:#E9F4EC;border:2px solid #7FBF95}
.vfr.no{background:#FBF0EC;border:2px solid #E2A99C}
.vfnext{background:var(--bleu);color:#fff;border:0;border-radius:999px;padding:11px 26px;font:inherit;font-size:.94em;cursor:pointer;margin-top:14px}
.vfres{text-align:center;padding:8px 0}
.vfres .sc{font-size:1.5em;font-weight:800;color:var(--bleu);margin:6px 0}
/* ── sources en tuiles ── */
.srcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:16px 0}
a.stile{background:#fff;border:1px solid #E4DFD3;border-radius:22px;padding:16px 14px;text-decoration:none;color:var(--txt);display:block;box-shadow:0 3px 14px rgba(0,0,0,.05);transition:transform .18s,box-shadow .18s,border-color .18s}
a.stile:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(31,78,121,.14);border-color:var(--bleu)}
a.stile .em{font-size:1.7em;display:block}
a.stile b{display:block;margin-top:5px;font-size:.92em;color:var(--bleu)}
a.stile span.d{display:block;font-size:.78em;color:#646E78;margin-top:4px;line-height:1.42}
a.stile span.of{display:inline-block;margin-top:7px;font-size:.68em;background:#E9F4EC;color:#2C7A55;border-radius:999px;padding:2px 9px;font-weight:700}
a.stile span.of.pro{background:#EDF2F7;color:var(--bleu)}
footer{text-align:center;color:#646E78;font-size:.82em;padding:26px 16px 40px}
.sig{display:block;margin:0 auto 8px;max-width:170px}
.rev{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
@media(max-width:680px){body{font-size:16px}.hero h1{font-size:1.55em}main{padding:8px 12px 40px}.card{padding:16px 16px}.duo img{width:110px}}
/* ---- telecommande en tete de page ---- */
.tv{position:relative;width:min(304px,94%);margin:0 auto 26px;flex:0 0 auto;background:linear-gradient(168deg,#3a4854 0%,#2a3541 18%,#1b242e 100%);border-radius:34px;padding:34px 15px 17px;box-shadow:0 12px 30px rgba(15,25,35,.34),inset 0 2px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.4)}
.tv .ir{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34px;height:7px;border-radius:5px;background:radial-gradient(circle at 50% 40%,#7a1f16,#3b100b);box-shadow:inset 0 1px 2px rgba(0,0,0,.7)}
.tv .mq{position:absolute;top:23px;left:0;right:0;text-align:center;font-size:7.4px;letter-spacing:.22em;text-transform:uppercase;color:#7c8b98;font-weight:700}
.tv .ecr{background:linear-gradient(165deg,#16323f,#0b1c24);border:1.5px solid #43596a;border-radius:13px;padding:11px 12px;min-height:70px;margin-bottom:15px;position:relative;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 2px 8px rgba(0,0,0,.55)}
.tv .ecr .ch{position:absolute;top:7px;right:10px;font-size:7.6px;letter-spacing:.12em;color:#4d7a8c;font-weight:700}
.tv .ecr .em{display:block;color:#E8A33C;font-size:1em;font-weight:800;line-height:1.2;padding-right:34px}
.tv .ecr .ex{display:block;color:#a8c8d6;font-size:.76em;line-height:1.3;margin-top:4px}
.tv .ecr.on{border-color:#E8A33C;box-shadow:inset 0 2px 8px rgba(0,0,0,.55),0 0 12px rgba(255,217,0,.18)}
.tv .tou{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 6px}
.to{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.to .rd{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.26em;border-radius:50%;background:linear-gradient(165deg,#fbfdff,#ccd9e5);box-shadow:0 3px 0 #6E8398,0 5px 8px rgba(0,0,0,.36),inset 0 1px 0 #fff;transition:transform .09s,box-shadow .09s,background .15s}
.to:hover .rd,.to:focus-visible .rd{background:linear-gradient(165deg,#FDF5E6,#ffe264)}
.to:focus-visible{outline:none}
.to:focus-visible .rd{box-shadow:0 0 0 3px #E8A33C,0 3px 0 #6E8398,0 5px 8px rgba(0,0,0,.36)}
.to:active .rd,.to.vu .rd{transform:translateY(3px);box-shadow:0 0 0 #6E8398,0 1px 3px rgba(0,0,0,.4)}
.to u{position:absolute;top:-3px;right:-4px;text-decoration:none;background:#123C5C;color:#fff;font-size:9.5px;font-weight:800;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.45)}
.to:hover u,.to:focus-visible u,.to.vu u{background:#A8412E}
.to .lb{font-size:8.4px;line-height:1.18;color:#b9cad6;text-align:center;font-weight:600;letter-spacing:-.1px}
.to:hover .lb,.to.vu .lb{color:#E8A33C}
.home{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:11px;border-radius:999px;background:linear-gradient(165deg,#d1503f,#9e3527);color:#fff;text-decoration:none;font-size:1.1em;box-shadow:0 3px 0 #6E2A1C,0 5px 9px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.24)}
.home span{font-size:.58em;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.home:hover{background:linear-gradient(165deg,#e05c4a,#b03f30)}
.home:active{transform:translateY(3px);box-shadow:0 0 0 #6E2A1C,0 1px 3px rgba(0,0,0,.34)}
@media(max-width:380px){
 .tv{width:96%;padding:32px 11px 15px}
 .tv .tou{gap:12px 4px}
 .to .rd{width:46px;height:46px;font-size:1.16em}
 .to .lb{font-size:7.8px}
}
.zone{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 26px auto;width:fit-content;max-width:100%}
.zclaude{width:170px;height:auto;flex:0 0 auto;margin:0 -50px -14px 0;position:relative;z-index:1;pointer-events:none;filter:drop-shadow(2px 4px 7px rgba(20,30,40,.22))}
.zone .tv{margin:0;position:relative;z-index:2;flex:0 0 auto}
@media(max-width:620px){.zclaude{width:122px;margin:0 -36px -10px 0}.zone{justify-content:center;margin:0 auto 24px}}
@media(max-width:420px){.zclaude{display:none}}
@media(prefers-reduced-motion:reduce){.to .rd,.home{transition:none}}
/* --- ajouts 14.08.2026 --- */
.footer-plus{display:block;margin:6px 0;font-size:.92em;opacity:.92}
.calc{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:6px 0 4px}
.calc label{display:block;font-size:.92em;font-weight:600}
.calc input,.calc select{font-size:16px;padding:8px 10px;border:1px solid #b9c6d2;border-radius:6px;margin-top:4px;min-width:170px}
.btcalc{background:#123C5C;color:#fff;border:0;border-radius:6px;padding:11px 22px;font-size:16px;cursor:pointer}
.btcalc:hover{background:#1b5680}
.resc{flex-basis:100%;background:#f4f8fb;border-left:4px solid #E8A33C;padding:12px 15px;border-radius:0 6px 6px 0;min-height:1em;margin-top:4px}
.resc .pt2{color:#5a6b7a;font-size:.92em}
.mailbig{font-size:1.25em;font-weight:700;text-align:center;margin:14px 0}
.mailbig a{color:#123C5C}
@media(max-width:640px){.calc input,.calc select{min-width:100%}.calc label{width:100%}}

@media(max-width:620px){
}


.avert{max-width:640px;margin:14px auto 0;padding:9px 14px;border-radius:12px;background:#FBF3E2;border:1px solid #E8D3A8;color:#6B5426;font-size:.86em;line-height:1.45;text-align:center}
.avert a{color:#8A5A12}

.illus.portrait img{max-width:230px}
@media(max-width:620px){.illus.portrait img{max-width:190px}}

/* ══ mise en page — trois familles de largeur · 17.08.2026 ══ */

/* 1. retours a la ligne : plus de mot seul en fin de puce */
h1,h2,h3,h4,.motgros,.sub,.avert,figcaption{text-wrap:balance}
p,li,dd,dt,summary,td,th,blockquote,
.note,.danger,.vf,.src,.expl,.step>div,.ck span,.card{text-wrap:pretty}
@supports not (text-wrap:pretty){li,dd,dt,summary,.src,.note,.danger,.vf{text-wrap:balance}}
p,li,td,th,dd,dt,summary,figcaption,blockquote,a{overflow-wrap:break-word}
.hero{overflow-x:clip}
th{text-align:left}
th.n,td.n{text-align:right;font-variant-numeric:tabular-nums}
.calc td.n{white-space:nowrap}
.illus,.avert,p.sub,.sub{text-align:center}

/* 2. de l'air, l'interligne et les puces */
.card p{margin:0 0 14px}
.card p:last-child{margin-bottom:0}
.step{margin-bottom:17px}
.step:last-child{margin-bottom:0}
.src{margin-top:14px}
main>p,.card p,.card li,.card dd,.note,.danger,.vf,.step div,.src{line-height:1.65}
ul.li,ul.co{padding-left:1.15em;margin:12px 0}
ul.li>li,ul.co>li{margin:0 0 .62em}
ul.li>li:last-child,ul.co>li:last-child{margin-bottom:0}
@media(max-width:760px){.card,.out,.enc{overflow-x:auto}}

/* 3. trois largeurs, jamais une seule pour tout
      A · texte suivi                       → --lc  (670 px de texte, ~72 signes)
      B · tableaux, calculateurs, images     → --lw
      C · annuaires (tuiles, bulles, quiz)   → pleine largeur de main            */
:root{--lc:720px;--lw:900px}

/* A · texte suivi : meme verticale gauche, meme verticale droite */
main>h2,main>h3,main>h4,main>p,main>ul,main>ol,main>dl,main>blockquote,
main>.card,main>.note,main>.danger,main>.vf,main>.src,main>.srcs,
main>.step,main>details,main>.avert,main>.gsay,main>.quizcta,main>.bas,
.qwrap>h2,.qwrap>h3,.qwrap>p{max-width:var(--lc);margin-left:auto;margin-right:auto}
.sub,.avert,.quizcta{max-width:var(--lc)}
main>.card{margin-top:22px;margin-bottom:22px}
main>.note,main>.danger{margin-top:20px;margin-bottom:20px}

/* le texte remplit sa carte : aucune largeur imposee a l'interieur */
.card p,.card li,.card dd,.card dt,.card blockquote,.card td,.card th,
.note p,.note li,.danger p,.danger li,.vf p,.step div,.srcs li{max-width:none}

/* B · ce qui a besoin de largeur */
main>.calc,main>table,main>figure.illus,main>figure.enc,main>.grid2,
main>.card:has(.calc),main>.card:has(.grid2){max-width:var(--lw);margin-left:auto;margin-right:auto}
figure.illus,figure.enc,.grid2,.srcs,.gsay,.quizcta,details.faq{margin-left:auto;margin-right:auto}

/* C · annuaires : pleine largeur de main */
main>.tiles,main>.news,main>.dossiers,main>.ronde,main>.qwrap{max-width:none}
.nuage,.nuageq{max-width:100%}
@media(max-width:900px){.qwrap{overflow-x:clip}}

/* la telecommande se cale sur la verticale droite du texte */
.zone{width:auto;max-width:var(--lc);margin:0 auto 26px;justify-content:flex-end}
.qwrap .zone,main>.tiles~.zone{max-width:none}

/* 4. bandeau quiz : la phrase reste continue */
.quizcta .tx>b{display:block}
.quizcta i b,.quizcta i strong{display:inline;font-family:inherit;font-size:inherit;
 font-weight:700;color:inherit;margin:0;letter-spacing:inherit}

/* 5. bandeau « Gisèle dit » : resserre, texte et bouton equilibres */
.gsay{gap:10px 16px;padding:13px 18px}
.gsay .txt{flex:1 1 260px;min-width:0}
.gsay button{flex:0 0 auto;margin-left:auto}

/* le bloc de presentation suit la colonne de lecture, comme les autres blocs */
main>.duo,.duo{max-width:var(--lc,720px);margin-left:auto;margin-right:auto;align-items:center}
@media(max-width:760px){main>.duo,.duo{max-width:100%}}

/* l'illustration de la page se place a cote de la telecommande */
.zone{gap:18px}
.zone .illus{margin:0;flex:0 0 auto;max-width:230px;text-align:center}
.zone .illus img{max-width:200px}
.zone .illus figcaption{font-size:.82em;margin-top:6px}
@media(max-width:760px){.zone{flex-wrap:wrap;justify-content:center}.zone .illus{max-width:150px}.zone .illus img{max-width:130px}}

/* le bloc de presentation prend la largeur des tableaux qui le suivent · 17.08 */
main>.duo,.duo{max-width:var(--lw,900px);margin-left:auto;margin-right:auto;align-items:center;
  margin-top:54px;margin-bottom:30px}
/* de l'air sous la telecommande, et l'avertissement pose 1 cm au-dessus d'elle */
.zone{margin-bottom:54px}
.avert{margin-bottom:38px}
@media(max-width:760px){main>.duo,.duo{max-width:100%;margin-top:30px}.zone{margin-bottom:30px}.avert{margin-bottom:24px}}

/* ============================================================
   6 · une seule gouttiere par page · 17.08.2026
   Les trois familles restent (texte suivi / blocs larges / annuaires),
   mais la famille est choisie PAR PAGE : dans une page donnee, tous les
   blocs encadres partagent la meme verticale gauche et la meme verticale
   droite. Les titres et les chapos restent centres sur la colonne de
   lecture : sans bordure, ils ne dessinent aucune verticale.
   ============================================================ */
/* .stiles etait une classe sans aucune regle : les cartes de sources
   tombaient en pile pleine largeur au lieu de la grille de .srcs */
.stiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:16px 0}

/* gouttiere = colonne de lecture */
main>.card,main>.note,main>.danger,main>.vf,main>.step,main>details,
main>.calc,main>table,main>figure.illus,main>figure.enc,main>.grid2,
main>.card:has(.calc),main>.card:has(.grid2),main>.srcs,main>.stiles,
main>.tiles,main>.news,main>.dossiers,main>.ronde,main>.compo,main>.access,
main>.dossier,main>.gsay,main>.quizcta,main>.duo,.duo
{max-width:var(--lc);margin-left:auto;margin-right:auto}
@media(max-width:760px){main>.duo,.duo{max-width:100%}}
/* la telecommande et la signature se calent sur la meme colonne */
.zone{max-width:var(--lc)}
main>.bas{max-width:250px;margin-left:auto;margin-right:auto}

/* l'air sous la telecommande et sous l'avertissement, dernier mot · 17.08.2026
   (six pages avaient une copie plus ancienne de ces reglages dans leur <style>
    en ligne, place APRES le lien vers style.css : elle l'emportait) */
.zone{margin-bottom:54px}
.avert{margin-bottom:38px}
main>.duo,.duo{margin-top:54px;margin-bottom:30px}
@media(max-width:760px){.zone{margin-bottom:30px}.avert{margin-bottom:24px}
  main>.duo,.duo{margin-top:30px}}