/* Complement charge apres adrien.css, qui reste inchange.
   Objectif : lisibilite sur mobile, sans modifier le rendu desktop. */

/* Formations professionnelles : une ligne par formation.
   La colonne de gauche garde l'ecart d'origine (cellspacing 20 du tableau parent). */
table.formations td {
	vertical-align: top;
	padding: 0 0 2px 0;
}
table.formations td:first-child {
	padding-right: 20px;
	white-space: nowrap;
}

img {
	max-width: 100%;
	height: auto;
}

/* Sous 860px, on libere les largeurs fixes (800px et 750px) posees en attributs HTML.
   Les selecteurs d'attribut visent exactement ces valeurs, les autres tableaux
   imbriques (width="100%") ne sont pas touches. */
@media (max-width: 860px) {
	body {
		margin: 0;
		padding: 0 8px;
	}
	body, p, td, tr, div, h5 {
		font-size: 14px;
	}
	table[width="800"], table[width="750"],
	td[width="800"],    td[width="750"] {
		width: auto !important;
		max-width: 100% !important;
	}
	table {
		max-width: 100%;
	}
	table.formations td:first-child {
		padding-right: 10px;
	}
	/* les cellules a largeur fixe de msir.html (navigation bas de page) */
	td[width="100"] {
		width: auto !important;
	}
}

/* Les h1, ajoutes le 24/08/2026 : ces pages n'en avaient aucun.
   Sur les pages internes, le titre visible etait un <h3> devenu
   <h1> ; ces deux lignes lui rendent la taille et la marge par
   defaut d'un h3, pour que RIEN ne bouge a l'ecran.
   Sur l'accueil, c'est le badge du nom (un <strong>) qui devient
   le h1 : h1.nom le ramene a la taille du texte courant. */
h1       { font-size: 1.17em; margin: 1em 0; font-weight: bold; }
h1.nom   { font-size: 1em;    margin: 0;     display: inline; }