/* Direction 1 : « Les 18 onglets ». Feuille commune des pages refaites (accueil, Organisation, Système de revenus, Réserver).
   Les pages de concept de la piste 1 ont leur copie figée dans concept/. */
*,*::before,*::after{box-sizing:border-box}
button{font-family:inherit;font-size:inherit}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hauteur-nav) + var(--e-4))}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--police);font-size:var(--t-base);line-height:var(--interligne);font-variation-settings:"opsz" 16;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{margin:0;color:var(--titre);font-weight:800;letter-spacing:var(--approche-titre);line-height:var(--interligne-titre);font-variation-settings:"opsz" 96;text-wrap:balance}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}
.visuellement-cache{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.evitement{position:absolute;left:var(--e-4);top:-200px;z-index:100;padding:var(--e-3) var(--e-4);background:var(--creme);color:var(--nuit);border-radius:var(--rayon-onglet)}
.evitement:focus{top:var(--e-3)}
.insecable{white-space:nowrap}
.conteneur{width:100%;max-width:var(--largeur-max);margin:0 auto;padding:0 var(--e-4)}
@media(min-width:768px){.conteneur{padding:0 var(--e-6)}}
.fichier{font-family:var(--police-fichier);font-size:var(--t-xs);letter-spacing:.02em}
.etiquette{font-family:var(--police-fichier);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--encre-douce)}

/* Le bandeau rouge penché : la signature de Lilian */
.bande{display:inline-block;white-space:nowrap;background:var(--rouge);color:var(--sur-action);padding:0 .14em .04em;margin:0 .04em;transform:rotate(-2.2deg);border-radius:2px}
.scene-surface .bande{color:var(--creme)}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);min-height:52px;padding:var(--e-3) var(--e-6);border:2px solid transparent;border-radius:var(--pilule);font-family:var(--police);font-size:var(--t-base);font-weight:800;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}
.btn-action{background:var(--action);color:var(--sur-action);transition:background-color var(--duree-action) var(--courbe),transform var(--duree-action) var(--courbe)}
.btn-action:hover{background:var(--rouge-vif)}
.btn-action:active{transform:scale(.97)}
/* Bouton à message positif ("Libérer du temps") : vert, décision de Lilian du 29/09/2026. Crème sur vert foncé sur fond clair, nuit sur vert moyen sur la scène */
.btn-positif{background:var(--positif);color:var(--sur-positif)}
.btn-positif:hover{background:var(--positif-survol)}
.scene-surface .btn-positif{background:var(--positif-scene);color:var(--sur-positif-scene)}
.scene-surface .btn-positif:hover{background:var(--positif-scene-survol)}
.btn-contour{background:transparent;color:inherit;border-color:currentColor;transition:background-color var(--duree-secondaire) var(--courbe)}
.btn-contour:hover{background:rgb(var(--sur-scene-rvb) / .12)}
.lien{display:inline-flex;align-items:center;gap:var(--e-2);min-height:44px;font-weight:800;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--rouge)}
.lien span{transition:transform var(--duree-secondaire) var(--courbe)}
.lien:hover span{transform:translateX(4px)}

/* Surfaces de scène : aubergine très sombre en thème clair, lilas en thème sombre (jetons de tokens.css) */
.scene-surface{background:var(--scene);color:var(--sur-scene)}
.scene-surface h1,.scene-surface h2,.scene-surface h3{color:var(--sur-scene)}
.scene-surface .etiquette{color:var(--sur-scene-doux)}
.scene-surface :focus-visible{outline-color:var(--focus-scene)}

/* Navigation */
.nav{position:sticky;top:0;z-index:60;border-bottom:1px solid rgb(var(--sur-scene-rvb) / .1);margin-bottom:calc(-1 * var(--hauteur-nav) - 1px)}
/* Menu incolore (demande de Lilian du 30/09/2026) : aucune teinte, la section survolée se voit à travers, floutée, et le menu
   ne jure sur aucune couleur. onglets.js pose data-sous="sombre" ou "clair" selon la section survolée : texte crème ou
   aubergine foncée. Le flou vit sur ::before, jamais sur l'en-tête (il y rendrait le menu mobile, en position fixe,
   prisonnier des 68 px de l'en-tête). Sans JavaScript, menu ouvert, ou navigateur sans flou : fond plein. */
