/* « Plan sur papier blanc » — choisi par Axel le 03/10/2026 (réunion : le bleu nuit partout était « un peu trop agressif à l'œil »).
   Une couche par-dessus trait.css : la page devient un plan d'architecte clair, traits en encre bleue, accent bleu vif ;
   la chorégraphie, les appareils et le pied (bleu nuit) ne changent pas. Essais comparés : essai-*.html. */
.bloc{background-color:#F6F8FB;color:var(--encre);
  background-image:linear-gradient(rgba(14,41,71,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,41,71,.07) 1px,transparent 1px),linear-gradient(rgba(14,41,71,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(14,41,71,.028) 1px,transparent 1px)}
.bloc--feuille{background-color:#ECF1F7}
.bloc h2,.bloc .offre h3,.bloc .etapes b,.bloc .realisation__texte h3,.bloc .exemples__tete h3,.bloc .exemple b,.bloc .faq summary,.bloc .champ>span,.bloc .accord a,.bloc .recap dd,.bloc .chapeau b,.bloc .formulaire__fin-titre{color:var(--encre)}
.bloc h2 em{color:var(--accent,#9A5B00)}
.bloc .surtitre,.bloc .etapes__quand,.bloc .realisation__quand,.bloc .formulaire__aide{color:var(--ocre)}
.bloc .chapeau,.bloc .offre p,.bloc .etapes li,.bloc .realisation__texte>p:not(.realisation__quand),.bloc .realisation__faits li,.bloc .exemples__tete p,.bloc .faq p,.bloc .accord,.bloc .formulaire__fin p{color:var(--texte-doux)}
.bloc .gris,.bloc .exemple small,.bloc .champ small,.bloc .recap dt{color:var(--gris)}
.bloc .offre{border-color:rgba(14,41,71,.16);background:#fff;box-shadow:0 14px 30px -24px rgba(14,41,71,.45)}
.bloc .offre::before,.bloc .offre::after{border-color:var(--ocre)}
.bloc .offre__icone{stroke:var(--accent,#9A5B00)}
.bloc .etapes li::before{background:#fff;border-color:var(--encre)}
.bloc .etapes li::after{background:rgba(14,41,71,.22)}
.bloc .realisation__faits li{border-color:rgba(14,41,71,.14)}
.bloc .realisation__lien{border-color:var(--encre);color:var(--encre)}
.bloc .realisation__lien:hover{background:var(--encre);color:#fff}
.bloc .exemples{border-top-color:rgba(14,41,71,.22)}
.bloc .etiquette{border-color:var(--ocre);color:var(--ocre)}
.bloc .exemple__action{border-color:rgba(14,41,71,.45);color:var(--encre)}
.bloc .exemple__action:hover,.bloc .exemple:hover .exemple__action{background:var(--encre);color:#fff}
.bloc .exemple__tel{box-shadow:0 0 0 5px #1A1D23,0 0 0 6.5px #3A414D,0 18px 30px -18px rgba(14,41,71,.55)}
.bloc .faq,.bloc .faq details{border-color:rgba(14,41,71,.16)}
.bloc .faq summary::after{border-color:var(--ocre)}
.bloc .filigrane{stroke:rgba(14,41,71,.05)}
.bloc .filigrane__signe path{stroke:rgba(14,41,71,.07)}
.bloc .champ input,.bloc .champ select,.bloc .champ textarea{border:1.5px solid rgba(14,41,71,.22)}
.bloc .formulaire__fin{background:#fff}
.bloc .guide{stroke:rgba(14,41,71,.28)}
.bloc .guide--cap{stroke:rgba(14,41,71,.16)}
.bloc .crayon,.bloc .crayon--ocre{stroke:var(--or)}
.bloc .vitrine__sol{background:radial-gradient(closest-side,rgba(14,41,71,.35),rgba(14,41,71,.15) 55%,rgba(14,41,71,0))}
:root{--cote:#9A5B00;--accent:#1F4FE0;--trait:rgba(14,41,71,.88);--plan:#F6F8FB;--plan-feuille:#E9EFF6}
body{background:#F6F8FB;color:var(--encre)}
.scene{background:#F6F8FB;color:var(--encre)}
.scene::before{background-image:linear-gradient(rgba(14,41,71,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(14,41,71,.075) 1px,transparent 1px),linear-gradient(rgba(14,41,71,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,41,71,.03) 1px,transparent 1px)}
.logo,.marque{color:var(--encre)}
.menu a:not(.bouton){color:var(--texte-doux)}
.menu a:not(.bouton):hover{color:var(--encre)}
.menu-tel summary{border-color:rgba(14,41,71,.4);color:var(--encre)}
.menu-tel__liste{background:#fff;border-color:rgba(14,41,71,.16);box-shadow:0 20px 40px -18px rgba(14,41,71,.35)}
.menu-tel__liste a:not(.bouton){color:var(--encre)}
.menu-tel__liste a:not(.bouton):hover{background:rgba(14,41,71,.06)}
.accueil h1{color:var(--encre)}
.accueil h1 em{color:var(--accent)}
.accueil h1 .mot::before{color:#9FB3CB}
.accroche{color:var(--texte-doux)}
.nommer__champ>span:first-child{color:var(--encre)}
.nommer__champ small{color:var(--gris)}
.nommer input{border:1.5px solid rgba(14,41,71,.22)}
#arche-plan .pierres,#arche-plan .sol{fill:#C3D0E0}
.feuille__papier,.ecran__papier{background-color:#E9EFF6;background-image:linear-gradient(rgba(14,41,71,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,41,71,.07) 1px,transparent 1px)}
.trait--texte{stroke:rgba(14,41,71,.5)}
.trait--cadre{stroke:rgba(14,41,71,.42)}
.ombre{background:rgba(14,41,71,.22);box-shadow:0 0 20px 8px rgba(14,41,71,.14)}
.ecran__sol{background:radial-gradient(closest-side,rgba(14,41,71,.42),rgba(14,41,71,.18) 50%,rgba(14,41,71,0))}
.vues__touches{border-color:rgba(14,41,71,.4);background:#fff}
.vues button{color:var(--encre)}
.vues button[aria-pressed=true]{background:var(--encre);color:#fff}
.metiers button{border-color:rgba(14,41,71,.35);background:#fff;color:var(--encre);box-shadow:0 2px 0 rgba(14,41,71,.14)}
.metiers button:hover{border-color:var(--encre)}
.metiers button[aria-pressed=true],.metiers button.appui{background:var(--encre);color:#fff;border-color:var(--encre)}
.apercu-note{color:var(--texte-doux)}
.guide{stroke:rgba(14,41,71,.28)}
.guide--cap{stroke:rgba(14,41,71,.16)}
.crayon,.crayon--ocre{stroke:var(--or)}
.ruban{background:#F6F8FB}
.ruban i{background:repeating-linear-gradient(90deg,rgba(14,41,71,.85) 0 8.6px,var(--or) 8.6px 21.6px,rgba(14,41,71,.85) 21.6px 28.8px,#F6F8FB 28.8px 43.2px,rgba(14,41,71,.85) 43.2px 50.4px,var(--or) 50.4px 63.4px,rgba(14,41,71,.85) 63.4px 72px)}
/* le logo : la fente du curseur prend la couleur du fond (encre sur le pied, papier dans le bandeau) */
.bandeau .logo{--fente:#F6F8FB}
/* le pied reste bleu nuit : son logo reste blanc (fente du curseur à l'encre) */
.pied .logo,.pied .marque{color:var(--blanc);--fente:#0A1F38;--point:#7C9BFF}
/* la 3e étape (la maquette gratuite) garde sa pastille or */
.bloc .etapes li:nth-child(3)::before{background:var(--or);border-color:var(--or)}