/* CSS Document */

/* ========================== MENU DEROULANT ============================ */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
position: absolute;
top: 5px;
left: 10px;
z-index:100;
width: 720px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px
}

#menu dl {
float: left;
width:6em;
position: relative;
margin: 0 2px;
}

#menu ul {
float: left;
width:12em;
position: relative;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:#FFFFFF;
}
#menu dd {
position: absolute;
bottom:1.5em;
width:100%;
color:#000000;
margin-bottom:25px;
}
#menu li {
text-align: center;
}
#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display:block;
border: 0 none;
}

div#menu a{
	padding: 30px 0px 3px 0px;
	display:block;
	width:100%;
}

#menu ul dt a:hover{
color:#DF7351;
display:block;
width:100%;
} 

#menu dl dt a:hover{
color:#DF7351;
display:block;
width:100%;
}

#menu li a.menu_noir:link{color:#000000;padding: 3px 0px 3px 0px;}
#menu li a.menu_noir:visited{color:#000000;padding: 3px 0px 3px 0px;}
#menu li a.menu_noir:hover{color:#DF7351;padding: 3px 0px 3px 0px;}
#menu li a.menu_noir:active{color:#000000;padding: 3px 0px 3px 0px;}


.menu_hover{
	height:20px;
	width:100%;
	background-color:#CCCCCC;
}

.menu_hover:hover{
	background-color:#555;
}



body div#menu ul dt dd{
	display:none; 
	visibility:hidden;
}


div#menu ul dt dd:hover, div#menu ul dt dd ul{
	display:block;
	visibility:visible;
}

/*======================== FIN MENU DEROULANT ============================ */