/* Construction du menu de navigation */

#menu {
	display:block;
	margin: 0 5px 10px 5px;
	padding:0;
	height:50px;
	width:960px;
	-width:970px;
}

.main_item{
	font-size:12px;
}

#img_nav_l {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border:none;
}

#img_nav_r {
	float:right;
	display:inline;
	margin:0;
	padding:0;
	border:none;
}

#nav_mid {
	float:left;
	width:946px;
	-width:956px;
	height:26px;
	background-color:#ffffff;
	margin:0;
	padding:0;
	display:inline;
}

#nav_bot {
	float:left;
	width:946px;
	-width:956px;
	height:26px;
	background-color:#ffffff;
	margin:0;padding:0;
	display:inline;
}

.wrap {
	padding:0;
	margin:0;
}

#menu LI {
	line-height:26px;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	list-style: none;
	margin:0px;
}

#menu LI A {
	padding: 0px 14px 0px 14px;
	text-decoration: none;
	display: block;
	color: #070707;
}

#menu LI SPAN {
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	display: block;
	color: #070707;
}

/* SUB MENU */
#menu LI UL LI {
	line-height: 20px;
	font-size: 11px;
	font-weight:normal;
}

/*Hack IE (6 et inf)*/
* html #menu LI UL LI IMG{float:left;}

#menu LI UL LI A {
	padding: 0 10px 0 10px;
	color: #070707;
	font-weight:normal;
}

#menu LI UL LI A:hover {
	color:#FFF;
	background: transparent;
	font-weight:normal;
}

#menu UL LI UL {position: absolute;width: auto;height:20px;left: -999em;}
#menu .sub_1 { background:#ab8cbc;margin-left: 0;}
#menu .sub_2 { background:#009cd9;margin-left: 0;}
#menu .sub_3 { background:#e3001a;margin-left: 0;}
#menu .sub_4 { background:#267721;margin-left: 0;}
#menu .sub_5 { background:#949494;margin-left: 0;}
#menu .sub_6 { background:#f989d3;margin-left: -320px;}
#menu .sub_7 { background:#6fca00;margin-left: -424px;}
#menu .sub_8 { background:#b30056;margin-left: -222px;}
#menu .sub_9 { background:#6b96b6;margin-left: -23px;}


/*Hack IE (6 et inf)*/
* HTML #menu #sub_1 {background:#ab8cbc;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_2 {background:#009cd9;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_3 {background:#e3001a;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_4 {background:#267721;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_5 {background:#949494;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_6 {background:#f989d3;wrap:nowrap;height:25;width:auto!important;margin-left: -540px;}
* HTML #menu .sub_7 {background:#6fca00;wrap:nowrap;height:25;width:auto!important;margin-left: -573px;}
* HTML #menu .sub_8 {background:#b30056;wrap:nowrap;height:25;width:auto!important;margin-left: -347px;}
* HTML #menu .sub_9 {background:#6b96b6;wrap:nowrap;height:25;width:auto!important;margin-left: -89px;}


/*Hack IE 7 (cant be on same rule as IE6 ... why ?)*/
/*
HTML>body #menu .sub_6 {width: 440px;}
HTML>body #menu .sub_7 {width: 374px; }
HTML>body #menu .sub_7 {width: 307px; }
*/


#menu a, #menu .sel, #menu .actual, #menu .sel:hover {
	padding: 0 14px 0 14px;
}

#selected:link, #selected:visited, #selected:hover, #selected:active {
	color:#FFF;
	font-weight:normal;
}




/************/
/* RUBRIQUE */
/************/
/*dessus*/
#menu .rub_0,#menu .rub_0:hover,.rub_0 #menu .rub_0:link,.rub_0 #menu .rub_0:visited, .rub_0 #menu .rub_0:active { color: #f49c04;}
#menu .rub_1,#menu .rub_1:hover,.rub_1 #menu .rub_1:link,.rub_1 #menu .rub_1:visited, .rub_1 #menu .rub_1:active { color: #ab8cbc;}
#menu .rub_2,#menu .rub_2:hover,.rub_2 #menu .rub_2:link,.rub_2 #menu .rub_1:visited, .rub_2 #menu .rub_2:active { color: #009cd9;}
#menu .rub_3,#menu .rub_3:hover,.rub_3 #menu .rub_3:link,.rub_3 #menu .rub_1:visited, .rub_3 #menu .rub_3:active { color: #e3001a;}
#menu .rub_4,#menu .rub_4:hover,.rub_4 #menu .rub_4:link,.rub_4 #menu .rub_1:visited, .rub_4 #menu .rub_4:active { color: #267721;}
#menu .rub_5,#menu .rub_5:hover,.rub_5 #menu .rub_5:link,.rub_5 #menu .rub_1:visited, .rub_5 #menu .rub_5:active { color: #949494;}
#menu .rub_6,#menu .rub_6:hover,.rub_6 #menu .rub_6:link,.rub_6 #menu .rub_1:visited, .rub_6 #menu .rub_6:active { color: #f989d3;}
#menu .rub_7,#menu .rub_7:hover,.rub_7 #menu .rub_7:link,.rub_7 #menu .rub_1:visited, .rub_7 #menu .rub_7:active { color: #6fca00;}
#menu .rub_8,#menu .rub_8:hover,.rub_8 #menu .rub_8:link,.rub_8 #menu .rub_1:visited, .rub_8 #menu .rub_8:active { color: #b30056;}
#menu .rub_9,#menu .rub_9:hover,.rub_9 #menu .rub_9:link,.rub_9 #menu .rub_1:visited, .rub_9 #menu .rub_9:active { color: #6b96b6;}
/*dessous mais on garde la couleur en js*/


