body
{
	background: url(../img/bg.jpg) repeat-x;
	margin: 57px auto;
	padding: 0 auto;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}

div#conteneur
{
	margin: 0 auto ;
	text-align: center;
	border: 0px solid #df561f; 
	background: #fff ;

}

h1#header
{
	height: 245px;
	width: 1024px;
	background: url(../img/head.jpg) no-repeat;
	margin: 0 auto;
	text-align: center;

}

ul#menu
{
	height: 28px;
	width: 1024px;
	margin: 0 auto;
	background: #f2f2f2;
	list-style-type: none;
	text-align: center;
	padding: 0 auto;
	
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
	float: left ;
	text-align: center;
	margin: 0 auto;
	border: 0px solid #df561f; 	
	height: 28px;

}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 150px ;
	font: 11pt arial, helvetica, sans-serif ;
	color: #828387 ;
	display: block ;
	text-decoration: none ;
	margin: auto 0;
	text-align: center;
	
	
}

ul#menu li a:hover
{
width: 150px;
height: 28px;
background: url(../img/bouton.png) ;
color: #ffffff;
margin: auto 0;
text-align: center;
}

div#contenu
{
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;

}

div#contenu h2
{
	text-align: left;
	padding-left: 36px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #df561f;
	border-bottom: 1px solid #df561f;
	background: url(../img/h2.png) no-repeat left bottom ;

}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}


p#footer
{
	width: 1024px;
	height: 130px;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center;
	color: #df561f;
}

pre
{
	overflow: auto ;
}

.table_contact, .pres_produit
{
width:765px;
margin: 0px auto;
border-collapse: collapse;
border: 1px solid #000000;
}

.table_contact th,td, .pres_produit th,td
{
text-align: center;
border: 1px solid #000000;
}

.pres_produit
{
width:765px;
margin: 0px auto;
border-collapse: collapse;
border: 0px solid #000000;
}

.pres_produit th,td
{
text-align: center;
border: 0px solid #000000;
}

.pres_produit p
{
padding-left: 12px ;
background: url(../img/h2.png) no-repeat left bottom ;
}

.pres_produit img
{
border: 1px solid #808185;
}




a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:-20em; left:-10em;
border:1px solid #000;
background-color:#FFF;
color:#000;
font-weight:none;
padding:5px;

}

a.info:hover span img{
width: 640px;
height: 480px;
}