/*
 * DAEMOD - styles lies au SEO / accessibilite
 * 22/09/2026 - cf. 20260922_ANALYSE_daemod-securite-seo.md (SEO-3)
 *
 * Aucune des pages du site ne comportait de <h1> : les titres visibles sont des
 * <div class="tp-caption"> du slider Revolution, sans valeur semantique. Un <h1> est
 * desormais emis par htdocs/index.php a partir de config/seo.php.
 *
 * .daemod-h1 : le titre est present dans le DOM, lu par les moteurs et les lecteurs
 * d'ecran, mais retire du flux visuel - la maquette existante n'est pas touchee.
 * Ce n'est PAS du "display:none" ni du "visibility:hidden" (qui feraient ignorer le
 * titre) : la technique est celle recommandee pour les libelles accessibles.
 *
 * Pour afficher le titre, remplacer la classe par .daemod-h1-visible dans
 * htdocs/index.php - cela demande une validation graphique page par page.
 */

.daemod-h1 {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.daemod-h1-visible {
	margin: 0 0 24px;
	padding: 0 15px;
	font-family: 'Titillium Web', 'Open Sans', sans-serif;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 300;
	color: #00b0f0;
}

@media only screen and (max-width: 768px) {
	.daemod-h1-visible {
		font-size: 26px;
	}
}