/***************************** CMS - Sections réutilisables *****************************/

/* Section avec image et texte côte à côte */

@media (max-width: 991px) {
	.cms-section {
		margin: 3em 0;
	}

	.cms-section .cms-section__text {
		padding: 2em 0;
	}

	.cms-section--split-equal .cms-section__text {
		padding: 0;
	}

	.cms-section--split-equal .cms-section__image {
		margin-bottom: 1em;
	}
}

@media (min-width: 992px) {
	.cms-section {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 5em 0;
	}

	.cms-section__title {
		width: 100%;
	}

	.cms-section .cms-section__text {
		width: 66.66%;
		padding-left: 5em;
	}

	.cms-section .cms-section__image {
		width: 400px;
	}

	/* Image à droite */
	.cms-section--reverse .cms-section__image {
		order: 1;
	}

	.cms-section--reverse .cms-section__text {
		padding-left: 0;
		padding-right: 5em;
	}

	/* Disposition égale 50/50 */
	.cms-section--split-equal {
		flex-wrap: wrap;
	}
	.cms-section--split-equal .cms-section__image,
	.cms-section--split-equal .cms-section__text {
		width: 48%;
	}

	.cms-section--split-equal .cms-section__text {
		padding-left: 0;
	}

	.cms-section--split-equal.cms-section--reverse .cms-section__text {
		padding-right: 0;
	}
}

/* Section pleine largeur avec fond */
.cms-section--full-width {
	background-color: var(--color-background-light);
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	box-sizing: border-box;
}

/* Section centrée en colonne */
.cms-section--centered {
	display: flex;
	align-items: center;
	flex-direction: column;
}

/* Bloc mis en évidence */
.cms-highlight {
	background-color: var(--color-background-light);
	padding: 2em;
	box-sizing: border-box;
}

.cms-section .cms-section__text.cms-highlight {
	padding: 2em;
}

@media (min-width: 992px) {
	.cms-section .cms-section__text.cms-highlight {
		padding: 3em;
	}
}

.cms-highlight--yellow {
	background-color: #fef8d6;
}

.cms-highlight p:last-child {
	margin-bottom: 0;
}