/* //{    DIV              */
        
        div.menu { /* //{ */ 
            
            background-color: #FFFFFF;
        float:left;
        width:98%;
        padding:5px;
        margin:5px; 
        border: 2px solid  #E2DCD2;
        border-radius: 10px;
        filter: drop-shadow(3px 3px 3px  #666666);
        
        } /* //} */
        
        div.cadre1 { /* //{ */ 
            
            width:90%;
        margin:20px;
        margin-left:5%;
        float:left;
        padding-bottom:20px;
        
        
        background-color: #FFFFFF;
        float:left;
        
        
        border: 1px solid  #E2DCD2;
        border-radius: 10px;
        filter: drop-shadow(3px 3px 3px  #666666);
        
        } /* //} */
        
        button.menu { /* //{ */
            
            
            padding-left: 10px; 
        padding-right: 10px;
        border: 1px solid #FFFFFF;
        margin:3px;
        
        color: var(--couleurBtnT1);
        background: var(--couleurBtnF1);
        font-size: 1rem;
        } /* //}  */
        
        button:hover { /* //{ */ 

        background-color:  #FFBDFF;
        
        } /* //} */
        
        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;
        
        } /* //} 
        
        
        hr { /* //{ */ 
        
          width:90%;
        color:  #FF0000;
   
        
        } /* //}