/*
*	CSS based dropdown and flyout menus
*	You shouldn't need to edit anything in this file
*	as the rules contained herein only govern the
*	dropdown behaviour of the top menu's submenus and 
*	the flyout behaviours of the left and right menus.
*/

/***********************************************************************************************/
/************************************ Menu déroulant horizontal ***************************************/
/***********************************************************************************************/


#nav {
	font-family: arial; 
	text-align: left;
	position: relative; 
	float: left;
	margin: 0 auto; 
	z-index: 900;
}

/*.clr{
	width:100px;
	background-color:#99FF00;
}*/
#nav ul.menu {
	padding: 0px 0px 0px 9px; 
	margin: 0; 
	height: 25px; 
	list-style-type: none; 
	width: 922px;
}
	
/*********************************** Entrées principale du menu horizontal ***********************************/
	
#nav ul.menu li {
	position: relative; 
	float: left; 
	display: inline; 
	margin: 0px 0px 2px 7px; 
	padding: 0px 0px 0px 3px; 
	/* padding-top:-2px;
 */
	height: 25px; 
	font-size: 12px;
	background: url(../../../images/stories/menuSeparator.jpg) no-repeat top left; 
/*	border-bottom: 2px solid transparent; */
/*	_border-bottom: 2px solid #ffffff;*/ /*ie6*/
}
	
li.item2 {
	width: 85px;
}
li.item18 {
	width: 100px;
}
li.item27 {
	width: 90px;
}
li.item87 {
	width: 90px;
}

#nav ul.menu li a {
	display: block; 
	overflow: hidden;
	text-decoration: none;
	color: #666666;
/*	background-color: #ffffff; */
	margin: 0; 
	padding: 0px 4px 0px 3px; 
}

/* Entrée principale active */
#nav ul.menu  li.active a {
	color: #0073b4;
/*	background: #b2b2b2;*/
}

/* Entrées principales avec rollover */
#nav ul li a:hover {
	color:#ffffff;
	background:url(../../../images/stories/backMenuMain.jpg) repeat-x 0px 0px; 
	height:20px;
}
#nav ul li#current a:hover{
	color:#ffffff;
	background:url(../../../images/stories/backMenuMain.jpg) repeat-x 0px 0px; 
	height:20px;
}
/*,, #nav a#active_menu-nav, #nav a#active_menu-nav:hover, */
#nav ul li#current a{

}
#nav ul.menu li.active a:hover{
	color:#ffffff;
}

/**+html #nav ul li a:hover, *+html #nav ul li#current a, *+html #nav ul li#current a:hover, *+html #nav a#active_menu-nav, *+html #nav a#active_menu-nav:hover, *+html #nav ul.menu li.active a:hover {
	color:#ffffff;
	background:url(../../../images/stories/backMenuMain.jpg) repeat-x 0px 2px; 
}*/
/**html #nav ul li a:hover, *html #nav ul li#current a, *html #nav ul li#current a:hover, *html #nav a#active_menu-nav, *html #nav a#active_menu-nav:hover, *html #nav ul.menu li.active a:hover {
	color:#ffffff;
	background:url(../../../images/stories/backMenuMain.jpg) repeat-x 0px 2px; 
}*/
/*********************************** Menu déroulant - niveau 1 ***********************************/
	
#nav ul li ul {
	display: none; 
	border: 1px #0073b4 solid; 
	border-bottom: 0px;  /*annule la precendente*/
	margin: 0px; 
	margin-top:3px; 
	padding: 0px; 
	z-index: 1000;	
	color:#666;
}
				
#nav ul.menu li ul li {
	background-color: #e9e9e9; 
	font-size: 11px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	border-bottom: 1px #0073b4 solid;
	height: 20px;
}
				
#nav ul.menu li ul li a {
	text-indent: 6px;
	height: 17px;	
	color:#666;
}
* html #nav ul.menu li ul li a {
	text-indent: 0px;
	padding-left:6px;
