body {
	background-color: #FFFFFF;
	/*background: url('images/design/fond_version_test.jpg') ;*/
	font-size: 0.75em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin-top: 20px ;
}

a {color: #5a5c5e; text-decoration: none;}
a:visited {color: #5a5c5e; text-decoration: none;}
a:hover {color: #2c678f; text-decoration: none;}
a:active {color: #f8820f; text-decoration: none;}

h1 {
	font-size: 1.5em; 
	color:#000000;
	font-weight: normal;
	margin:0;
 }

h2 {
	font-size: 1.2em;
	color:#000000;
	font-weight: bold;
	margin-bottom:5px;
	text-align: center; 
}

h3 {
	font-size: 1.2em;
	color:#FFFFFF;
	font-weight: bold;
	margin-bottom:0px;
}

h4 {

	font-size: 1.1em;
	background: url('images/design/fond_offresvedette.jpg') repeat-x;
	border: 1px solid #9FC6CA;
	vertical-align: middle;
	padding: 7px;
	color:#0039FF;
	height: 18px;
	font-weight: bold;
	text-align: left; 
}

h5 {
	font-size: 1.0em;
	color:#f8820f;
	font-weight: bold;
	margin-bottom:5px;
	text-align: left; 
}

h6{
	font-size: 1.0em;
	color:#0039FF;
	font-weight: bold;
	margin-bottom:5px;
	text-align: left; 
}

th {
	font-size: 1.0em;
	color:#00000;
	font-weight: bold;
	margin-bottom:5px;
	text-align: left; 
}


p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}

pre, code { font-size: 1.2em;}

.borderleft{
	border-left: 2px solid #2c678f;
}

.gross {
	width: 5.71em;
	height: 1.07em;}

.gras_centre {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #000000; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
}

.gras_centre_vert {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #00FF00; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
}

.gras_centre_rouge {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #FF0000; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
}

.case_prix {
	font-size: 1.1em;
	border: 1px solid #9FC6CA;
	vertical-align: middle;
	padding: 7px;
	color:#0039FF;
	font-weight: bold;
	text-align: left; 
}


.prix_rouge {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1.3em; 
	color: #FF7316; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
}

.prix_public {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1.2em; 
	color: #333333; 
	font-weight: normal; 
	text-align: center; 
	letter-spacing: 0px;
}

.prix_rouge_big {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1.2em; 
	color: #FF0000; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
}

#prix_promo {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1.0em; 
	color: #FF0000; 
	font-weight: bold; 
	width: 155px;
	text-align: center; 
	letter-spacing: 0px;
}

#prix_normal {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1.0em; 
	color: #FF7316; 
	font-weight: bold; 
	width: 155px;
	text-align: center; 
	letter-spacing: 0px;
}



.gras_droite {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #000000; 
	font-weight: bold; 
	text-align: right; 
	letter-spacing: 0px;
}

#epargner {
	font-family: Arial,Verdana, SunSans-Regular, Sans-Serif; 
	font-size: 11px; 
	color: #5A5C5E; 
	font-weight: bold; 
	margin-top:-12px;
	letter-spacing: 0px;
}

.gras_gauche {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #000000; 
	font-weight: bold; 
	letter-spacing: 0px;
}

.normal_droite {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 0.9em; 
	color: #000000; 
	font-weight: normal; 
	text-align: right; 
	letter-spacing: 0px;
}

.normal_centre {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.9em; 
	color: #000000; 
	font-weight: normal; 
	text-align: center; 
	letter-spacing: 0px;
}

.normal {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.9em;  
	color: #000000; 
	font-weight: normal; 
	text-align: left; 
	letter-spacing: 0px;
}



.petit {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;  
	color: #000000; 
	font-weight: normal; 
	text-align: left; 
	letter-spacing: 0px;
}

.petit_gris {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;  
	color: grey; 
	font-weight: normal; 
	text-align: left; 
	letter-spacing: 0px;
}

.petit_centre {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;  
	color: #000000; 
	font-weight: normal; 
	text-align: center; 
	letter-spacing: 0px;
}

.justifie {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.9em;  
	color: #000000; 
	font-weight: normal; 
	text-align: justify; 
	letter-spacing: 0px;
}

.bleu {
	color: #00FF00; 
	font-weight: bold; 
}

.erreur {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.9em;  
	color: #FF0000; 
	font-weight: normal; 
	text-align: left; 
	letter-spacing: 0px;
}

.blue{
	color: #0039FF;
}

.contour_dashed {
	border: 1px dashed grey;
}

.contour_double {
	border: 1px double grey;
}

.contour_bloc {
	border: 1px dashed lightgrey;
	margin-right:8px;
	padding-left:10px;
}

/* =Container
----------------------------- */
#conteneur {
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto; 
	width: 905px;
	height: 700 px;
	margin-top: 10 px;
	padding: 0px;
	border : 1px solid #BDC1C5;
}

#offresvedette {
	background: url('images/design/fond_offresvedette2.jpg') no-repeat;
	position: relative;
	margin:  auto; 
	width: 690px;
	height: 48px;
	padding-top: 10px;
	padding-left: 11px;
	color: #0039FF;
	font-weight: bold;
}