.nav.scene-surface{background:transparent}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html:not(.js) .nav::before,.nav:has(#menu:not([hidden]))::before{background:var(--scene)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav::before{background:var(--sous,var(--scene))}}
.nav[data-sous="sombre"]{border-bottom-color:rgb(250 248 245 / .12)}
.nav[data-sous="sombre"] .nav-in{--sur-scene:var(--creme);--sur-scene-rvb:250 248 245;--point-marque:var(--rouge);--focus-scene:var(--lilas);color:var(--sur-scene)}
.nav[data-sous="clair"]{border-bottom-color:rgb(32 10 29 / .12)}
.nav[data-sous="clair"] .nav-in{--sur-scene:var(--nuit);--sur-scene-rvb:32 10 29;--point-marque:#C2200A;--focus-scene:var(--aubergine);color:var(--sur-scene)}
#contenu>.hero:first-child{border-top:calc(var(--hauteur-nav) + 1px) solid transparent} /* le premier écran passe sous le menu */
.nav-in{display:flex;align-items:center;gap:var(--e-3);min-height:var(--hauteur-nav)}
.marque{display:inline-flex;align-items:center;gap:var(--e-2);min-height:44px;text-decoration:none;color:var(--sur-scene);font-weight:800;font-size:var(--t-sm);line-height:1.05;letter-spacing:-.01em;flex-shrink:0}
/* Logo v2 (30/09/2026) : bandeau rouge penché, signe nuit droit, point hors du bandeau. Le point prend sa valeur selon
   le fond : vif sur fond sombre, foncé sur fond clair (jamais le rouge vif sur le clair, 3,62:1). */
.marque svg{width:34px;height:28px;flex-shrink:0}
.marque-bandeau{fill:var(--rouge)}
.marque-signe{stroke:var(--nuit)}
.marque-point{fill:var(--point-marque)}
.marque-nom span{display:block}
.nav-liens{display:none;margin-left:auto}
.nav-liens a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--e-3);border-radius:var(--pilule);text-decoration:none;font-weight:600;font-size:var(--t-sm);color:var(--sur-scene);transition:background-color var(--duree-secondaire) var(--courbe)}
.nav-liens a:hover{background:rgb(var(--sur-scene-rvb) / .12)}
.nav-droite{display:flex;align-items:center;gap:var(--e-2);margin-left:auto}
.bouton-icone{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sur-scene);cursor:pointer;transition:background-color var(--duree-secondaire) var(--courbe)}
.bouton-icone:hover{background:rgb(var(--sur-scene-rvb) / .12)}
.bouton-icone svg,.menu-theme svg{width:20px;height:20px}
.theme-soleil{display:none}
[data-theme="dark"] .theme-lune{display:none}
[data-theme="dark"] .theme-soleil{display:block}
.nav-droite .bouton-theme{display:none}
.btn-nav{min-height:44px;padding:var(--e-2) var(--e-4);font-size:var(--t-sm);gap:0}
.btn-nav .long{display:none}
.menu{position:fixed;inset:var(--hauteur-nav) 0 0 0;z-index:59;background:var(--scene);padding:var(--e-5) var(--e-4) var(--e-7);overflow:auto}
.menu[hidden]{display:none}
.menu a,.menu-theme{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:0;border:0;border-bottom:1px solid rgb(var(--sur-scene-rvb) / .14);background:transparent;text-decoration:none;font-size:var(--t-lg);font-weight:800;color:var(--sur-scene);cursor:pointer}
.menu a .fichier{color:var(--sur-scene-doux);font-weight:400}
.menu-theme{font-size:var(--t-base);font-weight:600}
.menu .btn{margin-top:var(--e-6);justify-content:center;border-bottom:0;font-size:var(--t-base);color:var(--sur-action)}
@media(min-width:560px){.marque{font-size:var(--t-base)}.marque-nom span{display:inline}}
@media(min-width:700px){.btn-nav .long{display:inline}}
@media(min-width:1024px){.nav-liens{display:flex}.nav-droite{margin-left:var(--e-2)}.nav-droite .bouton-theme{display:inline-flex}.menu-bouton{display:none}}