/*	width:140px;*/
	height: 17px;	
	color:#666;
}
/* ACTIF*/
#nav ul.menu  li.active ul li a {
	color: #666;
	background: #e9e9e9;
}
/* Entrée de niveau 1 active */			
#nav ul li ul li.active a {
	color: #666;
}
#nav ul.menu li.active ul li a:hover{
	color:#0073b4;
	background:#f4f4f4;
}
#nav ul li ul li a:hover{
	color:#0073b4;
	background:#e9e9e9;
}
#nav ul.menu  li.active ul li a:hover{
	color:#0073b4;
	background:#e9e9e9;
 }
#nav ul.menu li ul li.active a:hover {
  	color:#0073b4;
	background:#e9e9e9;
}
#nav ul li ul li#current a {
  	color:#0073b4;
	background:#e9e9e9;
	height: 17px;	
}
#nav ul li ul li#current a:hover{
  	color:#0073b4;
	background:#e9e9e9;height: 17px;	
}
#nav ul li#current ul li#current a:hover{
  	color:#0073b4;
	background:#e9e9e9;
}
#nav ul li#current ul li#current.active a:hover{
  	color:#0073b4;
	background:#e9e9e9;
}
	
/* Entrées de niveau 1 avec rollover */
#nav ul li ul li a:hover, #nav ul li ul li#current a, #nav ul li ul li a#active_menu-nav {
	height: 17px; 
	color: #666666;
	background-color: #f4f4f4;
}
#nav ul li ul li#current a#active{
	height: 17px; 
	color: #0073b4;
	background-color: #f4f4f4;
}			
/* Position du sous menu 1 */
#nav ul li:hover ul, #nav ul.menu li.iehover ul {
	display: block; 
	z-index: 1100; 
	position: absolute; 
	top: 19px; 
	left: 3px; 
	width: 170px;
	background-color: #f4f4f4;
}
				
/*********************************** Menu déroulant - niveau 2 ***********************************/

#nav ul li:hover ul li ul, #nav ul.menu li.iehover ul li ul, #nav ul li ul li:hover ul, #nav ul.menu li ul li.iehover ul {
	display: none; 
	color: #666666;
}

#nav ul li:hover ul li a, #nav ul li.iehover ul li a {
	display: block;
	background-color: #e9e9e9;
	color: #666666;
	width: 170px;
	padding: 0px; 
}
				
#nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul {
	display: block; 
	position: absolute;
}

#nav ul li:hover ul li a:hover, #nav ul li.iehover ul li a:hover {
	color:#0073b4;
		background-color: #f4f4f4;
}

#nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul {
	display: block; 
	position: absolute; 
	left: 170px; 
	top: -4px;
}


/***********************************************************************************************/
/**************************************** Menu de gauche *******************************************/
/***********************************************************************************************/
/* @group Left Column Vertical fly-out suckerfish menu */

	#left_menus ul.menuleft{
	background:#fff url(../../../images/stories/backMenuLeft.jpg) no-repeat top left;
	padding-top:27px;
	width:176px;
	font-family:arial;
	
	}
	#left_menus _menus ul.menuleft a{display: block; height: auto !important;height: 1%} /*For IE}*/
		
	#left_menus ul.menuleft li{
	/*float: left; *//*For IE 7 lack of compliance*/
	/*display: block !important; For GOOD browsers*/
	/*display: inline; For IE*/
	/*position: relative;*/
	
	width:176px;
	color:#fff;
	}

	#left_menus ul.menuleft li a{
	background:#fff url(../../../images/stories/menuLeftOff.jpg) no-repeat top left;
	height:22px;
	width:176px;
	padding-left:18px;
	font-size:12px;
	color:#fff;
	display:block;
	text-decoration:none;
	padding-top:2px;
	margin:0px;
	}
	#left_menus ul.menuleft li a:hover{
	background:#fff url(../../../images/stories/menuLeftOff.jpg) no-repeat top left;
	text-decoration:none;
	height:22px;
	width:176px;
	padding-left:18px;
	font-size:12px;
	color:#3f3f3f;
	margin:0px;
	padding-top:2px;
	}
	#left_menus ul.menuleft li.active a{
	background:#fff url(../../../images/stories/menuLeftOn.jpg) no-repeat top left;
	height:22px;
	width:176px;
	padding-left:18px;
	font-size:12px;
	margin:0px;
	padding-top:2px;
	color:#3f3f3f;
	}
	/*#left_menus ul.menuleft li.parent.active {	
	border-bottom:10px solid red;
	}*/

