body {
	font-family: "Gill Sans MT", Arial; 
	font-size: 14px; 
  background: #1f1f5f;
	padding-left : 1px;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  
}

body .clair {
	font-family: "Gill Sans MT", Arial; 
	font-size: 14px; 
  color: #FFFFFF;
	padding-left : 3px;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  
}

a:link {text-decoration: none;  color: #744420;}
a:visited {text-decoration: none;  color: #744420;}
a:hover {text-decoration: none ; color:#FFCCBB;}  

.lienclair {text-decoration: none;  color: #FFFFE5;}
.lienclair a:link {text-decoration: none;  color: #FFFFE5;}
.lienclair a:visited {text-decoration: none;  color: #FFFFE5;}
.lienclair a:hover {text-decoration: none ; color:#FFCCBB;}  
  
/*h1      { font-size: 17px; font-weight: bold; color: #000099; }*/
h1      { font-size: 17px; font-weight: bold; color: #ffffff; }
h2      { font-size: 15px; font-weight: bold; }
hr 		{ color: #D4E7F7; height: 1px;}


.etoile {
font-family: "Gill Sans MT", Arial; 
font-size: 13px; 
color: #CC0000; 
font-weight: bold;
}

.bouton {
	border: 1px solid #1f1f5f;
	background: #eee;
	font-size: 11px;
}	

.tetiere-g {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
	border-top: 0px solid #C1DFF9;
	border-right: 0px solid #777;
	border-bottom: 1px solid #777;
	border-left: 0px solid #C1DFF9;
	background-image:url(<?php echo $wwwroot?>/images/degrade1pix.jpg);
	/*background: #744420;*/
}

.tetiere-g:link {text-decoration: none;  color: #FFFFFF;}
.tetiere-g:visited {text-decoration: none;  color: #FFFFFF;}

.tetiere-g a:link {text-decoration: none;  color: #FFFFFF;}
.tetiere-g a:visited {text-decoration: none;  color: #FFFFFF;}
.tetiere-g a:hover {text-decoration: none ; color:#FFCCBB;}  

.tetiere2 {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	text-transform:uppercase;
	color: #744420;
	background: #FFFFE5;
}

.tetiere2:link {text-decoration: none;  color: #744420;}
.tetiere2:visited {text-decoration: none;  color: #744420;}
.tetiere2:hover {text-decoration: none ; color: #000; background: #FFCCBB;}  

.tetiere {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	height:25px;
	width:800px;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
	/*color:#744420;*/
	border-top: 0px solid #C1DFF9;
	border-right: 0px solid #777;
	border-bottom: 1px solid #777;
	border-left: 0px solid #C1DFF9;
	/*background-image:url(<?php echo $wwwroot?>/images/degrade800.jpg);*/
	background: #744420;
}

.tetiere:link {text-decoration: none;  color: #FFFFFF;}
.tetiere:visited {text-decoration: none;  color: #FFFFFF;}

.tetiere a:link {text-decoration: none;  color: #FFFFFF;}
.tetiere a:visited {text-decoration: none;  color: #FFFFFF;}
.tetiere a:hover {text-decoration: none ; color:#FFCCBB;}  

.titre_produit {
font-size:13px;
font-weight:bold;

}


.formulaire1{
	cursor: pointer;
	font-size: 11px;
	padding: 2px;
	color: #000000;
	border: 1px solid #1F1F5F;
	background: #FFFFFF;
	
}	

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}

.searchImg {
	border: 1px solid #E0E0E0;
	}

.pagenormale {
	/*line-height: 20px; *//* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	padding-left: 10px;
	padding-top: 30px;
	vertical-align:top;
	margin-top: 10px;
}


#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 620px;
	height: 0px;
	z-index: 200;
}
/*
.vignette a img{border:1px solid #4C6DCC}
.vignette a:hover img{border:1px solid #F1AD98}
*/

.vignette a img{border-bottom:2px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
	
.vignette a:hover img{border-bottom:2px solid #4C6DCC;
	border-right:2px solid #4C6DCC;
	border-top:1px solid #4C6DCC;
	border-left:1px solid #4C6DCC;
}

.ombre{
	border:none;
	background: url(/images/cadre_ombre_carre.jpg) no-repeat;
	background-position : top center ;
	text-align : left;
	width:130px;
	height:130px;
}

.ombre a img{
	border:none;
	padding:5px 0 0 5px;
}

.ombre a:hover img{
	border:none;
	padding:5px 0 0 5px;
}

/*#arriere {
position: absolute;
left: 10em;
top: 5em;
height : 20em;	
width : 30em;
}
*/
#arriere {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px;
	text-transform:uppercase;
	color: #FFFFFF;
	/*color:#744420;*/
}

#arriere img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
#arriere p {	
position: absolute;	/* placement du texte par-dessus l'image */
/*top: 1em;
left: 1em;*/
	font-size: 11px;
color: white;
}