/*
 * E2IT - section Formation.
 *
 * Section marine centree, montee en blocs Elementor natifs : surtitre,
 * titre, paragraphe, bouton facultatif. Utilisee sur L equipe et sur
 * Territoire et engagements.
 *
 * Feuille autonome : elle etait logee dans equipe-page.css, qui ne se
 * charge qu avec le widget equipe. Sur toute autre page, la section
 * perdait son rythme et ses elements se collaient.
 *
 * Le conteneur exterieur porte le fond marine et le padding de section,
 * reglables dans Elementor. Le conteneur interieur ne porte rien : il
 * centre et limite la largeur.
 */

.e-con.e2it-formation--centree {
	text-align: center;
}

.e-con.e2it-formation__corps {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	padding: 0;
	text-align: center;
}

/* Rythme vertical : 16 sous le surtitre, 24 sous le titre, 32 avant le
   bouton. Une action se detache davantage qu un paragraphe ne suit un
   titre.

   Specificite volontairement haute : Elementor remet a zero les marges de
   ses enveloppes de widget, une regle plus courte serait ecrasee. */
.e-con .elementor-widget.e2it-formation__surtitre:not(:last-child) {
	margin-block-end: var(--e2it-espace-4);
}

.e-con .elementor-widget.e2it-formation__titre:not(:last-child) {
	margin-block-end: var(--e2it-espace-6);
}

.e-con .elementor-widget.e2it-formation__paragraphe:not(:last-child) {
	margin-block-end: var(--e2it-espace-8);
}

/* Marges internes des widgets remises a zero : sinon elles s ajoutent a
   celles ci-dessus et le rythme double. */
.e2it-formation__surtitre p,
.e2it-formation__surtitre .elementor-heading-title,
.e2it-formation__titre .elementor-heading-title,
.e2it-formation__paragraphe p:last-child {
	margin: 0;
}

/* Le titre garde une largeur lisible et se repartit sur des lignes
   equilibrees plutot que de laisser un mot seul en fin de bloc. */
.e2it-formation__titre .elementor-heading-title {
	max-width: 24ch;
	margin-inline: auto;
	text-wrap: balance;
}

/* Le paragraphe garde sa largeur de lecture et se centre : etale sur
   1240 px, l oeil perdrait le debut de ligne a chaque retour. */
.e2it-formation__paragraphe {
	max-width: 62ch;
	margin-inline: auto;
	text-wrap: pretty;
}

.e2it-formation__image {
	margin-inline: auto;
	max-width: 420px;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: var(--e2it-rayon-carte);
}

.e2it-formation__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 767px) {
	.e-con .elementor-widget.e2it-formation__titre:not(:last-child) {
		margin-block-end: var(--e2it-espace-4);
	}

	.e-con .elementor-widget.e2it-formation__paragraphe:not(:last-child) {
		margin-block-end: var(--e2it-espace-6);
	}
}