/* Alignements du texte dans les pages (affichage seulement) : une seule ligne de lecture, à gauche. */

/* 1. Plus de texte justifié (grands blancs entre les mots) ni de paragraphes centrés au fil du texte. */
.page-wrapper .col-inner :is(p, li, h2, h3, h4, h5, h6, div)[style*="text-align: justify"],
.page-wrapper .col-inner :is(p, li, h2, h3, h4, h5, h6, div)[style*="text-align:justify"],
.page-wrapper .col-inner > :is(p, h2, h3, h4, h5, h6)[style*="text-align: center"],
.page-wrapper .col-inner > :is(p, h2, h3, h4, h5, h6)[style*="text-align:center"] {
	text-align: left !important;
}
.page-wrapper .col-inner :is(p, li) { text-align: left; }

/* 2. Encarts de couleur (bandeaux avec texte) : titre et texte sur le même bord gauche, lignes aérées. */
.page-wrapper .banner .text-box-content,
.page-wrapper .banner .text-inner,
.page-wrapper .banner .text-inner :is(p, h1, h2, h3, h4, h5, h6, div, span) {
	text-align: left !important;
}
.page-wrapper .banner .text-inner :is(p, div) { line-height: 1.35; }
.page-wrapper .banner .text-inner :is(h1, h2, h3, h4) { line-height: 1.15; margin-bottom: 6px; }
.page-wrapper .banner .text-inner p { margin-bottom: 4px; }
.page-wrapper .banner .text-inner > :last-child,
.page-wrapper .banner .text-inner p:last-child { margin-bottom: 0; }
/* Le texte de l'encart ne colle plus aux bords. */
.page-wrapper .banner .text-box { padding-left: 4px; padding-right: 4px; }

/* Les titres de formation dans les bandeaux de couleur (H1 des fiches) et les grosses barres jaunes
   au-dessus des tableaux gardent leur alignement d'origine (centrées pour les barres). */
.page-wrapper .banner .text-inner .ebtp-fiche__h1 { text-align: left !important; }
/* Barres de titre (au-dessus des tableaux) : titre aligné à gauche comme tous les titres, avec une marge. */
.page-wrapper .banner.ebtp-barre .text-box { left: 0 !important; right: auto !important; width: 100% !important; transform: translateY(-50%) !important; padding: 0 24px !important; }
.page-wrapper .banner.ebtp-barre .text-inner :is(h1, h2, h3, h4, h5, h6, p, div, span) { text-align: left !important; }