/* Menu */

#menuHaut {
	clear: both;
	width: 680px;
	/*margin: 20px;*/
	margin-top: 60px;
}

#menuHaut h4 {
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
	margin-left:20px;
}

#menuHaut li {
	font-size:10px;
	color: #0A6230;
}

#menuespaces {
	background:url(images/menu-espaces.jpg) no-repeat;
	width:224px;
	float:left;
}

#menuespaces A {
	text-decoration: none;
	color: #0A6132;
}

#menuespaces A:hover {
	text-decoration: underline;
	color: #000000;
}

#menuespaces ul {
	list-style-image: url(none);
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 17px;
}

#menuespaces li {
	float: left;
	width: 100px;
	list-style-image: url(none);
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}

#menuespacesbas {
	background: url(images/menu-espaces-bas.jpg) no-repeat bottom;
	height: 5px;
	clear: both;
}

#menurapide {
	background: url(images/menu-rapide.jpg) no-repeat top;
	width:223px;
	float:left;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

#menurapide A {
	text-decoration: none;
	color: #0A6132;
}

#menurapide A:hover {
	text-decoration: underline;
	color: #000000;
}

#menurapide li {
	list-style-image: url(none);
	list-style-type: none;
	margin: 0px;
}

#menurapide ul {
	list-style-image: url(none);
	list-style-type: none;
	padding: 0px;
	margin: 5px 0 0 17px;
}

#menurapidebas {
	background: url(images/menu-rapide-bas.jpg) no-repeat bottom;	height: 5px;
	clear: both;
}

#menu-gauche {
	float: left;
	width:222px;
}

#menu-orange-collecte {
	background: url(images/menu-orange-collecte.jpg) no-repeat;
	height:22px;
	font-size:9px;
	color:#FFFFFF;
	padding-left:22px;
	line-height:22px;
}

#menu-orange-collecte A {
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
}

#menu-orange-collecte A:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#A26401;
}

#menu-bleu-marchepublic {
	background: url(images/menu-bleu-marchepublic.jpg) no-repeat;
	height:19px;
	font-size:9px;
	color:#FFFFFF;
	padding-left:22px;
	line-height:18px;
}

#menu-bleu-marchepublic A {
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
}

#menu-bleu-marchepublic A:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#B0E7F5;
}

#menu-turquoise-actus {
	background: url(images/menu-turquoise-actus.jpg) no-repeat;
	height:31px;
	font-size:9px;
	color:#FFFFFF;
	padding-left:22px;
	line-height:18px;
}

#menu-turquoise-actus A {
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
}

#menu-turquoise-actus A:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#0F4041;
}

body#home #menu-turquoise-actus{
	display: none;
}

/* menu test */
#menuGauche ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

#menuGauche ul li {
  list-style-type: none;
}

#menuGauche a.current {
  font-weight: bold;
}

#menuGauche * li ul {
 margin-left: 1em;
 margin-bottom: 0px;
}

/*

#menuGauche * li ul li {
  background-image: url(images/menu-n1.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 15px;
}

#menuGauche ul li ul li ul li {
	background-image: url(images/menu-n2.gif);
}

#menuGauche ul li ul li ul li ul li {
	background-image: url(images/menu-n3.gif);
}

#menuGauche ul li ul li ul li ul li ul li {
	background-image: url(images/menu-n4.gif);
}

*/

a.on {
	font-weight: bold;
}

span.invisible {
	display: none;
}

ul#menu-bas {
	float: right;
	
}

#menu-bas li {
	height: 35px;
	float: left;
	background: url(images/puce-menu-bas.gif) no-repeat top left;
	padding-left: 35px;
	margin-right: 3px;
}

#menu-bas li a {
	color: White;
	font-weight: bold;
	margin-top: 2px;
}

/* Menu VM */

#menuGauche ul ul li {
  background-image: url(images/menu-n1.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 15px;
}

#menuGauche ul ul ul li {	background-image: url(images/menu-n2.gif); }

#menuGauche ul ul ul ul li { background-image: url(images/menu-n3.gif); }

#menuGauche ul ul ul ul ul li { background-image: url(images/menu-n4.gif); }