nav ul,nav ul ul 
{
    padding: 0;
    margin: 0;
    list-style: none;

   
}
nav ul 
{
/* on centre le menu dans la page */
    text-align: center;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
nav ul #menu
{
/* on place les liens du menu horizontalement */
    display: inline-block;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent; 
    transition-property: background;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}


nav ul a
{
    display: block;
   
    text-decoration: none;
    display: block;
    color:#000;
    line-height: 48px;
    font-family: "locator-bold",Arial,sans-serif;
    font-size: 15px;
    margin: 0 17px;
    vertical-align: central;
}

nav ul ul #sousmenu {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;    
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    text-align: center;
    margin: 0;
    min-width: 150px;
    background: white;
}

nav ul ul #sousmenu a
{
    line-height: 30px;    

    font-family: "locator-light",Arial,sans-serif;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
}
nav ul ul 
{
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
/*    display: none;*/

    visibility: hidden;
    opacity: 0;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    
    
   
   margin-left: -1px;
   border-bottom: none;
}
nav ul #menu:hover ul 
{
/* Au survol des li du menu on replace les sous menus */
  //  display: block;
   visibility:visible;
  opacity:1;
   transition-delay:0s;
  
    z-index: 100;
}

nav ul #menu:hover
{
    background: black;
       border-left: 1px solid black;
       border-right: 1px solid black;
       cursor: pointer;
}
nav ul #menu:hover #menua
{
    color: white;
}

nav ul #sousmenu:hover 
{
    background: black;
}
nav ul #sousmenu:hover #sousmenua
{
    color:white;
}