/* -------------------------------------------------------------------------- */

.menu_gauche {
    background-image: url(images/fd_menu.jpg);
    background-repeat: no-repeat;
	height:251px;
}

.h
{ 
height:30px;
padding-left:10px;
}

.menuderoulant
{
 display:block;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-variant:small-caps;
 text-decoration:none;

}
.menuderoulant li
{
 display:block;
 float: none;
 position: relative;
	/*background-image: url(images/fdmenu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-left:2px solid #fff;*/
	/*border-bottom: 1px solid #fff; */
}
.menuderoulant .sousmenu
{
 display: none;
 list-style-type: none;
 position: absolute;
 margin-left:20px;
 padding: 0;
 border: 0;
 left: 130px;
 top:0;
 text-decoration:none;
}

.sousmenu {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-variant:small-caps;
 color: #FFFFFF;
 text-decoration: none;
 text-indent: 3px;
 text-decoration:none;
}

.sousmenu ul{
background-color:#025E8D;
background-image: url(images/fdmenu.jpg);
background-repeat: repeat-y;
background-position: left top;
}

.menuderoulant li a
{
 display: block;
 height: auto;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 padding-top:5px;
 padding-bottom:4px;
 padding-left:5px;
 padding-right:20px;
 color: #fff;
 width: 210px;
 text-decoration: none;
}
.menuderoulant li a:hover{
        color: #fff;
        text-decoration:underline;
}


.menuderoulant ul li
{

 float: left;
 list-style-type: none;
 margin-left:20px;
 margin: 0;
 border: 0;
 border-bottom: 1px solid #fff;
 /*background-color:#FFF;*/
 background-color:#025E8D;
 text-decoration:none;

}


/*.menuderoulant li:hover>ul{ display: block; }*/
/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0;
			/*border-top:#ffffff 1px solid;*/
			width: 210px;
			margin-left:5px;
			margin-bottom:0;
			margin-top:0;
			text-transform:uppercase;

		}
		.vertical li a{
			display: block;
			width: 210px;
			text-decoration: none;
			height: 24px;
			/*padding: .1em 1px;*/
			border-bottom: 1px solid;
			border-top: 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;			
			color:#FFFFFF;
			
		}
			.vertical li a:hover{
			display: block;
			width: 210px;
			text-decoration: none;
			height: 24px;
			/*padding: .1em 1px;*/
			border-bottom: 1px solid;
			border-top: 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;			
			color:##025E8D;
			background-color:#FFFFFF;
			}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: 0;
			margin-left: 0px;
			background-color:#025E8D;
			text-transform:lowercase;
		}


/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
.mlmenu {
margin:0;
padding:0;
}
.mlmenu li ul{
	display: none;
}
.mlmenu li:hover>ul{
	display: block;
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
.accessible li ul{
	display: block;
}
/*Code to show an element has a child*/
.mlmenu.plus li a:first-child:not(:last-child):after{
	content: '+';
}
.plus a span{
	padding-left: .5em;
}
.noshow{
	visibility: hidden;
}


ul li.normal{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul li.normal a{
    border-right: none;
    font-size: 12px;
    background: url(../images/graine.gif) no-repeat left center ;
	padding-left: 25px;
    text-align: left;
	margin-right: -25px;
	margin-left: 5px;
	float: left;
	line-height: 22px;
	height: 22px;
	width: 135px;
	display: block;
	color: #fff;
}
ul li.normal a:hover{
    color: #e12059;
    background: url(../images/graine.gif) no-repeat left center;
}
ul.divers_lien{
	margin: 0;
	padding: 0;
}