/*  

Copyright © 2006 Troll d'idées. Tous droits réservés.

Catalogue : Liste des produits
Thème : Phlox

Créé le : 15/03/2007
*/

/* produits */
.produits h1 {
	height:37px;
	line-height:37px;
	font-size: 20px;
	vertical-align:middle;
	font-weight:normal;
	color: #F60;
	background:url(../../../../images/top_extrait_produit.png) no-repeat center bottom;
	padding:10px 0px 0px 48px;
	margin:0px 0px 8px 0px;
	border-bottom: 1px solid #DDD;
	}

.produits .affichage {
	float: right;
	width: 54px;
	padding: 10px 0 0 0;
	margin: 0;
}

.produits .affichage li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.produits .affichage a {
	display: block;
	padding: 0 0 0 10px;
	width: 17px;
	height: 17px;
}

.produits .affichage a span {
	display: none;
}

.produits .affichage .bt_liste_ {
	background: url(../../../images/affichage_liste.gif) no-repeat right top;
}

.produits .affichage .bt_liste_actif {
	background: url(../../../images/affichage_liste_actif.gif) no-repeat right top;
}

.produits .affichage .bt_vignette_ {
	background: url(../../../images/affichage_vignette.gif) no-repeat right top;
}

.produits .affichage .bt_vignette_actif {
	background: url(../../../images/affichage_vignette_actif.gif) no-repeat right top;
}

.produits .tri {
	margin: 0 0 20px 0;
	text-align: right;
}

/* produit_vignette */

.produit_vignette li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;	
}

.produit_vignette .post_produit {
	height: 100%;
	margin: 0 7px 0px 7px;
	padding: 8px 8px 20px 6px;
	border: 1px solid #DDD;
	/*background-color: #F7F7F7;*/
	/*border: 3px solid #E5E5E5;*/
}

.produit_vignette .illustration {
	display: block;
	text-align: center;
}

.produit_vignette .illustration img {
	/*border: 1px solid #E5E5E5;*/
}

.produit_vignette .prix {
	text-align: left;
	margin: 0px;
	padding:0px;
}

#main .produit_vignette h3 {
	margin: 5px 0 0 0;
	padding:0px;
	height: 35px;
	text-align: left;
	overflow: hidden;
	
}

#main .produit_vignette h3 a {
	font-weight:normal;
	color: #333;
}

#main .produit_vignette h3 a:hover {
	color: #06C
}

#main .produit_vignette .lien-externe{
	float:right;
	width:40px;
	height:12px;
	line-height:12px;
	vertical-align:top;
	background:url(../../../../images/btn_voir.jpg) no-repeat right center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#06C;
	text-decoration:none;
	}
#main .produit_vignette .lien-externe:hover{
	color:#06C;
	text-decoration:underline;
	}

/* produit_liste */

.produit_liste li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

.produit_liste .illustration {
	float: left;
	padding: 3px;
	border: 1px solid #E5E5E5;
	background-color: #F7F7F7;
}

.produit_liste .post_produit {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #BFBFBF;
}

.produit_liste .post_content {
	padding: 0 0 0 30px;
}

.produit_liste .desc {
	margin: 10px 0;
}

.produit_liste .produit_infos {
	float: right;
}

.produit_liste .variantes {
	margin: 0 10px 0 0;
}

#main .produit_liste .post_produit h3 {
	margin: 0;
}