/* Le code CSS de la démo */




.header {
    padding:1em 0 0 0;
    background-color:#444;
}

nav{
    background-color:#333;
}
ul{
    padding-left : 0;

}
nav >ul{
    display :flex;
    justify-content : center;
    margin :0;
     
     
  
}

nav > ul > li {
    /*padding :1em;*/
    margin : 0 2em;
    list-style : none;
    
}

ul li  ul{
    position:absolute;
    display:none;
}


 li:hover  ul  {
   display : block; 
   
}


nav a {
    color : #fff;
        padding : 1em 2em;
        display : inline-block;
        background-color:#333;

}

nav a:hover{
    background-color : #DD5735;
    text-decoration : none;
}