/*! ITES traceurs-consentement 1.3.1 (IT Expert Services) : facade YouTube */
.ites-yt-facade {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}
.ites-yt-facade__bouton {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #000;
	cursor: pointer;
}
.ites-yt-facade__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ites-yt-facade__icone {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 68px;
	height: 48px;
	margin: -24px 0 0 -34px;
	border-radius: 12px;
	background: #c61b1b;
}
.ites-yt-facade__icone::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -7px;
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent transparent transparent #fff;
}
.ites-yt-facade__bouton:hover .ites-yt-facade__icone,
.ites-yt-facade__bouton:focus-visible .ites-yt-facade__icone {
	background: #8f1313;
}
/* Anneau de focus bicolore AU-DESSUS de la vignette (A11y C2) : contour blanc 3 px + bordure #100025 4 px (20:1 entre eux). */
.ites-yt-facade__bouton:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -3px;
	box-shadow: none;
}
.ites-yt-facade__bouton::after {
	content: "";
	position: absolute;
	inset: 3px;
	pointer-events: none;
}
.ites-yt-facade__bouton:focus-visible::after {
	border: 4px solid #100025;
}
/* Lecteur cree au clic, et lecteur du <noscript> sans JavaScript (1.3.1, A11y m-1) : il remplit la facade. */
.ites-yt-facade__lecteur {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	border: 0;
}