body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 14px "arial, Trebuchet MS", helvetica, sans-serif ;
	background: url(../img/bg.png) repeat-x ;
	background-color: #cbcbcb ;
}

div#conteneur
{
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
	background: #fff ;
	background: url(../img/bgcont.png) repeat-y;	
}

h1#header
{
	height: 250px ;
	margin: 0 ;
	background: url(../img/header.jpg) no-repeat left top;
}

h1#header a
{
	width: 475px ;
	height: 155px ;
	display: block ;
	background: url(../img/titre.jpg) no-repeat ;
	position: relative ;
	left: 71px ;
	top: 24px ;
	text-indent: -5000px ;
}

ul#menu
{
 	float: left;
	width:570px; 
	margin-top: -47px;
	margin-left:70px;	
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	background: url(../img/bouton.png) repeat-x 0 -41px ;	
	text-align: center ;
	margin:0;
}

ul#menu li a
{
	width: 110px ;
	line-height: 41px ;
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-weight: bold ;
	font-style: italic ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}

ul#menu li a:hover
{
	background: url(../img/bouton.png) repeat-x 0 0 ;
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-weight: bold ;
	font-style: italic ;
	letter-spacing: 1px ;
	color: #000 ;	
}


div#contenu
{
	padding: 0 30px 0 30px ;
}


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

div#contenu a
{
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-weight: bold ;
	font-style: italic ;
	color: #000 ;
	text-decoration: none ;
}

div#contenu a:hover
{
	color: #51ab08;
	text-decoration: none ;
}
img
{
border:none}
/*----------------------------- acceuil-------------------------------*/
table#intro{
	width:100%;
	text-align: center;	
}

table#intro td {
    padding: 20px;
}
.acc{
	font-size: 20px ;
	font-style: normal ;	
}
/*----------------------------- gene-------------------------------*/
table#gene{
	width:100%;	
}

.photo {
	text-align: center;	
	vertical-align: middle;
	/*width:210px;*/
	
}

.desig {
	vertical-align: top;
	width:700px;
	height: 150px;
}

.dispo {
	text-align: center;	
	vertical-align: middle;	
	width:200px;
}
.prix {
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-style: italic ;
	color: #FF0000;
}

.stock {
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-style: italic ;
	color: #51ab08;
}

.reser {
	font-family: arial, verdana, sans-serif ; 	
	font-size: 14px ;
	font-style: italic ;
	color: #FF0000;
}
img#photo
{
width:150px;
/*height:150px;*/
}
/*---------------------------------------Admin---------------------------------------*/
table#admi01{
	width:100%;
	text-align: center;
}

.admi01 {
	width:25%;
	border: solid 1px #51ab08;
}

.admi{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #f8c105;
	text-decoration: none;
}
.centrage{
	text-align: center;
}	
.resuadmi{
	color: #ff0000;
}
/*--------------------------------------contact--------------------------------------------------------------*/
div#cont
{
	background: url("../img/mail.jpg") no-repeat top right;
}
div#mail
{
	text-align: center;
	vertical-align: middle;
	height : 150px;
}
/*--------------------------------------footer--------------------------------------------------------------*/
p#footer
{
	font-size: 10px;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 50px ;
	text-align: center ;
	color: #ffffff ;
	background: url(../img/footer.png) top center;	
	height:50px;
}

a.triclic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f8c105;
	text-decoration: none;
	margin: 0 0 0 0px;
}
a.triclic:hover{
	color:#000000;	
}