/* Root = Vertical, Secondary = Vertical */

#left_menus ul#mainlevel:after,
#left_menus ul.menuleft:after /*From IE 7 lack of compliance*/{/*clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;*/}
		

/* Submenu Initialisation */					
	/*#left_menus _menus ul.menuleft ul,
		#left_menus ul.menuleft ul ul,
			#left_menus ul.menuleft ul ul ul {display: none;position: absolute;z-index:900;}*/
/* Do Not Move - Must Come Before display:block for Gecko */
/* Hide sub submneus on page load */
		/*	#left_menus ul.menuleft li:hover ul ul,
				#left_menus ul.menuleft li:hover ul ul ul,
			#left_menus ul.menuleft li.iehover ul ul,
				#left_menus ul.menuleft li.iehover ul ul ul {display: none;}
*/
/* Display submenus on hover over parent item */
/*	#left_menus ul.menuleft li:hover ul,
		#left_menus ul.menuleft ul li:hover ul,
	#left_menus ul.menuleft ul ul li:hover ul,
		#left_menus ul.menuleft li.iehover ul,
	#left_menus ul.menuleft ul li.iehover ul,
		#left_menus ul.menuleft ul ul li.iehover ul {display: block;}*/
		
		
		
		
		
/* @group Left Column Vertical fly-out suckerfish menu */

#left_menus ul.menuleft ul/*, 
	#left_menus ul.menuleft ul ul, 
		#left_menus ul.menuleft ul ul ul*/ {background:#fff;list-style: none;width:160px;}
	/*#left_menus ul#mainlevel li, 
	#left_menus ul.menuleft li {list-style:none;padding:0;margin:0;text-indent:0px;}
		#left_menus ul#mainlevel li a:link, 
		#left_menus ul#mainlevel li a:visited, 
		#left_menus ul.menuleft li a:link, 
		#left_menus ul.menuleft li a:visited {color:#414141;font-weight:400;padding:0 0 6px 0;width: 100%;text-decoration:none;}
		#left_menus ul#mainlevel li a:hover, 
		#left_menus ul.menuleft li a:hover {text-decoration:underline;}
		#left_menus ul#mainlevel li a#active_menu, 
		#left_menus ul.menuleft li#current a {text-decoration:none;color:#B61D20;}*/
		
		
		#left_menus ul.menuleft li.parent ul {	
		margin-left:5px;
		margin-top:1px;
		margin-bottom:10px;
		clear:both;
		}
		#left_menus ul.menuleft li.parent ul a{	
		background:none;
		clear:both;
		}
		#left_menus ul.menuleft li.parent ul li{	
		/*height:22px;*/
		/*display:block;*/
		width:176px;
		clear:both;
		}
		#left_menus ul.menuleft li.parent ul li span{	
		/*height:22px;*/
		/*display:block;*/
		width:176px;
		float:left;
		_width:160px;
		}

		#left_menus ul.menuleft li.parent ul li a{
		background:transparent url(../../../images/stories/ListBlack.jpg) no-repeat 5px 9px;
		/*background:#fff url(../../../images/stories/ListBlack.jpg)*/
	/*	height:22px;*/
		width:155px;
		_width:155px;
		padding-left:15px;
		font-size:10px;
		color:#3f3f3f;
		/*display:block;*/
		text-decoration:none;
		padding-top:1px;
		_padding-top:1px;
		border-bottom:1px solid #ececec;
		clear:both;
		cursor:pointer;
		}
		

		
		#left_menus ul.menuleft li.parent ul li a:hover{
		background:transparent url(../../../images/stories/ListBlack.jpg) no-repeat 5px 9px;
		height:22px;
		width:155px;
		padding-left:15px;
		font-size:10px;
		display:block;
		text-decoration:none;
		padding-top:1px;
		_padding-top:1px;
		border-bottom:1px solid #ececec;
		color:#0073b4;
		}
		/* les donnees du li st deja doneees ds li a , et active reprend par default les donnees, on lui change juste couleur et pastille*/
		#left_menus ul.menuleft li.parent ul li.active a{
		background:transparent url(../../../images/stories/ListBlue.jpg) no-repeat 5px 9px;
		color:#0073b4;
		}
		/* last*/
		#left_menus ul.menuleft li.parent ul li.last a{
		border-bottom:0px;
		margin-bottom:-2px;
		}
		#left_menus ul.menuleft li.parent ul li.last a:hover{
		border-bottom:0px;
		}
		
		

