/* 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;
	}
}