:root {
    /* Couleurs et styles pour la page plan du site */
    /* Afin de changer les styles, il y a juste à changer ces variables */
    --sitemap-page-bg: #e9e9e9; /* Couleur de fond de la page plan du site */
    --sitemap-hero-start: #b26a41; /* Couleur de départ du héros */
    --sitemap-hero-end: #c8862d; /* Couleur de fin du héros */
    --sitemap-hero-title-color: #fff; /* Couleur du titre du héros */
    --sitemap-card-bg: #fff; /* Couleur de fond des cartes */
    --sitemap-card-border-color: #dedede; /* Couleur de la bordure des cartes */
    --sitemap-card-shadow: 0 2px 0 rgba(0, 0, 0, 0.32); /* Ombre portée des cartes */
    --sitemap-breadcrumb-color: #6b6b6b; /* Couleur du fil d'Arianne */
    --sitemap-title-color: #b2590c; /* Couleur du titre */
    --sitemap-intro-color: #141414; /* Couleur de l'introduction */
    --sitemap-section-border-color: #ead8c1; /* Couleur de la bordure des sections */
    --sitemap-section-bg: #fffaf2; /* Couleur de fond des sections */
    --sitemap-section-title-color: #7f4a1c; /* Couleur du titre des sections */
    --sitemap-link-color: #1f1f1f; /* Couleur des liens */
    --sitemap-link-hover-color: #b2590c; /* Couleur des liens au survol */
    --sitemap-link-note-color: #6b6b6b; /* Couleur des notes des liens */
}

.sitemap-page {
    background: var(--sitemap-page-bg);
    padding-bottom: 48px;
}

.sitemap-hero {
    background: linear-gradient(110deg, var(--sitemap-hero-start) 0%, var(--sitemap-hero-end) 70%);
    min-height: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 72px 16px 140px;
}

.sitemap-hero h1 {
    margin: 0;
    color: var(--sitemap-hero-title-color);
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 800;
    text-align: center;
}

.sitemap-wrap {
    max-width: 1240px;
    margin: -104px auto 0;
    padding: 0 16px;
}

.sitemap-card {
    background: var(--sitemap-card-bg);
    border-radius: 6px;
    border: 1px solid var(--sitemap-card-border-color);
    box-shadow: var(--sitemap-card-shadow);
    padding: 18px 26px 28px;
}

.sitemap-breadcrumb {
    margin: 0 0 22px;
    color: var(--sitemap-breadcrumb-color);
    font-size: 0.95rem;
    font-weight: 600;
}

.sitemap-breadcrumb a {
    color: var(--sitemap-breadcrumb-color);
    text-decoration: underline;
}

.sitemap-title {
    margin: 0 0 18px;
    color: var(--sitemap-title-color);
    font-size: clamp(1.6rem, 4vw, 2.45rem);
    font-weight: 900;
}

.sitemap-intro {
    margin: 0 0 18px;
    color: var(--sitemap-intro-color);
    font-size: 1.04rem;
    line-height: 1.45;
    font-weight: 600;
}

.sitemap-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.sitemap-section {
    border: 1px solid var(--sitemap-section-border-color);
    background: var(--sitemap-section-bg);
    border-radius: 12px;
    padding: 14px 14px 10px;
}

.sitemap-section h2 {
    margin: 0 0 8px;
    color: var(--sitemap-section-title-color);
    font-size: 1.1rem;
    font-weight: 800;
}

.sitemap-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitemap-list li {
    margin: 0 0 7px;
}

.sitemap-list a {
    color: var(--sitemap-link-color);
    text-decoration: none;
    font-weight: 600;
}

.sitemap-list a:hover {
    color: var(--sitemap-link-hover-color);
    text-decoration: underline;
}

.sitemap-link-note {
    margin-left: 6px;
    color: var(--sitemap-link-note-color);
    font-size: 0.9rem;
    font-weight: 500;
}

@media (max-width: 900px) {
    .sitemap-grid {
        grid-template-columns: 1fr;
    }
}

/* v20 : héro plan du site */
:root {
    --sitemap-hero-start: #2b8ca2;
    --sitemap-hero-end: #5eb8c7;
    --sitemap-title-color: #1f7087;
    --sitemap-section-title-color: #1f7087;
    --sitemap-link-hover-color: #1f7087;
}


/* v26 : harmonisation plan du site avec l'accueil */
:root {
    --sitemap-page-bg: #efefef;
    --sitemap-hero-start: #2b8ca2;
    --sitemap-hero-end: #5eb8c7;
    --sitemap-card-border-color: #d7e5e8;
    --sitemap-card-shadow: 0 12px 30px rgba(24,74,88,.10);
    --sitemap-breadcrumb-color: #5b7279;
    --sitemap-title-color: #1f7087;
    --sitemap-intro-color: #17333b;
    --sitemap-section-border-color: #d7e5e8;
    --sitemap-section-bg: #f8fcfd;
    --sitemap-section-title-color: #1f7087;
    --sitemap-link-hover-color: #2b8ca2;
    --sitemap-link-note-color: #60777d;
}
.sitemap-page {
    background: linear-gradient(180deg, #eff6f7 0%, #efefef 220px, #efefef 100%);
}
.sitemap-hero {
    background: linear-gradient(120deg, #2b8ca2 0%, #5eb8c7 100%);
}
.sitemap-card,
.sitemap-section {
    border-radius: 16px;
}