/* BP Envira Bandeau 1.0 — défilement continu en CSS pur, deux copies de la piste pour une boucle sans couture. */
.bp-bandeau {
	--bp-bandeau-h: 220px;
	--bp-bandeau-hm: 132px;
	--bp-bandeau-d: 120s;
	--bp-bandeau-gap: 8px;
	overflow: hidden;
	width: 100%;
	margin: 0 0 var(--bp-bandeau-gap);
}
.bp-bandeau__piste {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: bp-bandeau-gauche var(--bp-bandeau-d) linear infinite;
}
.bp-bandeau--droite .bp-bandeau__piste {
	animation-name: bp-bandeau-droite;
}
.bp-bandeau__groupe {
	display: flex;
	flex-shrink: 0;
}
.bp-bandeau__item {
	display: block;
	flex-shrink: 0;
	height: var(--bp-bandeau-h);
	margin-right: var(--bp-bandeau-gap);
	line-height: 0;
	overflow: hidden;
}
.bp-bandeau__item img {
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
	object-fit: cover;
	transition: transform .4s ease;
}
a.bp-bandeau__item:hover img,
a.bp-bandeau__item:focus-visible img {
	transform: scale(1.04);
}
.bp-bandeau:hover .bp-bandeau__piste,
.bp-bandeau:focus-within .bp-bandeau__piste {
	animation-play-state: paused;
}
@keyframes bp-bandeau-gauche {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@keyframes bp-bandeau-droite {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}
@media (max-width: 767px) {
	.bp-bandeau__item { height: var(--bp-bandeau-hm); }
}
@media (prefers-reduced-motion: reduce) {
	.bp-bandeau { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.bp-bandeau__piste { animation: none; }
	.bp-bandeau__groupe[aria-hidden] { display: none; }
}