.table-wrapper {
    /* Définissez la largeur maximale de la zone visible */
    width:100%;
    /* Active le défilement horizontal */

}

/* 2. Le Conteneur de Défilement (souvent optionnel, mais utile) */
.table-scroll {
    /* Assurez-vous que le tableau dépasse cette largeur */
    /*min-width: fit-content;*/
    max-height:700px;
    width:100%;
    overflow: auto;
    cursor: grab;
}

/* 3. Le Tableau lui-même */
.table-scroll table {
    /* La propriété la plus importante :
       Elle s'assure que le <thead> se comporte comme un élément "fixe"
       par rapport au <tbody>. */
    border-collapse: separate;
    border-spacing: 0;
}

/* 4. Fixer l'En-tête Verticalement */
.table-scroll thead th {
    /* Important : Rend l'en-tête "collante" */
    position: sticky;
    /* Décalage par rapport au haut du conteneur de défilement */
    top: 0;
    /* Ajoutez un background pour cacher le contenu du <tbody> derrière */
    background-color: lightgrey;
    z-index: 10;
    /* S'assurer que les bords sont visibles */
    border-bottom: 2px solid #ccc;
}

.table_stats td{
    width:150px;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "zero" 1;
    padding: 0.25rem 0.5rem;
}
.table_stats th{
    background-color: lightgrey;
    font-weight: 900;
}
.table_stats tr{
    height:15px !important;
}
.tranche_rouge{
    color:#FF0000;
}
.tranche_orange{
    color:#FF7F00;
}
.tranche_jaune{
    color: #b3b31a;
}
.tranche_vert{
    color:#008569;
}
.tranche_vert_clair{
    color: #759c57;
}