/* Page d'accueil - sections Histoire (video) et Produits et services - 28/10/2026 */

/* Histoire : texte a gauche, video a droite */
.accueil-histoire {
	background: #045f9b;
	padding: 90px 0;
}
.accueil-histoire .about-item h2.content-title,
.accueil-histoire .about-item p,
.accueil-histoire .about-item .section-title span { color: #fff; }
.accueil-histoire .about-item { padding-right: 20px; }

.accueil-histoire-media {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
	background: #1a120c;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.accueil-histoire-media iframe,
.accueil-histoire-media img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
	object-position: center top;   /* photo 4:3 dans un cadre 16:9 : on garde le haut (visages) */
}

/* Lecteur YouTube charge au clic */
.video-youtube {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: #1a120c;
	cursor: pointer;
}
.video-youtube:after {
	content: "";
	position: absolute;
	inset: 0;
	/* Voile aux couleurs de la charte : bleu #074470 vers bleu nuit #082331 */
	background: linear-gradient(180deg, rgba(7, 68, 112, .28) 0%, rgba(8, 35, 49, .38) 55%, rgba(8, 35, 49, .78) 100%);
	transition: opacity .25s ease;
}
.video-youtube:hover:after,
.video-youtube:focus-visible:after { opacity: .75; }
.video-youtube-lecture {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	margin: -42px 0 0 -42px;
	border-radius: 50%;
	background: #cb0e2b;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
	transition: transform .2s ease, background .2s ease;
}
.video-youtube-lecture:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -9px;
	border-style: solid;
	border-width: 15px 0 15px 26px;
	border-color: transparent transparent transparent #fff;
}
.video-youtube-mention {
	position: absolute;
	z-index: 1;
	left: 24px;
	bottom: 18px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.video-youtube:hover .video-youtube-lecture,
.video-youtube:focus-visible .video-youtube-lecture { transform: scale(1.08); background: #a50b23; }
.video-youtube:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }

/* Produits et services : meme construction que les autres sections (titre centre, contenu dans la largeur du site) - 28/10/2026 */
.accueil-produits {
	background: #f5f3ef;
	padding: 90px 0 80px;
}
.accueil-produits .accueil-produits-intro {
	max-width: 760px;
	margin: 36px auto 0;
	font-size: 18px;
	line-height: 1.7;
	color: #032134;
}
.accueil-produits-image {
	margin: 44px 0 40px;
}
.accueil-produits-image img {
	display: block;
	width: 100%;
	max-width: 1140px;     /* grand et lisible, sans depasser une hauteur d'ecran */
	height: auto;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.accueil-histoire { padding: 50px 0; }
	.accueil-histoire .about-item { padding-right: 0; }
	.accueil-histoire-media { margin-top: 36px; }

	.accueil-produits { padding: 50px 0; }
	.accueil-produits-image { margin: 30px 0; }
}