/*
Feuille menu
*/

#menu 
{
    list-style-type:none; 
	margin: 0 0 0 25px; 
	padding:0;
}

#menu li 
{
    display:block; 
	float:left; 
	position:relative; 
	z-index:100; 
	margin-right:1px;
	width:100px;
}

#menu li span 
{
    display:block; 
	z-index:100; 
	background:#030; 
	padding: 5px 10px;
	font-size:1.0em;
}

#menu li a, #menu li a:visited 
{
    display:block; 
	padding:0;
}

#menu dl 
{
    position:absolute; 
	top:0; 
	left:0; 
	margin: 0; 
	padding: 0; 
	background: url('../images/transparency.gif');
}

#menu dt 
{
    background: #030; 
	margin:0; 
	font-size: 1.0em; 
	float:left; 
	border-right:1px dotted #FFF;
	width:100px;
}

#menu dt.fin
{
    background: #030; 
	margin:0; 
	font-size: 1.0em; 
	float:left;
	width:100px;
	border-right:1px solid #030;
}

#menu dd 
{
    display:none; 
	background: transparent; 
	border-bottom:1px solid #FFF; 
	clear:left; 
	margin:0; 
	padding:0; 
	color: #FFF; 
	font-size: 1em; 
	text-align:left;
	border-left:1px dotted #FFF
}

#menu dt a, #menu dt a:visited 
{
    display:block; 
	color:#FFF; 
	padding: 5px 10px; 
	text-decoration:none;
}

#menu dd a, #menu dd a:visited
{
    background:#000; 
	color:#FFF; 
	text-decoration:none; 
	display:block; 
	padding: 5px 10px;
}

#menu li a:hover, #menu li a:focus
{
    border:0;
	outline:0; 
}

#menu li:hover dd, #menu li a:hover dd 
{
    display:block;	
}

#menu li:hover dl, #menu li a:hover dl 
{
    border-bottom:1px solid #666;
}

#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover 
{
    background: #B8CDB8; 
	color:#030;
}