/* ------------------------------------------------------------------
   villemont.css — ajustements communs (audit septembre 2026)
   Sur ordinateur : aucun changement d'apparence.
   Sur téléphone (< 700 px) : images et tableaux adaptés à l'écran.
   ------------------------------------------------------------------ */

/* B3 : le titre de chaque page est un <h1> mais garde exactement
   le style de la balise <font> qu'il contient */
h1.titre { display: inline; font-size: inherit; font-weight: inherit; margin: 0; }

/* G1 : téléphone / petit écran */
@media (max-width: 700px) {
  body { margin: 8px; }
  /* les images ne débordent jamais de l'écran et gardent leur proportion */
  img   { max-width: 100%; height: auto; }
  table { max-width: 100%; }
  /* les cellules de tableaux passent les unes sous les autres */
  table, tbody, tr, td { display: block; width: auto !important; }
  td { text-align: center; }
}