/* Lisibilité : aucun texte sous 12 px, en mode clair comme en mode sombre (audit du 11/10/2026, validé par Romain).
   Fichier autonome chargé en dernier : retirer sa ligne <link> des pages = retour exact à l'état précédent. */
#a11y-panel button,
#a11y-panel h4,
#deux-mondes .dmD-head span.dm-eb,
#f #msg-lab span,
#f .row label > span,
#f .row span > em,
#f .vp27-coord label > span,
#f .vp27-coord span > em,
#f .vp27-etape span,
#f .vp27-fichier span.vp27-fichier-b,
#f .vp27-jauge-l span,
#hero .hc-meta span.hc-lab,
#hero .scrollhint span,
#ixliste .ix-item a > span.an,
#ixliste .ix-item a > span.j,
#metiers .wrap span.eyebrow,
#mmenu button.mtheme,
#nav .wrap li > a.cta,
#nav .wrap li > a.lang,
#rse .wrap div > span.eyebrow,
#sobre .wrap p.rse27-livenote,
.ag28-hero .wrap span.eyebrow.ag28-centre,
.ag28-nom .m small,
.ag28-nom .m.g small,
.ag28-row .k span.ag28-mono,
.ag28-row .v span.ag28-mono,
.bigfoot .wrap p.fcerts,
.d27-tgrid .d27-tpin span.eyebrow,
.dmD-card .dm-go span,
.dmD-card .dm-tags li,
.dmD-card .dmD-fig span.dm-eb,
.drE-in .drE-t span.drE-eb,
.drE-t .drE-rep.drE-rv li > span,
.fbase .legal a,
.fgrid .fcol li > a,
.fgrid .fcol p.fh4,
.fmap .city span,
.fmap .city.small.wleft span,
.pcA-side .pc-head span.pc-eb,
.rea28-bento .pA figcaption,
.rea28-bento .pB figcaption,
.rea28-bento .pC figcaption,
.rea28-bento .pD figcaption,
.rea28-bento .pE figcaption,
.rea28-bento .tuile span,
.rea28-bento .tuile.amb span,
.rea28-etape .rea28-meta div > span.k,
.rea28-etape .rea28-temps div > i,
.rea28-etapes .rea28-etape div.rea28-n,
.rea28-rail .pn div > span,
.rse27-lwrap .rse27-lgrid article > span.n,
.rse27-rgrid .rse27-etapes li > span.d,
.rse27-row .k span.rse27-mono,
.rse27-txt .rse27-ctas a.rse27-lien,
.s12-clients .wrap p.s12-clients-t,
.t .rea28-fiche div > span,
.vp27-bloc .vp27-ligne span,
.vp27-bloc .vp27-ligne span > em,
.vp27-bloc .vp27-puces legend,
.vp27-bloc .vp27-puces legend > em,
.vp27-bloc .vp27-puces.vp27-multi legend,
.vp27-bloc .vp27-puces.vp27-multi legend > em,
.vp27-brief #f p.vp27-etape,
.vp27-cote #vp27recap small,
.vp27-cote .vp27-direct div > dt,
.vp27-plus .vp27-plus-c p.vp27-etape.vp27-sous,
.wrap #rse27-live div > span.rse27-mono,
.wrap .a2-herotail p.a2-meta,
.wrap .ag28-motsh div > span.eyebrow,
.wrap .bt-tete span.bt-compteur,
.wrap .eng27-grille article > span.eng27-n,
.wrap .fbase span,
.wrap .rea28-big small,
.wrap .rea28-cadre span.rea28-cpt,
.wrap .rea28-cadre span.rea28-leg,
.wrap .rea28-haut a.rea28-retour,
.wrap .rea28-haut span,
.wrap .rea28-rail div > span,
.wrap .rea28-tete div > span.eyebrow,
.wrap .rea28-tete span.rea28-mono,
.wrap .rse27-sgrid div > span.rse27-mono,
.wrap .s12-metiers article > span.n,
.wrap .t span.eyebrow,
html[lang="en"] .im .txt span.cli,
html[lang="en"] .rg2 .im span.an,
html[lang="en"] .rg2 .im span.chip,
html[lang="fr"] #f .vp27-fichier span.vp27-fichier-n,
html[lang="fr"] .vp27-brief #f label > span{font-size:12px!important}
@media (max-width:419px){
#f .rdv20-lien a.s12-tel,
#f .rdv20-lien button.btn.btn-ghost,
#f .s12-rdv button.btn.btn-ghost,
#hero .wrap span.eyebrow.mint,
#implantations .wrap span.eyebrow,
#ixliste .ix-item a > span.cli,
#leviers .wrap span.eyebrow,
#nav .wrap li > a,
#rdv20 .rdv20-f label > span,
#rdv20 .rdv20-f span.eyebrow,
#s12merci .wrap span.eyebrow,
#secbar .ix-vue button > span,
#sobre .wrap span.eyebrow,
.a11y-row #a-fs button,
.a2-nums .a2-num span,
.banner .wrap span.eyebrow.mint,
.bt-tuile .bt-chiffre span,
.bt-tuile .bt-txt span.bt-cli,
.eng27 .wrap span.eyebrow,
.p404 .wrap span.eyebrow.mint,
.ref27-hero .wrap span.eyebrow,
.rse27-preuves .wrap span.eyebrow,
.vp27-brief #vp27merci span.eyebrow,
.vp27-cote #vp27recap span.eyebrow,
.vp27-envoi .vp27-rgpd a,
.vp27-grille .vp27-cote span.eyebrow,
.wrap .cadre2.joue span.eyebrow.light,
.wrap .fx27manu b,
.wrap .fx27manu em,
.wrap .fx27manu.fx27manuc b,
.wrap .fx27manu.fx27manuc em,
.wrap .rse27-engh div > span.eyebrow,
.wrap .rse27-pgrid div > span,
.wrap .rse27-rgrid div > span.eyebrow,
.wrap .rse27-txt span.eyebrow{font-size:12px!important}
}
@media (min-width:420px) and (max-width:899px){
#hero .wrap span.eyebrow.mint,
#implantations .wrap span.eyebrow,
#leviers .wrap span.eyebrow,
#nav .wrap li > a,
#rdv20 .rdv20-f label > span,
#rdv20 .rdv20-f span.eyebrow,
#s12merci .wrap span.eyebrow,
#sobre .wrap span.eyebrow,
.a11y-row #a-fs button,
.banner .wrap span.eyebrow.mint,
.bt-tuile .bt-txt span.bt-cli,
.eng27 .wrap span.eyebrow,
.p404 .wrap span.eyebrow.mint,
.ref27-hero .wrap span.eyebrow,
.rse27-preuves .wrap span.eyebrow,
.vp27-brief #vp27merci span.eyebrow,
.vp27-cote #vp27recap span.eyebrow,
.vp27-grille .vp27-cote span.eyebrow,
.wrap .cadre2.joue span.eyebrow.light,
.wrap .fx27manu b,
.wrap .fx27manu em,
.wrap .fx27manu.fx27manuc b,
.wrap .fx27manu.fx27manuc em,
.wrap .rse27-engh div > span.eyebrow,
.wrap .rse27-rgrid div > span.eyebrow,
.wrap .rse27-txt span.eyebrow{font-size:12px!important}
}
@media (min-width:900px) and (max-width:1150px){
#hero .wrap span.eyebrow.mint,
#implantations .wrap span.eyebrow,
#leviers .wrap span.eyebrow,
#nav .wrap li > a,
#rdv20 .rdv20-f label > span,
#rdv20 .rdv20-f span.eyebrow,
#s12merci .wrap span.eyebrow,
#sobre .wrap span.eyebrow,
.a11y-row #a-fs button,
.banner .wrap span.eyebrow.mint,
.bt-tuile .bt-txt span.bt-cli,
.eng27 .wrap span.eyebrow,
.p404 .wrap span.eyebrow.mint,
.ref27-hero .wrap span.eyebrow,
.rse27-preuves .wrap span.eyebrow,
.vp27-brief #vp27merci span.eyebrow,
.vp27-cote #vp27recap span.eyebrow,
.vp27-grille .vp27-cote span.eyebrow,
.wrap .cadre2.joue span.eyebrow.light,
.wrap .fx27manu b,
.wrap .fx27manu em,
.wrap .fx27manu.fx27manuc b,
.wrap .fx27manu.fx27manuc em,
.wrap .rse27-engh div > span.eyebrow,
.wrap .rse27-rgrid div > span.eyebrow,
.wrap .rse27-txt span.eyebrow{font-size:12px!important}
}
@media (min-width:1151px) and (max-width:1360px){
#hero .wrap span.eyebrow.mint,
#implantations .wrap span.eyebrow,
#leviers .wrap span.eyebrow,
#nav .wrap li > a,
#rdv20 .rdv20-f label > span,
#rdv20 .rdv20-f span.eyebrow,
#s12merci .wrap span.eyebrow,
#sobre .wrap span.eyebrow,
.a11y-row #a-fs button,
.banner .wrap span.eyebrow.mint,
.bt-tuile .bt-txt span.bt-cli,
.eng27 .wrap span.eyebrow,
.p404 .wrap span.eyebrow.mint,
.ref27-hero .wrap span.eyebrow,
.rse27-preuves .wrap span.eyebrow,
.vp27-brief #vp27merci span.eyebrow,
.vp27-cote #vp27recap span.eyebrow,
.vp27-grille .vp27-cote span.eyebrow,
.wrap .cadre2.joue span.eyebrow.light,
.wrap .fx27manu b,
.wrap .fx27manu em,
.wrap .fx27manu.fx27manuc b,
.wrap .fx27manu.fx27manuc em,
.wrap .rse27-engh div > span.eyebrow,
.wrap .rse27-rgrid div > span.eyebrow,
.wrap .rse27-txt span.eyebrow{font-size:12px!important}
}
@media (min-width:1361px) and (max-width:1680px){
#hero .wrap span.eyebrow.mint,
#implantations .wrap span.eyebrow,
#leviers .wrap span.eyebrow,
#nav .wrap li > a,
#rdv20 .rdv20-f label > span,
#rdv20 .rdv20-f span.eyebrow,
#s12merci .wrap span.eyebrow,
#sobre .wrap span.eyebrow,
.a11y-row #a-fs button,
.banner .wrap span.eyebrow.mint,
.bt-tuile .bt-txt span.bt-cli,
.eng27 .wrap span.eyebrow,
.p404 .wrap span.eyebrow.mint,
.ref27-hero .wrap span.eyebrow,
.rse27-preuves .wrap span.eyebrow,
.vp27-brief #vp27merci span.eyebrow,
.vp27-cote #vp27recap span.eyebrow,
.vp27-grille .vp27-cote span.eyebrow,
.wrap .cadre2.joue span.eyebrow.light,
.wrap .fx27manu b,
.wrap .fx27manu em,
.wrap .fx27manu.fx27manuc b,
.wrap .fx27manu.fx27manuc em,
.wrap .rse27-engh div > span.eyebrow,
.wrap .rse27-rgrid div > span.eyebrow,
.wrap .rse27-txt span.eyebrow{font-size:12px!important}
}
/* cas particuliers : petites tuiles projets de l'accueil (la grande tuile garde sa taille) et encadré d'appel des fiches sur très grand écran */
@media (min-width:420px){.bt-tuile:not(.bt-xl) .bt-chiffre>span{font-size:12px!important}}
@media (min-width:1681px){.cadre2 span.eyebrow.light{font-size:12px!important}}
/* mentions grisées du formulaire : gris plus soutenu en mode clair (contraste ≥ 4,5:1) */
body:not(.dark) .s12-rgpd,body:not(.dark) .s12-rgpd a,body:not(.dark) .s12-form em,body:not(.dark) .s12-form small,body:not(.dark) details summary small{color:#5F7469!important}
/* 18/10/2026 : fiches projet sur mobile, « Faire défiler » et bandeau défilant à 12 px (démo validée par Romain) */
@media (max-width:700px){.rea28-scroll,.rea28-piste span{font-size:12px!important}}