/*-----Ecran----------------------------------------------------------------*/
.Class-Table-Entete {
    font-family: Helvetica, sans-serif,Arial;
    background-color: #008000;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    height: 20px;
}

.Class-Table-Entete-AJO {
    font-family: Helvetica, sans-serif,Arial;
    background-color: #800000;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Entete-MOD {
    font-family: Helvetica, sans-serif,Arial;
    background-color: #99CC00;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Entete-SUP {
    font-family: Helvetica, sans-serif,Arial;
    background-color: red;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Text {
    font-family: Helvetica, sans-serif,Arial;
    color: var(--main-color-MID);
}

.Class-Table-Ligne {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: var(--main-color-DARK);
    font-size: 8pt;
    text-align: left;
    vertical-align: middle;
}

.Class-Table-Ligne-Alt {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-LIGHT);
    color: var(--main-color-DARK);
    font-size: 8pt;
    text-align: left;
}


/*----Ecran Selection----------------------------------------------------------*/

.Class-Table-Entete-Selection {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-DARK); /*test*/
    color: var(--main-color-LIGHT);
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Ligne-Selection {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}

.Class-Table-Ligne-Selection-Alt {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}


/*----Ecran Filtre---------------------------------------------------------*/
.Class-Table-Entete-Filtre {
    font-family: Helvetica, sans-serif,Arial;
    background-color: red;
    color: var(--main-color-MID);
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Ligne-Filtre {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: var(--main-color-DARK);
    font-size: 8pt;
    text-align: left;
}

.Class-Table-Ligne-Filtre-Alt {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: var(--main-color-DARK);
    font-size: 8pt;
    text-align: left;
}

/*----Resultat-----------------------------------------------------------*/
.Class-Table-Entete-resultat {
    font-family: Helvetica, sans-serif,Arial;
    background-color: red;
    color: white;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Ligne-resultat {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: black;
    font-size: 8pt;
    text-align: left;
}

.Class-Table-Ligne-resultat-Alt {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: black;
    font-size: 8pt;
    text-align: left;
}


/*----Grid---------------------------------------------------------------*/
.Class-Table-Entete-Grid {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-MID);
    color: white;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Ligne-Grid {
    font-family: Helvetica, sans-serif,Arial;
    color: black;
    font-size: 8pt;
    text-align: left;
}

    .Class-Table-Ligne-Grid a {
        color: var(--main-color-DARK);
        text-decoration: none;
    }

    .Class-Table-Ligne-Grid:hover a {
        color: yellow;
    }

    .Class-Table-Ligne-Grid:hover td {
        background-color: var(--main-color-MID);
    }

.Class-Table-Ligne-Grid-Alt {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-LIGHT);
    color: black;
    font-size: 8pt;
    text-align: left;
}

    .Class-Table-Ligne-Grid-Alt a {
        color: var(--main-color-DARK);
        text-decoration: none;
    }

    .Class-Table-Ligne-Grid-Alt:hover a {
        color: yellow;
    }

    .Class-Table-Ligne-Grid-Alt:hover td {
        background-color: var(--main-color-MID);
        color: yellow;
    }

.Class-Table-Ligne-Selection-Grid {
    background-color: Yellow;
}

.Class-Table-Sous-Entete-Grid {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-DARK);
    color: white;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

.Class-Table-Sous-bas-Grid {
    background-color: var(--main-color-MID);
    vertical-align: middle;
    font-size: 8pt;
}



/*------------------------------------------------------------------------*/
.Class-Hint-Grid {
    font-family: Helvetica, sans-serif,Arial;
    background-color: var(--main-color-LIGHT);
    color: var(--main-color-DARK);
    font-size: 8pt;
    font-weight: bold;
}