/* ===== finitions de l'audit du 14/09/2026 ===== */
.hero .sous-h,.sous-h{color:#163b35!important;opacity:.85!important}
footer .bas a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
@media (max-width:900px){
  .mag,.chap-hors,.r-duo,.r-bande,.t-bande,.faq-rv,.ecrire,#rdv.chap{margin-top:12vh!important}
  .sol,.compare,.r-sec,.t-sec,.r-fin{padding-top:12vh!important}
  .faq-rv:not(.ecrire){padding-top:8vh!important}
  .wrapT1{margin-top:12vh!important}
  .nuitp.bleup{margin-top:10vh!important}
}
/* ===================== socle transversal, audit du 16/09/2026 ===================== */

/* --- P10 : le gras se voit (le corps est en Glacial 300, <b> valait 400) ---
   16/09 au soir, retour de Vincent (« les é sont bizarres ») : la coupe grasse de Glacial
   Indifference dessine des accents epais et presque droits, tres differents de ceux de la
   coupe claire ; sur « creole » et « predateurs » ca saute aux yeux. On garde donc la coupe
   claire et on l'epaissit d'un filet : meme dessin, memes accents, et le gras se voit. */
b,strong{font-weight:400;-webkit-text-stroke:.45px currentColor}
/* la ou une graisse est deja choisie (titres, chiffres, badges, boutons), pas de filet */
h1 b,h2 b,h3 b,h4 b,.ins b,.cta b,.sv b,.hero .prix b,.geste b,.g3 b,.ev b,.niv .nom b,.avs b,
.carton-r .cr b,.t-resume b,.t-chiffres b,.cr-t b,.st-l li b,.mt-nom b,.fp b,.grande-sig b,
.hico-n,.att-bande b,.choix .opt b,.lanc b,.main-f h1 b,.ct-page b,.fp-t b,.tt b,.as b,.as .tx b
{-webkit-text-stroke:0}
/* et la ou une graisse avait ete posee FAUTE DE MIEUX, quand le gras etait invisible :
   le filet la remplace, sinon les deux se cumulent et le mot devient une tache */
.compare tbody b,.compare .c-lead b,.compare .c-sous b,.cgv b,#chap2 .s1-deux b,.lg b,.livr b,
.rv-tete .chapo-r b,.rs .ok b,.lx-tete .chapo b,.fc .fcomp b,.wrapT1 .tra p b,.serv-l p b
{font-weight:400}
/* 16/09, deuxieme passage : le probleme ne vient pas du <b>, il vient de la COUPE GRASSE de
   Glacial Indifference, ou qu'elle soit. Tout ce qui portait 500 a 700 dans cette famille passe
   donc a la coupe claire + filet : titres de temps (.t3t « Le diagnostic ecrit »), libelles de
   boutons (.sv), entrees de menu (.ml), en-tetes de tableaux. Recoleta n'est pas concernee :
   sa coupe grasse dessine bien ses accents. */
.t3t,th,.compare tbody th,.t-tab th,.fp-t b{font-weight:400;-webkit-text-stroke:.4px currentColor}
.cta .sv,.dl .sv,.ml,.tl,.ct .ct-b,.pas-m,.bl-cats button{font-weight:400;-webkit-text-stroke:.3px currentColor}
.att-bande b,.as .tx b,.fam .tx b{font-weight:400;-webkit-text-stroke:.4px currentColor}
/* les noms d'especes sont en italique, jamais en gras */
i b,b i{font-weight:400;-webkit-text-stroke:0}
/* --- P7 : les titres de heros, jaune pale sur bleu clair (1,55 pour 1) -> vert nuit --- */
.lx-tete.sv-bleu h1,.sv-bleu h1,.r-tete h1,.rv-tete h1,.lg-tete h1,.rs-tete h1{color:#163b35}
body.bm-a #service h2,body.bm-a #visite h2,body.bm-a .pourquoi h2{color:#163b35}
.ens.e-bleu h3{color:#163b35}
.serv-l p b{color:#163b35}
.d-bleu h2{color:#163b35}
/* le jaune reste aux decors : surlignages, pastilles, boutons, lucioles */

/* --- P8 : on repose la regle des boutons apres le CSS des pages --- */

/* ================= les boutons : bleu = service, jaune = boutique (P8) ================= */
:where(button.cta){font-family:inherit}
/* 09/10/2026 (audit 42) : un <button> ne prend pas la police du site tout seul */
body .cta,
body.bm-a .cta,
body .cta.cta-bleu,
body.bm-a .cta.cta-bleu{background:var(--bleu,#aacde2);color:#163b35;border:none}
body .cta:hover,
body.bm-a .cta:hover,
body .cta.cta-bleu:hover,
body.bm-a .cta.cta-bleu:hover{background:#95c1de;transform:translateY(-2px)}
body .cta.cta-jaune,
body.bm-a .cta.cta-jaune,
body a.cta[href^="/boutique"]:not(.cta-l),
body.bm-a a.cta[href^="/boutique"]:not(.cta-l),
body.pg-boutique button.cta,body.bm-a.pg-boutique button.cta,body.pg-boutique .cta:not([href]):not(.cta-l),body.bm-a.pg-boutique .cta:not([href]):not(.cta-l),body.pg-boutique a.cta[href^="#"]:not(.cta-l),body.bm-a.pg-boutique a.cta[href^="#"]:not(.cta-l){background:var(--jaune,#fff7cb);color:#163b35}
body .cta.cta-jaune:hover,
body.bm-a .cta.cta-jaune:hover,
body a.cta[href^="/boutique"]:not(.cta-l):hover,
body.bm-a a.cta[href^="/boutique"]:not(.cta-l):hover,
body.pg-boutique button.cta:hover,body.bm-a.pg-boutique button.cta:hover,body.pg-boutique .cta:not([href]):not(.cta-l):hover,body.bm-a.pg-boutique .cta:not([href]):not(.cta-l):hover,body.pg-boutique a.cta[href^="#"]:not(.cta-l):hover,body.bm-a.pg-boutique a.cta[href^="#"]:not(.cta-l):hover{background:#fff3ae}
body .cta.cta-l,
body.bm-a .cta.cta-l{background:#fff;color:#163b35;box-shadow:0 6px 18px rgba(22,59,53,.12)}
body .cta.cta-l:hover,
body.bm-a .cta.cta-l:hover{background:#eef4fa}
/* sur un aplat bleu, un bouton bleu ne se voit pas : il passe en vert nuit, vaguelette claire */
body .sur-bleu .cta,
body.bm-a .sur-bleu .cta,
body .sur-bleu a.cta[href],
body.bm-a .sur-bleu a.cta[href],
body .lx-tete .cta,
body.bm-a .lx-tete .cta,
body .lx-tete a.cta[href],
body.bm-a .lx-tete a.cta[href],
body .rv-tete .cta,
body.bm-a .rv-tete .cta,
body .rv-tete a.cta[href],
body.bm-a .rv-tete a.cta[href],
body .r-tete .cta,
body.bm-a .r-tete .cta,
body .r-tete a.cta[href],
body.bm-a .r-tete a.cta[href],
body .r-pan-s .cta,
body.bm-a .r-pan-s .cta,
body .r-pan-s a.cta[href],
body.bm-a .r-pan-s a.cta[href],
body .bl-tuile-s .cta,
body.bm-a .bl-tuile-s .cta,
body .bl-tuile-s a.cta[href],
body.bm-a .bl-tuile-s a.cta[href],
body .co-carte .cta,
body.bm-a .co-carte .cta,
body .co-carte a.cta[href],
body.bm-a .co-carte a.cta[href],
body .serv-l .cta,
body.bm-a .serv-l .cta,
body .serv-l a.cta[href],
body.bm-a .serv-l a.cta[href],
body .sh-ou .cta,
body.bm-a .sh-ou .cta,
body .sh-ou a.cta[href],
body.bm-a .sh-ou a.cta[href],
body .lv-carte .cta,
body.bm-a .lv-carte .cta,
body .lv-carte a.cta[href],
body.bm-a .lv-carte a.cta[href],
body .e-bleu .cta,
body.bm-a .e-bleu .cta,
body .e-bleu a.cta[href],
body.bm-a .e-bleu a.cta[href],
body .d-bleu .cta,
body.bm-a .d-bleu .cta,
body .d-bleu a.cta[href],
body.bm-a .d-bleu a.cta[href],
body .bleup .cta,
body.bm-a .bleup .cta,
body .bleup a.cta[href],
body.bm-a .bleup a.cta[href],
body #service .cta,
body.bm-a #service .cta,
body #service a.cta[href],
body.bm-a #service a.cta[href],
body #visite .cta,
body.bm-a #visite .cta,
body #visite a.cta[href],
body.bm-a #visite a.cta[href],
body .pourquoi .cta,
body.bm-a .pourquoi .cta,
body .pourquoi a.cta[href],
body.bm-a .pourquoi a.cta[href]{background:#163b35;color:#fbfaf6}
body .sur-bleu .cta:hover,
body.bm-a .sur-bleu .cta:hover,
body .sur-bleu a.cta[href]:hover,
body.bm-a .sur-bleu a.cta[href]:hover,
body .lx-tete .cta:hover,
body.bm-a .lx-tete .cta:hover,
body .lx-tete a.cta[href]:hover,
body.bm-a .lx-tete a.cta[href]:hover,
body .rv-tete .cta:hover,
body.bm-a .rv-tete .cta:hover,
body .rv-tete a.cta[href]:hover,
body.bm-a .rv-tete a.cta[href]:hover,
body .r-tete .cta:hover,
body.bm-a .r-tete .cta:hover,
body .r-tete a.cta[href]:hover,
body.bm-a .r-tete a.cta[href]:hover,
body .r-pan-s .cta:hover,
body.bm-a .r-pan-s .cta:hover,
body .r-pan-s a.cta[href]:hover,
body.bm-a .r-pan-s a.cta[href]:hover,
body .bl-tuile-s .cta:hover,
body.bm-a .bl-tuile-s .cta:hover,
body .bl-tuile-s a.cta[href]:hover,
body.bm-a .bl-tuile-s a.cta[href]:hover,
body .co-carte .cta:hover,
body.bm-a .co-carte .cta:hover,
body .co-carte a.cta[href]:hover,
body.bm-a .co-carte a.cta[href]:hover,
body .serv-l .cta:hover,
body.bm-a .serv-l .cta:hover,
body .serv-l a.cta[href]:hover,
body.bm-a .serv-l a.cta[href]:hover,
body .sh-ou .cta:hover,
body.bm-a .sh-ou .cta:hover,
body .sh-ou a.cta[href]:hover,
body.bm-a .sh-ou a.cta[href]:hover,
body .lv-carte .cta:hover,
body.bm-a .lv-carte .cta:hover,
body .lv-carte a.cta[href]:hover,
body.bm-a .lv-carte a.cta[href]:hover,
body .e-bleu .cta:hover,
body.bm-a .e-bleu .cta:hover,
body .e-bleu a.cta[href]:hover,
body.bm-a .e-bleu a.cta[href]:hover,
body .d-bleu .cta:hover,
body.bm-a .d-bleu .cta:hover,
body .d-bleu a.cta[href]:hover,
body.bm-a .d-bleu a.cta[href]:hover,
body .bleup .cta:hover,
body.bm-a .bleup .cta:hover,
body .bleup a.cta[href]:hover,
body.bm-a .bleup a.cta[href]:hover,
body #service .cta:hover,
body.bm-a #service .cta:hover,
body #service a.cta[href]:hover,
body.bm-a #service a.cta[href]:hover,
body #visite .cta:hover,
body.bm-a #visite .cta:hover,
body #visite a.cta[href]:hover,
body.bm-a #visite a.cta[href]:hover,
body .pourquoi .cta:hover,
body.bm-a .pourquoi .cta:hover,
body .pourquoi a.cta[href]:hover,
body.bm-a .pourquoi a.cta[href]:hover{background:#20514a}
body .sur-bleu .cta .sv,
body.bm-a .sur-bleu .cta .sv,
body .sur-bleu a.cta[href] .sv,
body.bm-a .sur-bleu a.cta[href] .sv,
body .lx-tete .cta .sv,
body.bm-a .lx-tete .cta .sv,
body .lx-tete a.cta[href] .sv,
body.bm-a .lx-tete a.cta[href] .sv,
body .rv-tete .cta .sv,
body.bm-a .rv-tete .cta .sv,
body .rv-tete a.cta[href] .sv,
body.bm-a .rv-tete a.cta[href] .sv,
body .r-tete .cta .sv,
body.bm-a .r-tete .cta .sv,
body .r-tete a.cta[href] .sv,
body.bm-a .r-tete a.cta[href] .sv,
body .r-pan-s .cta .sv,
body.bm-a .r-pan-s .cta .sv,
body .r-pan-s a.cta[href] .sv,
body.bm-a .r-pan-s a.cta[href] .sv,
body .bl-tuile-s .cta .sv,
body.bm-a .bl-tuile-s .cta .sv,
body .bl-tuile-s a.cta[href] .sv,
body.bm-a .bl-tuile-s a.cta[href] .sv,
body .co-carte .cta .sv,
body.bm-a .co-carte .cta .sv,
body .co-carte a.cta[href] .sv,
body.bm-a .co-carte a.cta[href] .sv,
body .serv-l .cta .sv,
body.bm-a .serv-l .cta .sv,
body .serv-l a.cta[href] .sv,
body.bm-a .serv-l a.cta[href] .sv,
body .sh-ou .cta .sv,
body.bm-a .sh-ou .cta .sv,
body .sh-ou a.cta[href] .sv,
body.bm-a .sh-ou a.cta[href] .sv,
body .lv-carte .cta .sv,
body.bm-a .lv-carte .cta .sv,
body .lv-carte a.cta[href] .sv,
body.bm-a .lv-carte a.cta[href] .sv,
body .e-bleu .cta .sv,
body.bm-a .e-bleu .cta .sv,
body .e-bleu a.cta[href] .sv,
body.bm-a .e-bleu a.cta[href] .sv,
body .d-bleu .cta .sv,
body.bm-a .d-bleu .cta .sv,
body .d-bleu a.cta[href] .sv,
body.bm-a .d-bleu a.cta[href] .sv,
body .bleup .cta .sv,
body.bm-a .bleup .cta .sv,
body .bleup a.cta[href] .sv,
body.bm-a .bleup a.cta[href] .sv,
body #service .cta .sv,
body.bm-a #service .cta .sv,
body #service a.cta[href] .sv,
body.bm-a #service a.cta[href] .sv,
body #visite .cta .sv,
body.bm-a #visite .cta .sv,
body #visite a.cta[href] .sv,
body.bm-a #visite a.cta[href] .sv,
body .pourquoi .cta .sv,
body.bm-a .pourquoi .cta .sv,
body .pourquoi a.cta[href] .sv,
body.bm-a .pourquoi a.cta[href] .sv{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q 6 0 12 4 T 24 4' fill='none' stroke='%23fbfaf6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
/* le second bouton reste blanc, meme sur un aplat bleu */
body .sur-bleu .cta.cta-l,
body.bm-a .sur-bleu .cta.cta-l,
body .sur-bleu a.cta.cta-l[href],
body.bm-a .sur-bleu a.cta.cta-l[href],
body .lx-tete .cta.cta-l,
body.bm-a .lx-tete .cta.cta-l,
body .lx-tete a.cta.cta-l[href],
body.bm-a .lx-tete a.cta.cta-l[href],
body .rv-tete .cta.cta-l,
body.bm-a .rv-tete .cta.cta-l,
body .rv-tete a.cta.cta-l[href],
body.bm-a .rv-tete a.cta.cta-l[href],
body .r-tete .cta.cta-l,
body.bm-a .r-tete .cta.cta-l,
body .r-tete a.cta.cta-l[href],
body.bm-a .r-tete a.cta.cta-l[href],
body .r-pan-s .cta.cta-l,
body.bm-a .r-pan-s .cta.cta-l,
body .r-pan-s a.cta.cta-l[href],
body.bm-a .r-pan-s a.cta.cta-l[href],
body .bl-tuile-s .cta.cta-l,
body.bm-a .bl-tuile-s .cta.cta-l,
body .bl-tuile-s a.cta.cta-l[href],
body.bm-a .bl-tuile-s a.cta.cta-l[href],
body .co-carte .cta.cta-l,
body.bm-a .co-carte .cta.cta-l,
body .co-carte a.cta.cta-l[href],
body.bm-a .co-carte a.cta.cta-l[href],
body .serv-l .cta.cta-l,
body.bm-a .serv-l .cta.cta-l,
body .serv-l a.cta.cta-l[href],
body.bm-a .serv-l a.cta.cta-l[href],
body .sh-ou .cta.cta-l,
body.bm-a .sh-ou .cta.cta-l,
body .sh-ou a.cta.cta-l[href],
body.bm-a .sh-ou a.cta.cta-l[href],
body .lv-carte .cta.cta-l,
body.bm-a .lv-carte .cta.cta-l,
body .lv-carte a.cta.cta-l[href],
body.bm-a .lv-carte a.cta.cta-l[href],
body .e-bleu .cta.cta-l,
body.bm-a .e-bleu .cta.cta-l,
body .e-bleu a.cta.cta-l[href],
body.bm-a .e-bleu a.cta.cta-l[href],
body .d-bleu .cta.cta-l,
body.bm-a .d-bleu .cta.cta-l,
body .d-bleu a.cta.cta-l[href],
body.bm-a .d-bleu a.cta.cta-l[href],
body .bleup .cta.cta-l,
body.bm-a .bleup .cta.cta-l,
body .bleup a.cta.cta-l[href],
body.bm-a .bleup a.cta.cta-l[href],
body #service .cta.cta-l,
body.bm-a #service .cta.cta-l,
body #service a.cta.cta-l[href],
body.bm-a #service a.cta.cta-l[href],
body #visite .cta.cta-l,
body.bm-a #visite .cta.cta-l,
body #visite a.cta.cta-l[href],
body.bm-a #visite a.cta.cta-l[href],
body .pourquoi .cta.cta-l,
body.bm-a .pourquoi .cta.cta-l,
body .pourquoi a.cta.cta-l[href],
body.bm-a .pourquoi a.cta.cta-l[href]{background:#fff;color:#163b35}
body .sur-bleu .cta.cta-l .sv,
body.bm-a .sur-bleu .cta.cta-l .sv,
body .sur-bleu a.cta.cta-l[href] .sv,
body.bm-a .sur-bleu a.cta.cta-l[href] .sv,
body .lx-tete .cta.cta-l .sv,
body.bm-a .lx-tete .cta.cta-l .sv,
body .lx-tete a.cta.cta-l[href] .sv,
body.bm-a .lx-tete a.cta.cta-l[href] .sv,
body .rv-tete .cta.cta-l .sv,
body.bm-a .rv-tete .cta.cta-l .sv,
body .rv-tete a.cta.cta-l[href] .sv,
body.bm-a .rv-tete a.cta.cta-l[href] .sv,
body .r-tete .cta.cta-l .sv,
body.bm-a .r-tete .cta.cta-l .sv,
body .r-tete a.cta.cta-l[href] .sv,
body.bm-a .r-tete a.cta.cta-l[href] .sv,
body .r-pan-s .cta.cta-l .sv,
body.bm-a .r-pan-s .cta.cta-l .sv,
body .r-pan-s a.cta.cta-l[href] .sv,
body.bm-a .r-pan-s a.cta.cta-l[href] .sv,
body .bl-tuile-s .cta.cta-l .sv,
body.bm-a .bl-tuile-s .cta.cta-l .sv,
body .bl-tuile-s a.cta.cta-l[href] .sv,
body.bm-a .bl-tuile-s a.cta.cta-l[href] .sv,
body .co-carte .cta.cta-l .sv,
body.bm-a .co-carte .cta.cta-l .sv,
body .co-carte a.cta.cta-l[href] .sv,
body.bm-a .co-carte a.cta.cta-l[href] .sv,
body .serv-l .cta.cta-l .sv,
body.bm-a .serv-l .cta.cta-l .sv,
body .serv-l a.cta.cta-l[href] .sv,
body.bm-a .serv-l a.cta.cta-l[href] .sv,
body .sh-ou .cta.cta-l .sv,
body.bm-a .sh-ou .cta.cta-l .sv,
body .sh-ou a.cta.cta-l[href] .sv,
body.bm-a .sh-ou a.cta.cta-l[href] .sv,
body .lv-carte .cta.cta-l .sv,
body.bm-a .lv-carte .cta.cta-l .sv,
body .lv-carte a.cta.cta-l[href] .sv,
body.bm-a .lv-carte a.cta.cta-l[href] .sv,
body .e-bleu .cta.cta-l .sv,
body.bm-a .e-bleu .cta.cta-l .sv,
body .e-bleu a.cta.cta-l[href] .sv,
body.bm-a .e-bleu a.cta.cta-l[href] .sv,
body .d-bleu .cta.cta-l .sv,
body.bm-a .d-bleu .cta.cta-l .sv,
body .d-bleu a.cta.cta-l[href] .sv,
body.bm-a .d-bleu a.cta.cta-l[href] .sv,
body .bleup .cta.cta-l .sv,
body.bm-a .bleup .cta.cta-l .sv,
body .bleup a.cta.cta-l[href] .sv,
body.bm-a .bleup a.cta.cta-l[href] .sv,
body #service .cta.cta-l .sv,
body.bm-a #service .cta.cta-l .sv,
body #service a.cta.cta-l[href] .sv,
body.bm-a #service a.cta.cta-l[href] .sv,
body #visite .cta.cta-l .sv,
body.bm-a #visite .cta.cta-l .sv,
body #visite a.cta.cta-l[href] .sv,
body.bm-a #visite a.cta.cta-l[href] .sv,
body .pourquoi .cta.cta-l .sv,
body.bm-a .pourquoi .cta.cta-l .sv,
body .pourquoi a.cta.cta-l[href] .sv,
body.bm-a .pourquoi a.cta.cta-l[href] .sv{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q 6 0 12 4 T 24 4' fill='none' stroke='%23163b35' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
/* la resiliation : vert nuit sobre, sans vaguelette (audit P8) */
body .rs .cta,body.bm-a .rs .cta,body .rs-tete .cta,body.bm-a .rs-tete .cta{
  background:#163b35;color:#fbfaf6}
body .rs .cta:hover,body.bm-a .rs .cta:hover{background:#20514a}
body .rs .cta .sv,body.bm-a .rs .cta .sv{background-image:none;padding-bottom:2px}
/* le pied (vert nuit) : le bouton de fin garde sa teinte claire */
footer .cta,footer .cta.cta-bleu,footer .cta-fin{background:#C3D4DB;color:#163b35}
footer .cta:hover,footer .cta-fin:hover{background:#d6e3e9}
/* --- transversal : le plancher typographique sur ORDINATEUR (les etiquettes etaient
       a 10 / 10,5 px alors que le telephone est deja remonte a 12) --- */
@media (min-width:901px){
  header.h2 .mcol .mct{font-size:12px;letter-spacing:.24em}
  .clab{font-size:13px}
  .eyebrow,.fq,.prof,.bl-cat,.pc-cat,.fil-a,.t-eti,.r-eti,.lx-ou,.mt-d,.cm,.prov,
  .t-nom,.t-ttc,.c-eti,.niv .lanc,.r-avant,.t-tags li,.r-tags li,.sh-gt{font-size:12px}
  /* les memes, ecrits comme leur regle d'origine pour passer devant a la cascade */
  .lx-tete.sv-bleu .lx-ou,.sh-tete-b .lx-ou,.lv-tete .lx-ou{font-size:12px;letter-spacing:.26em}
  .lx-tete.sv-bleu .lx-prix{font-size:13px;letter-spacing:.1em}
  .mo .cm,#seq .coin .cm{font-size:12px;letter-spacing:.22em}
  .mt-c .mt-d,.mt-bas .dl,.mt-bas .dl .sv{font-size:12px}
  .fila .fno span,.rev .fila .fno span{font-size:12px;letter-spacing:.16em}
  .fc .fq,.sol .fq{font-size:12px}
  .soeur .plus,a.plus{font-size:12px}
  .t-tab th{font-size:12px}
  .t-tab,.t-tab td,.t-tab-s summary,details.t-tab-s summary{font-size:13px}
  .t-det summary{font-size:12px;letter-spacing:.18em}
  .compare tbody th{font-size:12px}
  .t-src,.leg,.flanc,.pn-note,.si-compo,.t-resume span{font-size:13px}
  /* 16/09, fusion : les reponses des questions frequentes sont du corps de texte, pas une
     etiquette. Elles etaient dans la liste ci-dessus et retombaient a 13 px derriere les
     14,5 px de mk_boutique. Plus jamais sous 14 px : on les repose ici. Meme chose pour la
     phrase courte des cartes produit, qui etait a 13 px. */
  .faq-th .rep-f{font-size:14.5px}
  .pc-court{font-size:14px}
  #essais .t-src,#preuves .t-src,.t-src.t-src-c{font-size:13px}
  .soeur{font-size:13.5px}
  footer .tit,footer p.tit{font-size:11.5px}
  /* P11 : sur la technologie, le corps des essais tombait a 13,5 px (12,5 a 1280 x 800)
     par le palier compact de mk_technologie. Plus jamais sous 14 px. */
  #essais p:not([class]),#preuves p:not([class]){font-size:15px;line-height:1.7}
  .t-sec p:not([class]){font-size:15px}
  .t-carte p:not([class]){font-size:14.5px}
  .t-chiffres span{font-size:13px}
}
/* --- P8, telephone : le comparateur du service inversait le code couleur (bouton jaune
       dans la carte bleue « Le service », bouton jaune dans la carte jaune « La boutique »).
       La carte porte la couleur de l'univers, le bouton passe en vert nuit. Le !important
       est necessaire : mk_service_mobile pose la regle apres, en 0-4-1. --- */
@media (max-width:900px){
  body.cmp-c .cp-card.cs .cta,body.cmp-c .cp-card.cb .cta{
    background:#163b35!important;color:#fbfaf6!important}
  body.cmp-c .cp-card .cta .sv{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q 6 0 12 4 T 24 4' fill='none' stroke='%23fbfaf6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")!important}
}
/* --- transversal : une seule respiration de section (16, 18, 20 et 28 vh selon la page,
       28 vh valait 23 % de la hauteur de la page marque) -> 18 vh partout, 12 vh avant
       le pied --- */
@media (min-width:901px){
  .r-sec,.sol{padding-top:18vh}
  .r-fin{padding-top:18vh;padding-bottom:12vh}
  .r-bande,.r-duo,.chap-hors,.mag,.nuitp.bleup{margin-top:18vh}
  .compare{padding-top:18vh;padding-bottom:12vh}
  #rdv.chap,.faq-rv,.ecrire,.faq-rv:not(.ecrire){margin-top:18vh}
  body.bm-a #deux{margin-top:18vh}
  footer#pied{margin-top:12vh}
}
/* --- bonnes pratiques (mk_pratiques) --- */
.np-preco{display:none}
html.prix-preco .np-preco{display:inline}
.saut{position:absolute;left:-9999px;top:8px;z-index:100;background:#163b35;color:#fff7cb;padding:10px 16px;border-radius:10px;font:600 13px/1 'Glacial Indifference','Jost',sans-serif;letter-spacing:.08em;text-decoration:none}
.saut:focus{left:12px;outline:2px solid #fff7cb;outline-offset:2px}