/*
 * Corrections visuelles légères du site public (branche front-epure, lot 1).
 * Chargée après style.css : chaque règle ici corrige un défaut précis, sans refonte.
 * Couleurs de la charte reprises de style.css : rouge #e40520, anthracite #323232.
 */

/*------------------------------------------------ PIED DE PAGE */
#footer .grey-footer{
	padding:56px 0 44px;
}
#footer .grey-footer .col .titre-foota{
	font-size:12px;
	letter-spacing:.08em;
	margin-bottom:12px;
}
#footer .grey-footer .col ul li{
	line-height:1.5;
	margin-bottom:8px;
}
#footer .grey-footer .col ul li a{
	color:rgba(255,255,255,.62);
	font-size:14px;
	transition:color .2s;
}
#footer .grey-footer .col ul li a:hover{
	color:#fff;
}
/* Ancien encadré bleu « Presse, Photothèque… » : une liste comme les autres */
#footer .grey-footer .bloc-blue{
	display:block;
	background:none;
	max-width:none;
	padding:24px 0 0;
	margin-top:28px;
	border-top:1px solid rgba(255,255,255,.12);
	font-size:14px;
}
#footer .grey-footer .bloc-blue ul li{
	line-height:1.5;
	margin-bottom:8px;
}
#footer .grey-footer .bloc-blue ul li a{
	color:#fff;
	font-weight:500;
	transition:color .2s;
}
/* Survol : blanc et fin soulignement, comme les autres liens du pied de page (le rouge était trop vif, Robin 21/10) */
#footer .grey-footer .bloc-blue ul li a:hover{
	opacity:1;
	color:#fff;
	text-decoration:underline;
	text-underline-offset:3px;
}

/* Sous-pied : réseaux sociaux à gauche, mentions à droite, sur une seule barre */
#footer .footer-bottom{
	background:#1f1f1f;
	border-top:1px solid rgba(255,255,255,.06);
}
#footer .footer-bottom .center{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:16px 32px;
	padding:20px 0;
}
#footer .footer-bottom .black-footer{
	padding:0;
	background:none;
}
#footer .footer-bottom .black-footer ul{
	display:flex;
	gap:12px;
}
#footer .footer-bottom .black-footer ul li{
	float:none;
	margin:0;
}
#footer .footer-bottom .black-footer ul li a,
#footer .footer-bottom .black-footer ul li:nth-child(n) a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border:1px solid rgba(255,255,255,.28);
	border-radius:50%;
	background:none;
	color:#fff;
	text-indent:0;
	transition:background-color .2s, border-color .2s;
}
#footer .footer-bottom .black-footer ul li a:hover{
	opacity:1;
	background:#e40520;
	border-color:#e40520;
}
#footer .footer-bottom .black-footer svg{
	width:17px;
	height:17px;
	fill:currentColor;
	display:block;
}
#footer .footer-bottom .white-footer{
	margin-left:auto;
	padding:0;
	background:none;
	text-align:right;
}
#footer .footer-bottom .white-footer li{
	display:inline;
	font-size:13px;
	color:rgba(255,255,255,.45);
}
#footer .footer-bottom .white-footer li a{
	color:rgba(255,255,255,.62);
	transition:color .2s;
}
#footer .footer-bottom .white-footer li a:hover{
	color:#fff;
}
#footer .footer-bottom .white-footer li span{
	padding:0 10px;
	color:rgba(255,255,255,.25);
}
.visually-hidden{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
}

@media only screen and (max-width: 1200px){
	#footer .footer-bottom .center{
		width:94%;
	}
}

@media only screen and (max-width: 770px){
	#footer .grey-footer{
		padding:28px 0 0;
	}
	#footer .grey-footer .col:nth-child(1){
		background-size:170px auto;
		min-height:24px;
		height:24px;
		margin-bottom:12px;
	}
	#footer .grey-footer .col .bloc ul{
		margin-top:-6px;
	}
	#footer .grey-footer .col .bloc-blue,
	#footer .grey-footer .col:last-child .bloc-blue{
		width:94%;
		margin:0 auto;
		padding:20px 0 24px;
		border-top:none;
	}
	#footer .grey-footer .col .bloc-blue ul li{
		line-height:1.5;
		margin-bottom:12px;
	}
	#footer .footer-bottom .center{
		padding:24px 0;
		gap:20px;
	}
	#footer .footer-bottom .black-footer ul li a,
	#footer .footer-bottom .black-footer ul li:nth-child(n) a{
		width:44px;
		height:44px;
		background-size:auto;
	}
	#footer .footer-bottom .white-footer{
		margin-left:0;
		width:100%;
		text-align:left;
	}
	#footer .footer-bottom .white-footer li{
		display:block;
		padding:4px 0;
	}
	#footer .footer-bottom .white-footer li span{
		display:none;
	}
}

