/**
 * Pages éditoriales 2026 (À propos). Chargé sur tout le site : la navigation AJAX remplace le contenu
 * sans recharger les feuilles de style. Forme #wr-avatar : img/formes-2026.svg.
 */

/* Le gabarit pleine page fait 1024 px : on limite la ligne à environ 75 caractères pour le confort de lecture. */
.a-propos{
	max-width:46rem;
}

/* Portrait de biais, à droite du texte en bureau, au-dessus en mobile. */
.a-propos__portrait{
	float:right;
	width:260px;
	margin:.5rem 0 1.5rem 2.5rem;
	clip-path:url(#wr-avatar);
}
.texte .a-propos__portrait img{
	display:block;
	width:100%;
	height:auto;
}
.a-propos::after{
	content:'';
	display:block;
	clear:both;
}

/* Profils externes : une ligne de liens, sans puces. */
.texte .a-propos__profils{
	display:flex;
	flex-wrap:wrap;
	gap:.5rem 1.75rem;
}
.texte .a-propos__profils li{
	padding-left:0;
}
.texte .a-propos__profils li::before{
	content:none;
}

/* Appel : même bouton de biais que l'encart auteur des articles. */
.texte .a-propos__liens{
	margin-top:1.5rem;
}
.texte a.a-propos__bouton{
	display:inline-block;
	padding:.65rem 1.4rem .5rem;
	background:#36bcd3;
	color:#06171c;
	font-family:'Bebas', sans-serif;
	font-size:1.5rem;
	line-height:1;
	text-decoration:none;
	clip-path:url(#wr-avatar);
	transition:background-color .2s ease-out;
}
.texte a.a-propos__bouton:hover{
	background:#6fd6e6;
}
.texte .a-propos__offres{
	margin-top:2rem;
	font-size:.95rem;
	color:#46616a;
}

@media (max-width:600px){
	.a-propos__portrait{
		float:none;
		width:180px;
		margin:0 auto 1.5rem;
	}
}

@media (prefers-reduced-motion:reduce){
	.texte a.a-propos__bouton{
		transition:none;
	}
}

/* Encarts du gabarit Services : un paragraphe qui suit une liste reprend sa respiration. */
.encart-text ul + p{
	margin-top:1rem;
}

/* Gabarit Services, lisibilité (03/11/2026) : la grille d'étapes passe en bleu nuit sur cyan (contraste 6,5 au lieu de 2,8)
   et se lit de gauche à droite dans chaque cellule ; le chapô du bloc cyan aussi. */
.offer > p{
	color:#0b1119;
	font-weight:600;
	max-width:40rem;
	margin:0 auto;
	padding:0 1rem;
}
.offer__item{
	text-align:left;
}
.offer__item p{
	color:#0b1119;
	font-weight:400;
}
.encart-text li strong{
	color:#fff;
}

/* Page offre « Site piraté » : les réponses clés sous le titre, le téléphone en bouton, et un encart collant
   à la place de l'image sur les blocs qui n'en ont pas (prix, délai, discrétion, téléphone). */
.presentation__titre{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
}
.presentation__reponses{
	max-width:24rem;
	margin:0;
	padding:1.25rem 1.6rem 1.35rem;
	background:rgba(9,16,25,.92);
	clip-path:url(#wr-cartouche);
	font-family:'Muli', sans-serif;
	font-size:1rem;
	line-height:1.55;
	color:#cfe9ee;
}
.presentation__reponses strong{
	color:#fff;
	font-weight:700;
}
.contact-home-button--tel{
	margin:-1.8rem 0 0 1rem;
	padding:2.2rem 2rem 2rem;
	background:#36bcd3;
	color:#06171c;
	clip-path:url(#wr-tel-a);
}
.contact-home-button--tel:hover,
.contact-home-button--tel:focus{
	background:#6fd6e6;
	color:#06171c;
}
.encart-image{
	align-self:stretch;
}
.encart-aside{
	position:sticky;
	top:6rem;
	width:260px;
	margin:2.5rem 1.5rem;
	padding:1.6rem 1.7rem 1.9rem;
	background:rgba(21,46,66,.92);
	clip-path:url(#wr-encart);
	color:#e6f6f9;
	font-size:.95em;
	line-height:1.5;
}
.encart-aside p{
	margin:0;
	color:#e6f6f9;
}
.encart-aside p + p{
	margin-top:.6rem;
}
.encart-aside__prix{
	font-family:'Bebas', sans-serif;
	font-size:3rem;
	line-height:1;
	color:#7ef3ff;
}
.encart-aside__prix small{
	font-size:.5em;
	margin-left:.15em;
}
.encart-aside a{
	display:inline-block;
	margin-top:1.1rem;
	padding:1.1rem 1.3rem .8rem;
	background:#ffe76f;
	color:#12587a;
	font-family:'Bebas', sans-serif;
	font-size:1.5rem;
	line-height:1;
	letter-spacing:1px;
	text-decoration:none;
	clip-path:url(#wr-tel-b);
}
.encart-aside a:hover,
.encart-aside a:focus{
	background:#ea4f46;
	color:#fff;
}
.appel-fixe{
	display:none;
}

@media (max-width:780px){
	.presentation__reponses{
		max-width:none;
	}
	.contact-home-button--tel{
		margin-left:0;
	}
	.encart-aside{
		position:static;
		width:auto;
		margin:1.5rem 0 0;
		text-align:left;
	}
	.appel-fixe{
		display:block;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:50;
		padding:.9rem 1rem calc(.9rem + env(safe-area-inset-bottom));
		background:#ffe76f;
		color:#12587a;
		font-family:'Bebas', sans-serif;
		font-size:1.5rem;
		line-height:1;
		text-align:center;
		text-decoration:none;
	}
	main:has(.appel-fixe){
		padding-bottom:4.5rem;
	}
}

/* Grille d'étapes à 6 cases (page Site piraté) : la 6e est à la fois le virage vers la gauche et la dernière.
   Le trait arrive de la droite et finit en pointillé vers la gauche, comme la 9e finit vers la droite. */
@media (min-width:861px){
	.offer__item:nth-child(6):last-child::before{
		left:50%;
		right:0;
	}
	.offer__item:nth-child(6):last-child::after{
		left:0;
		right:50%;
		top:15px;
		bottom:auto;
		height:10px;
		border:0;
		border-radius:0;
		background-size:100% 100%;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="100" viewBox="0 0 1 1"><path d="M.715 0L1 0 1 1 .715 1Z M.5 0L.65 0 .65 1 .5 1Z M.3 0L.42 0 .42 1 .3 1Z M.12 0L.2 0 .2 1 .12 1Z M0 0L.03 0 .03 1 0 1Z" fill="rgb(41, 90, 109)"/></svg>');
	}
}

/* Survols 2026 sur les pièces de 2018 : transition courte et focus visible ; le jaune garde son passage au rouge,
   les marches du bandeau et les filtres corail gardent leur teinte et s'éclaircissent. */
a.contact-home-button,
a.service-link,
.edito a.button,
.edito .button,
a.term-filter{
	transition:background-color .2s ease-out, color .2s ease-out, filter .2s ease-out;
}
/* Le jaune vire au rouge au survol : c'est le geste de 2018, Willy y tient ; seule la transition est nouvelle. */
a.contact-home-button:hover,
a.contact-home-button:focus{
	background:#ea4f46;
	color:#fff;
}
a.service-link:hover,
a.service-link:focus{
	background:inherit;
	color:inherit;
	filter:brightness(1.15);
}
a.service-link:first-child:hover,
a.service-link:first-child:focus{
	background:#8FEDF9;
	color:black;
}
a.service-link:nth-child(2):hover,
a.service-link:nth-child(2):focus{
	background:#56FFF1;
	color:#152e42;
}
a.service-link:nth-child(3):hover,
a.service-link:nth-child(3):focus{
	background:#348FAA;
	color:white;
}
.edito a.button:hover,
.edito a.button:focus,
.edito .button:hover,
.edito .button:focus,
a.term-filter:hover,
a.term-filter:focus{
	background-color:#ff9a85;
}
a.contact-home-button:focus-visible,
a.service-link:focus-visible,
.edito .button:focus-visible{
	outline:2px solid #36bcd3;
	outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
	a.contact-home-button,
	a.service-link,
	.edito .button{
		transition:none;
	}
}
















/* ===== Accueil 2026 (template/accueil-2026.php) : escalier de six marches, la dernière noire. ===== */
.accueil-2026 .presentation h1,
.accueil-2026 .presentation h1 span{
	font-weight:700;
}
.accueil-2026 .encart-home--clients .encart-home__text,
.accueil-2026 .encart-home--noir .encart-home__text{
	width:60vw;
	max-width:60vw;
	box-sizing:border-box;
}
.accueil-2026 .intro-accueil p{
	max-width:34rem;
	font-size:1.1em;
	line-height:1.6;
	color:#fff;
}
.accueil-2026 .sous-titre-encart{
	margin:2rem 0 0;
	font-family:'Bebas', sans-serif;
	font-weight:200;
	font-size:1.7rem;
	letter-spacing:1px;
	color:#7ef3ff;
}
.accueil-2026 .clients{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex:0 0 auto;
	flex-wrap:nowrap;
	gap:0 2.5rem;
	padding-right:2.5rem;
	font-family:'Muli', sans-serif;
	font-size:1rem;
	animation:wabeo-defile 45s linear infinite;
}
.accueil-2026 .clients li{
	padding-left:0;
	display:flex;
	align-items:center;
	gap:.55rem;
	color:#cfe9ee;
	white-space:nowrap;
}
.accueil-2026 .clients li::before{
	content:'';
	position:static;
	width:.55rem;
	height:.55rem;
	background:#36bcd3;
	clip-path:polygon(8% 0, 100% 12%, 92% 100%, 0 88%);
}
.accueil-2026 .defile{
	display:flex;
	overflow:hidden;
	margin:1rem 0 2rem;
	mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	-webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.accueil-2026 .defile:hover .clients{
	animation-play-state:paused;
}
@keyframes wabeo-defile{
	to{ transform:translateX(-100%); }
}
.accueil-2026 .chiffres{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:nowrap;
	gap:1.5rem 3rem;
}
.accueil-2026 .chiffres li{
	flex:0 0 auto;
	padding-left:0;
}
.accueil-2026 .chiffres li::before{
	content:none;
}
.accueil-2026 .chiffres strong{
	display:block;
	font-family:'Bebas', sans-serif;
	font-weight:700;
	font-size:3rem;
	line-height:1;
	color:#7ef3ff;
}
.accueil-2026 .chiffres span{
	display:block;
	font-family:'Muli', sans-serif;
	font-size:.95rem;
	color:#cfe9ee;
	max-width:11rem;
}
.accueil-2026 .offres{
	margin:0;
	padding:0;
	list-style:none;
}
.accueil-2026 .offres li{
	padding:.9rem 0;
	border-top:1px solid rgba(255,255,255,.14);
	font-family:'Muli', sans-serif;
	line-height:1.5;
}
.accueil-2026 .offres li::before{
	content:none;
}
.accueil-2026 .offres li:first-child{
	border-top:0;
}
.accueil-2026 .offres strong{
	font-family:'Bebas', sans-serif;
	font-weight:700;
	font-size:1.5rem;
	letter-spacing:.5px;
	color:#fff;
	margin-right:.5rem;
}
.accueil-2026 .offres__lien{
	color:#8fedf9;
	white-space:nowrap;
}
.accueil-2026 .offres__lien::after{
	content:' →';
}
.accueil-2026 .encart-home--noir .sous-titre-encart{
	margin-top:3rem;
}
.accueil-2026 .encart-home--noir .blocs{
	margin:1rem 0 1.5rem;
}
.accueil-2026 .encart-home--noir .bloc-item h2{
	font-family:'Muli', sans-serif;
	font-weight:300;
	font-size:1.5rem;
	line-height:1.3;
	text-transform:none;
	color:#225a6d;
}
.accueil-2026 .encart-home.encart-home--noir:nth-child(6) .encart-home__text{
	background:#0b1119;
}
.accueil-2026 .encart-home.encart-home--noir:nth-child(6) .encart-home__text::before{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="100" viewBox="0 0 1 1"><path d="M0 0 L0 1 L1 1 L0.55871 0.46064 Q0.55 0.45 0.54186 0.42559 L0.50814 0.32441 Q0.5 0.3 0.49119 0.29472 L0 0Z" fill="%230b1119"/></svg>')}
.accueil-2026 .encart-home.encart-home--noir:nth-child(6) .encart-home__text::after{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="100" viewBox="0 0 1 1"><path d="M0 0 L0 1 L1 1 L0.65267 0.56584 Q0.64 0.55 0.62733 0.56584 L0.61267 0.58416 Q0.6 0.6 0.58455 0.58896 L0.33545 0.41104 Q0.32 0.4 0.3156 0.37799 L0.3044 0.32201 Q0.3 0.3 0.28605 0.28605 L0 0Z" fill="%230b1119"/></svg>')}
@media (prefers-reduced-motion:reduce){
	.accueil-2026 .defile{ mask-image:none; -webkit-mask-image:none; display:block; }
	.accueil-2026 .clients{ animation:none; flex-wrap:wrap; gap:.4rem 1.6rem; }
	.accueil-2026 .clients[aria-hidden]{ display:none; }
}
@media (max-width:780px){
	.accueil-2026 .encart-home--clients .encart-home__text,
	.accueil-2026 .encart-home--noir .encart-home__text{ width:auto; max-width:none; }
	.accueil-2026 .chiffres{ flex-wrap:wrap; }
	.accueil-2026 .offres__lien{ white-space:normal; }
}
/* Les puces des clients : de petits cailloux, pas des carrés, cinq découpes qui tournent et des tailles qui varient. */
.accueil-2026 .clients li:nth-child(5n+1)::before{ clip-path:polygon(12% 0, 78% 6%, 100% 48%, 84% 100%, 18% 92%, 0 42%); }
.accueil-2026 .clients li:nth-child(5n+2)::before{ clip-path:polygon(0 18%, 56% 0, 100% 22%, 92% 80%, 38% 100%, 6% 70%); width:.62rem; height:.52rem; }
.accueil-2026 .clients li:nth-child(5n+3)::before{ clip-path:polygon(22% 0, 100% 10%, 90% 64%, 60% 100%, 0 86%, 8% 30%); width:.5rem; height:.6rem; }
.accueil-2026 .clients li:nth-child(5n+4)::before{ clip-path:polygon(0 30%, 40% 0, 100% 16%, 96% 70%, 54% 100%, 10% 90%); width:.6rem; height:.56rem; }
.accueil-2026 .clients li:nth-child(5n+5)::before{ clip-path:polygon(16% 8%, 70% 0, 100% 40%, 88% 92%, 30% 100%, 0 58%); width:.52rem; height:.58rem; }
.accueil-2026 .clients li:nth-child(3n)::before{ transform:rotate(14deg); }
.accueil-2026 .clients li:nth-child(4n+1)::before{ transform:rotate(-11deg); }
/* Accueil 2026, corrections après le premier aperçu : la ligne qui défile ne doit pas dicter la largeur du bloc
   (un enfant flex garde sa largeur intrinsèque sans min-width:0), et les chiffres peuvent passer à la ligne. */
.accueil-2026 .encart-home__text{
	min-width:0;
}
.accueil-2026 .defile{
	width:100%;
	min-width:0;
}
.accueil-2026 .chiffres{
	flex-wrap:wrap;
	gap:1.25rem 2.25rem;
}
.accueil-2026 .chiffres span{
	max-width:9rem;
}
/* Accueil 2026, deuxième correction : les blocs collés au bord perdent (100vw - 1024px) / 2 dans leur marge,
   60 vw ne laissent que 600 px de contenu à 1440 px. On passe à 72 vw, et les cartes d'articles respirent moins. */
@media (min-width:781px){
	.accueil-2026 .encart-home--clients .encart-home__text,
	.accueil-2026 .encart-home--noir .encart-home__text{
		width:72vw;
		max-width:72vw;
	}
}
.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item{
	flex:0 0 32%;
	min-height:300px;
}
.accueil-2026 .encart-home--noir .bloc-item h2{
	padding:2.5rem 1.5rem 2rem;
	font-size:1.3rem;
}
/* Accueil 2026, troisième correction : la zone noire finale prend presque toute la largeur pour que les trois cartes
   d'articles retrouvent leur taille d'archive (328 px) ; le texte de contact garde une mesure lisible. */
@media (min-width:781px){
	.accueil-2026 .encart-home--noir .encart-home__text{
		width:calc(100vw - 8rem);
		max-width:calc(100vw - 8rem);
	}
	.accueil-2026 .encart-home--noir .encart-home__text > p{
		max-width:40rem;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil{
		max-width:1024px;
	}
}
.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item{
	min-height:340px;
}
.accueil-2026 .encart-home--noir .bloc-item h2{
	padding:4rem;
	font-size:1.5rem;
}
/* Accueil 2026, mobile : les cartes d'articles s'empilent, une par ligne, à leur taille d'archive. */
/* Mobile : les cartes reprennent exactement la grille du blog (deux colonnes, intérieur resserré). */
@media (max-width:780px){
	.accueil-2026 .encart-home--noir .blocs--accueil{
		display:flex;
		flex-wrap:wrap;
		margin:1rem -.25rem;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item{
		flex:0 0 calc(50% - .5rem);
		width:auto;
		max-width:none;
		min-width:0;
		min-height:0;
		margin:.25rem;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil .article-thumb{
		padding-bottom:2.5rem;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil .a-wrap{
		left:-1rem;
		right:-1rem;
		bottom:-1.25rem;
	}
	.accueil-2026 .encart-home--noir .bloc-item h2{
		padding:1.4rem 1.5rem 1.9rem;
		font-size:.95rem;
		line-height:1.3;
	}
}
/* Accueil 2026, retours de Willy : les chiffres prennent plus de place, et le toit du premier encart plonge plus vite
   à droite pour passer sous le bouton jaune et laisser voir le fond. */
.accueil-2026 .chiffres{
	gap:1.5rem 3.5rem;
	margin-top:.5rem;
}
.accueil-2026 .chiffres strong{
	font-size:3.8rem;
}
.accueil-2026 .chiffres span{
	font-size:1.05rem;
	max-width:10rem;
	margin-top:.3rem;
}


/* Premier encart (retour de Willy, croquis) : le toit est une seule pente douce sur toute la largeur du bloc, le flanc
   la prolonge à droite puis tombe d'un coup, et le fond reste visible à droite et en dessous. Pas d'angle droit. */
.accueil-2026 .encart-home.encart-home--clients:nth-child(2) .encart-home__text::before{
	height:13rem;
	background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="100" viewBox="0 0 1 1"><path d="M0 0.06 L0.092 0.097 Q0.1 0.1 0.107 0.132 L0.183 0.468 Q0.19 0.5 0.199 0.516 L0.291 0.684 Q0.3 0.7 0.313 0.705 L0.447 0.755 Q0.46 0.76 0.470 0.757 L0.570 0.723 Q0.58 0.72 0.586 0.734 L0.654 0.886 Q0.66 0.9 0.687 0.900 L0.9 0.9 Q0.97 0.9 1 0.95 L1 1 L0 1 Z" fill="rgba(09,16,25,.86)"/></svg>');
}
.accueil-2026 .encart-home.encart-home--clients:nth-child(2) .encart-home__text::after{
	top:-0.65rem;
	background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100" height="100" viewBox="0 0 1 1"><path d="M0 0 Q0.03 0.004 0.06 0.02 L0.56 0.24 Q0.6 0.26 0.59 0.3 L0.5 0.74 Q0.49 0.78 0.45 0.8 L0 1 Z" fill="rgba(09,16,25,.86)"/></svg>');
}

/* Chiffres, après la critique Impeccable : une vraie grille sur toute la largeur, le chiffre à 3 rem (moins fort que le H2),
   la légende plus petite et plus discrète que le texte de lecture, l'ensemble nommé et détaché de la ligne qui défile. */
.accueil-2026 .chiffres{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:2rem 2.5rem;
	margin-top:1.25rem;
}
.accueil-2026 .chiffres strong{
	font-size:3rem;
	line-height:.9;
	margin-bottom:.5rem;
}
.accueil-2026 .chiffres span{
	font-size:1rem;
	line-height:1.3;
	color:rgba(255,255,255,.72);
	max-width:14ch;
	margin-top:0;
}
.accueil-2026 .sous-titre-encart + .chiffres{
	margin-top:1.25rem;
}
@media (max-width:780px){
	.accueil-2026 .chiffres{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

/* Les offres : toute la ligne est cliquable, survol discret (l'accroche s'éclaire, la flèche avance, la ligne glisse d'un rien). */
.accueil-2026 .offres li{
	padding:0;
}
.accueil-2026 .offres__item{
	display:block;
	padding:.9rem .75rem;
	margin:0 -.75rem;
	color:inherit;
	text-decoration:none;
	transition:background-color .2s ease-out, transform .2s ease-out;
}
.accueil-2026 .offres__item:hover,
.accueil-2026 .offres__item:focus-visible{
	background:rgba(255,255,255,.05);
	transform:translateX(.35rem);
	outline:none;
}
.accueil-2026 .offres__item strong{
	transition:color .2s ease-out;
}
.accueil-2026 .offres__item:hover strong,
.accueil-2026 .offres__item:focus-visible strong{
	color:#7ef3ff;
}
.accueil-2026 .offres__lien{
	display:block;
	margin-top:.2rem;
	text-decoration:none;
}
.accueil-2026 .offres__lien::after{
	content:'→';
	display:inline-block;
	margin-left:.4rem;
	transition:transform .2s ease-out;
}
.accueil-2026 .offres__item:hover .offres__lien::after,
.accueil-2026 .offres__item:focus-visible .offres__lien::after{
	transform:translateX(.4rem);
}
@media (prefers-reduced-motion:reduce){
	.accueil-2026 .offres__item, .accueil-2026 .offres__item strong, .accueil-2026 .offres__lien::after{ transition:none; }
	.accueil-2026 .offres__item:hover{ transform:none; }
}
/* Tablette (781 à 1100 px) : le bloc noir prend toute la largeur et les cartes restent en rangée ; le premier bloc aussi. */
@media (min-width:781px) and (max-width:1100px){
	.accueil-2026 .encart-home--clients .encart-home__text,
	.accueil-2026 .encart-home--noir .encart-home__text{
		width:100vw;
		max-width:100vw;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil{
		display:flex;
		flex-wrap:nowrap;
		gap:2%;
	}
	.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item{
		flex:1 1 0;
		min-height:280px;
	}
	.accueil-2026 .encart-home--noir .bloc-item h2{
		padding:3rem 1.25rem 2rem;
		font-size:1.25rem;
	}
}

/* Survol des cartes d'articles : le thème met « transition: opacity » sur tous les enfants d'un encart (effet .next),
   ce qui écrasait les transitions du blog (fond .5s, titre et vignette .25s). On les redonne, l'opacité en plus. */
.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item{
	transition:background .5s, opacity .75s;
}
.accueil-2026 .encart-home--noir .blocs--accueil .bloc-item h2,
.accueil-2026 .encart-home--noir .blocs--accueil .article-thumb,
.accueil-2026 .encart-home--noir .blocs--accueil .comments-number{
	transition:transform .25s, opacity .75s;
}