.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
	font: normal 13px Verdana; margin: 0px; padding: 0px;
	position: absolute; left: 0px; top: 0px;
	list-style-type: none; background: white;
	border: 1px solid black; border-bottom-width: 0px;
	visibility: hidden; display: none; /*collapse all sub menus to begin with*/
	box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 3px 3px 8px #818181;
	-moz-box-shadow: 3px 3px 8px #818181;
}

.flexdropdownmenu li { position: relative; }

.flexdropdownmenu li a{
	display: block; width: 180px; /*width of menu (not including side paddings)*/
	color: black; background: #dddddd; padding: 4px 5px;
	border-bottom: 1px solid black;
	text-decoration: none; text-align: center;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
	display: inline-block;
	width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a {
	color: white; background: #a0a0a0; text-align: center;
}

.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* === Pour les sous-menus de gauche ==== */
.fddmG, .fddmG ul { border: 1px solid #970000; }
.fddmG li a { 
	background: #daa1a1; border-bottom: 1px solid #970000;
}
.fddmG li a:hover, .fddmG li.selected>a {
		color: white; background: #970000;
}

/* === Pour les sous-menus de droite ==== */
.fddmD, .fddmD ul { border: 1px solid #006398; }
.fddmD li a {
	background: #abcbe0; border-bottom: 1px solid #006398;
}
.fddmD li a:hover, .fddmD li.selected>a {
		color: white; background: #006398;
}