/* CSS du menu_deroulant horizontal, bieler batiste */

.menu_deroulant{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    /*width:500px;*/
}

/*****************************************************************Niveau 1*/
.menu_deroulant li.menu1, .menu_deroulant li.menu2, .menu_deroulant li.menu3, .menu_deroulant li.menu4, .menu_deroulant li.menu5, .menu_deroulant li.menu6{
    list-style:none;
    width:135px;
    height:45px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;}
	
		#menu-recherche li.menu1{
		background: url(images/menu1.jpg) top left no-repeat;}
		#menu-recherche li.menu2{
		background: url(images/menu2.jpg) top left no-repeat;}
		#menu-recherche li.menu3{
		background: url(images/menu3.jpg) top left no-repeat;}
		#menu-recherche li.menu4{
		background: url(images/menu4.jpg) top left no-repeat;}
		#menu-recherche li.menu5{
		background: url(images/menu5.jpg) top left no-repeat;}
		#menu-recherche li.menu6{
		background: url(images/menu6.jpg) top left no-repeat;}
		
.menu_deroulant a{/*niv1*/
	text-align:center;
    display:block;
    width:132px;
    text-decoration:none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	cursor: pointer;
}

.menu_deroulant a:hover{/*niv1*/
    text-decoration:none;
	color: #181B78;
}

	a.type1_1{
		padding:5px 0px 2px 2px;}
	
	a.type1_2{
		padding:12px 0px 10px 2px;}
		
/*****************************************************************Niveau 2*/	
.menu_deroulant ul{
    position:absolute;
    display:block;
    width:132px;
	text-align: left;
	z-index: 30;
}
  
.menu_deroulant li.menu1 ul .bottom, .menu_deroulant li.menu2 ul .bottom, .menu_deroulant li.menu3 ul .bottom, .menu_deroulant li.menu4 ul .bottom, .menu_deroulant li.menu5 ul .bottom, .menu_deroulant li.menu6 ul .bottom{
	width: 133px;
	height: 8px;
	margin-top: 0;}
.menu_deroulant li.menu1 ul .bottom{
	background: url(images/menu1-footer.gif) bottom right no-repeat;}
.menu_deroulant li.menu2 ul .bottom{
	background: url(images/menu2-footer.gif) bottom right no-repeat;}
.menu_deroulant li.menu3 ul .bottom{
	background: url(images/menu3-footer.gif) bottom right no-repeat;}
.menu_deroulant li.menu4 ul .bottom{
	background: url(images/menu4-footer.gif) bottom right no-repeat;}
.menu_deroulant li.menu5 ul .bottom{
	background: url(images/menu5-footer.gif) bottom right no-repeat;}
.menu_deroulant li.menu6 ul .bottom{
	background: url(images/menu6-footer.gif) bottom right no-repeat;}
	
