@charset "UTF-8";
/* CSS Document */


#conteneur-menu {

position: relation;
background: ;
	margin: 0px;
	padding: 0px;
	text-align:left;
	
}


#menu_produit {
	
	
	position:absolute;
		
}


#menu_produit dl {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	
}

#menu_produit dt {
	font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	display:block;
	width:132px;
	height:24px;
	line-height:24px;
	text-align:center;
	cursor:pointer;
	background-color:#2F3A8E;
	margin:0px;
	padding:0px;
	color: #FFF;
	font-size: 14px;
}

#menu_produit dd {

display:block;
margin:0px;
padding:0px;
	
}

#menu_produit dd ul {

}

#menu_produit dd ul li {
	
list-style-type: none; 
font-family:Arial, Helvetica, sans-serif;
color: #FFF;
font-size:14px;
position: relative;	
height:auto;
width: 170px;
line-height:32px;
background-color: #CC3333; 
padding: 0px;
padding-left: 8px;
margin: 0px;
border-top: dotted 1px #999;
border-bottom: dotted 1px #CC3333;
cursor:pointer;
}


#menu_produit dd ul li a {
color: #FFF;
text-decoration:none;
border-bottom: dotted 1px #CC3333;;
	
}

#menu_produit dd ul li a:hover, dd ul li a.sfhover {
background-color:#FF9999;
display:block;

}

#menu_produit dl dd {
	display:none;
}
	
#menu_produit dl:hover dd, dl.sfhover dd {
	display:block;
	
}

#menu_produit ul ul {
	display: none;
	position:absolute;
	
	}   /*lorsqu'une balise <ul> se trouve enchâssée dans une autre balise <ul>, elle ne sera pas affichée */

#menu_produit ul li:hover ul.niveau2, ul li.sfhover ul.niveau2 {
	display:block;
	left:140px;
	top:-1px;
	
	}  /* Lorsqu'une balise <ul> ayant la classe "niveau3" se trouve enchâssée dans une balise <li> survolée par la souris, elle-même enchâssée dans une autre balise <ul>, elle sera affichée */
	
	
	/*http://www.grafikart.fr/tutoriels/video/menu-deroulant-css-32
	http://www.css-faciles.com/menu-deroulant.php*/