/* Construction du menu de navigation */

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

.main_item{
	font-size:12px;
}

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

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

#nav_mid {
	float:left;
	width:100%;
	/* width:946px; */
	-width:956px;
	height:28px;
	background-color:#ffffff;
	margin:0;
	padding:0;
	display:inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../../pie/PIE.htc);
}

#nav_bot {
	float:left;
	width:946px;
	-width:956px;
	height:26px;
	background-color:#ffffff;
	margin:0;padding:0;
	display:inline;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(../../pie/PIE.htc);
}

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

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

#menu LI A {
	padding: 0px 10px 0px 10px;
	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;
	margin-top:2px;
}

/*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:#DD6666;margin-left: 0;}
#menu .sub_4 { background:#e3001a;margin-left: 0;}
#menu .sub_5 { background:#267721;margin-left: 0;}
#menu .sub_6 { background:#949494;margin-left: 0;}
#menu .sub_7 { background:#f989d3;margin-left: -204px;}
#menu .sub_8 { background:#6fca00;margin-left: -292px/* margin-left: -222px; */}
/* #menu .sub_8 { background:#b30056;margin-left: -92px} */
#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:#DD6666;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_4 {background:#e3001a;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_5 {background:#267721;wrap:nowrap;height:25;width:auto!important;}
* HTML #menu #sub_6 {background:#949494;wrap:nowrap;height:25;width:auto!important;margin-left: -540px;}
* HTML #menu .sub_7 {background:#f989d3;wrap:nowrap;height:25;width:auto!important;margin-left: -224px;}
* HTML #menu .sub_8 {background:#6fca00;wrap:nowrap;height:25;width:auto!important;margin-left: -347px;}
/* * 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 10px 0 10px;
}

#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;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #DD6666;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #e3001a;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #267721;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #949494;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #f989d3;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#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: #6fca00;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
/* #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;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);} */
#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;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
/*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:#DD6666;}
#actual.rub_4{color:#e3001a;}
#actual.rub_5{color:#267721;}
#actual.rub_6{color:#949494;}
#actual.rub_7{color:#f989d3;}
#actual.rub_8{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:#DD6666;}
#menu .sel4{color:#e3001a;}
#menu .sel5{color:#267721;}
#menu .sel6{color:#949494;}
#menu .sel7{color:#f989d3;}
#menu .sel8{color:#6fca00;}
/* #menu .sel8{color:#b30056;} */
#menu .sel9{color:#6b96b6;}


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

/**/
#menu UL LI IMG {width:0px;}
#menu UL LI:hover UL,#menu UL LI A:hover UL,#menu LI.sfhover UL {display: block;height:28px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}

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

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

/*Firefox 3 et IE7 - affichage du sous menu d?j? s?lectionn?*/
#actual.sel+.sub_1{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_2{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_3{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_4{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_5{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_6{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_7{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_8{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}
#actual.sel+.sub_9{display:block;height:30px;left:auto;padding-top:3px;-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; behavior: url(../../pie/PIE.htc);}

/*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;}

.m5
{
	margin-top:5px;
}