/* ----------------------------------------------------
   1. SUPPRESSION DU PADDING DU BODY
---------------------------------------------------- */
body {
    padding-top: 0 !important;
    background-color: #d8e9ff !important; /* Fond global bleu clair */
}

/* ----------------------------------------------------
   2. DÉPLACEMENT DU PADDING VERS LA GRILLE
---------------------------------------------------- */
.site-grid {
    margin-top: 20px !important; /* Ajuste selon la hauteur du header */
    background-color: #d8e9ff !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* ----------------------------------------------------
   3. COLONNE CENTRALE BLANCHE
---------------------------------------------------- */
.container-component,
.item-page,
.com-content {
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
}

/* ----------------------------------------------------
   4. COLONNES LATÉRALES STICKY OPTIMISÉES
---------------------------------------------------- */
@media (min-width: 992px) {

    .sidebar-left,
    .sidebar-right,
    [class*="sidebar-"] {
        position: sticky !important;
        top: 120px !important;
        max-height: calc(100vh - 140px) !important;
        overflow-y: auto;
        background-color: transparent !important;
        will-change: transform;
    }
}

/* ----------------------------------------------------
   5. DIVERS
---------------------------------------------------- */
/* --- 1. ALIGNEMENT LOGO ET MENU --- */
@media (min-width: 992px) {
    .header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .header .navbar-brand {
        margin-bottom: 0;
    }
}
.header {
    background-color: #ffffff !important; /* Header blanc */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#ID1786285513423 img {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block;
}

.btn-lien a {
    display: inline-block;
    padding: 8px 16px;
    background-color: #007bff;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
/*.container-nav {
    flex-wrap: wrap;
}
*/
.header-breadcrumbs {
    flex-basis: 100%;
    order: 2;
}
.header-breadcrumbs,
.header-breadcrumbs a {
    color: var(--template-text-light);
}