.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-e6d37982-c43a-328a-763f-d361e6303eab {
background-color: var(--tertiary) !important;
}
.lfr-layout-structure-item-881051ad-c3b0-3a44-7a78-45fe7168dbe3 {
background-color: var(--footerBgColor) !important;
height: 400px !important;
}
.lfr-layout-structure-item-08a191f9-d35f-f323-b45a-f80154a6a5d2 {
}

/* Style général du tableau */
.affluences {
    margin: 20px auto;
    max-width: 100%;
    overflow-x: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.affluences table {
    width: 100%;
    border-collapse: collapse;
}

.affluences caption {
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

.affluences th, .affluences td {
    padding: 12px 15px;
    text-align: center;
}

.affluences thead th {
  font-weight: bold;
  color: #B2935E;
  background: #25382D;}

   .affluences td {
    border: 1px solid #CAB89D;
}

  /* Style pour les horaires - VERSION STICKY */
        .affluences tbody td:first-child {
            background-color: #24382D;            
            color: #333;
            width: 15%;
            position: sticky;
            left: 0;
            z-index: 1;
            box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
        }


/* Styles pour les niveaux d'affluence */
.faible {
    background-color: #829B69; /* Vert clair */
    color: #829B69;
}

.moyenne {
    background-color: #C19D63; /* Jaune clair */
    color: #C19D63;
}

.forte {
    background-color: #E73433; /* Rouge clair */
    color: #E73433;
}

/* Style pour les horaires */
.affluences tbody td:first-child {
    font-weight: bold;
    color: #E2D5C2;
    width: 15%;
}
/* Légende modifiée */
.legende {
    display: flex;
    justify-content: flex-start; /* Aligné à gauche par défaut */
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.legende-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legende-carre {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
}

.legende-carre.faible {
    background-color: #829B69;
}

.legende-carre.moyenne {
    background-color: #C19D63;
}

.legende-carre.forte {
    background-color: #E73333;
}

/* Responsive modifié */
@media (max-width: 768px) {
    .affluences th, .affluences td {
        padding: 8px 10px;
        font-size: 0.9em;
    }

    .affluences caption {
        font-size: 1.2em;
    }

    .legende {
        flex-direction: row; /* Reste en ligne */
        justify-content: flex-start; /* Aligné à gauche */
        align-items: center; /* Centre verticalement */
        flex-wrap: wrap; /* Permet le retour à la ligne si nécessaire */
        gap: 15px; /* Espacement légèrement réduit */
    }

    .legende-item {
        margin-right: 10px; /* Espacement entre les items */
        margin-bottom: 8px; /* Espacement vertical si retour à la ligne */
    }

    /* Ajustement pour mobile */
    .affluences tbody td:first-child {
        min-width: 100px;
    }
}@media screen and (max-width: 575px) {.lfr-layout-structure-item-881051ad-c3b0-3a44-7a78-45fe7168dbe3 {
height: auto !important;
margin-left: -15px !important;
margin-right: -15px !important;
}
}