/* ===== Premier écran : les 18 onglets ===== */
.hero{position:relative;overflow:hidden;padding-bottom:var(--e-6)}
.hero-grille{display:grid}
.scene{position:relative;order:-1;height:290px;margin:0 calc(var(--e-4) * -1)}
.scene-portrait{position:absolute;left:50%;bottom:0;height:86%;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.onglet{position:absolute;left:var(--x);top:var(--y);width:44%;max-width:232px;border-radius:var(--rayon-onglet);background:var(--creme);color:var(--nuit);box-shadow:var(--ombre-onglet);transform:rotate(var(--r));font-size:var(--t-2xs);cursor:pointer;user-select:none;padding:0;border:0;text-align:left}
.onglet-barre{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid rgba(32,10,29,.1);border-radius:var(--rayon-onglet) var(--rayon-onglet) 0 0;background:#EFE8E0}
.onglet-barre i{flex-shrink:0;width:10px;height:10px;border-radius:3px;background:var(--c)}
.onglet-barre b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--police-fichier);font-weight:700;font-size:var(--t-2xs)}
.onglet-barre s{flex-shrink:0;text-decoration:none;font-family:var(--police-fichier);opacity:.55}
.onglet-corps{display:block;padding:7px 9px 9px;font-weight:600;line-height:1.25}
.onglet-coche{position:absolute;right:-8px;top:-10px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--pilule);background:var(--vert);color:var(--creme);font-family:var(--police-fichier);font-size:10px;font-weight:700;opacity:0;transform:scale(.6)}
html:not(.js) .onglet{display:none}
.js .onglet{opacity:0;transform:rotate(var(--r)) scale(.7) translateY(12px);transition:opacity 260ms var(--courbe),transform 420ms var(--courbe-ressort)}
.js .onglet.ouvert{opacity:1;transform:rotate(var(--r)) scale(1) translateY(0)}
.js .onglet.coche .onglet-coche{opacity:1;transform:scale(1);transition:opacity 160ms var(--courbe),transform 260ms var(--courbe-ressort)}
.js .onglet.ferme{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(calc(var(--r) * 4)) scale(.35);transition:opacity 420ms var(--courbe-envol),transform 520ms var(--courbe-envol);pointer-events:none}
.js .onglet.ouvert:hover{transform:rotate(0deg) scale(1.04);z-index:5}
.statut{position:absolute;left:var(--e-4);top:var(--e-3);z-index:6;display:inline-flex;align-items:center;gap:var(--e-2);padding:6px var(--e-3);border-radius:var(--pilule);background:var(--pilule-scene);color:var(--creme);font-family:var(--police-fichier);font-size:var(--t-xs)}
.statut i{width:9px;height:9px;border-radius:50%;background:var(--rouge);box-shadow:0 0 0 3px rgba(239,74,47,.25)}
.statut.fini i{background:var(--vert-moyen);box-shadow:0 0 0 3px rgba(184,212,154,.25)}
.bulle{position:absolute;left:var(--e-4);bottom:var(--e-3);z-index:6;max-width:13rem;padding:var(--e-3) var(--e-4);border-radius:18px 18px 4px 18px;background:var(--creme);color:var(--nuit);font-weight:700;font-size:var(--t-sm);line-height:1.3;box-shadow:var(--ombre-onglet)}
.js .bulle{opacity:0;transform:translateY(8px) scale(.9);transition:opacity 300ms var(--courbe),transform 420ms var(--courbe-ressort)}
.js .scene.fini .bulle{opacity:1;transform:none}

