div#menu  li, div#menu ul
{
list-style-image: none;
}


div#menu 
{
width: 170px;
}


/* fond blanc pour le menu */

div#menu ul 
{
padding:0px;
margin:0px;
}

/* sous menu deroulant */

div#menu ul.niveau2
{
background: #C5FF96;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 

div#menu li:hover 
{
background: white;
}


div#menu li.sousmenu:hover 
{
background: white;
}


div#menu ul li
{
position:relative; 
list-style: none;
}


div#menu ul li ul li
{
border-bottom:1px solid white;
}


/* On décale les sous menu de la valeur du block menu vert soit 170px*/ 

div#menu ul ul
{
position: absolute; 
top: 0px; 
left: 170px; 
display:none
}


/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 

div#menu ul li a 
{
text-decoration: none; 
padding-top: 4px; 
padding-bottom: 4px; 
padding-left:10px; 
padding-right:2px; 
display:block;
}


div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 
{
display:block;
}


.logo-menu
{ 
margin-bottom : -2px;
}


.email
{
margin-left:5px;
margin-bottom:-5px;
}

div#menu a.bleu
{  
color: #096CB5;
margin-left:15px;
font-size : 20px;
}


div#menu a.vert
{  
color: green;
}


div#menu a.vert_clair
{  
color: gray;
padding-left:5px;
padding-right:5px;
border-left:1px solid white;
}


div#menu a.marron
{  
color: #6D491F;
}


div#menu a.orange
{  
color: #E67700;
}


div#menu a.bordeaux
{  
color: #910F30;
font-size: 16px;
}


div#menu a.contacts
{
margin-left:20px; 
color: #096CB5;
font-size: 18px;
}

div#menu ul li ul.largeur1
{  
width: 80px;
}


div#menu ul li ul.largeur2
{  
width: 180px;
}


div#menu ul li ul.largeur3
{  
width: 165px;
}


div#menu ul li ul.largeur4
{  
width: 170px;
}


div#menu ul li ul.largeur5
{  
width: 155px;
}


div#menu ul li ul.largeur6
{  
width: 200px;
}


div#menu ul li ul.largeur7
{  
width: 100px;
}