/* Root Menu */
		#left_menus ul#mainlevel a, 
		#left_menus ul.menuleft a {}
/* Root Menu Hover Persistence */
		#left_menus ul.menuleft a:hover,
		#left_menus ul.menuleft li:hover a,
		#left_menus ul.menuleft li.iehover a {}
/* top level parent */
		/*#left_menus ul.menuleft li.parent:hover, #left_menus ul.menu li.parent.iehover {background:#e9e9e9;}
		#left_menus ul.menuleft li.parent a:after {content: " +";}
		#left_menus ul.menuleft li.parent li a:after {content: none;}*/



/* 2nd Menu */
			/*#left_menus ul.menuleft ul {border-top: 1px solid #b6b6b6;width: 150px;margin: 0;padding: 0;}
			#left_menus ul.menuleft li:hover li {background:#e9e9e9;border:1px solid #b6b6b6;border-top:0px;padding:0px;margin: 0px;}
			#left_menus ul.menuleft li:hover li a,
			#left_menus ul.menuleft li.iehover li a {color:#333;margin: 0.25em 0.5em 0;}*/
/* 2nd Menu Hover Persistence */
			#left_menus ul.menuleft li:hover li a:hover,
			#left_menus ul.menuleft li:hover li:hover a,
			#left_menus ul.menuleft li.iehover li a:hover,
			#left_menus ul.menuleft li.iehover li.iehover a {}
/* first sub-level parent */
			#left_menus ul.menuleft li li.parent a:after {content: " +";}
			#left_menus ul.menuleft li li.parent li a:after {content: none;}

/* 3rd Menu */
				#left_menus ul.menuleft li:hover li:hover li a,
				#left_menus ul.menuleft li.iehover li.iehover li a {}
/* 3rd Menu Hover Persistence */
				#left_menus ul.menuleft li:hover li:hover li a:hover,
				#left_menus ul.menuleft li:hover li:hover li:hover a,
				#left_menus ul.menuleft li.iehover li.iehover li a:hover,
				#left_menus ul.menuleft li.iehover li.iehover li.iehover a {}
/* second sub-level parent */
				#left_menus ul.menuleft li li li.parent a:after {content: " +";}
				#left_menus ul.menuleft li li li.parent li a:after {content: none;}

/* 4th Menu */
					#left_menus ul.menuleft li:hover li:hover li:hover li a,
					#left_menus ul.menuleft li.iehover li.iehover li.iehover li a {}
/* 4th Menu Hover Persistence*/
					#left_menus ul.menuleft li:hover li:hover li:hover li a:hover,
					#left_menus ul.menuleft li.iehover li.iehover li.iehover li a:hover {}

/* Submenu positioning */
	#left_menus ul.menuleft ul,
		#left_menus ul.menuleft ul ul,
			#left_menus ul.menuleft ul ul ul {top: 10px;left: 75%;}
/* @end left menu */
/* @end */

/* @group Right Column Vertical fly-out suckerfish menu */
#right ul#mainlevel li, 
#right ul.menu li {width: 100%;}
	#right ul#mainlevel li a:link, 
	#right ul#mainlevel li a:visited, 
	#right ul.menu li a:link, 
	#right ul.menu li a:visited {width: 100%;display:block;}

/* Root = Vertical, Secondary = Vertical */
#right ul#mainlevel,
#right ul.menu,
	#right ul.menu li,
		#right ul.menu ul {width: 100%; /*For KHTML*/}

#right ul#mainlevel:after,
#right ul.menu:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
	#right ul#mainlevel li,
	#right ul.menu li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}

/* Root Menu */
		#right ul#mainlevel a,
		#right ul.menu a {display: block;height: auto !important;height: 1%; /*For IE*/}
					
/* Submneu Initialisation */
	#right ul.menu ul,
		#right ul.menu ul ul,
			#right ul.menu ul ul ul {display: none;position: absolute;z-index:900;}
