/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuu, #piedPage, #recherche, #menuITEM, a.retour, fieldset{display: none;}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	font: bold 14px Arial;
	line-height: 18px;
	color: #686544;
}
h1 span{font-weight: normal;}
h1.ITEM{padding-left: 30px;}

h2{font: 18px Arial;line-height: 24px;}
h3{font: bold 14px Arial;color: #29293f;}
h5{color: #686544;font: bold 14px Arial;background-color: #d6d895;padding: 4px 0 4px 10px;}
h5 span{font: 12px Arial;}
h6{font: bold 18px Arial;color: #b5ae6d;}
p{font: 12px Arial;line-height: 16px;color: #29293f;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, label a, label a:link, label 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, label a:hover, label a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{font: 12px Arial;line-height: 16px;color: #29293f;list-style:square; margin-left:16px;}
ol li{font: 12px Arial;line-height: 16px;color: #29293f;margin-left:16px;}





#carte{width: 425px;margin-top: 40px;}


/* LISTE DE ITEM
--------------------------------------------------------------------------------------- */
#ITEMliste{
	float: left;
	width: 605px;
	margin: 20px 0 0 30px;
}
.liste, .liste3{
	float: left;
	width: 182px;
	font: 12px Arial;
	color: #29293f;
	line-height: 16px;
	padding-right: 29px;
	position: relative;
}
.liste3{
	padding-right: 0;
}
.liste a img, .liste3 a img{
 border: 1px #a6a8ad solid;
}
.promotion{
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	background-color: #93cbdd;
	padding: 4px 8px;
	font: bold 14px Arial;
}
#pagination{
	float: right;
	color: #686544;
	font: 11px Arial;
}
h1 #titreliste{float: left;}
h1 #pagination{float: none;text-align: right;}

#pagination a, #pagination a:link, #pagination a:visited{
	color: #686544;
	font: 11px Arial;
}
.vedettelist{
	margin-top: 10px;
	float: left;
	background-color: #f0f1f4;
	width: 300px;
	padding: 20px 0 20px 20px;
}
#vedetteaucun{
	margin-top: 10px;
	float: left;
	background-color: #f0f1f4;
	width: 945px;
	padding: 20px 0 20px 20px;
}
.vedettelist a, .vedettelist a:link, .vedettelist a:visited{
	display: block;
	float: left;
	text-decoration: none;
	color: #29293f;
}
.vedettelist p{
	display: block;
	float: left;
	padding-left: 10px;
	width: 150px;
}
.vedettelist a img{
	border: 1px #a6a8ad solid;
}
a.voirvedette, a.voirvedette:link, a.voirvedette:visited{
	float: right;
	display: block;
	color: #29293f;
	font: 12px Arial;
	padding: 6px;
}


/* DÉTAIL DE ITEM
--------------------------------------------------------------------------------------- */
#ITEMdetail{
	float: left;
	width: 605px;
	margin: 20px 0 0 30px;
	font: 12px Arial;
	color: #29293f;
	line-height: 16px;
	position: relative;
}
#ITEMdetail img{float: left;border: 1px #a6a8ad solid;}

a.commander, a.commander:link, a.commander:visited{
	display:block;
	float: right;
	background: #93cbdd url(Gx/flechecommander.gif) no-repeat 8px 8px;
	color: #29293f;
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	font: bold 12px Arial;
}
a.commander:hover, a.commander:visited:hover{color: #fff;}

#lesphotosduITEM{
	float: left;
	width: 350px;
	margin-right: 20px;
}
#lesphotosduITEM h3{padding-bottom: 5px;}


