/* ------------------------------------------------------------------
   FINITIONS DES PAGES VILLE ET DEPARTEMENT — 07/08/2026.

   On ne touche NI a la structure, NI aux modules Divi, NI aux textes :
   uniquement les trois ecarts qui separaient ces pages de l'accueil.
   Mesures relevees des deux cotes avant d'ecrire une ligne :

     titre h2   ville : 30 px, noir pur     accueil : 26 px, bleu nuit + filet jaune
     bouton     ville : rayon 8 px, rembourrage 12/50/12/30
                accueil : rayon 6 px, rembourrage 14/26

   Le reste — banniere, police Verdana, titre blanc a 45 px, jaune #ffce11 —
   etait deja identique et n'est pas touche.
   ------------------------------------------------------------------ */

/* 1. Les titres de section prennent le bleu nuit de la charte au lieu du noir
      pur, et le petit filet jaune qui les annonce sur l'accueil. */
body.page-template .et_pb_section h2,
body[class*="epaviste"] .et_pb_text h2{color:#123a5a}

.vhu-locale .et_pb_text h2:not(.sans-filet){position:relative;padding-top:18px;color:#123a5a}
.vhu-locale .et_pb_text h2:not(.sans-filet)::before{
  content:"";position:absolute;top:0;left:0;width:48px;height:4px;background:#ffce11;border-radius:2px;
}
/* Les titres poses sur un fond sombre gardent leur blanc : le filet seul change. */
.vhu-locale .et_pb_section[class*="dark"] h2,
.vhu-locale .et_pb_section h2[style*="#fff"],
.vhu-locale .et_pb_section h2[style*="#FFF"]{color:inherit}

/* 2. Les boutons s'alignent sur ceux de l'accueil : meme rayon, rembourrage
      symetrique, meme encre sur le jaune. */
.vhu-locale .et_pb_button{border-radius:6px}
.vhu-locale .et_pb_button[style*="ffce11"],
.vhu-locale .et_pb_button[style*="FFCE11"]{color:#1a202c}

/* 3. Un peu d'air autour des boutons isoles, qui collaient a leur texte. */
.vhu-locale .et_pb_button_module_wrapper{margin-top:6px}

/* ------------------------------------------------------------------
   Niveau H3 des pages locales — ajoute le 09/08/2026 (etape A).
   Trois titres de meme rang passent en sous-titres : sans cette regle
   ils rendraient a 33 px noir (regle globale Divi h3{font-size:33px}),
   soit PLUS GROS que le h2 a 30 px — la hierarchie serait inversee.
   Mesure : playwright-cli sur .et_pb_text_5 h2, preprod, 09/08.
   Les h3 de la FAQ et des Etapes vivent dans des modules et_pb_code
   et ne sont pas touches — verifie sur les deux gabarits.
   Retour arriere : ~/backup/vhu-locales.css.avant-h3-20260809
   ------------------------------------------------------------------ */
.vhu-locale #main-content .et_pb_text h3{
  font-size:21px;
  line-height:30px;
  font-weight:700;
  color:#2f5c7d;
  margin:0 0 8px;
  padding:2px 0 2px 14px;
  border-left:3px solid #ffce11;
}
.vhu-locale #main-content .et_pb_text h3:not(:first-child){margin-top:26px}
.vhu-locale #main-content .et_pb_text h3.sans-filet{padding-left:0;border-left:0}
@media only screen and (max-width:767px){
  .vhu-locale #main-content .et_pb_text h3{padding-left:10px}
}