/* 1. Le conteneur qui fixe la hauteur et gère le scroll */
#AAAAAmon-conteneur-table {
    /* Prend toute la hauteur de la fenêtre moins une petite marge (ex: pour un titre ou padding) */
    max-height: calc(100vh - 60px); 
    overflow-y: auto; /* Active le scroll vertical uniquement si nécessaire */
    border-radius: 8px 8px 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin: 5px 0;
}

/* 2. Style général du tableau (on retire l'ombrage d'ici) */
#mon-conteneur-table > table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-width: 400px;
}

/* 3. Figer l'en-tête (Sticky Header) */
#mon-conteneur-table > table thead th {
    position: sticky;
    top: 0;
    background-color: #009879; /* La couleur de fond est obligatoire pour masquer le texte qui défile dessous */
    color: #ffffff;
    z-index: 1; /* Reste au-dessus des lignes du corps */
    text-align: left;
    font-weight: bold;
    padding: 2px 5px;
}

/* 4. Style des cellules du corps */
#mon-conteneur-table > table td {
    padding: 2px 5px;
}

/* Alternance de couleurs (effet zèbre) */
#mon-conteneur-table > table tbody tr {
    border-bottom: 1px solid #dddddd;
    background-color: #f3f3f3;
}

#mon-conteneur-table > table tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

/* Effet de survol */
#mon-conteneur-table > table tbody tr:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}