/*si sélection du menu -> sel*/
/*evitez d'impliquer id  actual dans le css*/
/*Couleur par défaut*/
/*#menu a{ color: #000;}*/

/*IE6 pas supporté*/
#actual.rub_1{color:#ab8cbc;}
#actual.rub_2{color:#009cd9;}
#actual.rub_3{color:#e3001a;}
#actual.rub_4{color:#267721;}
#actual.rub_5{color:#949494;}
#actual.rub_6{color:#f989d3;}
#actual.rub_7{color:#6fca00;}
#actual.rub_8{color:#b30056;}
#actual.rub_9{color:#6b96b6;}

/*Tentative de correction sous IE6> couleur des liens sélectionné*/
#menu .sel1{color:#ab8cbc;}
#menu .sel2{color:#009cd9;}
#menu .sel3{color:#e3001a;}
#menu .sel4{color:#267721;}
#menu .sel5{color:#949494;}
#menu .sel6{color:#f989d3;}
#menu .sel7{color:#6fca00;}
#menu .sel8{color:#b30056;}
#menu .sel9{color:#6b96b6;}


/******************/
/** SOUS RUBRIQUE */
/******************/

/**/
#menu UL LI:hover UL,#menu UL LI A:hover UL,#menu LI.sfhover UL {display: block;height:25px;left:auto;padding-top:3px;}

/*Sélection du sous-menu automatiquement*/

/*Test IE6  - affichage du sous menu déjà sélectionné*/
.sub_1{display:block;height:25px;left:auto;padding-top:3px;}

/*Firefox 3 et IE7 - affichage du sous menu déjà sélectionné*/
#actual.sel+.sub_1{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_2{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_3{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_4{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_5{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_6{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_7{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_8{display:block;height:25px;left:auto;padding-top:3px;}
#actual.sel+.sub_9{display:block;height:25px;left:auto;padding-top:3px;}

/*Exception des couleurs pour le sous menu 4 et 8*/
.sub_1 a, .sub_2 a, .sub_3 a, .sub_4 a, .sub_5 a, .sub_6 a, .sub_7 a, .sub_8 a, .sub_9 a{color:#fff !important}
.sub_1 a:hover, .sub_2 a:hover, .sub_3 a:hover, .sub_4 a:hover, .sub_5 a:hover, .sub_6 a:hover, .sub_7 a:hover, .sub_9 a:hover, .sub_8 a:hover{color:#000 !important}

.sub_1 #selected:link,.sub_1 #selected:visited,.sub_1 #selected:hover,.sub_1 #selected:active,
.sub_2 #selected:link,.sub_2 #selected:visited,.sub_2 #selected:hover,.sub_2 #selected:active,
.sub_3 #selected:link,.sub_3 #selected:visited,.sub_3 #selected:hover,.sub_3 #selected:active,
.sub_4 #selected:link,.sub_4 #selected:visited,.sub_4 #selected:hover,.sub_4 #selected:active,
.sub_5 #selected:link,.sub_5 #selected:visited,.sub_5 #selected:hover,.sub_5 #selected:active,
.sub_6 #selected:link,.sub_6 #selected:visited,.sub_6 #selected:hover,.sub_6 #selected:active,
.sub_7 #selected:link,.sub_7 #selected:visited,.sub_7 #selected:hover,.sub_7 #selected:active,
.sub_8 #selected:link,.sub_8 #selected:visited,.sub_8 #selected:hover,.sub_8 #selected:active,
.sub_9 #selected:link,.sub_9 #selected:visited,.sub_9 #selected:hover,.sub_9 #selected:active {color:#000 !important;font-weight:normal;}