/* Un seul système, de l'e-mail au club : la grammaire de l'application Lobia (blanc, Figtree, encre, un accent). */
:root{--encre:#1A1A1A;--doux:#5F5F5F;--filet:#E4E4E4;--gris:#F6F6F6;--accent:#127A84;--accent-fonce:#0F6A73;--teinte:#EAF5F5;--bord:#CFE6E6;--attente:#7A4B00;--attente-fond:#FBF1DA}
.c{background:#fff;color:var(--encre);font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;box-sizing:border-box}
.c *{box-sizing:border-box}
.c h1{font-size:28px;line-height:1.18;font-weight:700;margin:0;text-wrap:balance}
.c h2{font-size:19px;line-height:1.25;font-weight:700;margin:0;text-wrap:balance}
.c h3{font-size:15px;line-height:1.35;font-weight:600;margin:0}
.c p{margin:0;max-width:68ch}
.doux{color:var(--doux);font-size:14px}
.sur{font-size:13px;color:var(--doux)}
.pile{display:flex;flex-direction:column;gap:12px;min-width:0}
.rang{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.app{display:flex;flex-wrap:wrap;align-items:stretch;min-height:760px}
.nav{flex:1 1 220px;max-width:100%;border-right:1px solid var(--filet);padding:24px 14px;display:flex;flex-direction:column;gap:4px}
.nav .nom{font-weight:700;font-size:18px;color:var(--accent);padding:2px 10px 14px}
.nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 10px;border-radius:8px;color:var(--encre);text-decoration:none;font-size:14px}
.nav a.on{background:var(--teinte);color:var(--accent-fonce);font-weight:600}
.nav .ferme{color:#6E6E6E}
.nav .bas{margin-top:auto;font-size:13px;color:var(--doux);padding:12px 10px 0;border-top:1px solid var(--filet)}
.main{flex:999 1 560px;min-width:0;padding:24px 36px 48px;display:flex;flex-direction:column;gap:22px}
.fil{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--filet)}
.fil span{flex:1 1 104px;font-size:12.5px;font-weight:600;padding:8px 10px 0;border-top:3px solid var(--filet);color:#6E6E6E}
.fil .fait{border-color:var(--accent);color:var(--encre)}
.fil .ici{border-color:var(--accent);color:var(--accent-fonce);background:var(--teinte);padding-bottom:6px}
.bloc{border:1px solid var(--filet);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bloc.fort{border:1.5px solid var(--accent)}
.ligne{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;align-items:baseline;padding:10px 0;border-top:1px solid var(--filet);color:inherit;text-decoration:none}
.ligne h3{flex:1 1 240px}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--gris);color:var(--doux);white-space:nowrap}
.tag.a{background:var(--teinte);color:var(--accent-fonce)}
.tag.p{background:var(--attente-fond);color:var(--attente)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;text-decoration:none;border:0}
.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;background:#fff;color:var(--accent-fonce);font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--accent)}
.champ{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
.champ input,.champ textarea,.champ select{min-height:44px;padding:10px 12px;border:1px solid #8A8A8A;border-radius:8px;background:#fff;font:inherit;font-weight:400;color:var(--encre)}
.prix{font-size:26px;font-weight:700;line-height:1.1}
.bande{background:var(--teinte);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.av{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex:none}
.av.p{width:36px;height:36px;font-size:14px}
.ex{font-size:12px;color:var(--doux)}
.c a:focus-visible,.c input:focus-visible,.c textarea:focus-visible,.c select:focus-visible,.c button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.livret{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;background:var(--gris);border-radius:12px;padding:24px}
.pg{flex:1 1 190px;max-width:230px;aspect-ratio:210/297;background:#fff;border:1px solid var(--filet);box-shadow:0 6px 14px rgba(20,27,38,.10);padding:16px;display:flex;flex-direction:column;gap:7px;font-size:11.5px;line-height:1.35;overflow:hidden}
.pg.cou{background:var(--accent);color:#fff;border-color:var(--accent);justify-content:space-between}
.pg b{font-size:13px;line-height:1.2}
.pg .cl{display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--filet);padding-top:4px}
.titre-l{font-size:21px;font-weight:700;line-height:1.12}
.ic{width:40px;height:40px;border-radius:10px;background:var(--teinte);color:var(--accent-fonce);display:flex;align-items:center;justify-content:center;flex:none}
.gros{font-size:36px;font-weight:700;line-height:1.05;color:var(--accent-fonce)}
.barre{display:block;height:9px;border-radius:5px;background:var(--gris);overflow:hidden}
.barre i{display:block;height:100%;background:var(--accent)}
.barre.moi i{background:var(--encre)}
.biffe{text-decoration:line-through;color:var(--doux);font-size:20px;font-weight:500}
.fil-act{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--filet)}
.onglets{display:flex;flex-wrap:wrap;gap:8px}
.onglets a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--filet);color:var(--encre);font-size:13.5px;text-decoration:none}
.onglets a.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.une{background:var(--accent);color:#fff;border-radius:14px;padding:32px;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:32px;align-items:center}
.une .enorme{font-size:112px;line-height:.92;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.une .enorme small{display:block;font-size:17px;font-weight:600;letter-spacing:0;margin-top:10px;white-space:normal}
.une h1{font-size:34px;line-height:1.1;color:#fff}
.une p{color:#fff;font-size:16px}
.btn-b{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:#fff;color:var(--accent-fonce);font-weight:600;font-size:15px;text-decoration:none}
.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;border-bottom:1px solid var(--filet);padding-bottom:22px}
.chiffres>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.chiffres b{font-size:46px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--accent-fonce)}
.chiffres .vs{font-size:13px;font-weight:600;color:var(--encre)}
.article{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.citation{font-size:25px;line-height:1.22;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.rub{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-fonce)}
.ent{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);border:1px solid var(--filet);border-radius:14px;overflow:hidden}
.ent .ph{min-height:190px;background:var(--teinte);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:13px;font-weight:600;color:var(--accent-fonce)}
.ent .txt{padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ent dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 22px;margin:0}
.ent dt{font-size:12px;color:var(--doux)}
.ent dd{margin:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.fl{width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.nav-c{display:flex;align-items:center;gap:10px}
.nav-c span{font-size:13px;font-weight:600;min-width:42px;text-align:center}
.q2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;border:1.5px solid var(--accent);border-radius:14px;overflow:hidden}
.q2 .g{padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.q2 .d{padding:26px;background:var(--teinte);display:flex;flex-direction:column;gap:12px;min-width:0}
.q2 h2{font-size:26px;line-height:1.14}
.rep{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--accent);background:#fff;color:var(--accent-fonce);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.rep.on{background:var(--accent);color:#fff}
.mic{width:44px;height:44px;border-radius:50%;border:1px solid var(--accent);background:#fff;color:var(--accent-fonce);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.car{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:14px;align-items:center}
.car>.fl{background:#fff;color:var(--accent-fonce);border:1px solid var(--filet);box-shadow:0 2px 8px rgba(20,27,38,.10)}
.car>.fl:hover{border-color:var(--accent)}
.points{display:flex;gap:7px;align-items:center}
.points button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:rgba(18,122,132,.25);cursor:pointer}
.points button.on{background:var(--accent);width:26px;border-radius:5px}
.une .points button{background:rgba(255,255,255,.4)}
.une .points button.on{background:#fff}
.q3{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--filet);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(20,27,38,.07)}
.q3 .g{padding:32px 32px 28px;display:flex;flex-direction:column;gap:16px;min-width:0}
.q3 .d{padding:28px;background:var(--teinte);display:flex;flex-direction:column;gap:16px;min-width:0}
.q3 h2{font-size:31px;line-height:1.12;letter-spacing:-.01em}
.q3 .contexte{font-size:15px;color:var(--doux);max-width:46ch}
.bulle{display:flex;gap:12px;align-items:flex-start}
.bulle>div:last-child{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 14px;font-size:14.5px;line-height:1.4;box-shadow:0 1px 3px rgba(20,27,38,.08)}
.compo{background:#fff;border:1px solid var(--bord);border-radius:14px;display:flex;flex-direction:column;flex:1 1 auto}
.compo:focus-within{border-color:var(--accent)}
.compo textarea{flex:1 1 auto;border:0;background:transparent;resize:none;padding:14px 16px;font:inherit;font-size:15px;color:var(--encre);min-height:110px;border-radius:14px}
.compo textarea:focus{outline:none}
.compo .barre-c{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-top:1px solid var(--gris)}
.autre{font-size:13.5px;color:var(--accent-fonce);text-align:center}
@media (max-width:760px){.car{grid-template-columns:44px 1fr 44px}.car>section{grid-column:1 / -1;grid-row:1}.car>.fl{grid-row:2}.car>.fl:last-child{grid-column:3}.q3{grid-template-columns:minmax(0,1fr)}.q3 .g,.q3 .d{padding:22px}.q3 h2{font-size:25px}}
@media (max-width:760px){.ent{grid-template-columns:minmax(0,1fr)}.ent .ph{min-height:130px}.q2{grid-template-columns:minmax(0,1fr)}.une{grid-template-columns:minmax(0,1fr);padding:22px;gap:16px}.une .enorme{font-size:76px}.une h1{font-size:26px}.article{grid-template-columns:minmax(0,1fr)}.main{padding:20px 16px 40px}.nav{border-right:0;border-bottom:1px solid var(--filet)}}

/* Les étapes en haut de page, partout pareil */
img.av{object-fit:cover;display:block}
.et{list-style:none;margin:0;padding:0 0 20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--filet)}
.et li{position:relative;min-width:0}
.et li:not(:last-child)::after{content:"";position:absolute;top:15px;left:40px;right:8px;height:2px;background:var(--filet);border-radius:1px}
.et li.fait:not(:last-child)::after{background:var(--accent)}
.et a,.et .l{display:flex;flex-direction:column;gap:9px;color:inherit;text-decoration:none;padding-right:12px}
.et .n{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex:none}
.et .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.et b{font-size:14px;line-height:1.25;font-weight:600}
.et small{font-size:12.5px;line-height:1.3;color:var(--doux)}
.et .fait .n{background:var(--teinte);color:var(--accent-fonce)}
.et .ici .n{background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--teinte)}
.et .ici b{color:var(--accent-fonce);font-weight:700}
.et .avenir .n{background:#fff;border:1.5px solid #B5B5B5;color:var(--doux)}
.et .avenir b{color:var(--doux)}
@media (max-width:760px){
.et{display:flex;align-items:center;gap:8px}
.et li::after{display:none}
.et .n{width:28px;height:28px;font-size:13px}
.et li:not(.ici) .t{display:none}
.et li.ici{flex:1 1 auto}
.et li.ici a,.et li.ici .l{flex-direction:row;align-items:center;gap:10px;padding-right:0}
}

/* Le menu des pages connectées */
.mn{position:relative;gap:14px}
.mn-tete{display:flex;align-items:center;justify-content:space-between}
.mn .nom{text-decoration:none;min-height:0;padding:2px 10px;font-weight:700;font-size:18px;color:var(--accent);display:block}
.mn-bt{display:none}
.mn-liste{display:flex;flex-direction:column;gap:18px}
.mn-gr{display:flex;flex-direction:column;gap:2px}
.mn-t{display:flex;flex-direction:column;padding:0 10px 4px}
.mn-t b{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-fonce)}
.mn-t small{font-size:12px;color:var(--doux)}
.nav a.mn-it.ver{color:#6E6E6E}
.cad{display:inline-flex;color:#8A8A8A;flex:none}
.nav a.mn-it.on .cad{color:var(--accent-fonce)}
.mn-bas{margin-top:auto;position:relative;border-top:1px solid var(--filet);padding-top:10px}
.mn-moi{width:100%;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 8px;border:0;border-radius:10px;background:transparent;cursor:pointer;font:inherit;text-align:left;color:var(--encre)}
.mn-moi:hover{background:var(--gris)}
.mn-moi .q{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.mn-moi b{font-size:14px;font-weight:600}
.mn-moi small{font-size:12px;color:var(--doux);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mn-pop{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:#fff;border:1px solid var(--filet);border-radius:12px;box-shadow:0 8px 24px rgba(20,27,38,.14);padding:6px;display:flex;flex-direction:column;z-index:5}
.nav .mn-pop a{min-height:44px;font-size:14px}
.nav .mn-pop a:hover{background:var(--gris)}
.apercu{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:var(--attente-fond);border-radius:12px;padding:14px 18px}
.apercu p{flex:1 1 320px;font-size:14.5px;max-width:none;color:var(--encre)}
.apercu .ic{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--attente);flex:none}
.apercu .btn2{background:#fff}
.onglet-q{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid var(--filet);color:var(--encre);font-size:14px;text-decoration:none}
@media (max-width:760px){
.mn-bt{display:inline-flex}
.mn-liste{display:none}.mn-liste.ouvert{display:flex}
.mn-bas{margin-top:0}
.nav.mn{flex-basis:100%}
}

/* Quatre étapes ; le plan d'installation tient sur une seule page */
.et{grid-template-columns:repeat(4,minmax(0,1fr))}
.pl-ong{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--gris);border-radius:12px;padding:4px}
.pl-o{display:flex;flex-direction:column;gap:2px;min-height:56px;justify-content:center;padding:8px 14px;border:0;border-radius:9px;background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--encre)}
.pl-o b{font-size:14.5px;font-weight:600}
.pl-o small{font-size:12.5px;color:var(--doux)}
.pl-o.on{background:#fff;box-shadow:0 1px 4px rgba(20,27,38,.12)}
.pl-o.on b{color:var(--accent-fonce)}
@media (max-width:760px){.et{display:flex}.pl-ong{grid-template-columns:minmax(0,1fr)}}

/* Le menu garde sa largeur et reste visible ; le filet suit toute la page */
.app>.sc-host:has(>.nav){flex:0 0 240px;max-width:100%}
.nav.mn{border-right:0;position:sticky;top:0;width:100%;min-height:760px}
.app:has(>.sc-host>.nav)>.main{border-left:1px solid var(--filet)}
@media (max-width:760px){
.app>.sc-host:has(>.nav){flex:1 1 100%}
.nav.mn{position:static;min-height:0;gap:10px;padding:14px 16px}
.app:has(>.sc-host>.nav)>.main{border-left:0}
.mn-bas{display:none}.mn-liste.ouvert~.mn-bas{display:block}
}

/* Un seul cadenas par grande partie ; le profil calé en bas du menu */
.mn-t b{display:flex;align-items:center;gap:6px}
.mn-t .cad{color:var(--accent-fonce)}
.nav.mn{height:100vh;min-height:640px}
.mn-liste{flex:1 1 auto;min-height:0;overflow-y:auto}
.mn-bas{flex:none}
@media (max-width:760px){.nav.mn{height:auto;min-height:0}.mn-liste{overflow:visible}}

/* Le menu : Accueil, puis trois catégories repliables */
.mn{gap:10px}
.mn-liste{gap:6px}
.mn-gr{gap:0}
.nav a.mn-acc{min-height:38px;padding:0 10px;font-weight:600;font-size:14px;color:var(--encre)}
.nav a.mn-acc.on,.nav a.mn-it.on{background:var(--teinte);color:var(--accent-fonce);font-weight:600}
.mn-cat{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--encre);cursor:pointer;text-align:left}
.mn-cat:hover{background:var(--gris)}
.mn-cat .lib{flex:1 1 auto;min-width:0}
.mn-cat .chv{flex:none;color:var(--doux);transition:transform .15s}
.mn-cat.plie .chv{transform:rotate(-90deg)}
.nav a.mn-it{min-height:34px;padding:0 10px 0 22px;font-size:13.5px}
.mn-cat.ver,.mn-cat.ver .chv,.nav a.mn-it.ver{color:#949494}
.mn .cad{color:#B4B4B4;margin-left:auto}
.mn-cat .cad{margin-left:0}
.mn-t{display:none}
/* Le relevé dans le cadre avec menu */
.rl-in{display:flex;flex-direction:column;min-width:0}
.r-manque a.r-ligne{border-top:1px solid var(--filet)}
/* La planche du menu seul fait 240 px : ce n'est pas un téléphone, elle montre le menu ouvert */
@media (max-width:299px){
.nav.mn{height:100vh;min-height:640px;padding:24px 14px;gap:10px;border-bottom:0;flex-basis:auto}
.mn-bt{display:none}
.mn-liste,.mn-liste.ouvert{display:flex;overflow-y:auto}
.mn-bas{display:block;margin-top:auto}
}
/* Le décompte des places de lancement : toujours le vrai nombre, lu en base. */
.pl-b{align-self:flex-start;display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 10px;border-radius:999px;padding:7px 14px;font-size:14px;line-height:1.25;background:var(--teinte);color:var(--accent-fonce)}.pl-b b{font-weight:600}.pl-pts{display:inline-flex;gap:4px}.pl-pts i{width:10px;height:10px;border-radius:50%;background:transparent;border:1.5px solid currentColor;opacity:.45}.pl-pts i.on{background:currentColor;opacity:1}.pl-b.att{background:#FFF1D6;color:#8A5200}.pl-b.urg{background:#C62828;color:#fff;animation:plPouls 1.4s ease-in-out infinite}.pl-b.fin{background:var(--gris);color:var(--doux)}@keyframes plPouls{50%{box-shadow:0 0 0 7px rgba(198,40,40,.18)}}@media (prefers-reduced-motion:reduce){.pl-b.urg{animation:none}}

/* Le relevé : une seule largeur, un seul rayon, un même pied de carte. */
.rl{gap:32px}
.r-tete{display:flex;flex-direction:column;gap:4px}
.r-tete h2{font-size:24px;line-height:1.2;letter-spacing:-.01em}

/* Ouverture */
.r-hero{border:1px solid var(--filet);border-radius:16px;overflow:hidden;background:#fff}
.r-photo{position:relative;min-height:320px;display:flex;align-items:flex-end;background:var(--accent-fonce)}
.r-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.r-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,24,.82) 0%,rgba(10,20,24,.42) 34%,rgba(10,20,24,0) 62%)}
.r-titre{position:relative;z-index:1;width:100%;padding:28px 32px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between;color:#fff}
.r-titre h1{font-size:44px;line-height:1.04;letter-spacing:-.02em;color:#fff}
.r-titre p{font-size:15.5px;font-weight:500;color:#fff;margin-top:6px}
.r-note{display:flex;align-items:baseline;gap:8px;background:#fff;color:var(--encre);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;white-space:nowrap}
.r-note b{font-size:18px;font-weight:700;color:var(--accent-fonce)}
.r-chapeau{display:flex;gap:16px;align-items:flex-start;padding:26px 32px}
.r-chapeau .lead{font-size:21px;line-height:1.36;font-weight:500;letter-spacing:-.005em;max-width:none;text-wrap:pretty}
.r-signe{font-size:13px;color:var(--doux);margin-top:8px}
.r-fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px 24px;margin:0;padding:18px 32px;background:var(--gris)}
.r-fiche dt{font-size:12px;color:var(--doux)}
.r-fiche dd{margin:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.r-res{display:flex;gap:8px;margin-top:2px}
.r-res a{width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid var(--filet);display:inline-flex;align-items:center;justify-content:center;color:var(--encre)}
.r-source{padding:12px 32px;font-size:12.5px;color:var(--doux);background:var(--gris);border-top:1px solid var(--filet)}
.r-source a{color:var(--accent-fonce)}

/* Les deux cartes à faire défiler : même largeur, même découpe, même pied */
.r-carte{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(20,27,38,.09)}
.r-corps{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);flex:1 1 auto;min-height:392px}
.r-g{padding:32px;display:flex;flex-direction:column;gap:16px;min-width:0}
.r-d{padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.r-pied{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 16px}
.r-pas{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.r-rond{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer;flex:none}
.r-suiv{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor;text-align:left}
.r-suiv svg{flex:none}

/* Suggestions */
.r-sug{background:var(--accent);color:#fff}
.r-sug h3{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.r-sug .r-g p{font-size:16.5px;line-height:1.45;color:#fff}
.r-sug .r-g .btn-b{align-self:flex-start;border:0;cursor:pointer;margin-top:auto}
.r-sug .r-d{background:#fff;color:var(--encre);margin:20px 20px 20px 0;border-radius:12px;padding:22px 24px}
.r-sug .r-pied{background:var(--accent-fonce)}
.r-gros{font-size:52px;line-height:1;font-weight:700;letter-spacing:-.025em;color:var(--accent-fonce)}
.r-gros-l{font-size:14.5px;font-weight:500;line-height:1.35;margin-top:-6px}
.r-res-g{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--filet)}
.r-res-g div{display:flex;align-items:center;gap:10px;min-height:37px;border-bottom:1px solid var(--filet);font-size:14px}
.r-res-g i{font-style:normal;color:var(--doux);width:14px;font-size:13px}
.r-res-g .moi{font-weight:700;color:var(--accent-fonce)}
.r-res-g .moi span{margin-left:auto;font-size:12px;font-weight:600}
.r-pts{display:grid;grid-template-columns:repeat(7,18px);gap:9px}
.r-pts i{width:18px;height:18px;border-radius:50%;background:var(--accent)}
.r-pts i.vide{background:#fff;border:2px solid #8A8A8A}
.r-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--doux)}
.r-cit{font-size:15.5px;line-height:1.4;font-weight:500;padding-top:12px;border-top:1px solid var(--filet);margin:0}

/* Question */
.r-qu{background:#fff;color:var(--encre);border:1px solid var(--filet)}
.r-qu h3{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.r-qu .contexte{font-size:15.5px;color:var(--doux)}
.r-reps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.r-reps .rep{justify-content:center;text-align:center;border-radius:10px;padding:8px 12px;line-height:1.2}
.r-qu .r-d{background:var(--teinte)}
.r-qu .r-pied{border-top:1px solid var(--filet);color:var(--accent-fonce)}
.r-qu .r-suiv.pret{background:var(--accent);border-color:var(--accent);color:#fff}
.r-maj{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--accent-fonce);background:#fff;border-radius:999px;padding:4px 10px}

/* Comparaisons et outils */
.r-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.r-g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:16px}
.r-comp{border:1px solid var(--filet);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.r-comp h3{font-size:16px;line-height:1.3}
.r-barre{display:flex;flex-direction:column;gap:5px}
.r-barre .h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;color:var(--doux)}
.r-barre .h b{font-size:22px;line-height:1;font-weight:700;color:var(--encre)}
.r-barre.moi .h{color:var(--encre);font-weight:600}
.r-barre.moi .h b{font-size:30px;color:var(--accent-fonce)}
.r-lien{align-self:flex-start;margin-top:auto;min-height:44px;background:none;border:0;padding:0;font:inherit;font-size:14.5px;font-weight:600;color:var(--accent-fonce);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left}
.r-outil{border:1px solid var(--filet);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}

/* La suite : ce qui manque, et Erwan */
.r-suite{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:16px;overflow:hidden;border:1px solid var(--filet)}
.r-manque{padding:32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.r-manque h2{font-size:26px;line-height:1.14;letter-spacing:-.01em}
.r-ligne{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;border-top:1px solid var(--filet);color:inherit;text-decoration:none;font-weight:600;font-size:15px}
.r-ligne span{font-size:13.5px;color:var(--accent-fonce);white-space:nowrap}
.r-erwan{padding:32px;background:var(--accent);color:#fff;display:flex;flex-direction:column;gap:14px;min-width:0}
.r-erwan img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff}
.r-erwan h2{font-size:26px;line-height:1.14;letter-spacing:-.01em;color:#fff}
.r-erwan p{color:#fff;font-size:15.5px}
.r-erwan .btn-b{align-self:flex-start;margin-top:auto}
.r-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:12.5px;color:var(--doux)}
.r-bas a{color:var(--accent-fonce)}

@media (max-width:760px){
.r-photo{min-height:240px}.r-titre{padding:20px}.r-titre h1{font-size:32px}
.r-chapeau{padding:20px}.r-chapeau .lead{font-size:18px}
.r-fiche,.r-source{padding-left:20px;padding-right:20px}
.r-corps,.r-suite{grid-template-columns:minmax(0,1fr)}
.r-corps{min-height:0}
.r-g{padding:22px}.r-sug .r-d{margin:0 16px 16px}
.r-sug h3,.r-qu h3{font-size:26px}
.r-reps{grid-template-columns:minmax(0,1fr)}
.r-manque,.r-erwan{padding:22px}
}

/* Ajustements après contrôle à l'écran */
.c p.r-source{max-width:none}
.r-fiche{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.r-g{justify-content:center}
.r-sug .r-g .btn-b{margin-top:6px}
.r-reps{margin-top:6px}
.c .btn-b,.c .btn,.c .btn2{font-family:inherit}
@media (max-width:760px){.r-photo{min-height:300px}.r-photo::after{background:linear-gradient(to top,rgba(10,20,24,.88) 0%,rgba(10,20,24,.62) 50%,rgba(10,20,24,0) 82%)}}

/* Le relevé sans menu : pas encore de compte */
.r-seul{max-width:1120px;margin:0 auto;width:100%}
.r-haut{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.r-haut .nom{font-weight:700;font-size:20px;color:var(--accent)}
.r-haut a:not(.btn2){color:var(--accent-fonce);font-size:14.5px;font-weight:500}

/* Boutons qui ouvrent la fenêtre de vérification */
button.r-ligne{width:100%;background:none;border:0;border-top:1px solid var(--filet);font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-align:left;padding:0;color:inherit}
.r-txt{background:none;border:0;padding:0;font:inherit;color:var(--accent-fonce);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

.r-chapeau{align-items:center}
.r-quand{font-size:12.5px;color:#7A8A8A}
button.r-ligne{color:var(--encre)}

/* Gagner du temps et de l’argent : le chiffre qui se précise */
.r-total{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--accent-fonce);color:#fff}
.r-total-g{padding:26px 32px;display:flex;flex-direction:column;gap:12px}
.r-total-c{display:flex;flex-wrap:wrap;gap:12px 44px}
.r-total-c div{display:flex;align-items:baseline;gap:8px}
.r-total-c b{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.025em}
.r-total-c div>span{font-size:15px;font-weight:500}
.r-total-d{padding:24px 28px;background:var(--accent);display:flex;flex-direction:column;gap:12px;justify-content:center}
.c .r-total-d p{color:#fff;font-size:14.5px;max-width:none}
.r-total-d .barre{background:rgba(255,255,255,.28)}.r-total-d .barre i{background:#fff}
.c .r-sug .r-g p.r-gain{font-size:14.5px;font-weight:600;padding:10px 14px;border-radius:10px;background:var(--accent-fonce)}

/* La carte de procédure : on imagine, on chiffre, on renseigne */
.pc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border:1px solid var(--filet);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(20,27,38,.07)}
.pc-g{padding:30px 32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.c .pc-g h3{font-size:27px;line-height:1.14;font-weight:700;letter-spacing:-.012em;text-wrap:balance}
.c .pc-g>p{font-size:15.5px;color:var(--doux)}
.pc-t{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.pc-t.economie{background:var(--teinte);color:var(--accent-fonce)}
.pc-t.revenu{background:var(--accent);color:#fff}
.pc-t.temps{background:var(--attente-fond);color:var(--attente)}
.pc-film{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column}
.pc-film li{position:relative;padding:0 0 14px 22px;display:flex;flex-direction:column;gap:1px;font-size:14px;line-height:1.35}
.pc-film li::before{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.pc-film li:not(:last-child)::after{content:"";position:absolute;left:4px;top:15px;bottom:-5px;width:2px;background:var(--bord)}
.pc-film b{font-size:13px;color:var(--accent-fonce)}
.pc-nom{margin-top:auto;font-size:12.5px;color:var(--doux)}
.pc-d{background:var(--gris);display:flex;flex-direction:column;min-width:0}
.pc-res{background:var(--encre);color:#fff;padding:24px 26px;display:flex;flex-direction:column;gap:4px}
.pc-res>b{font-size:44px;line-height:1;font-weight:700;letter-spacing:-.025em}
.pc-res>span{font-size:14.5px;font-weight:500}
.pc-bar{display:flex;flex-direction:column;gap:5px;margin-top:12px}
.pc-bar .h{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#D5D5D5}
.pc-bar .h strong{color:#fff;font-weight:600}
.pc-bar .tr{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.pc-bar .tr i{display:block;height:100%;background:#A9A9A9}
.pc-bar .tr.ap i{background:#5CC8D1}
.pc-ent{padding:16px 26px 20px;display:flex;flex-direction:column}
.pc-inv{font-size:13.5px;font-weight:600;padding-bottom:8px}
.pc-l{display:flex;align-items:center;gap:8px;min-height:44px;border-top:1px solid var(--filet);font-size:13.5px}
.pc-l .lib{flex:1 1 auto;min-width:0;line-height:1.25}
.pc-v{font-weight:700;white-space:nowrap}
.pc-v.exemple{color:#6E6E6E;font-weight:500;font-style:italic}
.pc-v.vous{color:var(--accent-fonce)}
.pc-src{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:#fff;border:1px solid var(--filet);color:var(--doux);white-space:nowrap}
.pc-src.exemple{border-style:dashed}
.pc-src.vous{background:var(--accent);border-color:var(--accent);color:#fff}
.pc-bt{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--accent);background:#fff;color:var(--accent-fonce);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pc-in{width:96px;min-height:36px;padding:0 10px;border:1.5px solid var(--accent);border-radius:8px;font:inherit;font-size:14px;background:#fff}
@media (max-width:760px){.r-total,.pc{grid-template-columns:minmax(0,1fr)}.r-total-c b{font-size:38px}.pc-g,.pc-res,.pc-ent{padding-left:20px;padding-right:20px}.c .pc-g h3{font-size:23px}}

/* Le plan qu'on voit se remplir */
.pv-z{position:relative;padding:26px 30px;display:flex;align-items:center;justify-content:center;min-width:0}
.pv-fond{position:absolute;width:min(330px,74%);height:82%;background:rgba(255,255,255,.28);border-radius:6px;transform:rotate(3.5deg)}
.pv{position:relative;width:min(340px,86%);background:#fff;color:var(--encre);border-radius:6px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 28px rgba(0,0,0,.28);transform:rotate(-1.2deg)}
.pv-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:2px solid var(--accent);padding-bottom:8px}
.pv-h div{display:flex;flex-direction:column;gap:1px;min-width:0}
.pv-h b{font-size:15px;line-height:1.2;font-weight:700}
.pv-h small{font-size:11.5px;color:var(--doux)}
.pv ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.pv li{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.2}
.pv li i{width:15px;height:15px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-style:normal;color:#fff;background:var(--accent)}
.pv li.vide{color:#8A8A8A}
.pv li.vide i{background:#fff;border:1.5px dashed #B5B5B5}
.pv li.vide svg{display:none}
.pv-b{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid var(--filet);padding-top:8px;font-size:12px;color:var(--doux)}
.pv-b b{font-size:17px;color:var(--accent-fonce)}

/* La conversation avec l'agent */
.vx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 28px;border-radius:16px;background:var(--accent);color:#fff}
.vx img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block}
.vx-av{position:relative;flex:none}
.vx.on .vx-av::before,.vx.on .vx-av::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:vxp 1.8s ease-out infinite}
.vx.on .vx-av::after{animation-delay:.6s}
@keyframes vxp{from{transform:scale(.95);opacity:1}to{transform:scale(1.28);opacity:0}}
.c .vx h2{color:#fff;font-size:24px}
.c .vx p{color:#fff;font-size:15px;max-width:none}
.vx-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.vx-n{font-size:13.5px;font-weight:600;background:var(--accent-fonce);border-radius:8px;padding:6px 10px;align-self:flex-start}
@media (max-width:760px){.vx{grid-template-columns:minmax(0,1fr)}}

/* Curseurs : ce qu'on sait en haut, les exemples bien à part */
.pc-gr{display:flex;flex-direction:column;gap:2px}
.pc-tit{font-size:12px;font-weight:700;letter-spacing:.03em;padding-bottom:4px}
.pc-ex{margin-top:12px;padding:12px 14px;background:var(--attente-fond);border:1.5px dashed #C9A45C;border-radius:12px}
.pc-ex .pc-tit{color:var(--attente)}
.pc-ent .pc-l{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:7px 0 3px;border-top:1px solid var(--filet)}
.pc-ex .pc-l{border-top:1px solid rgba(122,75,0,.18)}
.pc-gr .pc-tit+.pc-l{border-top:0}
.pc-l .h{display:flex;align-items:center;gap:8px}
.pc-ex .pc-v{color:var(--attente);font-weight:500;font-style:italic}
.pc-ex .regle .pc-v{color:var(--accent-fonce);font-weight:700;font-style:normal}
.pc-src.exemple{background:transparent;border:1px dashed #C9A45C;color:var(--attente)}
.pc-src.hypothese{background:var(--gris)}
.pc-sl{width:100%;height:26px;margin:0;accent-color:var(--accent);cursor:pointer}
.pc-ex .pc-sl{accent-color:#B8862F}
.pc-ex .regle .pc-sl{accent-color:var(--accent)}
.pc-fiab{align-self:flex-start;margin-top:6px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px dashed #E4C88E;color:#F3DDB0}
.pc-fiab.sur{border:1px solid #5CC8D1;color:#BDEBEE}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:10px;background:var(--accent-fonce)}
.tg-b{min-height:44px;border:0;border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.tg-b.on{background:#fff;color:var(--accent-fonce)}

/* Les chiffres de l'étape 2 */
.ch-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:4px 28px}
.ch{display:flex;flex-direction:column;padding:8px 0 4px;border-top:1px solid var(--filet)}
.ch .h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}
.ch .h b{white-space:nowrap}
.ch.ex .h b{color:var(--attente);font-weight:500;font-style:italic}
.ch .ch-s{font-size:12px;color:var(--doux)}
.ch-q{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--filet);min-width:0}
.ch-q h3{font-size:15px}
.ch-q input{min-height:44px;padding:0 12px;border:1px solid #8A8A8A;border-radius:8px;font:inherit;font-size:14.5px}
.ch-r{display:flex;flex-wrap:wrap;gap:6px}
.ch-r .rep{min-height:40px;font-size:13.5px}

/* Les procédures du club, en pleine largeur */
.pr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);border:1px solid var(--filet);border-radius:16px;overflow:hidden;background:#fff}
.pr-g{padding:24px 28px;display:flex;flex-direction:column;gap:10px;min-width:0}
.c .pr-g h3{font-size:21px;line-height:1.2;font-weight:700;text-wrap:balance}
.pr-film{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pr-film li{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.35;border-top:3px solid var(--bord);padding-top:8px}
.pr-film b{font-size:12.5px;color:var(--accent-fonce)}
.pr-d{background:var(--encre);color:#fff;padding:22px 24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.pr-gain{display:flex;flex-direction:column;gap:0}
.pr-gain b{font-size:30px;line-height:1.05;font-weight:700;letter-spacing:-.015em}
.pr-gain span{font-size:12.5px;color:#D5D5D5}
.et-v{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.et-s{display:inline-flex;flex-direction:row-reverse}
.et-s button{width:28px;height:44px;padding:0;border:0;background:none;color:#D4D4D4;font-size:22px;line-height:1;cursor:pointer}
.et-s button.on{color:#E0A526}
.et-s button:hover,.et-s button:hover~button{color:#E0A526}
.et-n{font-size:12.5px;color:var(--doux)}
.pr-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-top:auto}
.pv-sb{display:flex;flex-wrap:wrap;gap:8px}
.pro{white-space:pre-wrap;font-size:14px;line-height:1.5;background:var(--gris);border-radius:10px;padding:16px;max-width:none}
@media (max-width:760px){.pr,.pr-film{grid-template-columns:minmax(0,1fr)}.ch-g{grid-template-columns:minmax(0,1fr)}}

/* Le volet de détail, qui vient de la droite */
.vol{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:15;background:#fff;box-shadow:-12px 0 32px rgba(20,27,38,.16);border-left:1px solid var(--filet);padding:24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;animation:volIn .18s ease-out}
@keyframes volIn{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.vol-h{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--filet);padding-bottom:14px}
.vol-x{width:44px;height:44px;flex:none;border:1px solid var(--filet);border-radius:50%;background:#fff;color:var(--encre);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.vol-l{margin:0;display:flex;flex-direction:column;background:var(--gris);border-radius:12px;padding:4px 14px}
.vol-l div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--filet);font-size:14px}
.vol-l div:first-child{border-top:0}
.vol-l dt{color:var(--doux);flex:none}
.vol-l dd{margin:0;font-weight:500;text-align:right}
.c .vol-t{font-size:14.5px;line-height:1.5;max-width:none}
.vol-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
button.ligne{width:100%;background:none;border:0;border-top:1px solid var(--filet);border-radius:0;padding:10px 0;font:inherit;color:inherit;text-align:left;cursor:pointer}
button.ligne:hover{background:var(--gris)}
.pr-gain>span{font-size:12.5px;color:#D5D5D5}
.pr-gain span span{font:inherit;color:inherit}
.pr-gain b span{font-size:30px;color:#fff}
.ch.ex{background:var(--attente-fond);border-top:0;border:1.5px dashed #C9A45C;border-radius:10px;padding:8px 12px 4px;margin:4px 0}
.ch.ex .pc-sl{accent-color:#B8862F}

/* La barre fixe du relevé : le temps et l’argent à gagner, et le rendez-vous */
.r-fixe{position:sticky;top:0;z-index:12;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin:-24px -36px 0;padding:10px 36px;min-height:64px;background:#fff;border-bottom:1px solid var(--filet);box-shadow:0 4px 14px rgba(20,27,38,.06)}
.r-fixe .nom{font-weight:700;font-size:20px;color:var(--accent)}
.r-fixe-c{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13.5px;color:var(--doux)}
.r-fixe-c b{font-size:21px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:var(--accent-fonce);margin-left:8px}
.r-fixe-a{display:flex;align-items:center;gap:16px}
.r-fixe .r-txt{font-size:14.5px;min-height:44px}
.rl-in .r-fixe{margin:-24px -36px 22px}
@media (max-width:760px){.r-fixe{margin:-20px -16px 0;padding:8px 16px;min-height:0}.rl-in .r-fixe{margin:-20px -16px 16px}.r-fixe-l,.r-fixe .nom,.r-fixe .r-txt{display:none}.r-fixe-c b{font-size:17px;margin-left:0}.r-fixe .btn{min-height:44px;padding:0 12px;font-size:14px}}

/* Les tableaux de documents */
.tb-z{overflow-x:auto;border:1px solid var(--filet);border-radius:12px}
.tb{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}
.tb th{text-align:left;font-size:12.5px;font-weight:600;color:var(--doux);background:var(--gris);padding:10px 16px}
.tb td{padding:12px 16px;border-top:1px solid var(--filet);vertical-align:middle;color:var(--doux)}
.tb td:first-child a{color:var(--encre);font-weight:600;text-decoration:none}
.tb td:first-child a:hover{color:var(--accent-fonce);text-decoration:underline}
.tb td:nth-child(3),.tb td:nth-child(4),.tb td:nth-child(5){white-space:nowrap}
.tb tbody tr:hover{background:var(--gris)}

/* Logos d'outils, tables */
.oi{width:36px;height:36px;flex:none;border:1px solid var(--filet);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-fonce)}
.oi img{width:22px;height:22px;object-fit:contain;display:block}
.ligne.ol{align-items:center;flex-wrap:nowrap}
.ligne.ol h3{flex:1 1 220px}
.oa{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--filet);border-radius:10px;min-width:0}
.oa b{flex:1 1 auto;font-size:14px;font-weight:600;min-width:0}
.oa .btn2{min-height:36px;padding:0 12px;font-size:13px}
.onglet-q{background:#fff;font:inherit;font-size:14px;cursor:pointer}
.onglet-q.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.bd-o{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bd-r{min-height:44px;flex:0 1 280px;padding:0 12px;border:1px solid #8A8A8A;border-radius:8px;font:inherit;font-size:14px}
.bd-t{background:none;border:0;padding:0;min-height:32px;font:inherit;font-weight:600;color:inherit;cursor:pointer}
.bd-t:hover{color:var(--accent-fonce)}
.tb.bd td{white-space:normal}
.tb.bd td:first-child{color:var(--encre);font-weight:600}
.tb.bd tbody tr{cursor:pointer}
@media (max-width:760px){.ligne.ol{flex-wrap:wrap}}
.ligne.ol>.tag{flex:0 0 124px;text-align:center;white-space:normal}

/* le relevé en PDF : l’impression du navigateur, sans le menu, la barre, ni ce qui se clique (M-20261103-0028) */
@media print{.mn,.r-fixe,.compo,.r-suppr,.fen,.r-pied,[data-imprimer],.btn,.btn-b,.btn2{display:none!important}.main{padding:0!important}body{background:#fff!important}}

/* Les pages publiques des métiers : la grammaire de l'application, en plus grand. */
.pub{container-type:inline-size;background:#fff;color:var(--encre);font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55}
.pub *{box-sizing:border-box}.pub p{margin:0;max-width:64ch}.pub h1,.pub h2,.pub h3{margin:0;text-wrap:balance}
.pub h1{font-size:54px;line-height:1.06;font-weight:700;letter-spacing:-.02em}.pub h2{font-size:36px;line-height:1.12;font-weight:700;letter-spacing:-.015em}.pub h3{font-size:18px;line-height:1.3;font-weight:600}
.p-wrap{max-width:1160px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:32px}
.p-sec{padding:80px 0}.p-sec.gris{background:var(--gris)}.p-doux{color:var(--doux)}.p-pt{font-size:13px;color:var(--doux)}
.p-sur{font-size:14px;font-weight:600;color:var(--accent-fonce)}
.p-tete{border-bottom:1px solid var(--filet);background:#fff}.p-tete>div{max-width:1160px;margin:0 auto;padding:14px 40px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.p-tete .marque{font-weight:700;font-size:21px;color:var(--accent);margin-right:auto;text-decoration:none}.p-tete nav{display:flex;flex-wrap:wrap;gap:4px 20px}.p-tete nav a{font-size:15px;color:var(--encre);text-decoration:none;min-height:44px;display:flex;align-items:center}.p-tete nav a.on{color:var(--accent-fonce);font-weight:600}
.p-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:64px 0 72px}.p-hero>div{min-width:0}.p-col{display:flex;flex-direction:column;gap:20px}
.p-lead{font-size:19px;line-height:1.5;color:#3A3A3A}
.p-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.p-form label{flex:1 1 260px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.p-form input{min-height:52px;padding:0 14px;border:1px solid #8A8A8A;border-radius:8px;font:inherit;width:100%;background:#fff;color:var(--encre)}.p-form .btn{min-height:52px;border:0;cursor:pointer;font:inherit;font-weight:600}
.p-err{background:var(--attente-fond);color:var(--encre);border-radius:12px;padding:16px 18px;font-size:15px}
.p-fixe{position:sticky;top:0;z-index:12;background:#fff;border-bottom:1px solid var(--filet);box-shadow:0 4px 14px rgba(20,27,38,.06);min-height:64px;padding:10px max(40px,calc((100% - 1080px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}.p-fixe-c{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13.5px;color:var(--doux)}.p-fixe-c b{font-size:21px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:var(--accent-fonce);margin-left:8px;font-variant-numeric:tabular-nums}.p-fixe-m{display:none}
.p-demo{border:1px solid var(--filet);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:22px;box-shadow:0 18px 44px rgba(26,26,26,.08)}.p-demo header{display:flex;flex-direction:column;gap:8px}.p-demo h3{font-size:22px}.p-voies{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.p-voies>section{min-width:0}.p-prompt{margin:0;padding:16px;background:var(--gris);border-radius:8px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;max-height:210px;overflow:auto}.p-act{cursor:pointer;align-self:flex-start;border:0;font:inherit;font-weight:600}button.btn2.p-act{border:1px solid #1A1A1A}
.p-app .g2{grid-template-columns:repeat(2,minmax(0,1fr))}.p-app{padding-top:48px;padding-bottom:80px;max-width:1040px;gap:80px}.pub .p-app h1{font-size:38px;line-height:1.12}.pub .p-app h2{font-size:24px;line-height:1.2}
.p-verrou{position:relative;background:var(--gris);border-radius:8px;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.p-lignes{display:flex;flex-direction:column;gap:10px}.p-lignes i{display:block;height:10px;border-radius:5px;background:#DEDEDE}.p-lignes i:nth-child(2){width:88%}.p-lignes i:nth-child(3){width:94%}.p-lignes i:nth-child(4){width:60%}.p-v-t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
/* vie du club */
.p-hero-club{grid-template-columns:1fr 1fr;gap:48px;align-items:start}.pub .p-hero-club h1{font-size:42px;line-height:1.1}
.p-vie{position:relative;border:1px solid var(--filet);border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(26,26,26,.1);height:640px;overflow:hidden;display:flex;flex-direction:column}
.p-vie-t{padding:14px 16px;border-bottom:1px solid var(--filet);display:flex;flex-direction:column;gap:10px;background:#fff;position:relative;z-index:3}
.p-fil{flex:1;overflow:hidden;padding:14px 16px;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.p-fil-in{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;will-change:transform}
.ev{display:flex;gap:10px;align-items:flex-start}.p-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:var(--teinte)}.p-ev{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:14.5px;line-height:1.35}.p-ev p{margin:0}
.p-chip{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--teinte);color:var(--accent-fonce)}
.p-bulle{display:flex;gap:8px;align-items:flex-start;background:#FFF8E1;border-radius:4px 12px 12px 12px;padding:8px 10px;font-size:14px}.p-bulle svg{flex:none}.p-bulle.r{background:var(--gris)}
.g-pouce{display:inline-flex}.ev.n0.t0 .g-pouce{animation:bondA .7s .35s both}.ev.n0.t1 .g-pouce{animation:bondB .7s .35s both}
.g-et{display:inline-flex;gap:2px;font-size:19px;line-height:1;color:#D8D8D8}.g-et i{font-style:normal}.g-et i.on{color:#F5B301}
.ev.n0.t0 .g-et i.on{animation:stA .35s both}.ev.n0.t1 .g-et i.on{animation:stB .35s both}.ev.n0 .g-et i.s1{animation-delay:.25s!important}.ev.n0 .g-et i.s2{animation-delay:.4s!important}.ev.n0 .g-et i.s3{animation-delay:.55s!important}.ev.n0 .g-et i.s4{animation-delay:.7s!important}.ev.n0 .g-et i.s5{animation-delay:.85s!important}
.g-copie{display:flex;gap:10px;align-items:center;background:var(--gris);border-radius:8px;padding:8px 10px;width:100%}.g-l{flex:1;display:flex;flex-direction:column;gap:5px}.g-l i{display:block;height:6px;border-radius:3px;background:#DADADA}.g-l i:nth-child(2){width:86%}.g-l i:nth-child(3){width:58%}
.g-b{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:32px;border-radius:7px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;flex:none;overflow:hidden}.g-b span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.g-b .a{opacity:0}.g-b .b{background:#2D8A5F}
.ev.n0.t0 .g-b .a{animation:swA .95s both}.ev.n0.t1 .g-b .a{animation:swB .95s both}.ev.n0.t0 .g-b .b{animation:swC .95s both}.ev.n0.t1 .g-b .b{animation:swD .95s both}
.g-inst{display:flex;gap:10px;align-items:center;width:100%}.g-barre{flex:1;height:7px;border-radius:4px;background:var(--gris);overflow:hidden}.g-barre i{display:block;height:100%;background:#2D8A5F}.ev.n0.t0 .g-barre i{animation:brA 1.2s .5s both}.ev.n0.t1 .g-barre i{animation:brB 1.2s .5s both}
.p-part{position:absolute;inset:0;pointer-events:none;z-index:2}.p-part span{position:absolute;bottom:-24px;opacity:0;animation:monte 7s linear infinite}.p-part .f1{right:8%}.p-part .f2{right:18%;animation-delay:1.2s}.p-part .f3{right:4%;animation-delay:2.4s}.p-part .f4{right:24%;animation-delay:3.6s}.p-part .f5{right:12%;animation-delay:4.8s}.p-part .f6{right:30%;animation-delay:5.8s}
@keyframes monte{0%{transform:translateY(0) scale(.8);opacity:0}12%{opacity:.9}70%{opacity:.6}100%{transform:translateY(-380px) scale(1.2);opacity:0}}
@keyframes bondA{0%{transform:scale(0) rotate(-25deg)}60%{transform:scale(1.5) rotate(8deg)}100%{transform:none}}@keyframes bondB{0%{transform:scale(0) rotate(-25deg)}60%{transform:scale(1.5) rotate(8deg)}100%{transform:none}}
@keyframes stA{from{color:#D8D8D8;transform:scale(.6)}60%{transform:scale(1.4)}to{color:#F5B301;transform:none}}@keyframes stB{from{color:#D8D8D8;transform:scale(.6)}60%{transform:scale(1.4)}to{color:#F5B301;transform:none}}
@keyframes swA{0%,70%{opacity:1}100%{opacity:0}}@keyframes swB{0%,70%{opacity:1}100%{opacity:0}}@keyframes swC{0%,70%{opacity:0}100%{opacity:1}}@keyframes swD{0%,70%{opacity:0}100%{opacity:1}}
@keyframes brA{from{width:0}to{width:100%}}@keyframes brB{from{width:0}to{width:100%}}
@media (prefers-reduced-motion:reduce){.pub .p-vie *{animation:none!important}.p-part{display:none}}
/* fin vie */
/* plan anime */
.pub .r-sug h1{font-size:32px;line-height:1.12;color:#fff;letter-spacing:-.015em}.pub .r-sug .r-g p{color:#fff;max-width:none}
.pv li{transition:color .3s}.pv li i{transition:background .25s,border-color .25s,color .25s}.pv li.neuf i{animation:cochA .45s cubic-bezier(.2,.9,.3,1.4)}.pv li.neuf{animation:cochB .45s ease-out}.pv li.cours{font-weight:600;color:var(--encre)}.pv li.cours i{animation:clign 1s ease-in-out infinite}
.pv-barre{height:5px;border-radius:3px;background:var(--gris);overflow:hidden}.pv-barre i{display:block;height:100%;background:var(--accent);transition:width .6s cubic-bezier(.22,.8,.3,1)}
@keyframes cochA{0%{transform:scale(.3)}60%{transform:scale(1.35)}100%{transform:none}}@keyframes cochB{0%{background:var(--teinte)}100%{background:transparent}}@keyframes clign{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pv li i,.pv li,.pv-barre i{animation:none!important;transition:none!important}}
/* fin plan */
/* releve anime */
.ph-b{height:130px;overflow:hidden;background:var(--gris)}.p-rel.a img.ph{height:100%;width:100%;object-fit:cover}
.sc-ad{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--filet);font-size:14px;color:var(--doux);min-height:42px}.sc-tx{color:var(--encre);font-weight:500}.car{width:1.5px;height:15px;background:transparent}.car.on{background:var(--encre);animation:clign .8s steps(2) infinite}
.sc-t{padding:12px 20px;display:flex;flex-direction:column;gap:12px}.sc-x{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.sc-x.vu{opacity:1;transform:none}.sc-x>i{width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.sc-x.neuf>i{animation:cochA .45s cubic-bezier(.2,.9,.3,1.4)}.sc-c{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sc-c p{margin:0;font-weight:500}.sc-c p.sc-g{font-weight:600;color:var(--accent-fonce)}.sc-b{font-size:12.5px;font-weight:600;border-radius:7px;padding:4px 10px;border:1px solid var(--filet);color:var(--doux);transition:background .35s,color .35s,border-color .35s}.sc-x.on .sc-b{background:var(--accent);border-color:var(--accent);color:#fff}
.p-rel.a .jeu b{font-variant-numeric:tabular-nums}.p-pouls{animation:pouls 1.1s ease-in-out}@keyframes pouls{0%,100%{transform:none;box-shadow:none}50%{transform:scale(1.04);box-shadow:0 0 0 6px var(--teinte)}}
@media (prefers-reduced-motion:reduce){.sc-x,.sc-b,.p-pouls{animation:none!important;transition:none!important}}
/* fin releve */
.p-ill{display:block;margin-bottom:8px;flex:none;overflow:visible}/* viewBox recadré sur le dessin dans PubAccueil (04/11) : le trait part du bord gauche du texte */
.p-et.p-et3{grid-template-columns:repeat(3,1fr)}.p-et4{display:flex;align-items:baseline;gap:10px;border-top:3px solid var(--accent);padding-top:12px}.p-et4 .n{font-size:13px;font-weight:600;color:var(--accent-fonce)}.p-voies-a .pr{font-weight:600;font-size:15px;margin-top:auto}.p-tarif{margin:0;display:flex;flex-direction:column;gap:4px;font-size:15px}.p-tarif dt{font-weight:600;margin-top:6px}.p-tarif dd{margin:0;color:var(--doux)}
.p-film{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column}.p-film li{position:relative;padding:0 0 14px 22px;display:flex;flex-direction:column;gap:1px;font-size:15px;line-height:1.35}.p-film li::before{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.p-film li:not(:last-child)::after{content:"";position:absolute;left:4px;top:15px;bottom:-5px;width:2px;background:var(--filet)}.p-film b{font-size:13.5px;color:var(--accent-fonce)}.p-sl{border-top:1px solid var(--filet);padding-top:10px}
.pub .pc-g h3{font-size:27px;line-height:1.14;font-weight:700;letter-spacing:-.012em;text-wrap:balance}.pub .pc-g p{max-width:none}
.pub .p-sugt{font-size:32px;line-height:1.12;color:#fff;letter-spacing:-.015em}.p-sugp{font-size:15px}.pub .r-sug .r-g .p-sugp b{font-size:34px;font-weight:700;margin-left:6px}.p-sugp s{opacity:.8}
.p-doc{background:var(--encre)}.pub .p-doc h2{color:#fff}.p-doc-t{display:flex;flex-direction:column;gap:10px;max-width:760px}.p-doc-s{font-size:14px;font-weight:600;color:#7FD4DB}.p-doc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p-doc-c{background:#fff;color:var(--encre);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .2s}.p-doc-c:hover{transform:translateY(-3px)}.p-doc-c>div{display:flex;flex-direction:column;gap:6px}.p-doc-c p{font-size:15px;line-height:1.45;color:var(--doux)}.p-doc-i{width:46px;height:46px;border-radius:12px;background:var(--teinte);color:var(--accent-fonce);display:flex;align-items:center;justify-content:center;flex:none}.p-doc-c.un{grid-column:1/-1;flex-direction:row;align-items:center;background:var(--accent);color:#fff}.p-doc-c.un p{color:#fff;font-size:17px}.p-doc-c.un h3{font-size:24px;color:#fff}.p-doc-c.un .p-doc-i{background:#fff}
/* plan dire */
.p-dire{display:flex;flex-direction:column;gap:22px}.p-dire-h{display:flex;flex-wrap:wrap;gap:28px;align-items:center}.pub .p-app .p-dire h2{font-size:30px;line-height:1.14}
.p-couches{flex:1 1 320px;display:flex;flex-direction:column;gap:8px;min-width:0}.p-couches>div{border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--filet);background:#fff}.p-couches small{font-size:12px;color:var(--doux)}.p-couches b{font-size:15px;font-weight:600}.p-couches .c2{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.03);box-shadow:0 10px 24px rgba(18,122,132,.3)}.p-couches .c2 small{color:#DDF3F4}.p-couches .c1{background:var(--gris)}
.p-dire-t{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;background:var(--teinte);border-radius:12px;padding:14px 18px}.p-dire-v{font-size:15px;color:var(--doux)}.p-dire-v b{font-size:30px;font-weight:700;color:var(--accent-fonce);font-variant-numeric:tabular-nums;letter-spacing:-.015em}
.p-dire-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p-sol{border-radius:16px;overflow:hidden;border:1px solid var(--filet);background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(20,27,38,.07);min-width:0}.p-sol-c{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px}.pub .p-sol-c h3{font-size:20px;line-height:1.2;font-weight:700}
/* fin dire */
.p-pas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}.p-pas::before{content:"";position:absolute;left:16%;right:16%;top:36px;height:3px;background:var(--accent);opacity:.35}.p-pas li{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-width:0}.p-pas-n{width:72px;height:72px;border-radius:50%;background:#fff;border:3px solid var(--accent);color:var(--accent-fonce);display:flex;align-items:center;justify-content:center;flex:none;position:relative;z-index:1}.p-pas-a{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);background:var(--teinte);flex:none;position:relative;z-index:1;box-shadow:0 0 0 6px var(--teinte)}.p-pas-c{display:flex;flex-direction:column;gap:6px;align-items:center;background:#fff;border:1px solid var(--filet);border-radius:14px;padding:18px;flex:1;width:100%;box-shadow:0 8px 24px rgba(20,27,38,.07)}.p-pas li.fort .p-pas-c{border:1.5px solid var(--accent);background:var(--teinte)}
.p-mep{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:16px;align-items:stretch}.p-mep-a{background:var(--accent);color:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:center;box-shadow:0 18px 44px rgba(18,122,132,.3)}.p-mep-g{display:flex;flex-direction:column;gap:14px;min-width:0}.pub .p-mep-a h3{font-size:27px;line-height:1.14;font-weight:700;color:#fff;letter-spacing:-.012em}.p-mep-a p{color:#fff;font-size:15.5px;line-height:1.45}.p-mep-t{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.35}.p-mep-t div{border-top:1px solid rgba(255,255,255,.3);padding-top:8px}.p-mep-t dt{font-weight:600}.p-mep-t dd{margin:0;color:#E5F6F7}
.p-mac{position:relative;background:#fff;color:var(--encre);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.28);overflow:hidden;min-width:0}.p-mac-b{display:flex;align-items:center;gap:10px;background:var(--encre);color:#fff;padding:11px 14px;font-size:13px}.p-mac-b b{font-weight:600;min-width:0;flex:1}.p-mac-p{display:flex;gap:4px}.p-mac-p i{width:9px;height:9px;border-radius:50%;background:#6B6B6B}.p-mac-e{display:flex;align-items:center;gap:5px;font-size:12px;color:#BFF0D6;white-space:nowrap}.p-mac-e i{width:8px;height:8px;border-radius:50%;background:#35C97F;animation:clign 1.6s ease-in-out infinite}.p-mac ul{list-style:none;margin:0;padding:6px 14px}.p-mac li{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--filet);font-size:13.5px;line-height:1.25}.p-mac li:last-child{border:0}.p-mac li>i{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.p-mac li span{flex:1;min-width:0}.p-mac li small{font-weight:700;color:var(--accent-fonce);white-space:nowrap;font-size:13px}.p-mac-q{display:flex;align-items:center;gap:11px;background:var(--teinte);padding:12px 14px}.p-mac-q img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}.p-mac-q div{display:flex;flex-direction:column;gap:1px;min-width:0}.p-mac-q b{font-size:14px;font-weight:600}.p-mac-q small{font-size:12px;color:var(--doux)}.p-mac-x{display:block;text-align:right;font-size:11px;color:var(--doux);padding:5px 14px 8px}
.p-mep-s{border:1px solid var(--filet);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0;background:#fff}.p-mep-l{display:flex;flex-wrap:wrap;gap:8px 16px}.p-mep-l span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.pub .p-mep-s h3{font-size:17px}
.p-prm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.p-prm li{background:var(--gris);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.p-prm b{font-size:13px;font-weight:600;line-height:1.25}.p-prm-l{display:flex;flex-direction:column;gap:4px}.p-prm-l i{display:block;height:5px;border-radius:3px;background:#DCDCDC}.p-prm-l i:last-child{width:62%}.p-prm-b{align-self:flex-start;font-size:12px;font-weight:600;color:var(--accent-fonce);border:1px solid var(--accent);border-radius:6px;padding:2px 8px;background:#fff}
.p-ok{background:var(--teinte);border-radius:12px;padding:16px 18px;font-size:15px}
.p-rel{border:1px solid var(--filet);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px rgba(26,26,26,.1);background:#fff}.p-rel img.ph{display:block;width:100%;height:210px;object-fit:cover;background:var(--gris)}
.p-rel .h{padding:16px 20px;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;border-bottom:1px solid var(--filet)}.p-rel .l{padding:12px 20px;border-bottom:1px solid var(--filet);font-size:15px;font-weight:500}.p-rel .jeu{padding:16px 20px;background:var(--teinte);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:baseline}.p-rel .jeu b{font-size:24px}
.p-ex{display:inline-block;align-self:flex-start;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--attente-fond);color:var(--attente)}
.p-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.p-3>div{min-width:0;display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--encre);padding-top:14px}.p-g{font-size:60px;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.p-et{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p-et>div{min-width:0;border-top:3px solid var(--accent);padding-top:12px;display:flex;flex-direction:column;gap:6px}.p-et .n{font-size:13px;font-weight:600;color:var(--accent-fonce)}.p-et .pr{margin-top:auto;font-weight:600;font-size:15px;padding-top:6px}.p-et s{color:var(--doux);font-weight:400}
.p-pro{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;border-top:1px solid var(--filet);padding:32px 0}.p-pro>div{min-width:0;display:flex;flex-direction:column;gap:12px}.p-pro h3{font-size:25px;font-weight:700;line-height:1.18}
.p-sc{display:flex;gap:12px;font-size:15px}.p-sc b{flex:0 0 96px;font-weight:600}
.p-gr{font-size:40px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent-fonce)}
.p-sl label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:14px}.p-sl input{width:100%;accent-color:var(--accent);min-height:28px}.p-sl .s{font-size:12px;color:var(--doux)}
.p-tot{background:var(--encre);color:#fff;border-radius:12px;padding:22px 26px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between}.p-tot b{font-size:30px}.p-tot small{font-size:13px;color:#D6D6D6;flex-basis:100%}
.p-offre{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;border:1.5px solid var(--accent);border-radius:14px;padding:36px}.p-offre>div{min-width:0;display:flex;flex-direction:column;gap:14px}.p-prix{font-size:50px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.p-prix s{display:block;font-size:20px;font-weight:400;color:var(--doux);margin-bottom:6px}
.p-li{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--filet);padding:14px 0}
.p-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 40px}.p-2>div{min-width:0}.p-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.p-4>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.p-qui{display:flex;flex-wrap:wrap;gap:28px;align-items:center}.p-qui img{width:120px;height:120px;border-radius:50%;object-fit:cover;background:var(--teinte)}.p-qui p{flex:1 1 320px;font-size:21px;line-height:1.4}
.p-fin{background:var(--teinte)}.p-pied{border-top:1px solid var(--filet);padding:28px 0;font-size:14px;color:var(--doux)}.p-pied .p-wrap{flex-direction:row;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.p-pied a{color:var(--doux)}
.p-voie{border:1px solid var(--filet);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}.p-voie.fort{border:1.5px solid var(--accent)}
@container (max-width:760px){.p-mep,.p-mep-a{grid-template-columns:minmax(0,1fr)}.p-mep-a{padding:20px}.pub .p-mep-a h3{font-size:23px}.p-app{gap:52px}.p-pas{grid-template-columns:1fr}.p-pas::before{display:none}.p-dire-g{grid-template-columns:1fr}.pub .p-app .p-dire h2{font-size:24px}.p-doc-g{grid-template-columns:1fr}.p-doc-c.un{flex-direction:column;align-items:flex-start}.p-et.p-et3{grid-template-columns:1fr}.p-hero-club{grid-template-columns:1fr}.pub .p-hero-club h1{font-size:32px}.p-vie{height:560px}.p-app .g2{grid-template-columns:1fr}.p-app{padding-top:28px;padding-bottom:40px}.pub .p-app h1{font-size:28px}.p-voies{grid-template-columns:1fr}.p-demo{padding:18px}.p-fixe{padding:8px 16px;min-height:0;flex-wrap:nowrap}.p-fixe-l{display:none}.p-fixe-m{display:inline;flex-basis:100%}.p-fixe-c b{font-size:17px;margin-left:0}.p-fixe .btn{min-height:44px;padding:0 12px;font-size:14px;flex:none}.pub h1{font-size:36px}.pub h2{font-size:27px}.p-wrap{padding:0 16px;gap:24px}.p-tete>div{padding:10px 16px}.p-sec{padding:48px 0}.p-hero,.p-3,.p-pro,.p-offre,.p-2{grid-template-columns:1fr}.p-hero{padding:32px 0 40px;gap:28px}.p-et,.p-4{grid-template-columns:1fr 1fr}.p-g{font-size:48px}.p-offre{padding:22px}.p-lead{font-size:17px}.p-qui p{font-size:18px}.p-tete nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.p-sc b{flex-basis:78px}}
.p-ch-s{background:var(--accent);background-image:radial-gradient(900px 420px at 85% 0,rgba(255,255,255,.14),transparent 70%)}.pub .p-ch-s h2{color:#fff}.p-ch-t{display:flex;flex-direction:column;gap:12px;max-width:760px}
.p-ch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:stretch}.p-ch>li{position:relative;background:#fff;border-radius:18px;box-shadow:0 22px 50px rgba(0,0,0,.24);display:flex;flex-direction:column;min-width:0}
.p-ch>li+li::before{content:"";position:absolute;left:-31.66px;top:50%;width:16px;height:16px;border-top:3px solid #fff;border-right:3px solid #fff;transform:translateY(-50%) rotate(45deg)}
.p-ch-v{flex:1;background:var(--teinte);border-radius:18px 18px 0 0;padding:20px;display:flex;flex-direction:column;gap:14px;min-height:300px;justify-content:center}.p-ch-x{position:relative;padding:28px 22px 24px;display:flex;flex-direction:column;gap:6px}.p-ch-n{position:absolute;left:22px;top:-18px;width:36px;height:36px;border-radius:50%;background:var(--accent);border:3px solid #fff;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.pub .p-ch-x h3{font-size:20px;min-height:2.6em}.p-ch-x .p-doux{font-size:15px}
.p-ch-q{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.3}.p-ch .p-bulle{font-size:15px;box-shadow:0 6px 16px rgba(26,26,26,.08)}.p-ch .p-bulle.r{background:#fff;font-size:13px;line-height:1.35;box-shadow:none}
.p-ch-r{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.p-ch-r li{background:#fff;border-radius:10px;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;font-size:13px;line-height:1.25;color:var(--doux)}.p-ch-r li.p1{color:var(--encre);font-weight:600;box-shadow:0 8px 20px rgba(26,26,26,.12);outline:2px solid var(--accent)}.p-ch-r .vt{display:inline-flex;gap:4px;align-items:center;padding:2px 7px;border-radius:999px;background:#9AA3A5;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.p-ch-r .p1 .vt{background:var(--accent)}.p-ch-r .br{grid-column:1/-1;height:5px;border-radius:3px;background:var(--gris);overflow:hidden}.p-ch-r .br i{display:block;height:100%;background:#9AA3A5}.p-ch-r .p1 .br i{background:var(--accent)}
.p-ch-av{display:flex;gap:8px;align-items:flex-start}.p-ch-av .p-av{width:32px;height:32px}
.p-ch-d{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 24px rgba(26,26,26,.12);font-size:15px;line-height:1.3}.p-ch-d .h{display:flex;justify-content:space-between;align-items:center}.p-ch-d .ic{width:36px;height:36px;border-radius:9px;background:var(--teinte);color:var(--accent-fonce);display:flex;align-items:center;justify-content:center}.p-ch-d .ok{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#E2F3EA;color:#1F6E49}.p-ch-d .bt{display:flex;flex-wrap:wrap;gap:6px}.p-ch-d .bt span{flex:1 1 auto;text-align:center;padding:7px 8px;border-radius:7px;font-size:12px;font-weight:600;border:1.5px solid var(--bord);color:var(--accent-fonce)}.p-ch-d .bt .f{background:var(--accent);border-color:var(--accent);color:#fff}.p-ch-d .vr{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--doux)}
@container (max-width:760px){.p-ch{grid-template-columns:minmax(0,1fr);gap:40px}.p-ch>li+li::before{left:50%;top:-33.66px;transform:translateX(-50%) rotate(135deg)}.p-ch-v{min-height:0}.pub .p-ch-x h3{min-height:0}}
.p-demo-t{display:flex;flex-direction:column;gap:8px;margin-bottom:-8px}.pub .p-demo-t h3{font-size:22px}.p-mep-a .p-ok{color:var(--encre);font-size:14px}.p-mep-a .p-act{align-self:flex-start}.p-mac li.p-mac-n{background:var(--teinte);margin:0 -14px;padding-left:14px;padding-right:14px}.p-mep-s .btn2.p-act{margin-top:auto}
.pc-cl .pc-d{background:var(--encre)}.pc-cl .pc-res{flex:1}.pc-cl .pc-bar{margin-top:auto;padding-top:12px}.pc-cl .pc-ent{padding:0 26px 24px;gap:10px}.pc-cl .p-cp{width:100%;gap:10px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.65)}.pc-cl .p-cp:hover{border-color:#fff;background:rgba(255,255,255,.08)}.p-cp-i{display:inline-flex;gap:7px}.p-cp-i svg{width:20px;height:20px;fill:#fff}.p-cp-n{font-size:13px;line-height:1.35;color:#D5D5D5}.pc-cl .p-ok{color:var(--encre);font-size:14px}
.p-plus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.p-plus article{border:1px solid var(--filet);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(20,27,38,.07);display:flex;flex-direction:column;min-width:0}.p-plus-v{height:170px;background:var(--teinte);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative}.p-plus-x{padding:18px;display:flex;flex-direction:column;gap:6px}.p-plus-x .p-doux{font-size:15px;line-height:1.45}.pub .p-plus-x h3{font-size:18px}
.p-pc{align-self:flex-start;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:#fff;color:var(--accent-fonce)}
.p-pb{flex:1;display:flex;align-items:flex-end;gap:7px;min-height:0}.p-pb i{flex:1;background:var(--bord);border-radius:4px 4px 0 0}.p-pb i:last-child{background:var(--accent)}
.p-po{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.p-po li{background:#fff;border-radius:9px;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12.5px;line-height:1.2;font-weight:600}.p-po span{min-width:0}.p-po em{font-style:normal;font-size:11px;font-weight:700;color:#1F6E49;background:#E2F3EA;padding:2px 7px;border-radius:999px;white-space:nowrap}
.p-pa{display:flex;flex-direction:column;gap:8px}.p-pa .q,.p-pa .r{display:flex;flex-direction:column;gap:5px;padding:10px 12px}.p-pa .q{align-self:flex-end;width:62%;background:var(--accent);border-radius:12px 12px 2px 12px}.p-pa .q i{background:rgba(255,255,255,.6)}.p-pa .r{width:88%;background:#fff;border-radius:12px 12px 12px 2px}.p-pa .r .p-pc{background:var(--teinte);margin-bottom:2px}.p-pa i{display:block;height:6px;border-radius:3px;background:#DCDCDC}.p-pa i:last-child{width:68%}
.p-plus-n{background:var(--encre);align-items:center;color:#fff}.p-plus-n img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #fff}.p-pl{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.p-pl i{width:8px;height:8px;border-radius:50%;background:#35C97F;animation:clign 1.6s ease-in-out infinite}.p-pe{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12px;color:#D5D5D5}
@container (max-width:980px){.p-plus{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:560px){.p-plus{grid-template-columns:minmax(0,1fr)}}
.p-rdv{background:var(--accent);background-image:radial-gradient(700px 320px at 90% 0,rgba(255,255,255,.14),transparent 70%);color:#fff;border-radius:20px;padding:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:36px;align-items:center;box-shadow:0 18px 44px rgba(18,122,132,.3)}
.p-rdv-d{background:#fff;color:var(--encre);border-radius:16px;width:168px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:0;font-size:15px;font-weight:600;line-height:1.25;box-shadow:0 14px 30px rgba(0,0,0,.2)}.p-rdv-d b{font-size:76px;line-height:1;font-weight:700;letter-spacing:-.03em}.p-rdv-d em{font-style:normal;margin-top:10px;width:100%;text-align:center;background:var(--accent);color:#fff;border-radius:9px;padding:6px 0;font-size:24px;font-weight:700}
.p-rdv-t{display:flex;flex-direction:column;gap:12px;min-width:0}.pub .p-rdv-t h2{color:#fff;font-size:32px}.p-rdv-t p{color:#fff}
.p-rdv-e{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:13.5px;min-width:180px}.p-rdv-e img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-bottom:8px}.p-rdv-e b{font-size:16px;font-weight:600}.p-rdv-m{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#fff;color:var(--encre);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;white-space:nowrap}
@container (max-width:760px){.p-rdv{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:24px;justify-items:center}.p-rdv-t{width:100%}.pub .p-rdv-t h2{font-size:26px}}
.pub .p-rdv-t h1{color:#fff;font-size:34px;line-height:1.12}.p-rdv-f{border:1px solid var(--filet);border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;background:#fff;box-shadow:0 8px 24px rgba(20,27,38,.07)}.pub .p-rdv-f h2{font-size:24px}
@container (max-width:1000px){.p-rdv{grid-template-columns:auto minmax(0,1fr);gap:24px;padding:28px}.p-rdv-e{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px;min-width:0}.p-rdv-e img{width:64px;height:64px;margin:0}.p-rdv-m{margin-top:0}}
@container (max-width:760px){.p-rdv{grid-template-columns:minmax(0,1fr)}.p-rdv-e{grid-column:auto}.pub .p-rdv-t h1{font-size:27px}}
.p-off{background:#fff;border-radius:20px;padding:32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;box-shadow:0 18px 44px rgba(26,26,26,.1)}.p-off-g{display:flex;flex-direction:column;gap:16px;min-width:0}.pub .p-off-g h2{font-size:30px}
.p-off-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;background:var(--teinte);border-radius:12px;padding:12px 18px}.p-off-p b{font-size:44px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--accent-fonce)}.p-off-p span{font-size:17px;font-weight:600}.p-off-p s{color:var(--doux);text-decoration-thickness:2px}
.p-off-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.p-off-l li{display:flex;gap:10px;font-size:15.5px;line-height:1.4}.p-off-l li>i{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.p-vid{background:var(--encre);color:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.26);min-width:0}.p-vid-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.p-vid-r{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.p-vid-r i{width:10px;height:10px;border-radius:50%;background:#E5484D;animation:clign 1.6s ease-in-out infinite}.p-vid .p-rdv-m{margin:0}
.p-vid-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p-vid-g>div{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}.p-vid-g img{width:100%;height:100%;object-fit:cover;display:block}.p-vid-g span{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:600;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:6px}.p-vid-b{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:500;line-height:1.3}.p-vid-b svg{flex:none}
@container (max-width:760px){.p-off{grid-template-columns:minmax(0,1fr);padding:20px}.pub .p-off-g h2{font-size:25px}}

/* Revue visuelle du 04/11/2026 (lobia.fr, vaut pour tous les sites du modèle). */
.pub .p-et .pr,.pub .p-voies-a .pr{display:inline-flex;align-self:flex-start;grid-template-columns:none;overflow:visible;padding:4px 12px;border:1px solid var(--filet);border-radius:999px;background:#fff;font-size:14px;gap:6px;align-items:baseline}
.pub .p-fin a{color:var(--accent-fonce);font-weight:600;text-underline-offset:3px}
.p-et4{flex-direction:column;align-items:flex-start;gap:6px}
.pub .r-sug .r-g .p-sugp b{margin-left:0}
.p-app{max-width:1160px}
.p-prm-b{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;font-size:13.5px;border-radius:8px}
.pc-src{font-size:12px}
.p-tete .marque{min-height:44px;display:flex;align-items:center}
.p-pied a{display:inline-flex;align-items:center;min-height:44px}
.p-app .bloc.fort{border-radius:18px;padding:28px}
@media (pointer:coarse){.pc-sl{height:44px}}
@container (max-width:760px){
 .p-wrap.p-app{padding:28px 16px 40px}
 .p-tete nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:2px 16px}
 .p-tete nav a{font-size:14px}
 .livret{justify-content:center;padding:16px}
 .livret .pg{max-width:300px;flex-basis:100%;font-size:13px}
 .p-rdv-e{flex-direction:column;align-items:center}
 .p-couches .c2{transform:none}
 .p-couches .c2 small{color:#fff}
}
/* Carte du prix du plan (PubPlan, 04/11) : prix et compteur à gauche, texte et boutons à droite ; une colonne sur téléphone. */
.p-lance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px 40px;align-items:center}.p-lance-g,.p-lance-d{display:flex;flex-direction:column;gap:14px;min-width:0}.p-lance-g{padding-right:40px;border-right:1px solid var(--filet)}
@container (max-width:760px){.p-lance{grid-template-columns:minmax(0,1fr)}.p-lance-g{padding-right:0;border-right:0}}
/* Pastilles temps et argent des suggestions animées de l'accueil (04/11, M.pub.animSugg) */
.sc-gn{display:flex;flex-wrap:wrap;gap:4px 14px}.sc-gt{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1.2;color:var(--accent-fonce);font-variant-numeric:tabular-nums;white-space:nowrap}.sc-gt svg{flex:none;opacity:.8}
/* Le bouton d'action se distingue des étiquettes : angles moins ronds, flèche, plein quand il est actif */.sc-b{border-radius:6px}.sc-b::after{content:' →'}
/* Boutons des étapes 1 à 3 de l'accueil (04/11) */
.p-et .p-et-b{align-self:flex-start;margin-top:10px;cursor:pointer}
/* Barre fixe : cachée hors de la section des procédures, glisse depuis le haut (04/11) */
.p-fixe{position:fixed;left:0;right:0;top:0;transform:translateY(-110%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s}.p-fixe.vu{transform:none;visibility:visible;transition:transform .3s ease}
@media (prefers-reduced-motion:reduce){.p-fixe,.p-fixe.vu{transition:none}}
/* Hero de lobia.fr : les deux façons de mettre en place (04/11 soir) */
.p-2v{list-style:none;margin:-8px 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.p-2v li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--filet);border-radius:14px;padding:12px 14px;background:#fff;min-width:0}.p-2v li.fort{border-color:var(--accent);background:var(--teinte)}.p-2v i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px}.p-2v div{display:flex;flex-direction:column;gap:2px;min-width:0}.p-2v b{font-size:15px;line-height:1.25}.p-2v span{font-size:14px;line-height:1.4;color:var(--doux)}.p-lead2{margin:0 0 14px;font-size:15px;color:var(--doux)}
@container (max-width:760px){.p-2v{grid-template-columns:1fr}}
.p-2v-a{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px var(--accent)}.p-2v-l{flex:none;display:flex;flex-direction:column;gap:4px;padding-top:1px}
/* Accueil, étapes 1 à 3 en parcours : cartes reliées, pastille numérotée, boutons alignés en bas ; l'étape 3 (payante) monte d'un ton vers la carte pleine de l'étape 4 (04/11) */
.pub .p-et.p-et3{gap:28px;align-items:stretch}
.pub .p-et.p-et3>div{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:12px;row-gap:0;align-items:center;border:1px solid var(--filet);border-radius:16px;padding:20px 20px 20px;background:#fff}
.pub .p-et.p-et3>div>.n{grid-column:1;grid-row:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--teinte);border:1.5px solid var(--accent);color:var(--accent-fonce);font-size:16px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;align-self:start}
.pub .p-et.p-et3>div>h3{grid-column:2;grid-row:1;font-size:19px;line-height:1.25}
.pub .p-et.p-et3>div>p{grid-column:1/-1;grid-row:2;margin-top:12px;align-self:start}
.pub .p-et.p-et3>div>.pr{grid-column:1/-1;grid-row:3;align-self:end;justify-self:start;margin-top:16px;padding:4px 12px}
.pub .p-et.p-et3>div>.p-et-b{grid-column:1/-1;grid-row:4;width:100%;margin-top:12px;align-self:end}
.pub .p-et.p-et3>div:not(:last-child)::after{content:"";position:absolute;top:37px;left:calc(100% + 1px);width:28px;height:2px;background:var(--accent)}
.pub .p-et.p-et3>div:nth-child(3){background:var(--teinte);border-color:var(--bord)}
.pub .p-et.p-et3>div:nth-child(3)>.n{background:var(--accent);border-color:var(--accent);color:#fff}
.pub .p-et4{flex-direction:row;align-items:center;gap:12px;border-top:0;padding-top:4px}
.pub .p-et4 .n{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-fonce);color:#fff;font-size:16px;font-weight:700;line-height:1}
@container (max-width:760px){.pub .p-et.p-et3{gap:20px}.pub .p-et.p-et3>div{padding:18px}.pub .p-et.p-et3>div:not(:last-child)::after{top:100%;left:35px;width:2px;height:21px}.pub .p-et4{align-items:flex-start}}
/* Compléments du site (M-20261103-0027, 04/11/2026) : ce que les planches n'ont pas besoin de dire et que le site sert. Un élément caché le reste, quelle que soit sa classe ; la carte de procédure de l'application (pc-calc, coque.css) ; l'initiale à la place d'une photo de membre fictif ; les pièces légales. */
.pub [hidden]{display:none!important}
.pub .pc-calc{display:flex;flex-direction:column;gap:4px}.pub .pc-calc>span{font-size:14.5px;font-weight:500}.pub .pc-gros{display:block;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.025em}
.pub .p-av-i{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--accent-fonce);font-weight:700;font-size:16px}
.pub .p-legal{max-width:820px}.pub .p-legal h1{font-size:40px}.pub .p-legal h2{font-size:24px;margin-top:12px}.pub .p-legal p,.pub .p-legal li{color:var(--encre)}
@container (max-width:600px){.pub .pc-gros{font-size:34px}.pub .p-legal h1{font-size:30px}}