/*Menu liste deroulante Sébastien Tetard*/

#conteneur_header_menu{
	width:820px;
	height:130px;
	position:absolute;
	margin-bottom:40px;
	z-index:2000;
	top:105px;
	left:0px;
	background-color:#ffffff;
	left:50%;
	margin-left:-410px;
	}
	
#conteneur_header_menu #titre{
	bottom:57px;
	left:22px;
	width:262px;
	height:38px;
	position:absolute;
	background-repeat:repeat-x;
	}	

#conteneur_header_menu #funcircles{
	bottom:32px;
	right:22px;
	width:78px;
	height:72px;
	position:absolute;
	z-index:100;
	background-image:url(../Img_clicpostal/Img_site/funcircles.gif);
	}	
	
	
#conteneur_header_menu #bandeau{
	bottom:0px;
	left:0px;
	right:0px;
	height:47px;
	position:absolute;
	background-image:url(../Img_clicpostal/Img_site/background_bandeau.png);
	background-repeat:repeat-x;
	z-index:200;
	}
	
#conteneur_header_menu #bandeau #home{
	bottom:10px;
	left:0px;
	width:69px;
	height:30px;
	position:absolute;
	background-image:url(../Img_clicpostal/Img_site/home.gif);
	line-height:30px;
	text-align:right;
	padding-right:14px;
	}

#conteneur_header_menu #bandeau #client{
	bottom:10px;
	right:0px;
	width:100px;
	height:30px;
	position:absolute;
	background-color:#959cb6;
	line-height:30px;
	z-index:4000;
	text-align:center;
	}

#conteneur_header_menu #bandeau #menu{
	bottom:10px;
	left:90px;
	height:30px;
	position:absolute;
	z-index:300;
	}


/*********************************************************************************************************************/

#menu ul#menuderoulant{
	margin:0px;
	padding:0px;
	line-height:30px;
	height:30px;
	position:relative;
	}

#menu ul#menuderoulant li{
	margin:0px;
	padding:0px;
	margin-right:15px;
	line-height:30px;
	height:30px;
	float:left;
	list-style-type:none;
	text-align:left;
	}

#menu ul#menuderoulant li:hover {
	position:relative;
	}
	
#menu ul#menuderoulant li:hover ul {
	position:absolute;
	display:block;
	left:0px; 
	top:30px;
	}

#menu ul#menuderoulant li ul {
	display:none;
	margin:0px;
	padding:0px;
	margin-right:0px;
	width:195px;
	}
		
#menu ul#menuderoulant li:hover ul li {
	float:none;
	line-height:24px;
	display:block;
	height:24px;
	border-top:1px dashed #fff;
	z-index:10000;
	margin:0px;
	padding-left:5px;
	}

#menu ul#menuderoulant li.tendance li a, #menu ul#menuderoulant li.romantique li a, #menu ul#menuderoulant li.elegance li a, #menu ul#menuderoulant li.tarifs li a, #menu ul#menuderoulant li.produits li a{
	color:#fff;
	text-decoration:none;
	}	
	
#menu ul#menuderoulant li.tendance a{
	color:#687297;
	text-decoration:none;
	}
				
#menu ul#menuderoulant li.tendance:hover{
	border-top:2px #687297 solid;
	text-decoration:none;
	}

#menu ul#menuderoulant  li.romantique a{
	color:#b33e55;
	text-decoration:none;
	}
	
#menu ul#menuderoulant  li.romantique:hover{
	border-top:2px #b33e55 solid;
	text-decoration:none;
	}

#menu ul#menuderoulant  li.elegance a{
	color:#999999;
	text-decoration:none;
	}
	
#menu ul#menuderoulant  li.elegance:hover{
	border-top:2px #999999 solid;
	text-decoration:none;
	}

#menu ul#menuderoulant  li.tarifs a{
	color:#c5c859;
	text-decoration:none;
	}
	
#menu ul#menuderoulant  li.tarifs:hover{
	border-top:2px #c5c859 solid;
	text-decoration:none;
	}

#menu ul#menuderoulant  li.produits a{
	color:#666666;
	text-decoration:none;
	}	
	
#menu ul#menuderoulant  li.produits:hover{
	border-top:2px #666666 solid;
	text-decoration:none;
	}	
		
#menu ul#menuderoulant li:hover ul li:hover{
	background-color:#969cb6;
	}