/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient les CSS de la page liste-produits.php
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Filtre haut de page et pagination
// - Filtre haut de page
// - Pagination
// Listing produits
// - Général au 4 encarts
// - Nouveauté
// - Promotion
// - Top Vente
// - Simple
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Filtre haut de page et pagination
///////////////////////////////////////////////////////////////////////////////////*/
/* Filtre haut de page */
div#divContFiltreListeproduits, div#divContAfficherPar{
	float:left;
	margin-left:10px;
	height:20px;
}
div#divContAfficherPar span{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#e41183;
}
div#divContFiltreListeproduits select{
	border:1px solid #6f6f6f;
	width:143px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#585858;
}
/* Pagination */
div#divContPagination{
	float:right;
	margin-right:10px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#585858;
}
div#divContPagination a:link, div#divContPagination a:visited{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#585858;
	text-decoration:none;
}
div#divContPagination a:hover, div#divContPagination a:active{
	text-decoration:underline;
}
div#divContPagination span.current{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;
	background:#e41183;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Listing produits
///////////////////////////////////////////////////////////////////////////////////*/
/* Général au 4 encarts */
div.divContLigne4Pdt{
	position:relative;
	clear:both;
}
div.divContProduitListeNouveaute, div.divContProduitListePromotion, div.divContProduitListeTopVente, div.divContProduitListeSimple{
	float:left;
	width:130px;
	margin-left:50px;
	text-align:center;
}
div#divLienVoirDetailRose a {
	display:block;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-rose.jpg) 0 0 no-repeat;
}
div#divLienVoirDetailRose a:hover {	
  background-position: -107px 0;
}
div#divLienVoirDetailVert a {
	display:block;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-vert.jpg) 0 0 no-repeat;
}
div#divLienVoirDetailVert a:hover {	
  background-position: -107px 0;
}
div#divLienVoirDetailVertO a {
	display:block;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-vertO.jpg) 0 0 no-repeat;
}
div#divLienVoirDetailVertO a:hover {	
  background-position: -107px 0;
}
div#divLienVoirDetailGris a {
	display:block;
  width:107px; height:18px;
  background:url(../images/interface/btn-voir-le-detail-gris.jpg) 0 0 no-repeat;
}
div#divLienVoirDetailGris a:hover {	
  background-position: -107px 0;
}
div.divContProduitListeNouveaute p, div.divContProduitListePromotion p, div.divContProduitListeTopVente p, div.divContProduitListeSimple p{
	padding:0 0 5px 0; margin:0;
	font:normal 12px Arial, Helvetica, sans-serif; /*text-align:left;*/
}
/* Nouveaute */
div.divContProduitListeNouveaute img.pdt{
	border:1px solid #f076ba;
	margin-bottom:5px;
}
div.divContProduitListeNouveaute strong{
	font:bold 14px Arial, Helvetica, sans-serif; color:#af0054; text-transform:uppercase;
}
div.divContProduitListeNouveaute strong.nom{
	font:bold 12px Arial, Helvetica, sans-serif; color:#af0054; text-transform:none;
}
div.divContProduitListeNouveaute p{
	color:#ee6bb5;
}
div.divContProduitListeNouveaute span.prix{
	font:bold 18px Arial, Helvetica, sans-serif; color:#af0054;
}
div.divContProduitListeNouveaute span.metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#af0054;
}
/* Promotion */
div.divContProduitListePromotion img.pdt{
	border:1px solid #5fd068;
	margin-bottom:5px;
}
div.divContProduitListePromotion strong{
	font:bold 14px Arial, Helvetica, sans-serif; color:#068601; text-transform:uppercase;
}
div.divContProduitListePromotion strong.nom{
	font:bold 12px Arial, Helvetica, sans-serif; color:#068601; text-transform:none;
}
div.divContProduitListePromotion p{
	color:#7eca83;
}
div.divContProduitListePromotion span.prix{
	font:bold 18px Arial, Helvetica, sans-serif; color:#068601;
}
div.divContProduitListePromotion span.metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#068601;
}
div.divContProduitListePromotion p.eco{
	padding:0 0 5px 0; margin:0;
	font:normal 10px Arial, Helvetica, sans-serif; color:#a2e3a6; text-align:center
}
div.divContProduitListePromotion p.eco span.prixBarre{
	text-decoration:line-through;
	font:bold 10px Arial, Helvetica, sans-serif; color:#068601;
}
div.divContProduitListePromotion p.eco span.pourcent{
	font:bold 10px Arial, Helvetica, sans-serif; color:#068601;
}
/* Top Vente */
div.divContProduitListeTopVente img.pdt{
	border:1px solid #aebd53;
	margin-bottom:5px;
}
div.divContProduitListeTopVente strong{
	font:bold 14px Arial, Helvetica, sans-serif; color:#4c5901; text-transform:uppercase;
}
div.divContProduitListeTopVente strong.nom{
	font:bold 12px Arial, Helvetica, sans-serif; color:#4c5901; text-transform:none;
}
div.divContProduitListeTopVente p{
	color:#b4c15f;
}
div.divContProduitListeTopVente span.prix{
	font:bold 18px Arial, Helvetica, sans-serif; color:#4c5901;
}
div.divContProduitListeTopVente span.metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4c5901;
}
/* Top Simple */
div.divContProduitListeSimple img.pdt{
	border:1px solid #9f9f9f;
	margin:32px 0 5px 0;
}
div.divContProduitListeSimple strong{
	font:bold 14px Arial, Helvetica, sans-serif; color:#4b4b4b; text-transform:uppercase;
}
div.divContProduitListeSimple strong.nom{
	font:bold 12px Arial, Helvetica, sans-serif; color:#4b4b4b; text-transform:none;
}
div.divContProduitListeSimple p{
	color:#868686;
}
div.divContProduitListeSimple span.prix{
	font:bold 18px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
div.divContProduitListeSimple span.metre{
	font:bold 10px Arial, Helvetica, sans-serif; color:#4b4b4b;
}