/*------------------------------------------------ ACCUEIL */
/* Tuile « Identité » : le titre et le texte passaient sur le logo de l'image.
   Ils sont posés en bas de la tuile, en blanc, sur un léger dégradé. */
.home .info-home .multiple-info > .link .info-color .article,
.home .info-home .info-color .article{
	position:absolute;
	top:auto;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:48px 24px 22px;
	text-align:center;
	background:linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));
}
.home .info-home .info-color .article .new-titre{
	color:#fff;
	font-size:18px;
	line-height:1.3;
	margin-bottom:4px;
}
.home .info-home .info-color .article p,
.home .info-home .info-color .article .description-img{
	color:rgba(255,255,255,.85);
	font-size:13px;
	line-height:1.5;
}

/* Actualités : le carrousel s'arrête au bord du contenu au lieu de sortir de la page */
.home .actu-home .center{
	overflow:hidden;
}
/* L'interligne trop serré faisait couper l'accent de « ACTUALITÉS » */
.home .actu-home .titre{
	line-height:1.3;
}
/* Date sur deux lignes en anglais (« September 24, 2026 ») : les lignes se chevauchaient */
.home .actu-home .swiper-2 .article .my-content .date{
	line-height:1.25;
}
/* Pagination : « 1 / 20 » entre deux flèches au lieu de 20 points */
.home .actu-home .pagin-posit-2{
	display:flex;
	align-items:center;
	height:34px;
	padding:0;
	overflow:visible;
}
.home .actu-home .pagin-posit-2 .swiper-button-prev-2,
.home .actu-home .pagin-posit-2 .swiper-button-next-2{
	position:static;
	width:34px;
	height:34px;
	margin:0;
	background-position:center;
	opacity:.7;
	transition:opacity .2s;
}
.home .actu-home .pagin-posit-2 .swiper-button-prev-2:hover,
.home .actu-home .pagin-posit-2 .swiper-button-next-2:hover{
	opacity:1;
}
.home .actu-home .pagin-posit-2 .swiper-button-prev-2{
	order:1;
}
.home .actu-home .pagin-posit-2 .swiper-pagination-2{
	order:2;
	position:static;
	width:auto;
	min-width:64px;
	font-size:14px;
	line-height:34px;
	text-align:center;
	color:#828282;
}
.home .actu-home .pagin-posit-2 .swiper-pagination-current{
	color:#e40520;
	font-weight:600;
}
.home .actu-home .pagin-posit-2 .swiper-button-next-2{
	order:3;
}

@media only screen and (max-width: 820px){
	/* La carte était coupée en hauteur : le bouton « Lire l'article » disparaissait */
	.home .actu-home .swiper-slide .article{
		max-height:none;
	}
	/* Images au format des visuels d'articles (2:1) : toutes les cartes ont la même hauteur */
	.home .actu-home .swiper-slide .article .figure{
		min-height:0;
		aspect-ratio:2 / 1;
	}
	.home .actu-home .swiper-slide .article .my-content{
		flex:1;
	}
	.home .actu-home .pagin-posit-2{
		height:24px;
	}
	.home .actu-home .pagin-posit-2 .swiper-pagination-2{
		line-height:24px;
	}
	.home .actu-home .pagin-posit-2 .swiper-button-prev-2,
	.home .actu-home .pagin-posit-2 .swiper-button-next-2{
		height:24px;
	}
}

/*------------------------------------------------ PAGES DE CONTENU */
/* Bandeau photo : aligné sur la largeur du contenu (il débordait à gauche) */
.marque .banner.banner-photo{
	height:auto;
	max-width:1200px;
	margin:0 auto;
}
.marque .banner.banner-photo img{
	position:static;
	display:block;
	width:100%;
	height:auto;
	max-height:410px;
	margin:0;
	object-fit:cover;
	object-position:center top;
}
@media only screen and (max-width: 1200px){
	.marque .banner.banner-photo{
		width:94%;
	}
}

/* Texte justifié saisi dans le BO : gardé justifié, comme sur l'ancien site (retour d'Audrey du 23/10/2026) ; aligné à
   gauche sur téléphone seulement, où la colonne étroite creuserait de grands blancs entre les mots */
@media only screen and (max-width: 740px){
	section.content [style*="text-align: justify"],
	section.content [style*="text-align:justify"]{
		text-align:left !important;
	}
}

/*------------------------------------------------ CONTACT */
/* Mentions RGPD : interligne normal, alignées sous le bouton */
.form-contact .champs.cookiemessege{
	float:none;
	clear:both;
	margin:0;
	padding-top:28px;
	max-width:640px;
	font-size:12px;
	line-height:1.6;
}
.form-contact .champs.cookiemessege a{
	color:#323232;
	text-decoration:underline;
}