@charset "utf-8";

li { /* list-style-position: inside;  /* NE surtout pas utiliser a cause d'un bug IE  */ }
#menu ul, #menu ul li { font-size: 18px; border: none; margin: 0; padding: 0; list-style: none;list-style-position: none;	list-style-type: none;list-style-image: none; text-indent: 0px;	text-align: left;}
#menu ul { z-index: 1; /* bogue IE7*/ }
#menu a { z-index: 1; /* bogue IE7*/ } 
#menu > ul ul { display: none; position: absolute; left: 0; }
#menu > ul a { display: block; width: inherit;} /* DEBUG*/
* html #menu > ul ul { line-height: 0; } /* IE6 "fix" */
#menu > ul ul li a { zoom: 1; } /* IE6/7 fix */
#menu > ul ul li { float: none;} 

/************* On definit le bord droit/gauche et le fond du menu *************/
#menuBorder-R{margin: 0; padding:0 0 0 5px; background-image: url('jquery.mmsmenu/mainMenu-L.png'); background-repeat: no-repeat; background-position: left top;}
#menuBorder-L{margin: 4px 20px 0 0; padding:0 5px 0 115px; background-image: url('jquery.mmsmenu/mainMenu-R.png'); background-repeat: no-repeat; background-position: right top; }
#menu {margin: 0; height: 35px; padding: 0px 0 0 0; background-image: url('jquery.mmsmenu/mainMenu-M.png'); background-repeat: repeat-x; background-position: left top; }
#menu a{ color: #FFF;}
#menu a:hover{color:#FFF;}

/* 1 ligne, du menu */
#menu > ul > li { 
	padding: 0 6px 0 6px;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	background-image: url('jquery.mmsmenu/mainMenu-sep.png'); background-repeat: no-repeat; background-position: right bottom;
	display: block; 
	float: left; 
	position: relative;
}

#menu > ul > li > a,
#menu > ul > li > a.click{ 
	padding: 9px 6px 10px 0; 
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
}


#menu > ul > li.unable > a,
#menu > ul > li.unable > a:ACTIVE{
	color: #FFF; 
	cursor: default; 
	padding: 9px 6px;
	font-weight: bold;
}	
	
/* Le menu est selectionn� :*/
#menu > ul > li.hover { 
	background-color:  #CF0F7C;
    color: #FFF;
}
/*Coloration des sous menu en passant le curseur*/
#menu > ul > li > ul > li.hover { 
	background-color:  #778AA8;
    color: #FFF;
   
}
#menu :hover{cursor: pointer; }

/* les sous menu */
#menu > ul ul { 
	background-color: #CF0F7C; 
	width: 160%;
	padding: 0px;
	border-left-color: #FFF; border-left-style: solid; border-left-width:1px;
	border-right-color: #0A0A0A; border-right-style: solid; border-right-width:1px;
	border-bottom-color: #0A0A0A; border-bottom-style: solid; border-bottom-width:1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
}

/* chacun des sous menus*/
#menu > ul ul li a{
	color: #FFF;
	padding: 5px 0 5px 0;
	font-weight: bold;
	font-size: 13px;
	width: 130%;
}

#menu > ul > li  li{ 
	padding: 0px 0px 0px 7px;
}
#menu > ul ul li ul{
	margin-top: -20px;
	margin-left: 99%;
	width: 100%;
}

#exemple_menu > ul ul,
#exemple_menu > ul > li  li { 
	width: 120%;
	width: expression((parseFloat(navigator.appVersion.split("MSIE")[1])<8)?"160"+"px":"120%");
	
}