/*  

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 li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;	
}

.produit_vignette .post_produit {
	width: 324px;
	height: 40px;
	margin: 0 0px 20px 0px;
	padding: 6px 5px 4px 8px;
	border: 1px solid #c5c6c8;
	overflow: hidden;
}

.produit_vignette .marge_offre_1 {
	margin-right: 25px;
}

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

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

.produit_vignette .numero_offre {
	float: right;
	font-size: 14px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #e2001a;
}

#main .produit_vignette h3 {
	margin: 0 0px 6px 0;
	width: 265px;
	height: 17px;
	font-size: 14px;
	font-style: italic;
	overflow: hidden;
}

#main .produit_vignette h3 a {
	color: #e2001a;
}

#main .produit_vignette h3 a:hover {
	color: #e2001a;
	text-decoration: underline;
}

.produit_vignette a.en_savoir_plus_offre {
	float: right;
	font-size: 9px;
	color: #9e9e9f;
	font-style: italic;
	padding: 0 0 2px 8px;
	background: url(../../../images/puce_lien_detail_offre.gif) no-repeat 0 4px;
	border-bottom: 1px #d4d4d6 solid;
	text-decoration: none;
	line-height: 10px;
}
.produit_vignette a.en_savoir_plus_offre:hover {
	border: 0;
}

.produit_vignette .description_offre {
	font-size: 9px;
	color: #9e9e9f;
	margin: 0 80px 0 0;
	line-height: 10px;
}