de 20 px) était centré par le flex. Il faut centrer le contenu À L'INTÉRIEUR de chaque cible, pas seulement la cible. */ .top-nav{align-items:center!important} .top-nav a,.top-nav-axes,.axes-trigger{ display:inline-flex!important;align-items:center!important;min-height:44px!important} .top-nav-axes{position:relative} .axes-trigger{line-height:1!important;padding:0!important} /* ── b. le lien du programme : un or pâle sur pierre claire ne se lit pas ── */ .programme-lien-semaine{margin:6px 0 0!important} .programme-lien-semaine a{color:#6b4d0c!important;font-size:17px!important;font-weight:600!important; text-decoration:none;border-bottom:1px solid rgba(122,88,16,.4);padding-bottom:2px} .programme-lien-semaine a:hover{color:#4f3607!important;border-bottom-color:#8B6914} /* ── c. LES FICHES PROFESSEURS : même or que le titre, plus grandes, plus larges ── Maha : « Maha Giri doit être de la même couleur que "Les Professeurs", c'est écrit trop petit, et regarde l'espace qu'il y a à droite et à gauche ». */ .tree,.tree-level-1,.tree-level-2,.tree-level-3{max-width:none!important;width:100%!important} .node,.node-leaf,.node-root,.node-founder,.node-director,.node-teacher,article[class*="node"]{ max-width:min(760px,92vw)!important;width:100%!important;padding:38px 44px 34px!important} .name{ background:var(--gg)!important;-webkit-background-clip:text!important;background-clip:text!important; color:transparent!important;-webkit-text-fill-color:transparent!important; font-size:clamp(38px,3.4vw,52px)!important;line-height:1.14!important; filter:drop-shadow(0 1px 1px rgba(60,40,4,.3))!important;text-shadow:none!important} .eyebrow{font-size:16px!important;letter-spacing:.26em!important;color:#6b4d0c!important;font-weight:600!important} .desc{font-size:20px!important;line-height:1.72!important;color:#2f1d05!important; max-width:56ch!important;margin-left:auto!important;margin-right:auto!important} .link{font-size:16px!important;letter-spacing:.14em!important} .portrait{width:132px!important;height:132px!important} @media(max-width:760px){ .node,article[class*="node"]{padding:26px 20px 24px!important} .name{font-size:clamp(30px,7vw,38px)!important} .desc{font-size:18px!important} } /* ═══════════════════════════════════════════════════════════════════════════ 20. LE PLANCHER GÉNÉRAL — 15 px, partout, sans exception L'audit page par page (19/08) a trouvé des restes à 11-13 px que les règles par classe rataient : fils d'Ariane, boutons « ← Retour », rôles des professeurs, nom de la marque. ⛔ CORRIGÉ le 19/08 : le plancher CSS `max(15px,1em)` RÉDUISAIT les titres (1em = la taille du PARENT, pas la sienne). Le plancher est désormais posé par un script, élément par élément. ⛔ L'écran de Maha TV est exclu : son habillage vit sur la vidéo. ═══════════════════════════════════════════════════════════════════════════ */ /* les fils d'Ariane et les retours : lisibles, pas des murmures */ .top-back,.crumbs,.breadcrumb,.fil,.page-crumbs,[class*="crumb"],[class*="retour"],[class*="back"]{ font-size:15px!important;color:#4a3320!important} .top-brand span,.brand-text,.tv-brand span{font-size:17px!important} /* le rôle d'un professeur, sous son nom */ .role,.prof-role,.metier,.specialite,[class*="-role"],[class*="-sub"]{ font-size:16px!important;color:#4a3320!important} /* un nom très long ne doit pas déborder de sa fiche */ .name{font-size:clamp(32px,3vw,46px)!important;word-break:normal;hyphens:auto} /* ═══════════════════════════════════════════════════════════════════════════ 21. LE FILET D'ENCRE — plus personne n'écrit en clair sur la pierre Le filet du serveur (luminance) ne voit que les