/*  

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 .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;
}

/* produit_vignette */

/* produit_vignette */

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

.produit_vignette .post_produit {
	width: 330px;
	height: 38px;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px #eaeaea solid;
}

.produit_vignette .style_op_1 {
	margin-left: 25px;
}
.produit_vignette .style_op_2 {
	margin-right: 30px;
}


.produit_vignette .style_nb_op_1, .produit_vignette .style_nb_op_3, .produit_vignette .style_nb_op_5 , .produit_vignette .style_nb_op_7 {
	margin-right: 30px;
	margin-left: 0;
}


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

.produit_vignette .numero_op {
	float: right;
	font-size: 9px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #87888A;
}

#main .produit_vignette h2 {
	margin: 0;
	width: 275px;
	height: 16px;
	font-size: 12px;
	overflow: hidden;
}

#main .produit_vignette h2 a {
	color: #D20041;
}

#main .produit_vignette h2 a:hover {
	color: #D20041;
	text-decoration: underline;
}

.produit_vignette a.en_savoir_plus_op {
	float: right;
	font-size: 9px;
	color: #000000;
	padding: 0 0 0 8px;
	background: url(../../../images/puce_lien_detail_op.gif) no-repeat 0 4px;
	text-decoration: none;
	line-height: 10px;
}
.produit_vignette a.en_savoir_plus_op:hover {
	text-decoration: underline;
}

.produit_vignette .description_op {
	font-size: 9px;
	margin: 0 80px 0 0;
	line-height: 10px;
}