#menu{padding : 0; 
    margin : 0; 
    display:inline-block;
    text-align: center;
    list-style : none; 
    line-height : 60px; /*CHANGED */
    /* font-weight: 600;  */
    font-size : 15px; /*CHANGED */
    margin-left: auto;
    margin-right: auto;
    height:60px;  
    position:relative; 
    width:100%; /*ADDDDDDED */
}

#menu a{vertical-align: top;/*ADDDDDDED */
    text-align: center;
    padding : 0 0;
    width : 100%;
    color : black; 
    text-decoration : none; 
    display : inline;  /*CHANGED */
}
#menu a:hover   {opacity:70%}
#menu li{float : left;
    display:inline;
    padding : 0 20px;
}

#sous_menu{display:none;}

.menu_alignright{float: right;}


@media screen and (max-width: 768px) {
    body,html {overflow-x:hidden}
    #menu li{
        /* float : left;  */
        float:none;
        display:inline-block;
        white-space:nowrap; /*COMPENSATION */
        padding : 0; /*COMPENSATION */
        

    }
    #menu   {line-height : 45px; 
        height:45px;
        text-align: left;  /*COMPENSATION */
        display:inline;/*COMPENSATION */
        
    
    } 
    /* .menu_alignright{float: left;} */

    #menu a{padding : 0 10px;}
    #sous_menu{
        height:120px;
        width:100vw;
        background-color:rgb(239, 239, 239);
        position:absolute; /*COMPENSATION */
        z-index:250; /*COMPENSATION */
        top:32px;/*COMPENSATION AJUSTED*/

        }

    #sous_menu li {
            display: block;
            height:25px;
            width:100%;
            position:relative;
            
    }       
          

}