#produit_contenu{
	margin-left: 2px;
	margin-top: -10px;
	width: 688px;
	min-height: 620px;
	border-left:1px solid #9FC6CA;
	border-right:1px solid #9FC6CA;
}

#offresvedette_bas{
	background: url('images/design/fond_offresvedette_bas.jpg') no-repeat;
	position: relative;
	margin-left:  2px; 
	width: 690px;
	height: 48px;
	padding-top: 10px;
	padding-left: 10px;
}

/* --- Logo */
#logo {
	background-color: #FFFFFF;
	float: left;
	background: url('images/design/logo.png') no-repeat;
	width: 224px;
	height: 104px;
}

/* --- Menu Haut */
#menu_haut {
	float: left;
	height: 104px;
	width: 170px;
	margin-left: 0px !important;
	margin-left: 0px;
}

#menu_haut a{
	font-size: 1.2em; 
}

ul#menu_haut
{
	margin-top: 20px;
	height: 20px ;
	list-style-type: square;
}

ul#menu_haut li
{
	/*background-image: url('images/design/chevrons.jpg');
	background-repeat: no-repeat;*/
	padding-left: 3px;
	padding-bottom: 5px;
	text-align: left;
}

/* --- Images aléatoires (animation flash) */
#image_alea{
	float: left;
	width: 160px;
	height: 104px;
	margin-left: 20px;
}

/* --- Recherche 
----------------------------- */
#recherche {
	position: absolute;
	right:0;
	/*background: url('images/design/recherche.jpg') no-repeat;*/
	width: 265px;
	height: 104px;
	text-align: right;
}

#recherche a{
	color: #c5cfff;
	padding-right: 5px;
	text-decoration: none;
}

#recherche a:hover{
	color: #FFFFFF;
	padding-right: 5px;
	text-decoration: none;
}


/* =catégories
----------------------------- */
#categories {
	margin-top : 110px;
padding-left: 50px;
	height: 55px;
	background: url('images/design/categories.jpg') repeat-x ;
	text-align: left;
	vertical-align: middle;
	
}

#categories a{ 	
display: block;

font-size: 0.95em; 
color: #FFFFFF;
padding-top: 2px;
text-decoration: none;
}

#categories a:hover{
	color: #43F8FF;
	text-decoration: none;
}

#categories a:active{
	color: #f8820f;
	text-decoration: none;
}



ul#categories_liste
{
	height: 39px ;
	margin-left : 0px;
	padding-top: 10px ;
	padding-left : 4px;
	list-style-type: none ;
}

ul#categories_liste li
{
	float: left ;
	margin-left : 0px;
	padding-left: 10px ;
	padding-top: 10px;
	text-align: left ;
}

/* --- Barre Titre page  */
#barres_noires {
	position: absolute;
	left:0;
	margin-top: 10px;
	background: url('images/design/barres_noires_menu.jpg') no-repeat;
	width: 186px;
	height: 38px;
}

#gauche_titre {
	margin-left: 100px;
	height: 38px;
	/*background: url('images/design/titre_page_gauche.jpg') no-repeat;*/
}

#titre_page {
	position: absolute;
	left : 200px;
	height: 30px;
	width : 359px;
	text-align: left;
	padding-top: 6px;
	/*background: url('images/design/titre_page.jpg') repeat-x;*/
}


/* =menu
----------------------------- */
#menu {
	float: left;
	width: 200px;
	height: 200px;
}


/* =contenu
----------------------------- */
#contenu {
	margin-top: 20px;
	margin-left: 200px;
	min-height: 850px;
}


/* =pieddepage
----------------------------- */
#pieddepage {
	clear: both;
	color: #FFFFFF;
	height: 18px;
	left: 0px;
	background: url('images/design/pied_page.jpg') repeat-x;
	background-color: #000000;
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0;
	width: 100%;
	text-align: center;
}

#pieddepage  a {color: #c5cfff; text-decoration: none;}
#pieddepage a:visited {color: #c5cfff; text-decoration: none;}
#pieddepage a:hover {text-decoration: none; color: #FFFFFF;}
#pieddepage a:active {color: #c5cfff; text-decoration: none;}




/* =produit
----------------------------- */
#produit {
	position: relative;
	width: 150px;
	float: left;
	margin: 5px;
	padding: 5px ;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #000000; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
	border: 1px solid #CCCCCC;
	min-height: 220px;
	height:auto !important;
	height:220px;
}


/* =produit
----------------------------- */
#produit2 {
	position: relative;
	width: 150px;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	padding: 25px;
	padding-lef: 52px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; 
	font-size: 1em; 
	color: #000000; 
	font-weight: bold; 
	text-align: center; 
	letter-spacing: 0px;
	min-height: 170px;
	border: 1px dotted #CCCCCC;
}

.mform span.error, .mform span.required {
  color: red;
}
.mform div.error,.mform fieldset.error {
  border: 1px solid red;
  padding: 5px;
  color: inherit;
}