/* lobia.fr v6, direction Link : socle commun. Jetons de l'app client (app-client/jetons/lobia.json). Les règles de survol (.h1, .h2…) sont ajoutées à la fin
   par scripts/build-site.mjs depuis les style-hover / style-active / style-focus du design. Les pages sortent du générateur (inline), ce fichier ne
   porte que ce que le style en ligne ne sait pas dire : base, deux arbres (1440 et 390), focus, accordéons, et les classes des pages récit (/cas). */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;color:#1A1A1A;font-size:17px;line-height:1.55}
img{display:block;max-width:100%}
a{color:#127A84}
a:hover{color:#0F6A73}
a:active{color:#0F6A73}
button,input,select,textarea{font:inherit}
.skip{position:absolute;left:12px;top:-60px;background:#1A1A1A;color:#fff;padding:10px 16px;border-radius:8px;z-index:50;font:500 14px/1 'Schibsted Grotesk',system-ui,sans-serif;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid #127A84;outline-offset:2px}
[hidden]{display:none!important}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
[data-scroll]::-webkit-scrollbar{display:none}
/* deux arbres : le bureau à partir de 1100 px, la colonne unique en dessous */
.v{overflow-x:clip}
.vm{display:block}.vd{display:none}
@media (min-width:1100px){.vm{display:none}.vd{display:block}}
.vm main>section>*,.vm header>div,.vm footer>div{max-width:720px;margin-left:auto;margin-right:auto}
.vm header [data-menu]{max-width:688px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* l'en-tête reste sous la bulle de Léon (script de l'aimant) : pas de position collante */
[data-ts-box]:empty{display:none}
/* page courante du menu : au survol (fond #D5EAEA) le sarcelle de base tombe à 4,05:1, le texte passe au sarcelle de survol */
a[aria-current=page]:hover{color:#0F6A73!important}
/* pages récit /cas/<slug> (build-cas.mjs) : mêmes jetons, composants de la page d'offre ; leur <main> n'a pas de style en ligne */
main:not([style]){padding-bottom:80px}
.sx{padding:40px 0 0}.sx0{padding-top:24px}
.cn{max-width:1120px;margin:0 auto;padding:0 48px}
.casw{max-width:820px;margin-left:auto;margin-right:auto}
.mono{font:500 13px/1.4 'Schibsted Grotesk',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6B6B6B}
.h1s{margin:0 0 20px;font:600 clamp(32px,4vw,44px)/1.15 'Schibsted Grotesk',system-ui,sans-serif;color:#1A1A1A;text-wrap:balance;max-width:24ch}
.h2s{margin:0;font:600 clamp(26px,3vw,30px)/1.2 'Schibsted Grotesk',system-ui,sans-serif;color:#1A1A1A}
.lede{margin:0;font-size:18px;line-height:1.55;color:#6B6B6B;max-width:62ch;text-wrap:pretty}
.stack{display:flex;flex-direction:column;gap:14px}
.cardx{background:#fff;border:1px solid #ECECEC;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:16px}
.cardx p,.small{margin:0;font-size:16px;line-height:1.55;color:#1A1A1A}
.small{font-size:14px;color:#6B6B6B}
.bt{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:44px;padding:0 18px;border-radius:8px;background:#127A84;color:#fff;border:0;font:500 15px/1 'Schibsted Grotesk',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.bt:hover{background:#0F6A73;color:#fff}.bt:active{background:#0F6A73;color:#fff}
.cas-fig{margin:28px 0 0;border-radius:12px;overflow:hidden;background:#F6F6F6;border:1px solid #ECECEC}
.cas-fig img{width:100%;height:auto}
.scene{margin-top:28px}
.scene p,.cresult blockquote{font-size:18px;line-height:1.6;color:#1A1A1A}
.cresult{margin-top:20px;background:#F6F6F6;border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:12px}
.cresult blockquote{margin:0;font-weight:600;font-size:20px;line-height:1.4;text-wrap:pretty}
.cresult .try{font-size:15px;color:#6B6B6B;margin:0}.cresult .try a{color:#127A84;overflow-wrap:anywhere}
/* quatre onglets : lisibles sans JavaScript (les quatre blocs empilés), onglets seulement avec JS */
.tablist{display:none;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.js .tablist{display:flex}
.tab{display:inline-flex;align-items:center;height:40px;font:500 15px/1 'Schibsted Grotesk',system-ui,sans-serif;color:#1A1A1A;background:#fff;border:1px solid #DADADA;border-radius:999px;padding:0 18px;cursor:pointer;transition:background .15s,color .15s}
.tab:hover{background:#F6F6F6}.tab:active{background:#EFEFEF}
.tab[aria-selected=true]{background:#EAF5F5;color:#127A84;border-color:#EAF5F5}
.tab[aria-selected=true]:hover{background:#D5EAEA}
.tabpanel{margin-top:20px;background:#fff;border:1px solid #ECECEC;border-radius:12px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:24px}
.tabpanel h3{margin:0;font:600 20px/1.3 'Schibsted Grotesk',system-ui,sans-serif;color:#1A1A1A}
.js [data-tabs][data-ready] .tabpanel h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.js [data-tabs]:not([data-ready]) .tabpanel~.tabpanel{display:none}
.tabpanel p{margin:0;font-size:17px;line-height:1.6;color:#1A1A1A}
.tabpanel .verif{font:500 13px/1.5 'Schibsted Grotesk',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6B6B6B}
.tabpanel code{font:14px ui-monospace,Menlo,monospace;background:#F6F6F6;border-radius:6px;padding:1px 6px}
.ctafin{align-items:flex-start}
.ctafin .small a{color:#127A84}
@media (max-width:700px){.cn{padding:0 16px}.sx{padding-top:32px}.cardx,.tabpanel,.cresult{padding:20px}.cresult blockquote{font-size:19px}}

/* lobia.fr v7 (21/10/2026) : feuille de la planche validée (Main, Offre, RendezVous), reprise de leurs <style>, portée sous .v7 pour ne pas toucher
   aux pages en style en ligne (/chez-vous, /vos-suggestions, /vos-donnees, légales). Une page v7 est un seul arbre fluide (point de rupture 900 px). */
.v7{font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;color:#1A1A1A;font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased}
.v7 a{color:#127A84}.v7 a:hover{color:#0F6A73}
.v7 .wrap{max-width:1120px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.v7 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;box-sizing:border-box}
.v7 .btn-p,.v7 .btn-p:visited{background:#127A84;color:#FFFFFF}.v7 .btn-p:hover{background:#0F6A73;color:#FFFFFF}
.v7 .btn-s{background:#FFFFFF;color:#127A84;border-color:#CFE6E6}.v7 .btn-s:hover{background:#EAF5F5;color:#0F6A73}
.v7 .eyebrow{font-size:13px;font-weight:600;letter-spacing:.02em;color:#127A84}
.v7 h1{margin:0;font-size:46px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.v7 h2{margin:0;font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.015em}
.v7 h3{margin:0;font-size:18px;line-height:1.3;font-weight:600}
.v7 p{margin:0}
.v7 .muted{color:#6B6B6B}
.v7 .lead{font-size:19px;line-height:1.55}
.v7 .card{background:#FFFFFF;border:1px solid #ECECEC;border-radius:12px;box-sizing:border-box}
.v7 .soft{background:#F6F6F6;border-radius:12px}
.v7 .pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600}
.v7 .ok{background:#ECFDF3;color:#067647}.v7 .wait{background:#FFFAEB;color:#B54708}.v7 .neu{background:#F0F0F0;color:#4A4A4A}
.v7 .app{font-family:system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:13px;color:#1A1A1A}
.v7 .sep{height:1px;background:#E6E6E6}
.v7 .nav a{color:#1A1A1A;text-decoration:none;font-size:15px;font-weight:500}.v7 .nav a:hover{color:#127A84}.v7 .nav a[aria-current=page]{color:#127A84}
.v7 .nav a.btn-p,.v7 .nav a.btn-p:hover{color:#FFFFFF}
.v7 .q{font-size:19px;font-weight:600}
.v7 .ico{width:22px;height:22px;flex:none;color:#127A84}
.v7 section{scroll-margin-top:16px}
.v7 table{border-collapse:collapse;width:100%;font-size:15px}
.v7 th,.v7 td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #ECECEC;line-height:1.5}
.v7 th{font-weight:600;background:#F6F6F6}
.v7 td:first-child{color:#6B6B6B;width:26%}
.v7 label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}
.v7 input:not([type=checkbox]),.v7 select,.v7 textarea{width:100%;box-sizing:border-box;border:1px solid #DADADA;border-radius:8px;padding:12px 14px;font:inherit;font-size:15px;color:#1A1A1A;background:#FFFFFF}
.v7 input:not([type=checkbox]):hover,.v7 select:hover,.v7 textarea:hover{border-color:#BDBDBD}
.v7 input:not([type=checkbox]):focus,.v7 select:focus,.v7 textarea:focus{border-color:#127A84;box-shadow:0 0 0 3px #EAF5F5}
.v7 textarea{min-height:110px;resize:vertical}
.v7 [data-err]{display:none;font-size:13px;color:#B42318;margin-top:4px}
/* les trois pages : tailles de titre et respirations propres à chaque planche */
.v7.p-home h1{font-size:44px;line-height:1.08}   /* 44 et non 52 depuis le H1 du 25/10 (90 caractères) : quatre lignes dans la colonne du hero */
.v7.p-home h2{font-size:34px}.v7.p-home section{padding:88px 0}
.v7.p-offre section{padding:80px 0}
.v7.p-rdv h2{font-size:28px}.v7.p-rdv section{padding:72px 0}
.v7 header.top{border-bottom:1px solid #ECECEC;background:#FFFFFF}
.v7 footer.bas{border-top:1px solid #ECECEC;padding:28px 0}
/* Accueil, fenêtre de l'app du hero (23/10/2026, M-20261023-0049) : l'Accueil › Jour de l'app cliente v3 (planche 261023-accueil-client-v3/Main.dc.html), réduit. Couleurs de l'app : sarcelle #127A84, #1A1A1A, #6B6B6B, #EAF5F5, ambre #B54708. */
.v7 .app .pill{white-space:nowrap;flex:none}
.v7 .ap{padding:0;overflow:hidden;position:relative}
.v7 .ap-url{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#F6F6F6;border-bottom:1px solid #ECECEC;font-size:12px;color:#6B6B6B}
.v7 .ap-dots{display:inline-flex;gap:5px}.v7 .ap-dots i{width:9px;height:9px;border-radius:50%;background:#DADADA;display:block}
.v7 .ap-addr{flex:1;text-align:center;margin-right:36px}
.v7 .ap-bar{display:flex;align-items:center;gap:8px;padding:0 14px;height:46px;border-bottom:1px solid #ECECEC;background:#FFFFFF}
.v7 .ap-logo{height:22px;width:auto;flex:none;display:block}
.v7 .ap-tn{font-size:12px;color:#1A1A1A;padding:5px 7px;border-radius:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.v7 .ap-tn.on{background:#EAF5F5;color:#0F6A73;font-weight:600}
.v7 .ap-pt{background:#B54708;color:#FFFFFF;font-size:10px;font-weight:700;border-radius:999px;padding:0 6px;line-height:16px}
.v7 .ap-search{flex:1;min-width:64px;height:28px;line-height:28px;padding:0 10px;border:1px solid #DADADA;border-radius:8px;font-size:11px;color:#6B6B6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v7 .ap-relu{font-size:11px;color:#6B6B6B;white-space:nowrap}
.v7 .ap-av{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:700;flex:none}
.v7 .ap-main{padding:16px 16px 64px;display:flex;flex-direction:column;gap:12px}
.v7 .ap-date{font-size:11px;color:#6B6B6B;margin-bottom:2px}
.v7 .ap-hello{font-size:20px;font-weight:700;line-height:1.2}
.v7 .ap-sv{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid #ECECEC;border-radius:12px}
.v7 .ap-n{font-size:28px;font-weight:700;line-height:1;color:#127A84;white-space:nowrap;display:flex;flex-direction:column;gap:4px}
.v7 .ap-n small{font-size:11px;font-weight:500;color:#6B6B6B}
.v7 .ap-svt{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.v7 .ap-svt p{font-size:12px;line-height:1.45}
.v7 .ap-track{position:relative;height:8px;border-radius:999px;background:#ECECEC;overflow:hidden}
.v7 .ap-track i{display:block;height:100%;background:#127A84;border-radius:999px}
.v7 .ap-track em{position:absolute;top:0;width:2px;height:100%;background:#1A1A1A}
.v7 .ap-lg{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#6B6B6B}
.v7 .ap-now{border:1px solid #127A84;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#FFFFFF}
.v7 .ap-nh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#6B6B6B}
.v7 .ap-nh b{font-size:12px;color:#1A1A1A}
.v7 .ap-nh .ap-av{width:20px;height:20px;font-size:10px}
.v7 .ap-dep{margin-left:auto;color:#B54708;font-weight:600}
.v7 .ap-nt{font-size:14px;font-weight:700;line-height:1.3}
.v7 .ap-ns{font-size:12px;line-height:1.45;color:#6B6B6B}
.v7 .ap-doc{background:#F6F6F6;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5;color:#1A1A1A}
.v7 .ap-dh{font-weight:600;color:#127A84;margin-bottom:2px}
.v7 .ap-acts{display:flex;gap:6px;flex-wrap:wrap}
.v7 .ap-bt{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:8px;border:1px solid #127A84;background:#127A84;color:#FFFFFF;font-size:12px;font-weight:600;white-space:nowrap}
.v7 .ap-bt.o{background:#FFFFFF;color:#0F6A73}.v7 .ap-bt.g{background:#FFFFFF;color:#1A1A1A;border-color:#DADADA;font-weight:500}
.v7 .ap-bt.s{height:24px;padding:0 8px;font-size:11px}
.v7 .ap-mom{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6B6B6B}
.v7 .ap-jr,.v7 .ap-att{display:flex;flex-direction:column;gap:8px}
.v7 .ap-ev{display:flex;gap:10px;align-items:baseline;font-size:12px;line-height:1.45}
.v7 .ap-h{width:52px;flex:none;color:#6B6B6B;font-size:11px;white-space:nowrap}
.v7 .ap-att{border:1px solid #ECECEC;border-radius:12px;padding:12px 14px}
.v7 .ap-rr{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4}
.v7 .ap-rt{flex:1;min-width:0}
.v7 .ap-rd{background:#FEF3F2;color:#B42318}
.v7 .ap-bulle{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(0,0,0,.18);border:2px solid #FFFFFF}
@media (max-width:900px){
  .v7 h1,.v7.p-home h1{font-size:36px}.v7.p-offre h1,.v7.p-rdv h1{font-size:34px}
  .v7 h2,.v7.p-home h2{font-size:28px}.v7.p-offre h2{font-size:26px}
  .v7.p-home section{padding:56px 0}.v7.p-offre section{padding:52px 0}.v7.p-rdv section{padding:48px 0}
  .v7 .wrap{padding:0 16px}
  .v7 .g2,.v7 .g3,.v7 .g4,.v7 .g5,.v7 .hero{grid-template-columns:repeat(1,minmax(0,1fr))!important}
  .v7 header.top .wrap{height:auto;padding-top:12px;padding-bottom:12px;gap:12px}
  .v7 .nav{gap:8px 16px!important}
}
/* Accueil, écran de l'app du hero : les quatre filtres (Tout, À vous, Fait, À venir) sont des boutons ; la pastille active est sarcelle, une ligne filtrée est masquée (le style en ligne display:flex ignorerait l'attribut hidden seul). */
.v7 button.pill{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:600}
.v7 .pill.on{background:#127A84;color:#FFFFFF}
.v7 [data-journee] [hidden]{display:none!important}
/* v8 (23/10/2026) : barres de progression des trois paliers, « il ne fera pas », numéros des quatre temps (reprises de la feuille de la planche). */
.v7 .bar{height:8px;border-radius:4px;background:#F0F0F0;overflow:hidden}.v7 .bar>span{display:block;height:100%;background:#127A84;border-radius:4px}
.v7 .no{font-size:15px;font-weight:600;color:#B54708}
.v7 .num{width:36px;height:36px;border-radius:50%;background:#EAF5F5;border:0;color:#0F6A73;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none;font-size:16px}
/* fenêtre de l'app, téléphone : la recherche et « Relu » se replient, la barre garde le logo, les deux entrées et l'avatar */
@media (max-width:520px){
  .v7 .ap-search,.v7 .ap-relu{display:none}
  .v7 .ap-bar{gap:8px}.v7 .ap-tn:last-of-type{margin-right:auto}
  .v7 .ap-main{padding:14px 12px 60px}
  .v7 .ap-sv{flex-direction:column;align-items:flex-start}
  .v7.p-home h1{font-size:30px}   /* H1 du 25/10 : quatre lignes au plus à 390 px */
}


.v7 a.wm{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.1;text-decoration:none;color:#127A84}
.v7 .ap-wm{font-size:13px;font-weight:700;color:#127A84;white-space:nowrap}
/* Mise en page « magazine » des sites de Lobia et des clubs (30/10/2026), au style unique de Lobia depuis le 02/11/2026 (décision d'Erwan : une seule
   identité, celle du tableau de bord : fond blanc, gris #F6F6F6 en alternance, encre #1A1A1A, filets #ECECEC, accent #127A84, titres Figtree gras, boutons au rayon de 8 px).
   design/site-link-v9-magazine.js dessine les sections, ce fichier porte leur style ; la couleur d'accent vient de design/sites.json (la même pour tous). Point de rupture 900 px. */
.v7{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;color:#1A1A1A;background:#FFFFFF;font-size:16px}
.v7 a{color:#127A84}.v7 a:hover{color:#0F6A73}
.v7 .wrap{max-width:1160px;padding:0 48px}
.v7 h1,.v7 h2,.v7 .serif{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;color:#1A1A1A}
.v7 h1,.v7.p-home h1{font-size:48px;line-height:1.1;text-wrap:balance}
.v7 .title.long h1{font-size:38px;line-height:1.15}
.v7 h2,.v7.p-home h2,.v7.p-offre h2,.v7.p-rdv h2{font-size:34px;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.v7 h3{font-family:'Figtree',system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.3}
.v7 .eyebrow,.v7 .kicker{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#6B6B6B;line-height:1.4}
.v7 .lead{font-size:17px;line-height:1.6;color:#3A3A3A}
.v7 .muted{color:#6B6B6B}
.v7 .big{font-weight:500;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:20px;line-height:1.45;color:#3A3A3A}
.v7 .ital{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-style:normal;font-weight:600;font-size:22px;line-height:1.3;color:#1A1A1A}
.v7 .btn{border-radius:8px;font-weight:600;font-size:15px;min-height:50px;padding:0 24px;letter-spacing:.01em}
.v7 .btn-p,.v7 .btn-p:visited{background:#127A84;color:#FFFFFF}.v7 .btn-p:hover{background:#0F6A73}
.v7 .btn-s,.v7 .btn-s:visited{background:transparent;color:#1A1A1A;border-color:#1A1A1A}.v7 .btn-s:hover{background:#1A1A1A;color:#FFFFFF;border-color:#1A1A1A}
.v7 .nav a{font-size:14px;font-weight:500;color:#1A1A1A}.v7 .nav a:hover{color:#127A84}
.v7 header.top{background:#FFFFFF;border-bottom:1px solid #ECECEC}
.v7 a.wm{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.01em}
.v7 footer.bas{border-top:1px solid #ECECEC;background:#FFFFFF;padding:32px 0}
.v7 .sep{background:#ECECEC}
.v7 section,.v7.p-home section,.v7.p-offre section,.v7.p-rdv section{padding:96px 0;background:#FFFFFF}
.v7 section.white,.v7 section[style*="#F6F6F6"]{background:#F6F6F6!important}   /* les sections grises de la v7 (pages dix questions, partenaires, indice) gardent le gris Lobia */
.v7 .card{background:transparent;border:0;border-top:1px solid #1A1A1A;border-radius:0}
.v7 .soft{background:#F6F6F6;border-radius:0}
.v7 .pill{border-radius:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;height:auto;padding:4px 8px;font-weight:600}
.v7 .pill.ok{background:transparent;color:#127A84;border:1px solid #127A84}
.v7 .pill.neu{background:transparent;color:#6B6B6B;border:1px solid #ECECEC}
.v7 .q{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:1.35}
.v7 .num{background:transparent;border:0;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:34px;line-height:1;color:#127A84;width:auto;height:auto;border-radius:0;font-weight:700;min-width:48px}
.v7 table{font-size:15px}
.v7 th{font-family:'Figtree',system-ui,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B;font-weight:500;background:transparent;border-bottom:1px solid #1A1A1A;padding:0 16px 14px 0}
.v7 td{border-bottom:1px solid #ECECEC;padding:16px 16px 16px 0;color:#3A3A3A}
.v7 td:first-child{color:#1A1A1A;font-weight:600}
/* la maquette de l'app garde son dessin (classes ap-*) : une fenêtre blanche à bord fin sur le papier */
.v7 .card.ap{background:#FFFFFF;border:1px solid #ECECEC;border-radius:12px;padding:0}
.v7 .app .card{background:#FFFFFF;border:1px solid #ECECEC;border-radius:12px}
.v7 .app .pill{border-radius:999px;text-transform:none;letter-spacing:0;font-size:12px;height:22px;padding:0 8px}
.v7 .app .pill.ok{background:#ECFDF3;color:#067647;border:0}
.v7 .app h3,.v7 .ap-hello{font-family:system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}
/* les composants du modèle magazine (site-link-v9-magazine.js) */
.v7 section.cov,.v7.p-home section.cov{padding:0 0 96px}
.v7 .cover{position:relative;height:clamp(340px,56vh,620px);overflow:hidden;background:#1A1A1A}
.v7 .cover img{width:100%;height:100%;object-fit:cover;display:block}
.v7 .cover .over{position:absolute;left:0;right:0;bottom:30px;margin:0;color:#FFFFFF;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.v7 .title{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;padding-top:56px}
.v7 .title .side{display:flex;flex-direction:column;gap:20px}
.v7 .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.v7 .small{font-size:14px;line-height:1.5}
.v7 .head{display:flex;flex-direction:column;gap:18px;max-width:820px}
.v7 .head .lead{margin-top:4px}
.v7 .matin{margin-top:88px}
.v7 .matin .band{height:460px;overflow:hidden;margin-top:36px}
.v7 .matin .band img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.v7 .matin .over{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:48px;margin-top:-150px;position:relative;align-items:start;padding:0 40px}
.v7 .matin .over .txt{padding-top:176px;display:flex;flex-direction:column;gap:18px}
.v7 .matin .card.ap{box-shadow:0 18px 40px rgba(20,27,38,.22)}
.v7 .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:36px}
.v7 .two p{font-size:16px;line-height:1.65;color:#3A3A3A}
.v7 .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid #1A1A1A;padding-top:28px;margin-top:56px}
.v7 .stat b{display:block;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:40px;line-height:1;color:#127A84;white-space:nowrap}
.v7 .stat p{margin-top:10px;font-size:15px;line-height:1.45}
.v7 .stat small{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:#6B6B6B}
.v7 blockquote.mag{margin:56px 0 0;padding:32px 0 0;border-top:1px solid #ECECEC}
.v7 blockquote.mag .ital{max-width:720px}
.v7 blockquote.mag cite{display:block;margin-top:14px;font-style:normal;font-size:13px;color:#6B6B6B}
.v7 .steps{list-style:none;margin:48px 0 0;padding:0;display:flex;flex-direction:column}
.v7 .steps li.card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:baseline;padding:22px 0;border-top:1px solid #ECECEC;background:transparent}
.v7 .steps li.card:first-child{border-top-color:#1A1A1A}.v7 .steps li.card:last-child{border-bottom:1px solid #1A1A1A}
.v7 .steps .num{font-size:44px}
.v7 .steps h3{font-size:18px}.v7 .steps p{margin-top:6px;font-size:15px;line-height:1.55;color:#3A3A3A}
.v7 .who{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center;margin-top:28px;max-width:820px}
.v7 .who img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block}
.v7 .who p{font-size:15px;line-height:1.55;color:#3A3A3A}.v7 .who .nm{display:block;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:20px;color:#1A1A1A;margin-bottom:4px}
.v7 .exs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:44px;margin-top:48px}
.v7 .ex{border-top:2px solid #127A84;padding-top:18px;display:flex;flex-direction:column;gap:12px}
.v7 .ex .lab{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#127A84;font-weight:600}
.v7 .ex .quo{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-style:normal;font-weight:600;font-size:22px;line-height:1.38;margin:0}
.v7 .ex p{font-size:15px;line-height:1.55;color:#3A3A3A}
.v7 .ex .badge{align-self:flex-start}
.v7 .ask-q{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-style:normal;font-weight:600;font-size:26px;line-height:1.3;color:#127A84;margin-top:48px}
.v7 .fine{font-size:13px;line-height:1.5;color:#6B6B6B;border-top:1px solid #ECECEC;padding-top:16px;margin-top:24px}
.v7 .eng{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;margin-top:40px}
.v7 .eng>div{border-top:1px solid #ECECEC;padding-top:18px;display:flex;flex-direction:column;gap:14px}
.v7 .eng .row{display:flex;gap:16px;align-items:flex-start}
.v7 .eng .pill.ok{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:26px;color:#127A84;background:transparent;border:0;padding:0;height:auto;letter-spacing:0;text-transform:none;line-height:1;flex:none;min-width:36px;font-weight:400}
.v7 .eng p{font-size:15px;line-height:1.55;color:#3A3A3A}
.v7 .proof{border:1px solid #ECECEC;padding:16px 18px;background:#FFFFFF;display:flex;flex-direction:column;gap:8px}
.v7 .proof .eyebrow{font-size:11px}
.v7 .dark{background:#127A84;color:#FFFFFF;padding:34px 36px;margin-top:56px}
.v7 .dark .ttl{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:24px;line-height:1.2;color:#FFFFFF}
.v7 .cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.v7 .dark b{display:block;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:30px;line-height:1;color:#FFFFFF}
.v7 .dark p{margin-top:8px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}
.v7 .paper{background:#FFFFFF;padding:30px 36px;margin-top:16px}
.v7 section.white .paper{background:#FFFFFF}
.v7 .paper .ttl{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2}
.v7 .paper .lab{font-size:13px;font-weight:600;color:#127A84}
.v7 .paper p{margin-top:6px;font-size:14px;line-height:1.5;color:#3A3A3A}
.v7 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.v7 .cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v7 .cards>div{border-top:1px solid #1A1A1A;padding-top:18px;display:flex;flex-direction:column;gap:10px}
.v7 .cards .ttl{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:20px;line-height:1.2}
.v7 .cards p{font-size:15px;line-height:1.55;color:#3A3A3A}
.v7 .cards .ital{font-size:21px;color:#3A3A3A}
.v7 .cards .more{margin-top:auto;padding-top:8px}
.v7 .listes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:start}
.v7 .listes ul{margin:28px 0 0;padding:0;list-style:none}
.v7 .listes li{border-top:1px solid #ECECEC;padding:14px 0;font-size:16px;line-height:1.55;color:#3A3A3A}
.v7 .listes li:last-child{border-bottom:1px solid #ECECEC}
.v7 .price{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:stretch;margin-top:40px}
.v7 .price .main{background:#127A84;color:#FFFFFF;padding:34px 32px;display:flex;flex-direction:column;gap:10px}
.v7 .price .main .e{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.v7 .price .main .amt{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:44px;line-height:1;color:#FFFFFF}
.v7 .price .main .u{font-size:15px;color:rgba(255,255,255,.92)}
.v7 .price .main p,.v7 .price .main li{font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}
.v7 .price .main ul{margin:8px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px}
.v7 .price .cmp{display:flex;flex-direction:column;justify-content:center;gap:16px}
/* les niveaux d'adhésion (31/10/2026) : quatre cartes, le membre en avant */
.v7 .niveaux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px;align-items:stretch}
.v7 .niv{display:flex;flex-direction:column;gap:10px;padding:28px 24px;background:#FFFFFF;border-top:3px solid #127A84}
.v7 section.white .niv{background:#FFFFFF}
.v7 .niv.main{background:#127A84;color:#FFFFFF}
.v7 .niv .e{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B;font-weight:600}
.v7 .niv .amt{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:28px;line-height:1.05;color:#1A1A1A;white-space:normal}
.v7 .niv .u{font-size:14px;line-height:1.4;color:#3A3A3A}
.v7 .niv p{font-size:14px;line-height:1.55;color:#3A3A3A;margin:0}
.v7 .niv .places{margin-top:2px}
.v7 .niv .places .pill{display:inline-block;height:auto;line-height:1.5;white-space:normal;padding:4px 8px}
.v7 .niv .go{margin-top:auto;padding-top:14px}
.v7 .niv .go .btn{min-height:42px;font-size:15px;text-align:center;justify-content:center}
.v7 .niv.main .e,.v7 .niv.main .u,.v7 .niv.main p,.v7 .niv.main .amt{color:#FFFFFF}
.v7 .niv.main .e{color:rgba(255,255,255,.85)}
.v7 .niv.main .btn{background:#FFFFFF;color:#127A84;border-color:#FFFFFF}
.v7 .presence{margin-top:28px;max-width:820px}
@media (max-width:1100px){.v7 .niveaux{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.v7 .niveaux{grid-template-columns:minmax(0,1fr)}}
/* le diagnostic, porte payante mise en avant (02/11/2026, M-20261102-0039) : texte à gauche, prix et bouton à droite, au-dessus des quatre cartes */
.v7 .diag{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;margin-top:40px;padding:32px;background:#FFFFFF;border:2px solid #127A84}
.v7 section.white .diag{background:#F6FBFB}
.v7 .diag.rel{border:1px solid #CFE6E6;padding:24px 32px}
.v7 .diag.rel+.diag{margin-top:20px}
.v7 .niv .offre{padding-top:10px;border-top:1px solid #CFE6E6;font-weight:600}
.v7 .diag .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#127A84;font-weight:700;margin:0}
.v7 .diag .ttl{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:24px;line-height:1.2;font-weight:700;margin:8px 0}
.v7 .diag p{font-size:16px;line-height:1.55;color:#3A3A3A;margin:0 0 8px}
.v7 .diag ul{margin:12px 0 0;padding-left:20px}
.v7 .diag li{font-size:15px;line-height:1.5;color:#3A3A3A;margin:4px 0}
.v7 .diag .dg-p{display:flex;flex-direction:column;gap:6px;padding-left:28px;border-left:1px solid #CFE6E6}
.v7 .diag .amt{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:32px;line-height:1.05;font-weight:700;color:#1A1A1A;white-space:nowrap;margin:0}
.v7 .diag .u{font-size:15px;font-weight:600;color:#127A84}
.v7 .diag .go{margin:8px 0}
.v7 .diag .fine{font-size:13px;color:#6B6B6B}
@media (max-width:860px){.v7 .diag{grid-template-columns:minmax(0,1fr);padding:24px 20px}.v7 .diag .dg-p{padding-left:0;border-left:0;border-top:1px solid #CFE6E6;padding-top:16px}}
.v7 .alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px;font-size:14px;line-height:1.55;color:#3A3A3A}
.v7 .alt b{color:#1A1A1A;display:block;font-weight:600}
.v7 .alt .pill{margin-left:8px;vertical-align:middle}
.v7 .entree{background:#F6F6F6;padding:28px 32px;margin-top:40px;display:flex;flex-direction:column;gap:8px;max-width:920px}
.v7 section.white .entree{background:#F6F6F6}
.v7 .entree .ttl{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:22px;line-height:1.2}
.v7 .entree p{font-size:16px;line-height:1.55;color:#3A3A3A}
.v7 .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin-top:48px}
.v7 .faq>div{border-top:1px solid #ECECEC;padding-top:18px;display:flex;flex-direction:column;gap:12px}
.v7 .faq p{font-size:15px;line-height:1.6;color:#3A3A3A}
.v7 .ask{border-top:1px solid #1A1A1A;padding-top:40px}
.v7 .ask .qq{font-weight:700;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:34px;line-height:1.1;color:#127A84;text-wrap:balance}
.v7 .ask .ii{font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-style:normal;font-weight:600;font-size:22px;line-height:1.3;margin-top:14px}
.v7 .ask .row3{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr);gap:40px;align-items:center;margin-top:36px}
.v7 .ask .row3 p{font-size:15px;line-height:1.55;color:#3A3A3A}
.v7 .contact{display:flex;gap:14px;align-items:center;font-size:14px;line-height:1.55}
.v7 .contact img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.v7 .contact .nm{display:block;font-family:'Figtree',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:18px;color:#1A1A1A}
.v7 .contact a{color:#1A1A1A}
.v7 .bande{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;border-top:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;padding:40px 0}
.v7 .bande h2{font-size:34px}.v7 .bande p{font-size:16px;line-height:1.55;color:#3A3A3A;margin-top:12px}
.v7 .bande .ctas{justify-content:flex-end}
.v7 .plaq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.v7 .plaq h2{font-size:34px}.v7 .plaq p{font-size:16px;line-height:1.55;color:#3A3A3A;margin-top:12px}
.v7 .qui{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;align-items:center;margin-top:40px;max-width:900px}
.v7 .qui img{width:140px;height:140px;border-radius:50%;object-fit:cover;display:block}
.v7 .qui p{font-size:16px;line-height:1.6;color:#3A3A3A}
/* titres de composants : gras comme les titres du tableau de bord (Figtree, plus de Bodoni) */
.v7 .stat b,.v7 .dark .ttl,.v7 .dark b,.v7 .paper .ttl,.v7 .cards .ttl,.v7 .entree .ttl,.v7 .price .main .amt,.v7 .niv .amt,.v7 .who .nm,.v7 .contact .nm,.v7 .eng .pill.ok,.v7 .ex .ttl,.v7 .bande h2,.v7 .plaq h2{font-weight:700}
@media (max-width:900px){
  .v7 .wrap{padding:0 20px}
  .v7 h1,.v7.p-home h1{font-size:32px}
  .v7 .title.long h1{font-size:28px}
  .v7 h2,.v7.p-home h2,.v7.p-offre h2,.v7.p-rdv h2,.v7 .bande h2,.v7 .plaq h2{font-size:26px}
  .v7 section,.v7.p-home section,.v7.p-offre section,.v7.p-rdv section{padding:56px 0}
  .v7 section.cov,.v7.p-home section.cov{padding:0 0 56px}
  .v7 .cover{height:300px}.v7 .cover .over{bottom:16px}
  .v7 .title{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:32px}
  .v7 .big{font-size:18px}.v7 .ital{font-size:20px}
  .v7 .matin{margin-top:56px}.v7 .matin .band{height:220px;margin-top:24px}
  .v7 .matin .over{grid-template-columns:minmax(0,1fr);margin-top:-40px;padding:0;gap:28px}.v7 .matin .over .txt{padding-top:0}
  .v7 .two,.v7 .stats,.v7 .exs,.v7 .eng,.v7 .cols3,.v7 .cards,.v7 .cards.c2,.v7 .listes,.v7 .price,.v7 .alt,.v7 .faq,.v7 .bande,.v7 .plaq{grid-template-columns:minmax(0,1fr)}
  .v7 .stats{gap:24px}.v7 .stat b{font-size:34px}
  .v7 .steps li.card{grid-template-columns:56px minmax(0,1fr);gap:14px}.v7 .steps .num{font-size:28px}
  .v7 .ask .qq{font-size:26px}.v7 .ask .row3{grid-template-columns:minmax(0,1fr);gap:24px}
  .v7 .bande .ctas{justify-content:flex-start}
  .v7 .dark,.v7 .paper,.v7 .entree,.v7 .price .main{padding:24px 20px}
  .v7 .qui{grid-template-columns:minmax(0,1fr)}.v7 .who{grid-template-columns:72px minmax(0,1fr)}.v7 .who img{width:72px;height:72px}
}

/* pièces légales des clubs (design/legal/render.mjs, 31/10/2026) : une colonne de lecture, le brouillon signalé */
.v7 article.legal{max-width:760px}
.v7 article.legal .intro{color:#555}
.v7 article.legal .brouillon{background:#FFF4D6;border:1px solid #E8CF86;padding:10px 14px;border-radius:6px}

/* lp-table : sur téléphone, le tableau défile dans son cadre au lieu d'écraser ses colonnes */
@media (max-width:760px){.v7 table{min-width:640px}}
/* sur téléphone : l'en-tête tient sur ses lignes, le rendez-vous passe sur une colonne */
@media (max-width:760px){
  .v7 header.top .wrap{height:auto!important;padding-block:12px;gap:10px 16px!important}
  .v7 header.top .nav{gap:8px 16px!important}
  .v7 .g2{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .v7 main>section{padding-left:0!important;padding-right:0!important}
  .v7 td,.v7 th{min-width:150px}
  .p-rdv input,.p-rdv select,.p-rdv textarea{max-width:100%;min-width:0;width:100%;box-sizing:border-box}
  main article.legal{padding:0}
}