
/*Body*/

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
font-size:12px;

}
#cssdropdown{
	/*margin-left: 199px;*/
}

#cssdropdown li {
float: left;
position: relative;
/*height: 47px;*/
border-right:1px solid #787579;
text-align:center;

}
#cssdropdown li ul li{
float: left;
position: relative;
text-align:left;
border: 0px;
height: auto;
width: 100%;
text-transform: capitalize;
border-bottom: 1px dotted #ACADAF;
}
#cssdropdown li ul .premier{

border-bottom: 1px dotted #ACADAF;
border-top: 1px dotted #ACADAF;
}
#cssdropdown li ul li img{
    margin-top: 4px;
    position: absolute;
}
#cssdropdown li ul li:firstchild{
    padding-top: 7px;
}
#cssdropdown #menu_1{
	width:116px;
	height:19px;
}
#cssdropdown #menu_1:hover,
#cssdropdown #menu_1.mainitems_sel
{
background-color:#004479;
}
#menu_1 .subuls{
margin-top:3px;
display: none;
width: 130%;
position: absolute;
top: 1.2em;
left: 0;
background-color: #f2f2f2;
padding: 7px 0px;
/*border: 1px solid green;*/
}
#cssdropdown #menu_2{
width:173px;
height:19px;
}
#cssdropdown #menu_2:hover,
#cssdropdown #menu_2.mainitems_sel{
background-color:#7f7981;
}
#menu_2 .subuls{
	margin-top:3px;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #7f7981;
/*border: 1px solid green;*/
}
#cssdropdown #menu_3{
	width:117px;
	height:19px;
}
#cssdropdown #menu_3:hover,
#cssdropdown #menu_3.mainitems_sel{
background-color:#AED0EB;
}
#menu_3 .subuls{
	margin-top:3px;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #96bd0d;
/*border: 1px solid green;*/
}

#cssdropdown #menu_4{
	width:155px;
	height:19px;
}
#cssdropdown #menu_4:hover,
#cssdropdown #menu_4.mainitems_sel{
background-color:#0a71b3;
}
#menu_4 .subuls{
margin-top:3px;
display: none;
width: 120%;
position: absolute;
top: 1.2em;
left: 0;
background-color: #f2f2f2;
padding: 7px 0px;
/*border: 1px solid green;*/
}
#cssdropdown #menu_5{
	width:149px;
	height:19px;
}
#cssdropdown #menu_5:hover,
#cssdropdown #menu_5.mainitems_sel{
background-color:#96BB0C;
}
#menu_5 .subuls{
margin-top:3px;
display: none;
width: 120%;
position: absolute;
top: 1.2em;
left: 0;
background-color: #f2f2f2;
padding: 7px 0px;
}
#cssdropdown #menu_6{
	width:72px;
	height:19px;
}
#cssdropdown #menu_6:hover,
#cssdropdown #menu_6.mainitems_sel{
background-color:#ed7802;
}
#menu_6 .subuls{
	margin-top:3px;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #F2F2F2; /*Ajout DB*/
/*border: 1px solid green;*/
}
#cssdropdown #menu_7{
	width:92px;
	height:19px;
}
#cssdropdown #menu_7:hover,
#cssdropdown #menu_7.mainitems_sel{
background-color:#a00d59;
}
#menu_7 .subuls{
	margin-top:3px;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #a00d59;
/*border: 1px solid green;*/
}
#cssdropdown #menu_8{
	width:98px;
	height:19px;
}
#cssdropdown #menu_8:hover,
#cssdropdown #menu_8.mainitems_sel{
background-color:#014277;
}
#menu_8 .subuls{
	margin-top:3px;
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #e4342d;
/*border: 1px solid green;*/
}
/*couleur des �l�ments g�n�rals du menu (menu principal)*/
.mainitems{
/*border: 1px solid black;*/
/*background-color: #482e5b;*/

}
.mainitems:hover{
	
}
.mainitems a,
.mainitems_sel a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color:lightyellow;
display:block;
/*padding-top: 11px;*/

/*height:47px;
width:100%;
padding-top:auto;
padding-bottom:auto;*/
}
.mainitems a,
.mainitems_sel a{

text-decoration: none;
display:block;
padding-top: 3px;
margin: 0px 0px;
/*height:47px;*/
}
/*fixer l'image d'arri�re plan de menu principal*/

/*El�ment de sous menu*/
.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #004479;
/*border: 1px solid green;*/
}

.subuls li{
width: 100%;
height:22px;
border-bottom:none;
}

.subuls li a{
text-decoration: none;/*underline;*/
color:#00549a;
padding-top: 3px;
padding-bottom: 3px;
/*border-bottom: 1px dotted #acadaf;
border-top: 1px dotted #acadaf;*/
margin-left: 12px;
/*height:47px;*/

}

/*Ppour obtenir l'effet de survol sur le sous menu*/
.subuls li a:hover{
/*color:#ced426;*/
}
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
margin-top: 0px;
font-size:13px;
margin-top: 7px;
text-transform:lowercase;
}
/*style du div qui contient le lien*/
#cssdropdown li .sous_rub
{
	height:47px;
	width:auto;
	text-align:center;
	border:1px solid red;
	
}
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
/*style pour les images des entetes de menu*/
#cssdropdown .mainitems .img_menu{
text-align: center;
height: 55px;
width: 120px;
/*background: url(../images/qui-sommes-nous.jpg) no-repeat;*/

}
#cssdropdown .mainitems .img_menu:hover{
   background: url(../images/qui-sommes-nous-actif.jpg) no-repeat; 
}
#cssdropdown .mainitems .img_menu:active{
   /*background: url(../images/qui-sommes-nous-actif.jpg) no-repeat;*/
}