.hero-texte{position:relative;z-index:2;padding-top:var(--e-5);min-width:0}
.hero-texte .etiquette{margin-bottom:var(--e-4)}
.hero h1{font-size:var(--t-hero)}
.hero-sous{margin-top:var(--e-4);font-size:var(--t-base);line-height:1.5;max-width:34ch}
.hero-actions{display:flex;flex-direction:column;gap:var(--e-3);margin-top:var(--e-5)}
.promesses{display:grid;gap:var(--e-2);margin-top:var(--e-5)}
.promesses li{position:relative;padding-left:var(--e-6);font-size:var(--t-sm);color:var(--sur-scene-doux)}
.promesses li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:5px;background:var(--ok-scene);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 4a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4Zm4.5 5.2 3 3 6-6.4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 4a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4Zm4.5 5.2 3 3 6-6.4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(min-width:560px){.hero-actions{flex-direction:row;flex-wrap:wrap}.scene{height:420px}.onglet{font-size:var(--t-xs)}.hero-sous{font-size:var(--t-md)}}
@media(min-width:1024px){
  .hero{padding-bottom:0}
  .hero-grille{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--e-6);min-height:calc(100vh - var(--hauteur-nav));max-height:900px}
  .hero-texte{padding:var(--e-9) 0 var(--e-8);align-self:center}
  .scene{order:0;height:auto;min-height:620px;margin:0}
  .onglet{width:38%}
  .onglet-barre b{font-size:var(--t-xs)}
  .onglet-corps{font-size:var(--t-sm)}
  .bulle{left:auto;right:4%;bottom:38%}
  .statut{left:0;top:var(--e-6)}
}

/* ===== Sections ===== */
.section{padding:var(--e-8) 0}
.section-tete{display:grid;gap:var(--e-3);margin-bottom:var(--e-7);max-width:880px}
.section-tete h2{font-size:var(--t-2xl)}
.section-intro{font-size:var(--t-md);color:var(--encre-douce);max-width:50ch}
@media(min-width:1024px){.section{padding:var(--e-9) 0}}

/* Les fenêtres */
.fenetre{position:relative;display:flex;flex-direction:column;border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:var(--ombre-fenetre),inset 0 0 0 1px var(--filet);overflow:hidden}
.fenetre-barre{display:flex;align-items:center;gap:var(--e-2);min-height:40px;padding:0 var(--e-4);background:var(--fond-2);border-bottom:1px solid var(--filet)}
.fenetre-barre i{width:12px;height:12px;border-radius:4px;background:var(--c,var(--aubergine));flex-shrink:0}
.fenetre-barre .fichier{flex:1;color:var(--encre-douce)}
.fenetre-corps{display:grid;gap:var(--e-3);padding:var(--e-5);align-content:start;flex:1}

/* Services */
.services{display:grid;gap:var(--e-5)}
.service{transition:transform var(--duree-secondaire) var(--courbe)}
.service:hover{transform:translateY(-4px) rotate(-.4deg)}
.service-citation{font-size:var(--t-lg);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--encre)}
.service h3{font-size:var(--t-md);line-height:1.25;letter-spacing:-.015em}
.service h3 a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
.service h3 a::after{content:"";position:absolute;inset:0}
.service p:not(.service-citation){color:var(--encre-douce)}
.service .suite{display:inline-flex;gap:var(--e-2);font-weight:800;font-size:var(--t-sm);color:var(--encre);text-decoration:underline;text-decoration-color:var(--rouge);text-decoration-thickness:2px;text-underline-offset:4px}
.service a:focus-visible{outline:none}
.service:has(a:focus-visible){outline:2px solid var(--focus);outline-offset:4px}
@media(min-width:900px){.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-6)}}

