.bug {}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
}

#container {
	position: relative; 
	width: 942px; 
	margin: 0 auto 0; 
	padding: 0;
	text-align: left;
	background-color: #EBF2FA;
}

#header {	
	position: relative; 
	width: 942px;
	height: 184px; 
	margin: 0;
	padding: 0;
	background-image: url("../images/header.gif");
}

#footer {	
	position: relative; 
	width: 932px;
	height: 46px; 
	margin: 0;
	padding: 0;
	background-image: url("../images/footer.gif");
	font: 11px/46px arial,sans-serif;
	color: #FFD424;
	text-align: right;
	padding-right: 10px;
}
#footer a {	
	color: #FFD424;
	text-decoration: none ;
}

#distributeur {
	position: absolute;
	top: 120px;
	left: 8px;
	font: 11px arial,sans-serif;
	color: #fff;
	text-align: left;
	}
	
.ditrib {
	font: 12px arial,sans-serif;
	font-weight: bold;
	}
	
.foissy {
	margin-top: 5px;
	font: 14px arial,sans-serif;
	font-weight: bold;
	}

#menu {
	position: absolute;
	top: 20px;
	left: 325px;
	}
#menu ul {
	margin: 0;
	padding: 0 ;
	}	
#menu li {
	float: left;
	height: 35px ;
	padding-left: 8px ;
	padding-right: 8px ;
	list-style-type: none ;
}
#menu li a {
	font: 13px/35px verdana,sans-serif ;
	color: #fff ;
	text-decoration: none ;
}
#menu li a:hover {
	color: #FFD424 ;
}
#menu li.on {
	font: 13px/35px verdana,sans-serif ;
	color: #000 ;
	text-decoration: none ;
	background-color: #FFD424 ;
}

#colonne1 {	
	float: left; 
	width: 310px;
}

#postit {
	position: relative; 
	width: 256px;
	height: 306px; 
	margin-top: 20px;
	font: 13px arial,sans-serif;
 	text-align: justify;
 	font-weight: bold;
	color: #013162;
	background-image: url("../images/postit.jpg");
	}
#postit p {
	padding:0;
	margin: 0;
	padding-left: 40px;
	padding-right: 50px;
	}
#postit p.home {
	margin-top: -35px ;
	}
#postit img {
	margin-bottom: 10px;
	margin-left: 10px;
	}
#postit .petit {
	font: 11px arial,sans-serif;
}

.produits td {
	text-align: left;
	vertical-align: top;
	}
.produits h1 {
	font: 13px arial,sans-serif;
	font-weight: bold;
	color: #013162;
	}
.produits img.vignette_accessoire {
	border: 1px solid #DEDFE1 ;
	}


#colonne2 {	
	float: left; 
	width: 632px;
	margin-top: 160px;
	font: 11px arial,sans-serif;
	color: #013162;
}
#titre {
	width: 600px;
	padding-bottom: 6px;
	border-bottom: 2px solid #013162 ;
	}
#photo {
	float: right;
	margin-right: 40px;
	margin-top: 40px; 
	}
#colonne2 p.intro {
	width: 580px;
	margin-left: 10px;
	font: 13px verdana,sans-serif;
	text-align: justify;
	margin-bottom: 40px;
	}
#colonne2 p.legale {
	width: 580px;
	margin-left: 10px;
	font: 13px verdana,sans-serif;
	text-align: justify;
	margin-bottom: 40px;
	}
#colonne2 p {
	width: 300px;
	margin-left: 10px;
	text-align: justify;
	}
#colonne2 ul {
	width: 280px;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: left;
	}
#colonne2 li {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style-type: none ;
	margin-bottom: 3px ;
	}
#colonne2 .vignette {
	float: left;
	margin-right: 45px;
	margin-top: 20px;
	font: 9px geneva,arial,sans-serif;
	color: #013162;
	text-align: center;
	}	
#colonne2 .vignette img {
	border: 1px solid #DEDFE1 ;
	}
	
#visuel {	
	position: absolute; 
	width: 604px;
	height: 274px;
	top: 52px;
	left: 311px;
	z-index: 2;
}









#stop {
	height:40px;
	clear: both;
}