/* ============================================================
   ÉVOLUTIONS UX — LISIBILITÉ, SUR TOUT LE SITE (règle 4)
   ------------------------------------------------------------
   « Lisibilité (corps ≥ 16 px, contrastes AA, listes, boutons)
   traitée dans la feuille de style, au profit de tout le site. »

   Ce fichier relève à 16 px le texte courant qui était plus petit
   (paragraphes, listes, tableaux, adresses, extraits), d'après un
   audit des pages du site (tools/visual-regression/audit-lisibilite.mjs).
   Il ne touche pas aux textes d'interface — menus, boutons, étiquettes,
   dates, pied de page —, sauf pour qu'aucun ne reste sous 12 px.

   Chaque règle reprend le sélecteur d'origine de style.css (même
   spécificité, chargée après) et ne change que la taille.

   Les offres d'emploi ont leurs propres réglages : offres.css.
   ============================================================ */


/* ---- 1. Texte courant : 16 px au moins ---- */

/* Actualités : texte des articles (bloc « texte »), et section
   Titre + texte des nouveaux gabarits, qui le reprend (15 px) */
#BLOC_TITRE_TEXTE p{ font-size: 16px; }

/* Cartes d'actualités : extrait (accueil, archives, offres ; 15 px) */
#bloc_actualités .bloc_actualités .actu .contenu_actu{ font-size: 16px; }

/* Liste des actualités : titre des articles (15 px) */
#Bloc_Liste_articles_G5 .articles_X .lien h3{ font-size: 16px; }

/* Mentions légales (14 px) */
#texte_mentions_légales .block-text p{ font-size: 16px; }

/* Contact : adresses des blocs France et Algérie (14 px) */
#Bloc_Contact .partie_droite .bloc_bleu .contenu .text_contenu p,
#Bloc_Contact_al .partie_droite .bloc_vert .contenu .text_contenu p{ font-size: 16px; }

/* Fiche produit : tableau des caractéristiques (13-14 px) */
#Bloc_info_produit .partie_droite table caption{ font-size: 16px; }
#Bloc_info_produit .partie_droite table thead tr th{ font-size: 16px !important; }  /* l'original est en !important */
#Bloc_info_produit .partie_droite table tbody td,
#Bloc_info_produit .partie_droite table tbody th{ font-size: 16px; }

/* Plan du site : liens des pages (12 px) */
#contenu_plan_du_site ul li a{ font-size: 16px; }

/* Page 404 : message (15 px) */
#bloc_principal_G9 .background .filter .contenu h3,
#bloc_principal_G9 .background .filter .contenu h3 a{ font-size: 16px; }

/* Listes d'offres : lieu, date et contrat de chaque offre (12 px),
   sur la page Emplois et sous une offre (« Nos autres offres ») */
#Bloc_emplois .emploi_x .attribut_emplois div p,
#Bloc_autres_offres .attribut_emplois div p{ font-size: 16px; }


/* ---- 2. Listes de contenu : puces, retrait, espacement ----
   style.css retire les puces de toute liste du site (`ul, li {
   list-style-type: none }`, pour les menus) : dans les textes saisis
   par SGT, une liste à puces s'affichait comme des lignes collées.
   Dans les blocs centrés sur mobile, la liste reste un bloc centré mais
   ses lignes s'alignent à gauche, sous leur puce. */
#BLOC_TITRE_TEXTE ul,
#BLOC_TITRE_TEXTE ol,
#Bloc_Texte_Image .partie_gauche ul,
#Bloc_Texte_Image .partie_gauche ol,
#Bloc_Image_Texte .partie_droite_ ul,
#Bloc_Image_Texte .partie_droite_ ol,
#texte_mentions_légales ul,
#texte_mentions_légales ol{
  display: inline-block;
  margin: 0 0 1em;
  padding-left: 1.4em;
  text-align: left;
}
#BLOC_TITRE_TEXTE ul,
#Bloc_Texte_Image .partie_gauche ul,
#Bloc_Image_Texte .partie_droite_ ul,
#texte_mentions_légales ul{ list-style-type: disc; }
#BLOC_TITRE_TEXTE ol,
#Bloc_Texte_Image .partie_gauche ol,
#Bloc_Image_Texte .partie_droite_ ol,
#texte_mentions_légales ol{ list-style-type: decimal; }
#BLOC_TITRE_TEXTE li,
#Bloc_Texte_Image .partie_gauche li,
#Bloc_Image_Texte .partie_droite_ li,
#texte_mentions_légales li{
  list-style-type: inherit;
  margin-bottom: .45em;
  line-height: 1.5;
}


/* ---- 3. Textes d'interface : jamais sous 12 px ---- */

/* Fiche produit, « Dans la même catégorie » : catégorie (10 px) */
#BLOC_meme_categorie_produit .tuile .produit_x_liste p{ font-size: 12px; }

/* Pied de page : ligne de copyright (11 px) */
footer .footer_bas span{ font-size: 12px; }
