button.menu { /* //{ */
        
        
        padding-left: 10px; 
    padding-right: 10px;
    border: 3px solid var(--couleurBtnB1);
    margin:3px;
    
    color: var(--couleurBtnT1);
    background: var(--couleurBtnF1);
    font-size: 1rem;
    } /* //}  */
    
    button:hover { /* //{ */ 
     border: 3px solid var(--couleurBtnB2);
        color: var(--couleurBtnT2);
    background-color:  var(--couleurBtnF2);
    
    } /* //} */
    
    button:active { /* //{ */ 
        background-color:  var(--couleurBtnF2);
    box-shadow: 0 2px #666;
    transform: translateY(2px);
    } /* //} */
    
    button:disabled { /* //{ */ 
        background-color: var(--couleurBtnB1);
    color:  var(--couleurBtnB1);
    box-shadow: 0px 0px #505050;
    
    } /* //} */3E8E41
    
    
    /* //{    TABLE           */
        
        
        table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        // background-color : #03FC0C;
        }
    
    //    thead{display:table-header-group}
    
    td.lien {
        margin: 0px;
        color : #000092;
        text-decoration: underline;
        cursor: pointer;
        }
    
    
    
    
    
    table.listeNoir {
        border-collapse: collapse;
        margin: 20;
        padding: 20;
        background-color:#FFFFFF;
        }
    
    table.listeNoir thead {
        background-color: #000000;
        width: calc( 100% - 1em );
        }
    
    table.listeNoir thead tr {
        
        background-color: #000000;
        width:100%;
        // table-layout:fixed;
        border: 1px solid #DEDEDE;
        }
    
    table.listeNoir thead th {
        background-color: #000000;
        border: 1px solid #DEDEDE;
        color: white;
        }
    
    
    table.listeNoir tbody td,th {
        // background-color: #000000;
        border: 1px solid #7E7E7E;
        padding: 2px 5px;
        }
    table.listeNoir tbody tr:nth-child(even){background-color:#E2E2E2}     
    
    
    
    
    
    
    
    
    
    
    
    table.listeTriable {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        background-color :  var(--couleur8);
        }
    table.listeTriable th {
        position: sticky; top: 0px;
        background-color:  var(--couleur6);
        
        }
    table.listeTriable td,th {
        border: 1px solid black;
        padding: 2px 5px;
        }
    table.listeTriable tr:nth-child(even){background-color:  var(--couleur9)}    
    table.listeTriable tbody {
        // display:block;
        
        //  overflow:auto;
        }
    table.listeTriable thead, tbody tr {
        //     display:table;
        width:100%;
        // table-layout:fixed;
        }
    table.listeTriable thead {
        width: calc( 100% - 1em )
            }
    
    
    
    
    /* //} */