/* Bandeau de l'accueil (remplace le diaporama Slider Revolution « accueil-paralax »). Voir bandeau-accueil.php. */
.opna-bandeau {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	height: round(min(70vw, 868px), 1px);
	overflow: hidden;
	background: #e7e7e7;
}
.opna-bandeau__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
}
.opna-bandeau .opna-bandeau__titre {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, calc(-50% - min(68px, 5.4839vw)));
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: round(clamp(22px, 4.8387vw, 60px), 1px);
	line-height: max(30.8px, round(min(6.4516vw, 80px), 1px));
	letter-spacing: round(down, clamp(0px, 0.1613vw, 2px), 1px);
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	animation: opna-bandeau-apparition 1.23s ease 0.4s both;
}
.opna-bandeau .opna-bandeau__bouton {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, calc(-50% + min(179px, 14.4355vw)));
	display: inline-block;
	padding: 12px 35px;
	border: 2px solid #e85521;
	background: #e85521;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	transition: background-color 0.3s, color 0.3s;
	animation: opna-bandeau-apparition 1.44s ease 0.89s both;
}
.opna-bandeau .opna-bandeau__bouton:hover,
.opna-bandeau .opna-bandeau__bouton:focus-visible {
	background: #fff;
	color: #000;
}
@media (max-width: 479px) {
	.opna-bandeau .opna-bandeau__bouton {
		padding: 6px 18px;
		font-size: 16px;
	}
}
@keyframes opna-bandeau-apparition {
	from { opacity: 0; }
	to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.opna-bandeau .opna-bandeau__titre,
	.opna-bandeau .opna-bandeau__bouton {
		animation: none;
	}
}