@charset "utf-8";
/* CSS Document */
.menu-box { 
	height:38px;
	width:1000px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	z-index:500; 
} 
.menu-box ul.menu { 
	width:990px;
	margin:0;
	padding:0 0 0 10px; 
	list-style:none; 
	white-space:nowrap; 
} 
.menu-box ul.menu li.niveau1-li { 
	float:left; 
	height:38px; 
	margin-right:1px; 
} 
.menu-box ul.menu li.niveau1-li a.niveau1-a { 
	display:block;
	height:38px;
	padding:0px 0px 0px 0px; 
	text-decoration:none; 
	line-height:38px; 
	white-space:nowrap; 
	font-weight:bold; 
	color:#fff; 
} 
.menu-box ul.menu li.sub a.niveau1-a {
	color:#fff;
} 
.menu-box ul.menu li.niveau1-li:hover, .menu-box ul.menu li.niveau1-li a.niveau1-a:hover {
	position:relative;
}
.menu-box ul.menu li.niveau1-li a.niveau1-a:hover, .menu-box ul.menu li.niveau1-li:hover a.niveau1-a { 
	color:#000;
} 
.menu-box ul.menu li.sub a.niveau1-a:hover { 
	color:#000; 
}  
.menu-box ul.menu li.sub:hover > a.niveau1-a { 
	height:29px;
	color:#000;
} 
.menu-box ul.menu li div.liste-global { 
	position:absolute;
	left:-9999px;
	top:38px;
	background:#fff url(divider.gif);
	margin:0px 0px 0px 1px;
	padding:0;
} 
/*** IE6 seulement ***/ 
.menu-box table { 
	border-collapse:collapse;
	margin:-1px -10px -1px -10px;
	font-size:1em;
	width:0;
	height:0;
} 
/****/
.menu-box ul.menu :hover div.liste-global {
	left:0;
} 
.menu-box ul.menu a:hover div.liste-global {
	left:-1px; top:38px;
} 
.menu-box ul.menu div.col1 {
} 
.menu-box ul.menu div.col2 {
}
.menu-box ul.menu a:hover div.left1, .menu-box ul.menu :hover div.left1 {
}
.menu-box div.liste-colonne {
	display:block;
	float:left;
	padding:10px; 
	margin:0; 
} 
.menu-box div.liste-colonne ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	list-style:none;
} 
.menu-box div.liste-colonne ul li {
	line-height:15px; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
} 
.menu-box div.liste-colonne ul li a {
	display:block;  
	color:#fff; 
	text-decoration:none; 
	font-weight:normal; 
	white-space:nowrap; 
	text-align:left; 
} 
.menu-box div.liste-colonne ul li a:hover {
	text-decoration:underline;
} 
/******/
#val{
	background:/**#6a9015**/ url(../images/global/menu-val-et-foret.png) no-repeat;;
	width:199px;
	text-align:center;
}
.menu-box ul.menu li#val div.col1{
	width:197px;
	background:url(../images/global/menu-val-et-foret-deroule.png) bottom left no-repeat;
	padding:0px 0px 8px 0px;
}
.menu-box ul.menu li#val div.liste-colonne {
	display:block;
	float:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	width:197px;
} 
.menu-box ul.menu li#val div.liste-colonne ul a{
	width:172px;
	padding:0px 10px 0px 15px;
	background:url(../images/picto/menu-fleche-liste.gif) 6px 4px no-repeat;
}
#actu{
	background:/**#e64458**/ url(../images/global/menu-actualites.png) no-repeat;
	width:98px;
	text-align:center;
}
#agenda{
	background:/**#0f69d5**/ url(../images/global/menu-agenda.png) no-repeat;
	width:78px;
	text-align:center;
}
#commerces{
	background:/**#ea6d10**/ url(../images/global/menu-commerces.png) no-repeat;
	width:374px;
}
#commerces span.commerces-title{
	padding-left:14px;
}
.menu-box ul.menu li#commerces div.col2{
	width:372px;
	padding:0px 0px 8px 0px;
	background:url(../images/global/menu-commerces-deroule.png) bottom left no-repeat;
}
.menu-box ul.menu li#commerces div.liste-colonne {
	display:block;
	float:left;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	width:184px;
} 
.menu-box ul.menu li#commerces div.liste-colonne ul a{
	width:159px;
	padding:0px 10px 0px 15px;
	background:url(../images/picto/menu-fleche-liste.gif) 6px 4px no-repeat;
}