/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #EEEADE url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	color: #C21527;
	font:18px Arial;
}
.titresearch{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #71A45F;
	padding-bottom: 3px;
	background: url(Gx/00/sousligne.gif) no-repeat left bottom;
}
h2{
	font: 14px Arial;
	font-weight: bold;
}
h3{
	font: 12px Arial;
	font-weight: bold;
}
a.retour{ 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 510px;
	height : 80px;
	padding : 0;
	margin : 6px 7px 0 0;
	
}
#retourhaut{
	padding: 20px 0 6px 225px;
	float: left;
}
a.top{
	float: left;
	width: 33px;
	height: 16px;
	text-decoration: none;
}
a.back{
	float: left;
	width: 40px;
	height: 16px;
	text-decoration: none;
}
.imprimer{display: none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size: 11px;line-height: 150%;list-style: disc;margin-left: 16px;color: #717172;margin-left: 40px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	text-align: left;
	width:752px;
	float: left;
}
#header{
	width:752px;
	float: left;
	height: 93px;
	background-color: #EEEADE;
}
#recherche{
	width: 232px;
	height: 80px;
	float: left;
	margin : 6px 0 0 0;
	background: url(Gx/recherche_bg.jpg) no-repeat left top;
}
#contenu{
	position: relative;
	float: left;
	background: url(Gx/contenu_bas.gif) no-repeat left bottom;
	width:752px;
}
#contenuext{
	float: left;
	background: url(Gx/contenu.gif) repeat-y left;
	width:752px;
}
#contenuint{
	float: left;
	margin: 0 0 4px 0;
	background: url(Gx/contenu_haut.gif) no-repeat left top;
	width:752px;
}
#colgauche{
	float: left;
	width: 215px;
}
#coldroit1, #coldroit2, #coldroit3, #coldroit4{
	float: right;
	width: 529px;
}
#coldroit1{
	padding-top: 93px;
}
#coldroit2{
	padding-top: 128px;
}
#coldroit3{
	padding-top: 128px;
}
#coldroit4{
	padding-top: 76px;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
#nouvelleext{
	left: 0px;
	top: 40px;
	width: 199px;
	height: 269px;
	position: absolute;
	overflow: hidden;

}
#nouvelleext h2{
	color: #fff;
	margin: 0 0 0 12px;
}
#nouvelle h3{
	color: #fff;
	margin: 6px 0 0 14px;
	text-transform: uppercase;
	display: block;
	width: 185px;
}
#nouvelle p{
	font-size: 11px;
	color: #fff;
	/*background-color: #468975;*/
	display: block;
	width: 185px;
	height: 208px;
	margin: 0 0 0 14px;
	line-height: 14px;
}
#nouvelle p a, #nouvelle p a:link, #nouvelle p a:visited{
	color: #fff;
	text-decoration: none;
}
#nouvelle p a:hover, #nouvelle p a:visited:hover{
	color: #EFDF85;
}
 a.flechehaut, a.flechebas{
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 10px;
	height: 10px;
	position: absolute;
}
 a.flechebas{
	left: 200px;
	top: 285px;
	background: url(Gx/00/flechebas.gif) no-repeat center top;
}
 a.flechehaut{
	background-color: #293845;
	left: 200px;
	top: 40px;
	background: url(Gx/00/flechehaut.gif) no-repeat center top;
}
#photo{
	width: 298px;
	height: 362px;
	background: url(Gx/00/home_bas.jpg) no-repeat left bottom;
	float: left;
}
a.flechehaut2, a.flechebas2{
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 10px;
	height: 10px;
	position: absolute;
}
 a.flechebas2{
	left: 732px;
	top: 285px;
	background: url(Gx/00/flechebas2.gif) no-repeat center top;
}
 a.flechehaut2{
	left: 732px;
	top: 40px;
	background: url(Gx/00/flechehaut2.gif) no-repeat center top;
}
#vedetteext{
	left: 530px;
	top: 40px;
	width: 204px;
	height: 269px;
	position: absolute;
	overflow: hidden;

}
#vedette p{
	display: block;
	width: 190px;
	
	font-size: 11px;
	line-height: 14px;
}
#vedette h3{
	display: block;
	width: 190px;
	padding: 5px 0 0 0;
}

/* LISTE DE PRODUIT
--------------------------------------------------------------------------------------- */
#boiteliste{
	margin: 0 20px 0 10px;
	border-top: 1px #CC0000 dotted;
	padding: 5px 0 0 4px;
}
.produitliste{
	position: relative;
	float: left;
	width: 495px;
	height: 150px;
	background: url(Gx/01/produitliste_bg.gif) no-repeat bottom right;
}
.produitliste a.imgproduit{
	width: 74px;
	height: 111px;
	float: left;
	text-decoration: none;
}
.produitliste a.more{
	position: absolute;
	left: 440px;
	top: 135px;
	width: 54px;
	height: 15px;
	text-decoration: none;
	float: right;
}
p.pagination{
	font-family : Arial;
	color : 000;
	font-size : 12px;
	text-align: center;
	padding-top: 5px;
}
p.pagination a, p.pagination a:link, p.pagination a:visited{
	font-size : 11px;
}

p.pagination a:hover, p.pagination a:visited:hover{
	color: #717172;
}


/* MENU
--------------------------------------------------------------------------------------- */
#menu{height: 32px;margin: 0;padding: 0;float: left;}
#menu ul{margin: 0;padding: 0;}
#menu ul li{padding: 0;margin: 0;float: left;list-style-type: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{display: block;float: left;color: #A67A00;text-decoration: none;font-weight: bold;}

#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #795A05;
}

/* MENU PRODUIT
--------------------------------------------------------------------------------------- */
#menuprod{width: 212px;margin: 1px 0 6px 0;padding: 55px 0 0 0;float: left;}
#menuprod ul{margin: 0;padding: 0;}
#menuprod ul li{padding: 0;margin: 0;float: left;list-style-type: none;}
#menuprod ul li a, #menuprod ul li a:link, #menuprod ul li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: url(Gx/01/fleche.gif) no-repeat 5px 9px;
	padding: 6px 0 6px 18px;
	display: block;
	float: left;
	border-bottom: 1px #000 dotted;
	width: 193px;
	_width: 212px;
}
#menuprod ul li a:hover, #menuprod ul li a:visited:hover{color: #EFDF85;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{text-align: center;color: #A67A00;font: 10px Arial;/*position: absolute;top: 97%;*/}
#copyrights{width: 752px;text-align: center;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0;padding: 0;border: none;padding: 15px 0 0 20px;}
fieldset label{font-size: 12px;color: #fff; margin: 0 0 2px 4px;float: left;font-weight: bold;padding: 0;}