.accueil {
--acc-gutter: 24px;
--s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s6: 48px; --s8: 64px; --s12: 96px;
}
.accueil .acc-section { padding: var(--s12) 0; }
.accueil .acc-section + .acc-section { padding-top: 0; }
.accueil .acc-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: var(--acc-gutter);
row-gap: var(--s4);
align-items: start;
}
.accueil .acc-titre { font-size: 1.75rem; line-height: 1.25; margin: 0 0 var(--s2); }
.accueil .acc-note { color: var(--gray-dark); font-size: 0.9rem; line-height: 1.5; margin: 0; }
.accueil .acc-note a { color: inherit; }
.accueil .acc-chiffres-tete { grid-column: 1 / span 4; }
.accueil .acc-tuiles {
grid-column: 5 / span 8;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--acc-gutter);
}
.accueil .acc-tuile { background: #fff; padding: var(--s3); border-radius: var(--card-radius, 10px); }
.accueil .acc-valeur {
font-size: 2.25rem; font-weight: 800; line-height: 1;
color: var(--primary-texte);
}
.accueil .acc-libelle { margin-top: var(--s1); color: var(--gray-dark); line-height: 1.4; font-size: 0.95rem; }
.accueil .acc-texte { grid-column: 3 / span 8; max-width: 68ch; }
.accueil .acc-texte .b1xy4y { font-size: 1.0625rem; line-height: 1.75; }
.accueil .acc-texte .b1xy4y h2 { font-size: 1.5rem; margin: var(--s6) 0 var(--s2); color: var(--dark-color) !important; }
.accueil .acc-texte .b1xy4y h3 { font-size: 1.2rem; margin: var(--s4) 0 var(--s1); }
.accueil .acc-texte .b1xy4y p { margin: 0 0 var(--s2); }
.accueil .acc-texte details { border-top: 1px solid rgba(0,0,0,0.08); padding: var(--s2) 0; }
.accueil .acc-texte summary { cursor: pointer; font-weight: 600; }
.accueil .acc-texte details p { margin: var(--s1) 0 0; }
.accueil .acc-communes { grid-column: 1 / span 8; }
.accueil .acc-maj { grid-column: 9 / span 4; }
.accueil .acc-liste-communes {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s1) var(--acc-gutter);
}
.accueil .acc-liste-communes a,
.accueil .acc-liste-maj a { color: var(--dark-color); text-decoration: none; font-weight: 600; }
.accueil .acc-liste-communes a:hover,
.accueil .acc-liste-maj a:hover { text-decoration: underline; }
.accueil .acc-dep { color: var(--gray-dark); font-size: 0.85rem; font-weight: 400; }
.accueil .acc-liste-maj { list-style: none; margin: var(--s2) 0 0; padding: 0; }
.accueil .acc-liste-maj li { display: flex; justify-content: space-between; gap: var(--s1); padding: var(--s1) 0; }
.accueil .acc-liste-maj time { color: var(--gray-dark); font-size: 0.85rem; white-space: nowrap; }
.accueil .acc-regions {
grid-column: 1 / -1;
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s2) var(--acc-gutter);
}
.accueil .acc-regions a {
display: block; padding: var(--s2) var(--s3); background: #fff;
border-radius: var(--card-radius, 10px); color: var(--dark-color);
text-decoration: none; font-weight: 600; transition: transform .15s ease, box-shadow .15s ease;
}
.accueil .acc-regions a:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
@media (max-width: 1024px) {
.accueil .acc-chiffres-tete, .accueil .acc-tuiles, .accueil .acc-texte,
.accueil .acc-communes, .accueil .acc-maj { grid-column: 1 / -1; }
.accueil .acc-tuiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.accueil .acc-regions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.accueil .acc-section { padding: var(--s8) 0; }
}
@media (max-width: 640px) {
.accueil { --acc-gutter: 16px; }
.accueil .acc-section { padding: var(--s6) 0; }
.accueil .acc-tuiles, .accueil .acc-regions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.accueil .acc-liste-communes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.accueil .acc-valeur { font-size: 1.75rem; }
.accueil .acc-titre { font-size: 1.4rem; }
.accueil .acc-regions a { padding: var(--s1) var(--s2); font-size: 0.95rem; }
}
body.iqca0i .accueil .acc-chiffres { background: linear-gradient(180deg, var(--light-bg) 0%, #fff 100%); }
body.iqca0i .accueil .acc-tuile { box-shadow: var(--shadow); border-left: 4px solid var(--primary-color); }
body.iqca0i .accueil .acc-liste-communes a {
display: block; padding: var(--s1) var(--s2); border-radius: var(--btn-radius); background: var(--light-bg);
}
body.iqca0i .accueil .acc-maj { background: var(--light-bg); border-radius: var(--card-radius); padding: var(--s3); }
body.iqca0i .accueil .acc-regions a { box-shadow: var(--shadow); border-left: 4px solid var(--primary-color); }
body.z39pnk .accueil .acc-chiffres { background: var(--dark-color); color: #fff; }
body.z39pnk .accueil .acc-chiffres .acc-titre { color: #fff; }
body.z39pnk .accueil .acc-chiffres .acc-note { color: rgba(255,255,255,0.75); }
body.z39pnk .accueil .acc-chiffres + .acc-section { padding-top: var(--s12); }
body.z39pnk .accueil .acc-tuile { border-radius: 0; border-top: 3px solid var(--primary-color); background: rgba(255,255,255,0.06); }
body.z39pnk .accueil .acc-valeur { color: #fff; }
body.z39pnk .accueil .acc-libelle { color: rgba(255,255,255,0.8); }
body.z39pnk .accueil .acc-liste-communes li { border-top: 1px solid rgba(0,0,0,0.12); padding-top: var(--s1); }
body.z39pnk .accueil .acc-maj { border-top: 3px solid var(--dark-color); padding-top: var(--s2); }
body.z39pnk .accueil .acc-regions a { border-radius: 0; border-top: 3px solid var(--primary-color); box-shadow: var(--shadow); }
body.g2kfwx .accueil .acc-tuiles { gap: 0; }
body.g2kfwx .accueil .acc-tuile {
background: transparent; border-radius: 0; padding: var(--s3) var(--s3) var(--s3) 0;
border-top: 1px solid var(--paper-line);
}
body.g2kfwx .accueil .acc-valeur {
font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; font-weight: 700; color: var(--ink); font-size: 2.6rem;
}
body.g2kfwx .accueil .acc-titre,
body.g2kfwx .accueil .acc-texte .b1xy4y h2 { font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; }
body.g2kfwx .accueil .acc-texte .b1xy4y > p:first-of-type::first-letter {
float: left; font-family: Georgia, serif; font-size: 3.2em; line-height: 0.9; padding: 4px 8px 0 0; color: var(--ink);
}
body.g2kfwx .accueil .acc-maj { background: #fff; border: 1px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); padding: var(--s3); }
body.g2kfwx .accueil .acc-liste-communes li { border-bottom: 1px solid var(--paper-line); padding-bottom: var(--s1); }
body.g2kfwx .accueil .acc-regions a { border: 1px solid var(--ink); border-radius: var(--card-radius); box-shadow: 4px 4px 0 var(--ink); }
body.g2kfwx .accueil .acc-regions a:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ink); }
body.m24jf5 .accueil { --acc-gutter: 16px; }
body.m24jf5 .accueil .acc-section { padding: var(--s8) 0; }
body.m24jf5 .accueil .acc-section + .acc-section { padding-top: 0; }
body.m24jf5 .accueil .acc-tuile { background: var(--tint); box-shadow: none; }
body.m24jf5 .accueil .acc-valeur { color: var(--cta-bg); }
body.m24jf5 .accueil .acc-liste-communes a { color: var(--ink); }
body.m24jf5 .accueil .acc-maj { border: 1px solid var(--line); border-radius: var(--card-radius); padding: var(--s3); }
body.m24jf5 .accueil .acc-liste-maj li + li { border-top: 1px solid var(--line); }
body.m24jf5 .accueil .acc-regions a { border: 1px solid var(--line); box-shadow: none; }
body.m24jf5 .accueil .acc-regions a:hover { transform: none; box-shadow: none; border-color: var(--primary-color); }
body.o1hq8v .accueil .acc-tuile,
body.o1hq8v .accueil .acc-maj { background: #fff; border: 0; box-shadow: 0 1px 2px rgba(20,26,33,0.06); }
body.o1hq8v .accueil .acc-valeur { color: var(--peps-texte) !important; }
body.o1hq8v .accueil .acc-liste-communes { counter-reset: commune; }
body.o1hq8v .accueil .acc-liste-communes li { counter-increment: commune; display: flex; gap: var(--s1); align-items: baseline; }
body.o1hq8v .accueil .acc-liste-communes li::before {
content: counter(commune); flex: none; min-width: 1.6em; height: 1.6em; border-radius: 50%;
display: inline-grid; place-items: center; font-size: 0.75rem; font-weight: 800;
background: var(--primary-color); color: var(--peps-fg);
}
body.o1hq8v .accueil .acc-regions a { background: #fff; border: 0; }