/*
	navigation bar - horizontal dropdown
	--------------------------------------------------
*/
#menu {
	width: 980px;
	clear: both;
	color: #fff;
	position: absolute;
	top: 195px;
	left: 50%;
	margin-left: -485px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
}
#menu h2 {
	font-size: 100%;
}
#menu ul ul{
	position:relative;
}




/* first level */
#menu ul {
	float: left;
	height: 100%;
}


#menu ul li {
	position: relative;
	float: left;
	display: block;
	width: 137px;
	height: 59px;
	float: left;
	margin: 0 2px 0 0;
}
/* chaque menu possède une couleur*/ 
#menu ul li.cyan {
	background: url(../img/bg_menu_li_cyan.gif) repeat-x;
}
#menu ul li.cyan:hover a, #menu ul li.cyan h2 a:hover, #menu ul li.cyan a:hover {
	color: #167ad1;
}
#menu ul li.vert {
	background: url(../img/bg_menu_li_vert.gif) repeat-x;
}
#menu ul li.vert:hover a, #menu ul li.vert h2 a:hover , #menu ul li.vert a:hover{
	color: #368309;
}
#menu ul li.bleu {
	background: url(../img/bg_menu_li_bleu.gif) repeat-x;
}
#menu ul li.bleu:hover a, #menu ul li.bleu h2 a:hover, #menu ul li.bleu a:hover {
	color: #013dbf;
}
#menu ul li.orange {
	background: url(../img/bg_menu_li_orange.gif) repeat-x;
}
#menu ul li.orange:hover a, #menu ul li.orange h2 a:hover, #menu ul li.orange a:hover {
	color: #af4301;
}
#menu ul li.jaune {
	background: url(../img/bg_menu_li_jaune.gif) repeat-x;
}
#menu ul li.jaune:hover a, #menu ul li.jaune h2 a:hover, #menu ul li.jaune a:hover {
	color: #d59f00;
}
#menu ul li.rouge {
	background: url(../img/bg_menu_li_rouge.gif) repeat-x;
}
#menu ul li.rouge:hover a, #menu ul li.rouge h2 a:hover, #menu ul li.rouge a:hover {
	color: #b13302;
}
#menu ul li.rose {
	background: url(../img/bg_menu_li_rose.gif) repeat-x;
}
#menu ul li.rose:hover a, #menu ul li.rose h2 a:hover, #menu ul li.rose a:hover {
	color: #9f4994;
}

#menu ul li h2 {
}
#menu ul li h2.on {
	background: #fff;
}
#menu ul li a, #menu ul li h2 a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: solid 5px #FFFFFF;
	height: 36px;
	padding: 5px;
	font-weight: bold;
	font-size: 0.85em;
}

#menu ul li:hover h2, #menu ul li h2 a:hover, #menu ul li a:hover {
	background: #fff;
	border-left: solid 1px #fff;
}










/* second level */
#menu ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #fff;
	
	position:absolute;
	display:none;
}
#menu ul ul li {
	height: auto;
	text-align: center;
	float: none;
	font-size: 0.75em;
	margin: 0px;
	background: #fff;
}

#menu ul ul li a {
	display: block;
	padding: 3px;
	border-bottom: solid 1px #e3ebf6;
	border-left: solid 1px #e3ebf6;
	border-right: solid 1px #e3ebf6;
	height: auto;
	font-size: 100%;
	font-weight: normal;
}
#menu ul ul li h2, #menu ul ul li h2.on{
	background: none;
}

/* Une couleur de menu pour chacun des sous menus */
#menu ul li.cyan ul li a {
	color: #167ad1
}
#menu ul li.cyan ul li a:hover {
	background: #167ad1;
	color: #ffffff;
}
#menu ul li.vert ul li a {
	color: #368309;
}
#menu ul li.vert ul li a:hover{
	background: #368309;
	color: #ffffff;
}
#menu ul li.orange ul li a {
	color: #af4301;
}
#menu ul li.orange ul li a:hover {
	background: #af4301;
	color: #ffffff;
}
#menu ul li.rose ul li a {
	color: #9f4994;
}
#menu ul li.rose ul li a:hover {
	background: #9f4994;
	color: #ffffff;
}
#menu ul li.jaune ul li a {
	color: #d59f00;
}
#menu ul li.jaune ul li a:hover {
	background: #d59f00;
	color: #ffffff;
}
#menu ul li.bleu ul li a {
	color: #013dbf;
}
#menu ul li.bleu ul li a:hover {
	background: #013dbf;
	color: #ffffff;
}
#menu ul li.rouge ul li a {
	color: #b13302;
}
#menu ul li.rouge ul li a:hover {
	background: #b13302;
	color: #ffffff;
}

#menu ul li ul li a:hover, #menu ul li ul li:hover a {
	color: #ffffff;
}

/* show hide behaviour 
ul#menu-1 ul,
ul#menu-1 li:hover ul ul,
ul#menu-1 ul ul,
ul#menu-1 li:hover ul ul ul,
ul#menu-1 ul ul ul,
ul#menu-1 li:hover ul ul ul ul {
	position: absolute;
	left: -999em;
}*/

ul li:hover ul,
ul li li:hover ul,
ul li li li:hover ul,
ul li li li li:hover ul {
	display: block;
}