/* CSS  */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	background-image: url(img/fond_gris2.gif);
	background-repeat: repeat-x;
	background-color: #d8d8cf;

}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;}
.texte{
	color: #dd5420;
	font-size: 90%;
	
	font-weight: normal;
}


p {
	margin: 0 0 0 0;
	text-align: left;
	color: #84502F;
}

h5{
	color: #dd5420;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
}

h4{
	font-size: 90%;
}

a{
	text-decoration:none;
	background-color:transparent;
	color: black;
}



/*tete*/
#header {
padding: 10 0 0 0px;
height: 30px;
width: 750px;
text-align: center;
margin-right: 212px;
margin-left: 212px;
background-color: white;
}

.imgLogo{
	margin: auto;
}
 	
a.imgLogo{ /* définition de la classe "image" de la balise <a> */
display: block;
width: 64px; /* largeur de l'image réactive */
height: 99px; /* hauteur de l'image réactive */
background: url(img/logo.jpg) no-repeat ; /* source de l'image de départ */
border: 0; /* on évite les bordures autour de l'image */
}

#header a:link {
	font-size: 105%;
	color:black;
}
#header a:visited {
	font-size: 105%;
	color:black;	
}

header a:hover {
	font-size: 105%;
	color:#dd5420;
}

/*bloc*/
#conteneur {
position: relative;
width: 1024px;
margin: 0 auto;

}

.contenu{
margin-left: 50px;
margin-right: 50px;
}

#contenant{
text-align: center;
margin: auto;
}

.checked{
	color: #dd5420;
}

.title{
	color: #dd5420;
	font-size: 100%;
}

.gauche{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.milieu{
	text-align: center;
}

.vign{
	margin-bottom: 10px;
}

#centre {
width: 750px;
margin-left: 212px;
margin-right: 212px;
background-color: white;
height: 500px;
}

html>body #centre{ 
height: 100%;
min-height: 500px;

}

.fleche{
	margin: auto;
}
 	
a.fleche{ /* définition de la classe "image" de la balise <a> */
display: block;
width: 18px; /* largeur de l'image réactive */
height: 17px; /* hauteur de l'image réactive */
background: url(img/fleche.gif) no-repeat ; /* source de l'image de départ */
border: 0; /* on évite les bordures autour de l'image */
}

a.fleche:hover { /* définition de la classe "image" de la balise <a> au survol */
background: url(img/fleche.gif) no-repeat 0 -17px; /* source de l'image d'arrivée */
}

a.ga{ /* définition de la classe "image" de la balise <a> */
position: relative;
float: left;
display: block;
width: 15px; /* largeur de l'image réactive */
height: 20px; /* hauteur de l'image réactive */
background: url(img/ga.gif) no-repeat ; /* source de l'image de départ */
border: 0; /* on évite les bordures autour de l'image */
}

a.ga:hover { /* définition de la classe "image" de la balise <a> au survol */
background: url(img/ga.gif) no-repeat 0 -20px; /* source de l'image d'arrivée */
}

a.dr{ /* définition de la classe "image" de la balise <a> */
position: relative;
float: right;
display: block;
width: 15px; /* largeur de l'image réactive */
height: 20px; /* hauteur de l'image réactive */
background: url(img/dr.gif) no-repeat ; /* source de l'image de départ */
border: 0; /* on évite les bordures autour de l'image */
}

a.dr:hover { /* définition de la classe "image" de la balise <a> au survol */
background: url(img/dr.gif) no-repeat 0 -20px; /* source de l'image d'arrivée */
}

a.mail{
	text-decoration:none;
	background-color:transparent;
	color: #84502F;
}

a.mail:hover{
	text-decoration:none;
	background-color:transparent;
	color:#dd5420;
}
/**/

/*produit*/


.produitvi{
	height: 120px;
	width: 120px;
	background-color: #CCCCCC;
	overflow: hidden;
	z-index: 2;



}

.detail{
	position: relative;
	float: left;
	height: 130px;
	width: 130px;
	overflow: visible;

}

a.vi{
	text-decoration: none;
	color: #FFFFFF;
	height: 120px;
	width: 120px;
	margin-left: 5px;
	margin-right: 5px;
}

.carreChecked{
	border: 1px solid #dd5420;
}

.carre{
	border: 1px solid #ffffff;
}
	
	
#gauche {
position: absolute;
left:0;
width: 212px;
}
#droite {
position: absolute;
right:0;
width: 212px;
}

/*pied*/
#pied {

height: 30px;
text-align: center;
/*margin-left: 212px;
margin-right: 212px;*/
background-color: #d8d8cf;
}

#pied a{
	text-align: center;
	color: #8d8d8d;
	
}

#pied p{
	text-align: center;
	color: #8d8d8d;
 	font-size: 105%;
}
/**/

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
text-align: right;
}
.imglien  {
	
	
	text-decoration: none;

}
img{
	border: 0px solid #ffffff;
	margin: 0px;
	padding: 0px;
}

/**/
a:link {
color: #000000;
	text-decoration: none;
}
a:visited {
color: #000000;
	text-decoration: none;
}
a:hover {
color: #666666;
	text-decoration: none;
	
}
.marge0{
	padding:0px;
	margin: 0px;
	
}
#gris2 {
	background-color: #CC9900;
}
div {
	margin: 0px;
	padding: 0px;
}
.t11 {
	font-size: 11px;
	color: #666666;

}
h1 {
	font-size: 20px;
	padding: 0 0 0 0px;
	margin: 0 0 10 0px;

}