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

/*partie menu*/

/*menu principal*/
#navprinc{
	height:77px;
	margin: 0px;
	padding: 0px;
}

#menu_deroulant{
	margin:26px 0px 0px 190px;
	overflow: hidden;
}

#menu_deroulant li{
	float: left;
	margin:1px;
	}
	
ul#menu_deroulant li{
	display: inline;
	float:left;	
	}
	
ul#menu_deroulant li a{
	display: block;
	height:63px;
	width:89px;
	text-decoration: none;
	text-align: center;
	}

#cafe{
	background-image:url(images/tasse.png);
	}


#epicerie{
	background-image:url(images/epicerie.png);
	}

#boisson{
	background-image:url(images/boisson.png);
	}

#entretien{
	background-image:url(images/entretien.png);
	}

#vaisselle{
	background-image:url(images/vaisselle.png);
	}

#nature{
	background-image:url(images/nature.png);
	}

/*empecher affichage des blocs inférieures ds le menu*/
#navprinc ul li ul {
 display:none;
 }

/*comportement survol souris*/

#navprinc ul li:hover ul {
	display:block;
		
 }
#navprinc li:hover ul li {
 float:none;
 }

/*position sous liste*/
#navprinc li ul {
position:absolute;
 }

/*sous menu CAFE*/


#sousmenu1 {
	background-image:url(images/ssmenu_cafe.png);
	height:264px;
	width:567px;
	background-repeat: no-repeat;
	background-position: 10px;
	z-index:1500;
	}
	
ul#sousmenu1 li a{
	height:1em;
	text-align: left;
	width:85%;
	color: #000;
	}
	
#sousmenu1 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: 100;
	}
	
#sousmenu1 li a:active{color: #FFF;}

#first{
	padding:13px 1px 1px 1px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
	}

#second{
	padding:13px 1px 1px 1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 130px;
	}

table 
{
	border-collapse:separate;
	width: 65%;
	}
	
td {
	font-family: "Bell gothic std", "arial", Verdana, Geneva, sans-serif;
	width: 25%;
	padding: 3px 3px 3px 5px;
	text-align: left;
	line-height: 1em;
	font-weight: 100;
	font-size: 0.7em;
	font-style: normal;
}

/*sous menu EPICERIE*/

#sousmenu2 {
	background-image:url(images/ssmenu_epicerie.png);
	height:263px;
	width:566px;
	background-repeat: no-repeat;
	position: absolute;
	left: 233px;
	top: 90px;
	z-index:1500;
	}	

ul#sousmenu2 li a{
	height:1em;
	text-align: left;
	width:98%;
	color: #000;
	}
	
#sousmenu2 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}
	
#sousmenu2 li a:active{color: #FFF;}


/*sous menu BOISSON*/


#sousmenu3 {
	background-image:url(images/ssmenu_boisson.png);
	height:263px;
	width:566px;
	background-repeat: no-repeat;
	position: absolute;
	top:90px;
	left:233px;
	z-index:1500;
	}	

ul#sousmenu3 li a{
	height:1em;
	text-align: left;
	width:85%;
	color: #000;
	}
	
#sousmenu3 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}
	
#sousmenu3 li a:active{color: #FFF;}

/*sous menu ENTRETIEN*/

#sousmenu4 {
	background-image:url(images/ssmenu_entretien.png);
	height:263px;
	width:566px;
	background-repeat: no-repeat;
	left: 233px;
	top: 90px;
	z-index:1500;	
	}	

ul#sousmenu4 li a{
	height:1em;
	text-align: left;
	width:80%;
	color: #000;
	}
	
#sousmenu4 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}
	
#sousmenu4 li a:active{color: #FFF;}

/*Sous menu Vaisselle*/

#sousmenu5 {
	background-image:url(images/ssmenu_vais.png);
	height:263px;
	width:566px;
	background-repeat: no-repeat;
	left: 233px;
	top: 90px;
	z-index:1500;	
	}	

ul#sousmenu5 li a{
	height:1em;
	text-align: left;
	width:80%;
	color: #000;
	}
	
#sousmenu5 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}
	
#sousmenu5 li a:active{color: #FFF;}

/*Sous menu BIO*/

#sousmenu6 {
	background-image:url(images/ssmenu_bio.png);
	height:263px;
	width:566px;
	background-repeat: no-repeat;
	left: 233px;
	top: 90px;
	z-index:1500;	
	}	

ul#sousmenu6 li a{
	height:1em;
	text-align: left;
	width:85%;
	color: #000;
	}
	
#sousmenu6 li a:hover{
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}
	
#sousmenu6 li a:active{color: #FFF;}


/*fin menu*/