.menu_deroulant li.menu1 ul{
    visibility:hidden;
	background: url(images/menu5-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 999999999;
}
.menu_deroulant li.menu2 ul{
    visibility:hidden;
	background: url(images/menu3-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 9999;
}
.menu_deroulant li.menu3 ul{
    visibility:hidden;
	background: url(images/menu1-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 9999;
}
.menu_deroulant li.menu4 ul{
    visibility:hidden;
	background: url(images/menu2-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 9999;
}
.menu_deroulant li.menu5 ul{
    visibility:hidden;
	background:url(images/menu4-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 9999;
}
.menu_deroulant li.menu6 ul{
    visibility:hidden;
	background: url(images/menu6-image.jpg) top right no-repeat;
	padding: 35px 0 0 1px;
	z-index: 9999;
}

.menu_deroulant li li{
    display:block;
    float:none;
	z-index: 9999;
}

/* correct a little IE bug */
* html .menu_deroulant li li{
    display:inline;
    }
	
.menu_deroulant li li a{/*niv2*/
	text-align:left;
    display:block;
    width:107px;
	padding: 3px 5px 3px 20px;
    text-decoration:none;
	color: #666;
	text-transform: none;
	font-weight: bold;
	font-size: .85em;
	cursor: pointer;
	margin-left: -2px;
	border-bottom: 1px solid #cbcbcb;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	background: #e2e2e2 url(images/menu-fleche.gif) left 3px no-repeat;
}


.menu_deroulant .menu1 a.type2:hover{
	   color: #1b1575;
	   background: #b4d129 url(images/menu1-fleche.gif) left 3px no-repeat;}	

.menu_deroulant .menu2 a.type2:hover{
	   color: #1b1575;
	   background: #D8A2E0 url(images/menu2-fleche.gif) left 3px no-repeat;}	

.menu_deroulant .menu3 a.type2:hover{
	   color: #1b1575;
	   background: #3495C2 url(images/menu3-fleche.gif) left 3px no-repeat;}	

.menu_deroulant .menu4 a.type2:hover{
	   color: #1b1575;
	   background: #CAB99B url(images/menu4-fleche.gif) left 3px no-repeat;}	
	   
.menu_deroulant .menu5 a.type2:hover{
	   color: #1b1575;
	   background: #F59D9B url(images/menu5-fleche.gif) left 3px no-repeat;}	
	   
.menu_deroulant .menu6 a.type2:hover{
	   color: #1b1575;
	   background: #898989 url(images/menu6-fleche.gif) left 3px no-repeat;}	
	   
/*****************************************************************Niveau 3*/
.menu_deroulant li li ul{
    position:absolute;
	display: block;
    margin-top:-31px;
    margin-left:130px;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #FFF;}

.menu_deroulant li.menu1 li ul, .menu_deroulant li.menu2 li ul, .menu_deroulant li.menu3 li ul, .menu_deroulant li.menu4 li ul, .menu_deroulant li.menu5 li ul, .menu_deroulant li.menu6 li ul{
    position:absolute;
	display: block;
    margin-left:134px;
    margin-top:-33px;
	padding: 10px 0 0 0; }

.menu_deroulant li.menu1 li ul {
	background: #fff url(images/menu1-entete.jpg) right top no-repeat;}
.menu_deroulant li.menu2 li ul {
	background: #fff url(images/menu2-entete.gif) right top no-repeat;}
.menu_deroulant li.menu3 li ul {
	background: #fff url(images/menu3-entete.gif) right top no-repeat;}
.menu_deroulant li.menu4 li ul {
	background: #fff url(images/menu4-entete.gif) right top no-repeat;}
.menu_deroulant li.menu5 li ul {
	background: #fff url(images/menu5-entete.gif) right top no-repeat;}
.menu_deroulant li.menu6 li ul {
	background: #fff url(images/menu6-entete.gif) right top no-repeat;}
	
 .menu_deroulant li li li a{/*niv3*/
	background: #e2e2e2 url(images/menu-puce.gif) left 5px no-repeat;
	
}   

.menu_deroulant .menu1 a.type3:hover{
	   color: #b4d129;
	   background: #e2e2e2 url(images/menu1-puce.gif) left 5px no-repeat}	

.menu_deroulant .menu2 a.type3:hover{
	   color: #D8A2E0;
	   background: #e2e2e2 url(images/menu2-puce.gif) left 5px no-repeat}	

.menu_deroulant .menu3 a.type3:hover{
	   color: #3495C2;
	   background: #e2e2e2 url(images/menu3-puce.gif) left 5px no-repeat}	

.menu_deroulant .menu4 a.type3:hover{
	   color: #CAB99B;
	   background: #e2e2e2 url(images/menu4-puce.gif) left 5px no-repeat}	
	   
.menu_deroulant .menu5 a.type3:hover{
	   color: #F59D9B;
	   background: #e2e2e2 url(images/menu5-puce.gif) left 5px no-repeat}	
	   
.menu_deroulant .menu6 a.type3:hover{
	   color: #898989;
	   background: #e2e2e2 url(images/menu6-puce.gif) left 5px no-repeat}	
	   
/* for a mozilla better display with key nav */
.menu_deroulant a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
}