dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* Div qui contiens tout le menu */
#menu {
position: relative; /* placement du menu, ŕ modifier selon vos besoins */
top:0px;
left:0;
width: 100%; /* correction pour Opera */
z-index:2; /* a mettre ici pour que sous ie les menu déroulants ne passe pas sous les flashs/images */
}

/* ce qui contient chaque bouton + menu déroulant */
#menu dl {
float: left;
}

/* contient bouton */
#menu dt {
cursor: pointer;
height:31px;
text-align: center;
text-transform:uppercase;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
}

/* contient menu déroulant */
#menu dd {
display: none;
position:absolute;
/*margin-top:4px;*/
/*margin-top:-4px;*/
margin-top:-10px;
width:125px;
/* Background transparent pour corriger le bug de sortie de zone sous IE, cf javascript montre*/
background-image:url(../art/bg_dd.gif);
}


#menu ul{

}

/* Les li qui contiennent les liens */
#menu li {
text-align:left;
background-color: #FFFFFF;
border-left: 1px solid #8fbf51;
border-right: 1px solid #8fbf51;
border-bottom: 1px solid #8fbf51;

}

/* les liens du menu déroulant et du menu */
#menu li a, #menu dt a {
text-decoration: none;
display: block;
border: 0 none;
cursor: pointer;
}


#menu dt a{
color:#FFFFFF;
}

/* lien des menu déroulants */
#menu li a{
color:#528014;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#FFFFFF;

}

/* P qui contiennent le texte des menu déroulants */
#menu li p{
margin:0;
padding:0 2px 0 2px;

}

/*#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}*/

/* changement du fond au survol du menu déroulant */
#menu li a:hover, #menu li a:focus{
background: #eee;
}

/* /////////////////////////// ITEM DES MENUS //////////////////////////////////////////////////
/* First Item d'un menu */
.first_menu_item{
border-top:1px solid #FFFFFF;
}


.first_menu_item p{
padding:4px 0 0 0;
margin:0;
border-right:1px solid #FFFFFF;
height:21px;
}


.first_menu_item a{
background-image:url(../art/bg_menu.jpg);
background-repeat:repeat-x;
height:30px;

}

.first_menu_item a:hover{
background-position:bottom;
}

/* First Item ON d'un menu */
.first_menu_item_on{
border-top:1px solid #FFFFFF;
}

.first_menu_item_on a{
background-image:url(../art/bg_menu.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin:0;
padding:0;
height:30px;

}

.first_menu_item_on p{
padding:4px 0 0 0;
margin:0;
border-right:1px solid #FFFFFF;
height:21px;
}


/* Item d'un menu */
.menu_item{
border-top:1px solid #FFFFFF;

}


.menu_item p{
padding:4px 0 0 0;
margin:0;
border-right:1px solid #FFFFFF;
border-left:1px solid #398B0D;
height:21px;
}


.menu_item a{
background-image:url(../art/bg_menu.jpg);
background-repeat:repeat-x;
height:30px;

}

.menu_item a:hover{
background-position:bottom;
}

/* Item ON d'un menu */
.menu_item_on{
border-top:1px solid #FFFFFF;
}

.menu_item_on a{
background-image:url(../art/bg_menu.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin:0;
padding:0;
height:30px;

}

.menu_item_on p{
padding:4px 0 0 0;
margin:0;
border-right:1px solid #FFFFFF;
border-left:1px solid #398B0D;
height:21px;
}

/* /////////////////////////// /ITEM DES MENUS //////////////////////////////////////////////////


/* SOUS MENU (la bande rouge) */
#sub_menu{
float:left;
margin:-1px 0 0 0;
padding:2px 0 0 0;
height:16px;
width:800px;
background-image:url(../art/bg_submenu.jpg);
background-repeat:no-repeat;
font:11px Arial, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;
background-color:#FF0000;

}
	#sub_menu ul{
	white-space:nowrap;
	}
	#sub_menu li{
	display:inline;
	margin-right:10px;
	}
	
	#sub_menu a{
	color:#FFFFFF;
	}
	
	#sub_menu a:hover{
	/*color:#F3808F;*/
	text-decoration:underline;
	}
/****************** DIFFERENTS MENUS ****************************/