/*
 * Plan du site (Classical/sitemap.html.twig), design épuré du 20/10/2026. L'en-tête vient de page-classique-epure.css ;
 * ici, une bande par rubrique (nom en rouge à gauche) et ses menus en colonnes remplies de haut en bas (sans trous
 * quand un menu n'a pas de pages).
 */
.plan-du-site-epure{
	--ps-rouge:#e40520;
	--ps-encre:#1d1d1b;
	--ps-gris:#6b6b6b;
	--ps-filet:#ebe6e4;
}

/* Page sans menu, mais sur toute la largeur pour les colonnes */
.ce-grille.ce-sans-menu.ps-large{grid-template-columns:minmax(0,1fr)}
.ps-large .ce-contenu{max-width:none}
.content.plan-du-site-epure .ce-tete{margin-bottom:0}

.ps-rubrique{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px 48px;padding:34px 0;border-top:1px solid var(--ps-filet)}
.ps-rubrique:first-of-type{border-top:0}
.content.plan-du-site-epure h2.ps-rubrique-titre{margin:0;padding:3px 0 0;background:none;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-rouge)}
.ps-groupes{columns:3;column-gap:40px}
/* Espace au-dessus de chaque menu : en haut d'une colonne, le navigateur le retire */
.ps-groupe{min-width:0;margin:28px 0 0;break-inside:avoid}
.ps-groupe:first-child{margin-top:0}
.content.plan-du-site-epure .ps-menu{display:block;margin:0 0 10px;padding:0;font-size:15px;line-height:1.4;font-weight:600;color:var(--ps-encre)}
.content.plan-du-site-epure a.ps-menu{transition:color .2s}
.content.plan-du-site-epure a.ps-menu:hover{color:var(--ps-rouge)}
.ps-liens{margin:0;padding:0;list-style:none}
.content.plan-du-site-epure .ps-liens li{margin:0;padding:0;background:none}
.ps-liens li:before{display:none}
.content.plan-du-site-epure .ps-liens a{display:inline-block;padding:4px 0;font-size:14px;line-height:1.45;color:var(--ps-gris);transition:color .2s}
.content.plan-du-site-epure .ps-liens a:hover{color:var(--ps-encre);text-decoration:underline;text-underline-offset:3px}
.plan-du-site-epure a:focus-visible{outline:2px solid var(--ps-rouge);outline-offset:2px}
/* Pages transverses : simple liste sur trois colonnes */
.ps-transverses{columns:3;column-gap:40px}
.content.plan-du-site-epure .ps-transverses li{break-inside:avoid}

@media only screen and (max-width: 1024px){
	.ps-rubrique{grid-template-columns:minmax(0,1fr)}
	.ps-groupes{columns:2}
	.ps-transverses{columns:2}
}
@media only screen and (max-width: 640px){
	.ps-groupes{columns:1}
	.ps-groupe{margin-top:22px}
	.ps-transverses{columns:1}
}
@media (prefers-reduced-motion: reduce){
	.ps-menu,.ps-liens a{transition:none}
}