/* =========================================================================
   LES LIENS DU CONTENU — UNE SEULE FACON, PARTOUT
   Posee le 13/08/2026 sur demande d'Akim : « il y a trop de, c'est tout et
   n'importe quoi. Je ne veux pas qu'ils soient soulignes. Il ne doit pas etre
   gras. Ca doit etre les memes dans toutes les pages. »

   CE QU'ON A MESURE AVANT, sur six pages
       accueil    5 combinaisons differentes, dont 47 liens soulignes
       Gien       2 combinaisons, dont 3 liens NOIRS et soulignes
                  (ce sont les liens du maillage interne : ils ne se voyaient
                   pas comme des liens)
       A propos   3 combinaisons
       wiki       2 combinaisons, toutes en gras 700
       ZFE        3 combinaisons, dont un bleu #005A78 qui n'existe nulle part
                  ailleurs
   Onze facons d'ecrire un lien sur six pages. Apres cette feuille : une.

   LA REGLE
       couleur   #0077A3, le bleu du logo
       souligne  jamais au repos, TOUJOURS au survol et au clavier
       graisse   celle du texte autour (un lien dans un <strong> reste gras,
                 un lien dans un paragraphe ordinaire ne l'est pas)

   POURQUOI LE SOULIGNE REVIENT AU SURVOL. Un lien qui ne se distingue que par
   sa couleur est invisible pour qui ne voit pas les couleurs. Le rendre au
   survol et au focus clavier ne change rien a ce que tu voulais — la page au
   repos est propre — et garde le lien utilisable pour tout le monde.

   CE QUI N'EST PAS TOUCHE
       les boutons (.et_pb_button), le menu, l'en-tete, le pied de page, le fil
       d'Ariane : ce sont des composants, pas du texte courant ;
       les liens poses sur un fond colore, qui restent blancs — releve du
       13/08 : 2 sur l'accueil (le hero) et 8 sur A propos.

   RETOUR ARRIERE, EN UNE COMMANDE
       mv .../vhu-v2/vhu-liens.css ~/archives-claude/2026-08-13-liens/
   ========================================================================= */

#main-content a:not(.et_pb_button):not(.et_pb_promo_button):not([class*="button"]),
.entry-content a:not(.et_pb_button):not([class*="button"]) {
    color: #0077A3;
    text-decoration: none;
    font-weight: inherit;
}

#main-content a:not(.et_pb_button):not([class*="button"]):hover,
#main-content a:not(.et_pb_button):not([class*="button"]):focus-visible,
.entry-content a:not(.et_pb_button):not([class*="button"]):hover,
.entry-content a:not(.et_pb_button):not([class*="button"]):focus-visible {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* -------------------------------------------------------------------------
   LES LIENS SUR FOND COLORE RESTENT BLANCS
   Les peindre en #0077A3 les rendrait illisibles : bleu sur bleu. Les trois
   conteneurs vises ont ete releves au rendu, pas devines.
   ------------------------------------------------------------------------- */
body.home .et_pb_section_0 a:not(.et_pb_button),
.et_pb_section[class*="_tb_footer"] a,
[style*="gradient"] a:not(.et_pb_button),
.et_pb_column_7 a:not(.et_pb_button),
.et_pb_column_8 a:not(.et_pb_button),
.et_pb_column_37 a:not(.et_pb_button),
.et_pb_row_inner_1 a:not(.et_pb_button) {
    color: #FFFFFF;
}

/* Le menu, l'en-tete, le pied et le fil d'Ariane gardent ce qu'ils avaient :
   la regle ci-dessus ne part que dans #main-content et .entry-content, mais on
   l'ecrit ici noir sur blanc pour qu'un futur elargissement de selecteur ne se
   fasse pas par distraction. */