html { background-color: #999; color:black; font-family: arial, helvetica, sans-serif; font-size: 11px; }
	
body { width: 900px; height: 580px; 
	/* centrage vertical et horizontal. Une belle hérésie, mébon. */
	position: absolute; left: 50%; top: 50%; margin-left: -451px; margin-top: -291px; 
	background-color: black; border: 1px solid black; 
	color: white;
	}

h1 { color: #FECB1F; margin: 10px; background-color: inherit; font-size: 48px; font-family: verdana, arial, helvetica, sans-serif; }
h1 img { vertical-align: middle; margin-right: 140px; }

h2 { font-size: 11px; font-weight: bold; color: white; background-color: #494848; margin: 0; padding: 3px 3px 3px 15px; }
h3 { font-size: 12px; }
a img {  border: none; }

a { font-weight: bold; }
a:link {text-decoration: none; color: white; }
a:visited { text-decoration: none; color: #999; }
a:hover { text-decoration: underline; color: #FECB1F; }

p.intro {  margin: -80px 100px 40px 310px; text-align: center; }
p.entrer { text-align: center; line-height: 2.5em; }
#produits { float: left; width: 280px; margin: 0 15px; border: 1px solid #999; padding: 0; margin-right: 80px;}
#produits h3 { margin: 0; }
#produits img { float: left; margin: 0 10px 10px 0; }
#produits .item { margin: 10px; border-bottom: 1px solid #999; overflow: hidden; }

#menu { zoom: 1; margin: 16px 0 0 80px; border-collapse: collapse; border: 1px solid #999; font-size: 11px; }
#menu img { margin: 0 20px; }
#menu td { border: 1px solid #999; padding: 0; }
#menu a { display: block; background-color: #494848; font-weight: bold; padding: 3px 10px 3px 20px; border-bottom: 1px  solid black; }
address { width: 650px; position: absolute; left: 0; bottom: 0; padding-left: 250px; text-align: center; }

#produits h2, #menu a { background-image: url( /img/accueil/puce.gif ); background-repeat: no-repeat; background-position: 5px 7px; }