/* Do Not Move - Must Come Before display:block for Gecko */
/* Hide sub submenus on page load */
				#right ul.menu li:hover ul ul,
					#right ul.menu li:hover ul ul ul,
				#right ul.menu li.iehover ul ul,
					#right ul.menu li.iehover ul ul ul {display: none;}

/* Display submenus on hover over parent item */
	#right ul.menu li:hover ul,
		#right ul.menu ul li:hover ul,
			#right ul.menu ul ul li:hover ul,
	#right ul.menu li.iehover ul,
		#right ul.menu ul li.iehover ul,
			#right ul.menu ul ul li.iehover ul {display: block;}
			
			


/* @group Right Column Vertical fly-out suckerfish menu */

#right ul.menu ul,
	#right ul.menu ul ul,
		#right ul.menu ul ul ul {background:#ffffff;}
	#right ul#mainlevel li, 
	#right ul.menu li {list-style:none;padding:0;margin:0;text-align:right;}
		#right ul#mainlevel li a:link, 
		#right ul#mainlevel li a:visited, 
		#right ul.menu li a:link, 
		#right ul.menu li a:visited {color:#414141;font-weight:400;padding:0 0 6px 0;text-decoration:none;}
		#right ul#mainlevel li a:hover, 
		#right ul.menu li a:hover {text-decoration:underline;}
		#right ul#mainlevel li a#active_menu, 
		#right ul.menu li#current a {text-decoration:none;color:#B61D20;}
			#right ul.menu ul li {background:none;}

/* Root = Vertical, Secondary = Vertical */
#right ul#mainlevel,
#right ul.menu,
	#right ul.menu li,
		#right ul.menu ul {list-style: none;}

/* Root Menu */
		#right ul#mainlevel a,
		#right ul.menu a {}
/* Root Menu Hover Persistence */
		#right ul.menu a:hover,
		#right ul.menu li:hover a,
		#right ul.menu li.iehover a {}
/* top level parent */
		#right ul.menu li.parent:hover {background:#e9e9e9;}
		#right ul.menu li.parent a:before {content: "+ ";}
		#right ul.menu li.parent li a:before {content: none;}

/* 2nd Menu */
			#right ul.menu ul {border-top: 1px solid #b6b6b6;width: 150px;margin: 0;padding: 0;}
			#right ul.menu li:hover li {background:#e9e9e9;border:1px solid #b6b6b6;border-top:0px;padding:0px;padding-right: 0.5em;}
			#right ul.menu li:hover li a,
			#right ul.menu li.iehover li a {margin: 0.25em 0.5em 0 0;}
/* 2nd Menu Hover Persistence */
			#right ul.menu li:hover li a:hover,
			#right ul.menu li:hover li:hover a,
			#right ul.menu li.iehover li a:hover,
			#right ul.menu li.iehover li.iehover a {}
/* first sub-level parent */
			#right ul.menu li li.parent a:before {content: "+ ";}
			#right ul.menu li li.parent li a:before {content: none;}

/* 3rd Menu */
				#right ul.menu li:hover li:hover li a,
				#right ul.menu li.iehover li.iehover li a {}
/* 3rd Menu Hover Persistence */
				#right ul.menu li:hover li:hover li a:hover,
				#right ul.menu li:hover li:hover li:hover a,
				#right ul.menu li.iehover li.iehover li a:hover,
				#right ul.menu li.iehover li.iehover li.iehover a {}
/* second sub-level parent */
				#right ul.menu li li li.parent a:before {content: "+ ";}
				#right ul.menu li li li.parent li a:before {content: none;}

/* 4th Menu */
					#right ul.menu li:hover li:hover li:hover li a,
					#right ul.menu li.iehover li.iehover li.iehover li a {}
/* 4th Menu Hover Persistence */
					#right ul.menu li:hover li:hover li:hover li a:hover,
					#right ul.menu li:hover li:hover li:hover li:hover a,
					#right ul.menu li.iehover li.iehover li.iehover li a:hover {}
					#right ul.menu li.iehover li.iehover li.iehover li.iehover a {}
					
/* Submneu positioning */
	#right ul.menu ul,
		#right ul.menu ul ul,
			#right ul.menu ul ul ul {top: 10px;left: -75%;}
/* @end right menu*/
/* @end Menus */
/* @end */