/* Harmonisation du 28/10/2026 : les pages en ancien style (body.nv2) prennent
   l'apparence de la nouvelle page d'accueil (fond blanc, bleu doux, une seule
   couleur d'action). Feuille chargee APRES allolib.css. */
.nv2{
  --h3-encre:#0B1A2E;--h3-texte:#2A3846;--h3-doux:#4E5D6C;--h3-ligne:#E1E8EF;
  --h3-bleu:#F4F7FB;--h3-pale:#E8F0F9;--h3-action:#0A6E61;--h3-action-hover:#085A4F;--h3-action-pale:#E3F3F0;
  background:#fff;color:var(--h3-texte);
}

/* En-tete clair */
.nv2 .entete{background:rgba(255,255,255,.97);backdrop-filter:none;border-bottom:1px solid var(--h3-ligne)}
.nv2 .entete .logo .sombre,.nv2 .pied .logo .sombre{display:block}
.nv2 .entete .logo .clair,.nv2 .pied .logo .clair{display:none}
.nv2 .entete .nav a{color:var(--h3-doux);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.nv2 .entete .nav a:hover{background:var(--h3-bleu);color:var(--h3-encre)}
.nv2 .entete .nav a[aria-current="page"]{color:var(--h3-encre);background:var(--h3-pale)}
.nv2 .burger{border:1px solid var(--h3-ligne);background:#fff}
.nv2 .burger span,.nv2 .burger span::before,.nv2 .burger span::after{background:var(--h3-encre)}
.nv2 .tiroir{border-top:1px solid var(--h3-ligne)}
.nv2 .tiroir a{color:var(--h3-encre);border-bottom:1px solid var(--h3-ligne)}
.nv2 .tiroir a:hover{color:var(--h3-action)}

/* Boutons : meme vert que l'accueil */
.nv2 .btn{border-radius:12px;min-height:48px}
.nv2 .btn--vif,.nv2 a.btn--vif{background:var(--h3-action);color:#fff;box-shadow:0 6px 18px -8px rgba(10,110,97,.6)}
.nv2 .btn--vif:hover{background:var(--h3-action-hover);transform:none}
.nv2 .btn--fantome,.nv2 .btn-ghost{border-color:#C9D5E0;color:var(--h3-encre);background:#fff}
.nv2 .btn--fantome:hover,.nv2 .btn-ghost:hover{border-color:var(--h3-action);background:#fff}
/* sur les blocs qui restent bleu nuit, le bouton fantome reste clair */
.nv2 .essai .btn--fantome,.nv2 .cta-final .btn--fantome,.nv2 .cta-band .btn--fantome,.nv2 .final .btn--fantome{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}

/* Haut de page clair */
.nv2 .hero{
  color:var(--h3-texte);
  background:linear-gradient(180deg,var(--h3-bleu) 0%,#fff 100%);
}
.nv2 .hero h1{color:var(--h3-encre)}
.nv2 .hero h2,.nv2 .hero h3{color:var(--h3-encre)}
.nv2 .hero h1 .accent{background:linear-gradient(180deg,transparent 72%,rgba(10,110,97,.22) 72%,rgba(10,110,97,.22) 94%,transparent 94%)}
.nv2 .hero__sous{color:var(--h3-texte)}
.nv2 .hero .oeil{color:var(--h3-action)}
.nv2 .hero__preuves{border-top:1px solid var(--h3-ligne)}
.nv2 .hero__preuves li{color:var(--h3-doux)}
.nv2 .hero .coche{color:var(--h3-action)}
.nv2 .hero p,.nv2 .hero li,.nv2 .hero label,.nv2 .hero small{color:inherit}
.nv2 .hero a:not(.btn){color:var(--h3-action)}
.nv2 .hero .fil,.nv2 .hero .fil a,.nv2 .hero nav[aria-label*="Fil"] a{color:var(--h3-action)}
.nv2 .hero .telephone{background:#fff;border:1px solid var(--h3-ligne);box-shadow:0 2px 6px rgba(11,26,46,.06),0 30px 60px -24px rgba(11,26,46,.35)}
.nv2 .hero .telephone__barre{background:var(--h3-bleu);border-bottom:1px solid var(--h3-ligne);color:var(--h3-doux)}
.nv2 .hero input,.nv2 .hero select,.nv2 .hero textarea{background:#fff;color:var(--h3-encre);border:1px solid #A9BACB}
.nv2 .hero input::placeholder{color:#6B7B8A}

/* Pied de page clair */
.nv2 .pied{background:var(--h3-bleu);color:var(--h3-doux);border-top:1px solid var(--h3-ligne)}
.nv2 .pied__baseline{color:var(--h3-doux)}
.nv2 .pied__liens a{color:var(--h3-texte);min-height:44px;display:inline-flex;align-items:center}
.nv2 .pied__liens a:hover{color:var(--h3-action);text-decoration:underline}
.nv2 .pied__legal{border-top:1px solid var(--h3-ligne);color:var(--h3-doux)}
.nv2 .pied a{color:var(--h3-texte)}

/* Accessibilite : contour de focus bien contraste partout */
.nv2 :focus-visible{outline:3px solid var(--h3-action);outline-offset:3px}
.nv2 .essai :focus-visible,.nv2 .cta-final :focus-visible,.nv2 .cta-band :focus-visible,.nv2 .final :focus-visible,.nv2 .saut:focus-visible{outline-color:#fff}

/* Textes du haut de page qui etaient blancs sur fond bleu nuit */
.nv2 .hero .sous,.nv2 .hero .note,.nv2 .hero .wrap > p{color:var(--h3-texte)}
.nv2 .hero .note{color:var(--h3-doux)}
.nv2 .sector-breadcrumb,.nv2 .sector-breadcrumb span,.nv2 .sector-breadcrumb a{color:var(--h3-doux)}
.nv2 .sector-breadcrumb a{color:var(--h3-action)}
.nv2 .btn-or,.nv2 a.btn-or{background:var(--h3-action);color:#fff;border-color:transparent}
.nv2 .btn-or:hover{background:var(--h3-action-hover)}

/* Cartes qui etaient bleu nuit : version claire, meme contenu */
.nv2 .offre--phare,.nv2 .card-phare,.nv2 .secteur.card-phare{background:#fff;color:var(--h3-texte);border:2px solid var(--h3-action);box-shadow:0 2px 6px rgba(11,26,46,.06),0 30px 60px -24px rgba(11,26,46,.3)}
.nv2 .roi,.nv2 .mx-scenario,.nv2 .specialist-band,.nv2 .pub-confiance,.nv2 .encart-controle,.nv2 .metier-q{background:var(--h3-bleu);color:var(--h3-texte);border:1px solid var(--h3-ligne)}
.nv2 :is(.offre--phare,.card-phare,.roi,.mx-scenario,.specialist-band,.pub-confiance,.encart-controle,.metier-q) :is(p,li,span,div,summary,small,dd,dt,td,th,a){color:var(--h3-texte)}
.nv2 :is(.offre--phare,.card-phare,.roi,.mx-scenario,.specialist-band,.pub-confiance,.encart-controle,.metier-q) :is(h1,h2,h3,h4,strong,b){color:var(--h3-encre)}
.nv2 :is(.offre--phare,.card-phare,.roi,.mx-scenario,.specialist-band,.pub-confiance,.encart-controle,.metier-q) a{color:var(--h3-action)}
.nv2 :is(.offre--phare,.card-phare) .btn{color:#fff}
.nv2 :is(.offre--phare,.card-phare) svg{color:var(--h3-action)}
.nv2 :is(.offre--phare,.card-phare,.roi,.mx-scenario) [class*="mono"],.nv2 .offre--phare .offre__par-jour,.nv2 .offre--phare .offre__cond{color:var(--h3-action)}

/* Listes simples des blocs de comparaison */
.nv2 .liste-simple{display:grid;gap:12px;margin-top:20px;padding:0;list-style:none}
.nv2 .liste-simple li{padding:16px 20px;border-radius:12px;background:var(--h3-bleu);border:1px solid var(--h3-ligne);font-size:1.02rem}
.nv2 .liste-simple li:last-child{background:var(--h3-action-pale);border-color:var(--h3-action)}

/* Champs de formulaire : bordure contrastee (3:1 minimum) */
.nv2 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),.nv2 select,.nv2 textarea{border-color:#6B7B8A}
.nv2 input:focus,.nv2 select:focus,.nv2 textarea:focus{border-color:var(--h3-action);outline:3px solid var(--h3-action);outline-offset:1px}
.nv2 .pied a,.nv2 .pied__liens a{min-height:44px;display:inline-flex;align-items:center}

/* Zones tactiles de 44 px : logo, fil d'Ariane */
.nv2 .logo,.nv2 nav a{min-height:44px}
.nv2 .logo{align-items:center}
.nv2 nav a{display:inline-flex;align-items:center}

/* Relecture 28/10/2026 : contour de focus des champs des pages metier et des
   formulaires .field (allolib.css posait #12b39f a 2,6:1 ; ici 6:1 minimum). */
.nv2-metier .formc .champ input:focus-visible,.nv2-metier .formc .champ select:focus-visible,.nv2-metier .formc .champ textarea:focus-visible,.nv2 .field input:focus-visible,.nv2 .field select:focus-visible,.nv2 .field textarea:focus-visible{outline:3px solid var(--h3-action);outline-offset:2px}

/* Controle visuel 28/10/2026 : le bouton principal « .button » de l'en-tete
   (services, pages metier) etait vert fonce sur turquoise (2,3:1). Meme vert
   que l'accueil, texte blanc (6:1). */
.nv2 .button:not(.button-secondary),.nv2 .hero a.button:not(.button-secondary){background:var(--h3-action);color:#fff;box-shadow:0 6px 18px -8px rgba(10,110,97,.6)}
.nv2 .button:not(.button-secondary):hover,.nv2 .hero a.button:not(.button-secondary):hover{background:var(--h3-action-hover);color:#fff}