.menu {
    width:100%;
    background: #555;
    display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	  line-height: 25px;
	
 
	  
  
  }
  .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
	
	
  }
  .menu ul li {
    display: block;
    position: relative;
    float: left;
	width:100%;
	 
  }
  .menu .droite {
    float: right;
  }
  .menu li ul {
    display: none;
    min-width: 100%;
	  
	 width:100%;
	 
	  
  }
  .menu ul li a {   
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px;
    background: #555;
    white-space: nowrap;
	  
	

  }
  .menu ul li a:hover {
    background: #000;
	  
	  
	 
	
	  
  }
  .menu li:hover ul {
    /* Ici l’affichage du sous-menu */
    display: block;
    position: absolute;
  }
  .menu li:hover li {
    float: none;
  }
  .menu li:hover a {
    background: #000000;
	  
	  opacity: 0.8;    
	
	 
  } 
  .menu li:hover li a:hover {
    background: #555;
	 
  }