.edito {
	display: flex;
	flex-direction: column;
	position: relative;
}

.edito .desktop-only {
	display: none;
}

.edito::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: " ";
	opacity: 1;
	background: rgb(245, 245, 245);
	background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 0) 185px, rgba(245, 245, 245, 1) 235px);
	background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 0) 185px, rgba(245, 245, 245, 1) 235px);
	background: linear-gradient(180deg, #f5f5f500 185px, #f5f5f5 235px);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#f5f5f5", GradientType=1);
}

.edito h1 {
	font-size: 24px !important;
	line-height: 0.9em;
	margin-top: 0 !important;
}

.edito h1 + h2 {
	font-size: 16px;
	margin-top: 0.5em;
	line-height: 1.1em;
}

.edito_txt {
	text-align: left;
	float: none !important;
	width: 100%;
	font-size: 0.875em;
	line-height: 1.2em;
	margin-top: 1em;
	position: relative;
	z-index: 2;
}



/* .edito_txt > * {
	display: inline;
} */

.edito_txt > p + p {
	margin-top: 0.75em;
}

.edito_txt a {
	text-decoration: underline;
	color: var(--vef-couleur-dominante, #393939);
}

.edito_txt a:hover,
.edito_txt a:focus-visible {
	text-decoration: underline;
	color: inherit;
}

.edito_txt br {
	display: none;
}




/* DESKTOP */
@media (min-width:750px) {


	.edito {
		flex-shrink: 1;
		width: 100%;
		text-align-last: left;
		overflow: hidden;

		padding: var(--vef-elements-spacing);
		padding-left: 170px !important;
		padding-right: 20px !important;
		background-size: unset;
		background-position: unset;

		background-color: #f5f5f5;
		background-image: var(--vef-edito-url-image);

		border-radius: 10px;
	}

	.edito .desktop-only {
		display: unset;
	}

	.edito .mobile-only {
		display: none;
	}

	.edito > * {
		z-index: 2;
	}

	.edito::before {
		display: none;
	}

	.edito::after {
		position: absolute;
		z-index: 1;
		inset: 0;
		content: " ";
		background: rgb(245, 245, 245);
		background: linear-gradient(90deg, rgba(245, 245, 245, 0) 25%, rgba(255, 255, 255, 1) 65%);
	}


	.edito h1 {
		font-size: 2.25em !important;
	}

	.edito h2 {
		font-size: 1.15em !important;
	}


	.edito_txt {
		text-align: left !important;
		width: 100% !important;
		font-size: 1em;
	}

	.edito_txt > * {
		display: block;
	}



	.edito_txt br {
		display: inline;
	}

	.edito .signature {
		margin-top: 0.75em;
	}

	.edito .signature .portrait {
		display: none;
	}

}