/* Témoignages */
.temoins{display:grid;gap:var(--e-5);margin-top:var(--e-8)}
.temoin{display:grid;gap:var(--e-3);padding:var(--e-5);border-radius:var(--rayon-fenetre);background:rgb(var(--sur-scene-rvb) / .06);box-shadow:inset 0 0 0 1px rgb(var(--sur-scene-rvb) / .14)}
.temoin blockquote{font-size:var(--t-md);line-height:1.45;font-weight:600}
.temoin figcaption{font-size:var(--t-sm);color:var(--sur-scene-doux)}
.temoin figcaption b{color:var(--sur-scene)}
@media(min-width:900px){.temoins{grid-template-columns:1fr 1fr}}

/* Méthode : l'installation */
.install{display:grid;gap:var(--e-4)}
.install-barre{position:relative;height:14px;border-radius:var(--pilule);background:var(--fond-2);box-shadow:inset 0 0 0 1px var(--filet);overflow:hidden}
.install-barre i{position:absolute;inset:0 auto 0 0;width:100%;border-radius:var(--pilule);background:repeating-linear-gradient(-45deg,var(--rouge) 0 12px,var(--rouge-vif) 12px 24px);transform-origin:left;transform:scaleX(var(--p,1))}
.js .install-barre i{transform:scaleX(0);transition:transform 1600ms var(--courbe)}
.js .install.lance .install-barre i{transform:scaleX(1)}
.install-etat{display:flex;justify-content:space-between;gap:var(--e-3);font-family:var(--police-fichier);font-size:var(--t-xs);color:var(--encre-douce)}
.etapes{display:grid;gap:var(--e-4);margin-top:var(--e-4)}
.etape{padding:var(--e-5);border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet)}
.etape .fichier{color:var(--encre-douce)}
.etape h3{font-size:var(--t-lg);margin:var(--e-2) 0}
.etape p{color:var(--encre-douce)}
.puce{display:inline-flex;margin-top:var(--e-3);padding:4px var(--e-3);border-radius:var(--pilule);font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700}
.puce--gratuit{background:var(--vert-pale);color:var(--vert)}
.equipe{margin-top:var(--e-6);display:grid;grid-template-columns:auto 1fr;gap:var(--e-4);align-items:center;max-width:760px;font-size:var(--t-md);line-height:1.5}
.equipe img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--aubergine)}
@media(min-width:900px){.etapes{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Cas clients */
.cas-logo{display:block;width:120px;height:30px;background:var(--logo) left center/contain no-repeat;filter:grayscale(1) contrast(1.1);opacity:.7} /* comme les logos des références : noir et blanc nuancé */
[data-theme="dark"] .cas-logo{filter:grayscale(1) invert(1) contrast(1.1)} /* sur la fenêtre sombre, le gris foncé passe en gris clair */
.cas-avant,.cas-apres{display:grid;gap:6px;font-size:var(--t-sm);line-height:1.4}
.cas-avant li{position:relative;padding-left:22px;color:var(--encre-douce);text-decoration:line-through;text-decoration-color:rgba(239,74,47,.6);text-decoration-thickness:1px} /* trait fin : le texte barré doit rester lisible (retour de Lilian du 29/09) */
.cas-avant li::before{content:"×";position:absolute;left:0;top:-1px;font-family:var(--police-fichier);font-weight:700;color:var(--rouge);text-decoration:none}
.cas-apres li{position:relative;padding-left:22px;font-weight:600}
.cas-apres li::before{content:"✓";position:absolute;left:0;top:-1px;font-family:var(--police-fichier);font-weight:700;color:var(--ok)}
.cas-apres b{font-weight:800}

/* Références : des onglets épinglés */
.epingles{display:grid;gap:var(--e-6)}
.epingles h3{font-family:var(--police-fichier);font-size:var(--t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-douce);margin-bottom:var(--e-3)}
.epingles ul{display:flex;flex-wrap:wrap;gap:var(--e-2)}
.epingles li{display:inline-flex;align-items:center;height:56px;padding:0 var(--e-4);border-radius:var(--rayon-onglet) var(--rayon-onglet) 4px 4px;background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet),0 3px 0 var(--filet)}
.logo{display:block;width:112px;height:26px;background:var(--logo) center/contain no-repeat;filter:grayscale(1) contrast(1.1)} /* noir et blanc qui garde les nuances du logo (retour de Lilian du 29/09) */
[data-theme="dark"] .epingles li{background:var(--creme);box-shadow:0 3px 0 rgba(250,248,245,.2)} /* un logo gris ne se lit que sur fond clair */
.logo--haut{width:60px;height:34px}

/* Parcours */
.parcours{display:grid;gap:var(--e-7);align-items:center}
.parcours-texte{display:grid;gap:var(--e-5)}
.parcours-texte h2{font-size:var(--t-2xl)}
.parcours-texte > p:not(.etiquette){font-size:var(--t-md);line-height:1.55;max-width:46ch}
.points{display:grid;gap:var(--e-2)}
.points li{display:flex;gap:var(--e-3);align-items:baseline;padding:var(--e-3) var(--e-4);border-radius:var(--rayon-fenetre);background:var(--fenetre);box-shadow:inset 0 0 0 1px var(--filet);font-weight:700}
.points li .fichier{color:var(--rouge-texte);font-weight:700}
.parcours-actions{display:flex;flex-wrap:wrap;gap:var(--e-3) var(--e-5);align-items:center}
@media(min-width:1024px){.parcours{grid-template-columns:5fr 7fr;gap:var(--e-9)}}

/* Contact */
.contact{padding:var(--e-9) 0 var(--e-8)}
.contact-grille{display:grid;gap:var(--e-7);align-items:center}
.contact h2{font-size:var(--t-2xl)}
.contact-texte > p:not(.etiquette){margin-top:var(--e-5);font-size:var(--t-md);line-height:1.55;max-width:44ch}
.contact-texte .etiquette{margin-bottom:var(--e-4)}
.rdv{color:var(--encre)}
.rdv .fenetre-corps{gap:var(--e-4)}
.rdv-qui{display:flex;align-items:center;gap:var(--e-3)}
.rdv-qui img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--aubergine)}
.rdv-qui p{font-weight:800;line-height:1.25}
.rdv-qui span{display:block;font-weight:500;font-size:var(--t-sm);color:var(--encre-douce)}
.rdv ul{display:grid;gap:var(--e-2);font-size:var(--t-sm)}
.rdv ul li::before{content:"✓ ";font-family:var(--police-fichier);font-weight:700;color:var(--ok)}
.rdv .btn{width:100%}
.mail{font-size:var(--t-sm);color:var(--encre-douce)}
.mail a{color:var(--encre);text-underline-offset:3px}
.scene-surface .lien{color:var(--sur-scene)}
@media(min-width:1024px){.contact-grille{grid-template-columns:7fr 5fr;gap:var(--e-9)}}

