/* ------------------------------------------------------------------
   Pages de devis : UNE seule colonne.

   Ces pages viennent d'un gabarit bâti pour trois colonnes. Greffées
   sur ce site, dont la colonne centrale est bien plus étroite, les
   trois colonnes tassaient le texte. David, le 18/09/2026 : « remets en
   1 colonne ».

   Les classes de grille restent dans le HTML — on ne touche pas aux
   pages —, elles sont neutralisées ici.
   ------------------------------------------------------------------ */

.line > .margin { display: block; }

.line > .margin > div {
	float: none;
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.25rem;
}

.line > .margin img { max-width: 100%; height: auto; }

.margin-bottom { margin-bottom: 1.25rem; }
.margin-bottom-0 { margin-bottom: 0; }
.padding-2x { padding: 2.5rem; }
.text-center { text-align: center; }
.text-size-16 { font-size: 1rem; }
.text-dark { color: #333333; }

/* ------------------------------------------------------------------
   Bandeau de titre des pages régionales.

   La feuille du site applique un fond bleu à tous les <header>, barre
   de navigation comprise. Le bandeau de l'article héritait donc de ce
   bleu, et la classe « background-white » prévue par le gabarit n'était
   définie nulle part. S'y ajoutaient les colonnes vides du gabarit trois
   colonnes, d'où l'aplat bleu et le vide sous le chapeau.
   ------------------------------------------------------------------ */

header.background-white {
	background-color: #ffffff;
}

header.section {
	padding: 0 0 1rem;
}

header.section h1 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

header.section p.text-size-16 {
	font-size: 1.1rem;
	line-height: 1.6;
}

/* colonne laissée vide par le gabarit (image de fond jamais posée) */
header.section .s-12.m-12.l-6:empty {
	display: none;
}