/****************************/
/* 	début menu	déroulant	*/
/****************************/

div#menu {
height : 23px;
	z-index:0;
background :  transparent url(../../../img/bg_menu.jpg)  0px 0px ;
}


a.base:link, a.base:visited    {  
background :  transparent  url(../../../img/bg_menu.jpg)  0px 0px ;
 }

a.base:hover ,a.acti:link,a.acti:visited {  
background :  transparent  url(../../../img/bg_menu_hover.jpg)  0px 0px ;
 }

#menu  ul,#menu li {
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
color : #CC9933;
background-color : #423829;
}
 
/*chaque sous-menu*/
#menu ul li,#menu  a {
cursor:pointer;
display:block;
float:left;
font-size:0.75em;
font-variant:small-caps;
height:22px;
letter-spacing:0.15em;
line-height:21px;
position:relative;
text-align:center;
width:130px;

}


 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:158px;

border-bottom :2px solid #222;
border-right:1px solid  #222;
border-left :1px solid  #222;
border-top:none;
top:22px;
left:0;
padding-bottom:5px
}
 
#menu ul li ul li {
height:100%;
padding:0;
height:25px;
text-align:center;
width:100%;
height:100%;
letter-spacing: 0.1em;
}
 
#menu ul li ul li a {
display:block;
font-size:1.2em;
font-variant:normal;
font-weight:normal;
height:100%;
letter-spacing:0.05em;
width:100%;
}


div#menu li li a:link,div#menu li li a:visited    {  
background-color : #423829;

 }

div#menu li li a:hover {  
background-color : #222;

color : #00CED1;
 }