/********************************************
 * 1) HEADER FIXE
 ********************************************/
#header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

/* Ligne principale du header : logo + menu */
.header-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background: #004a99; /* bleu header */
    color: white;
}

/* Logo + menu */
.header-left,
.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}


/********************************************
 * 2) LAYOUT 3 COLONNES FIXES
 ********************************************/
.layout-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr 280px;
    height: calc(100vh - 80px); /* Ajuster selon la hauteur du header */
    overflow: hidden;
}

/* Sidebars */
.sidebar-left,
.sidebar-right {
    overflow-y: auto;
    padding: 1rem;
    background: #f2f4f7; /* gris clair */
    border-right: 1px solid #ddd;
}

/* Colonne centrale */
.content-area {
    overflow-y: auto;
    padding: 1rem;
    background: #ffffff; /* blanc */
}


/********************************************
 * 3) FIL D’ARIANE (MODULE JOOMLA)
 ********************************************/

/* Conteneur du module */
.mod-breadcrumbs {
    background: #1e73be; /* bleu clair */
    padding: 10px 15px;
    font-size: 0.9rem;
}

/********************************************
 * FIL D’ARIANE (MODULE JOOMLA)
 ********************************************/

/* Conteneur du module */
.mod-breadcrumbs {
    background: #1e73be; /* bleu clair */
    padding: 10px 15px;
    font-size: 0.9rem;
}

/* Liste UL ou OL */
.mod-breadcrumbs__list,
.mod-breadcrumbs ol,
.mod-breadcrumbs ul {
    display: flex !important;
    gap: 8px;
    list-style: none !important; /* supprime numérotation */
    padding: 0;
    margin: 0;
}

/* Éléments */
.mod-breadcrumbs__item {
    color: white;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

/* Liens */
.mod-breadcrumbs a {
    color: white;
}

/* Séparateur flèche › */
.mod-breadcrumbs__item::after {
    content: "›";
    margin: 0 6px;
    color: #cce0ff;
}

/* Pas de flèche après le dernier */
.mod-breadcrumbs__item:last-child::after {
    content: "";
}
/* Supprimer numérotation, puces et icônes */
.mod-breadcrumbs ol,
.mod-breadcrumbs ul,
.mod-breadcrumbs__list {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

/* Supprimer le marker (numéro ou icône) */
.mod-breadcrumbs li::marker {
    content: "" !important;
}

/* Forcer l'affichage sur une seule ligne */
.mod-breadcrumbs__list,
.mod-breadcrumbs ol,
.mod-breadcrumbs ul {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 8px;
}

/* Séparateur flèche › */
.mod-breadcrumbs__item::after {
    content: "›";
    margin: 0 6px;
    color: #cce0ff;
}

/* Pas de flèche après le dernier */
.mod-breadcrumbs__item:last-child::after {
    content: "";
}
/* Supprimer l’icône Bootstrap du fil d’Ariane */
.mod-breadcrumbs .breadcrumb-item::before,
.mod-breadcrumbs .breadcrumb-item::after {
    content: "" !important;
    display: none !important;
}
.mod-breadcrumbs__item::after {
    content: "›";
    margin: 0 6px;
    color: #cce0ff;
}

.mod-breadcrumbs__item:last-child::after {
    content: "";
}