/* "Master" UL (the whole Menu) */

#drop_down_menu  {
	margin:0;
	background-color:#766D5F;
	width:97%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant:small-caps;
	padding: 0;
	list-style: none;
	text-align:left;
	
}

#drop_down_menu li {
	position:relative;
	float:left;
	background-color:#766D5F;
}

/* All anchors */

#drop_down_menu a {
	color:#fff;
	cursor:pointer ;
	line-height:23px;
	text-decoration:none;
	display:block;
	float:left;	
	padding: 0 6px 0 6px;
}
#drop_down_menu a:hover {
	background-color:#A69D8E;
}
#drop_down_menu a:focus,
#drop_down_menu a:active 
#drop_down_menu a:visited {color:#fff}

/* sub-menu ULs */

#drop_down_menu li ul {
	cursor:default;
	position:absolute;
	display:none;
	left:0px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#drop_down_menu li ul li {
	/*background-color: #A69C8E;*/
	background-image:url(images/static/background.png);
	width:100%;
	padding: 0;
	margin: 0;
}

/* sub-menu Anchors */

#drop_down_menu li ul li a {
	color:#000000;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	font-weight: normal;
	font-variant:normal;
	letter-spacing: normal;
	line-height:15px;
	/*padding: 0 0 0 5px;*/
	padding: 0 0 0 0px;
	margin: 0;
	width: 100%;
}

#drop_down_menu li ul li a:visited {color:#000;}
#drop_down_menu li ul li a:hover {
	color:#fff;
	background-color: #94C0D0;
}
#drop_down_menu ul a:visited {color:#fff;}


/* display and z-index for the sub-menus */

#drop_down_menu li:hover ul,
#drop_down_menu li.msieFix ul {
	display:block;
	z-index:10;
	/*top:1.8em !important;*/
	bottom:23px;
}

/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */

/* pour aujuster la largeur des sub menus */

#drop_down_menu li#AB ul{}
#drop_down_menu li#CD ul{ width: 330px; }
#drop_down_menu li#EF ul{ width: 340px; }
#drop_down_menu li#GH ul{ width: 202px; }
#drop_down_menu li#IJ ul{ width: 162px; }
#drop_down_menu li#KL ul{}
#drop_down_menu li#MN ul{}


/* menu colors */

#AB a {
	color:#fff;
	background-color:#A71C57;
	font-weight:bold;
	font-size:12px;
	letter-spacing:normal;
	text-align:center;	
	padding: 0 4px 0 4px;
	width: 168px;
}
#AB a:hover {
	/*background-color:#B91158;*/
	background-color:#C40F5B;
	color:#EFECD9;
}
#CD,#CD a{

}
#EF,#EF a{} 
#GH,#GH a{}
#IJ,#IJ a{}
#KL a {
	font-size:12px;
	letter-spacing:normal;	
}

#KL a:hover {
	color:#39342D;
	background:#94C0D0
}
#MN a {
	color:#000;
	background:#94C0D0;
	font-size:14px;
	font-weight:bold;
	letter-spacing:normal;
	text-align:center;
	width:65px;	
}
#MN a:hover {
	/*background-color:#9DEFEE;*/
	/*background-color:#9DD0EE;*/
	background-color:#A4D7F5;
	color:#191916;
/*	background:#A4E3F5;*/
	}

/* Current location - class on Body must match LI's id */
/* classes spécifiques */

.AB #drop_down_menu li#AB a,
.CD #drop_down_menu li#CD a,
.EF #drop_down_menu li#EF a,
.GH #drop_down_menu li#GH a,
.IJ #drop_down_menu li#IJ a,
.KL #drop_down_menu li#KL a,
.MN #drop_down_menu li#MN a {color:#000;}

/* Keeping current menu accessible to JAWS */

.AB #drop_down_menu li#AB ul, 	
.CD #drop_down_menu li#CD ul,
.EF #drop_down_menu li#EF ul,
.GH #drop_down_menu li#GH ul,
.IJ #drop_down_menu li#IJ ul,
.KL #drop_down_menu li#KL ul,
.MN #drop_down_menu li#MN ul {display:block;top:-1000px}




/* "trigger" and "msieFix" classes */

#drop_down_menu li.msieFix a {}

/* last nested UL. keeping it in */

#drop_down_menu li#MN ul {left:-2.3em !important;}



/* If JS is OFF we need to style the links in the sub-menu of the current page     */

/* so they are accessible to keyboard users. Using a class on each link would let  */

/* us stick each link in the same place, but we would have to plug a lot of        */

/* attributes in the markup and many rules here, so...                             */

.AB #drop_down_menu li#AB ul li a:focus,
.AB #drop_down_menu li#AB ul li a:active,
.CD #drop_down_menu li#CD ul li a:focus,
.CD #drop_down_menu li#CD ul li a:active,
.EF #drop_down_menu li#EF ul li a:focus,
.EF #drop_down_menu li#EF ul li a:active,
.GH #drop_down_menu li#GH ul li a:focus,
.GH #drop_down_menu li#GH ul li a:active,
.IJ #drop_down_menu li#IJ ul li a:focus,
.IJ #drop_down_menu li#IJ ul li a:active,
.KL #drop_down_menu li#KL ul li a:focus,
.KL #drop_down_menu li#KL ul li a:active,
.MN #drop_down_menu li#MN ul li a:focus,
.MN #drop_down_menu li#MN ul li a:active {position:absolute !important;top:1028px !important;}