/* ==========================================================
   HEADER
========================================================== */
.header-site {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--esp-h-1);
    padding: 10px var(--esp-h-2);
    background-color: var(--couleur-blanc);
    border-bottom: 1px solid var(--couleur-bordure-claire);
}
.logo-nom {
    display: flex;
    align-items: center;
    gap: var(--esp-h-1);
}
.logo {
    width: clamp(120px, 22vw, 400px);
}
/* ==========================================================
   MENU PRINCIPAL
========================================================== */
.bloc-menu-principal {
    position: relative;
    z-index: 1000;
    width: 100%;
    background-color: var(--couleur-bleu-fonce);
}
.menu-principal-container {
    padding: 1px var(--esp-h-2);
}
.menu-principal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    gap: 0 var(--esp-h-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-principal-item {
    display: flex;
}

/* ==========================================================
   FOOTER
========================================================== */

.footer-site {
    padding: var(--esp-h-2) var(--esp-h-1);
    color: var(--couleur-blanc);
    background-color: var(--couleur-bleu-fonce);
}

.footer-contenu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--esp-h-3);
}

.footer-identite,
.footer-coordonnees,
.footer-legal {
    flex: 1 1 280px;
}

/* ==========================================================
   FOOTER SIMPLIFIÉ DES PAGES INTERNES
========================================================== */

.footer-site-simplifie {
    padding-top: clamp(18px, 2vw, 28px);
    padding-bottom: clamp(18px, 2vw, 28px);
}

.footer-contenu-simplifie {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px var(--esp-h-3);
}

.footer-contenu-simplifie p {
    margin: 0;
}

@media (max-width: 760px) {
    .footer-contenu-simplifie {
        justify-content: center;
        text-align: center;
    }
}