/* Pied */
.pied{padding:var(--e-6) 0 var(--e-7);border-top:1px solid rgb(var(--sur-scene-rvb) / .12);font-size:var(--t-sm)}
.pied-in{display:grid;gap:var(--e-3)}
.pied ul{display:flex;flex-wrap:wrap;gap:0 var(--e-4)}
.pied a{display:inline-flex;align-items:center;min-height:44px;color:var(--sur-scene-doux);text-underline-offset:3px}
.pied a:hover{color:var(--sur-scene)}
.pied p{color:var(--sur-scene-doux)}
.reseaux{display:flex;gap:var(--e-1)}
.reseaux a{width:44px;justify-content:center}
.reseaux svg{width:20px;height:20px}
@media(min-width:1024px){.pied-in{grid-template-columns:1fr auto auto;align-items:center;gap:var(--e-6)}}

/* Bascule de thème en fondu : onglets.js pose .theme-anim pendant 450 ms (demande de Lilian du 30/09/2026) */
.theme-anim,.theme-anim *,.theme-anim *::before,.theme-anim *::after{transition:background-color 400ms var(--courbe),color 400ms var(--courbe),border-color 400ms var(--courbe),fill 400ms var(--courbe),stroke 400ms var(--courbe),box-shadow 400ms var(--courbe),filter 400ms var(--courbe)!important}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
}