/*  

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

.produits .post_footer {
	height: 10px;	
}

/* produit_vignette */

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

.produit_vignette .position_post_produit {
	position: relative;
	width: 222px; /* 220 + border */
	height: 355px; /* pour avoir une hauteur minimale lorsque l'encart est actif */
	margin: 0 14px 25px 8px;
}
.produit_vignette .nb_position_post_produit3 {
	margin-right: 0;
}

.produit_vignette .bg_actif {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.produit_vignette .post_produit {
	position: relative;
	width: 220px;
	height: 355px;
	padding: 5px 0 0px 0;
	border: 1px solid #b7bbde;
	background: #ffffff;
}
.produit_vignette .post_produit_02 {
	padding: 0px 10px 0px 10px;
}

.produit_vignette  .post_produit.actif   {
	position: absolute;
	z-index: 20;
	width: 228px;
	height: auto;
	margin: -10px 20px 20px -3px;
	border: 0;
	/* background: #ffffff; */
}
.produit_vignette .actif .post_produit_02  {
	position: relative;
	z-index: 2;
	padding: 11px 14px 70px 14px;
	/* background: url(../../../images/bg_pvba.png) no-repeat bottom left; */
}


.produit_vignette .illustration {
	display: block;
	height: 225px;
	text-align: center;
}
.produit_vignette .illustration img {
	/*border: 1px solid #E5E5E5;*/
}


#main .produit_vignette h3.titre_produit {
	margin: 5px 0 0 0;
	height: 47px;	
	padding: 0;
	font: normal 12px Verdana, Arial, sans-serif;
	overflow: hidden;
}
#main .produit_vignette h3 a {
	color: #003261;
	text-decoration: none;
}
#main .produit_vignette h3 a:hover {
	color: #003261;
	text-decoration: underline;
}

.produit_vignette .note {
	padding: 0px 0 0 0;
	color: #666666;
	font-size: 11px;
}
.produit_vignette .note .etoiles {
	vertical-align: top;
}
.produit_vignette .note a {
	text-decoration: none;
}
.produit_vignette .note a:hover {
	text-decoration: underline;
}
.produit_vignette .note_nb0 {
	display: none;
}


.produit_vignette .post_produit .chapo {
	display: none;
	color: #333333;
	font-size: 11px;
	margin: 10px 0 0px 0;
	text-align: justify;
}
.produit_vignette .actif .chapo {
	display: block;
}


.produit_vignette .prix_detail {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 200px;
}
.produit_vignette .actif .prix_detail {
	left: 14px;
}
.produit_vignette .prix span {
	color: #333333;
	font-size: 18px;
	font-weight: normal;
}
.produit_vignette .prix .a_partir_de {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
}
.produit_vignette .prix s {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
.produit_vignette .prix .promo {
	color: #d0462c;
	font-size: 18px;	
}

.produit_vignette .detail {
	position: absolute;
	bottom: 10px;
	right: -10px;
	width: 75px;
	height: 17px;
	padding: 3px 0 0 10px;
	color: #ffffff;
	font-size: 11px;
	background: #5c74b4;
	text-decoration: none;
}
.produit_vignette .actif .detail {
	background: #e78302;
}


.produit_vignette .pictos {
	position: absolute;
	top: 12px;
	right: -13px;
	z-index: 11;
	width: 52px;
}
.produit_vignette .actif .pictos {
	z-index: 30;
	top: 18px;
	right: -9px;
}
.produit_vignette .pictos .meilleure_vente {
	width: 52px;
	height: 52px;
	margin: 0 0 10px 0;
	background: url(../../../images/picto-mv.png) no-repeat;
}
.produit_vignette .pictos .brins_konex {
	width: 52px;
	height: 52px;
	margin: 0 0 10px 0;
	background: url(../../../images/picto-bk.png) no-repeat;
}

/* produit_liste */

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

.produit_liste .illustration_video {
	float: left;
	width: 320px;
}

.produit_liste .block_illustration {
	text-align: center;
	border: 1px solid #5b74b4;
}

.produit_liste .illustration {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	/* border: 1px solid #c4d0ef; */

}

.produit_liste .post_produit {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

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

#main .produit_liste .post_content h2 a:hover {
	text-decoration: underline;
}

.produit_liste .desc {
	margin: 10px 0 20px 0;
}
.produit_liste .desc ul {
	margin: 0 10px 10px 10px;
	padding: 0;
}
.produit_liste .desc li {
	display: list-item;
	margin: 0 0 7px 0;
	list-style: disc outside;
}


.produit_liste .en_stock {
	margin: 0 0 20px 0;
}

.produit_liste .produit_infos {
	/*float: left;
	width: 395px;*/
	margin: 0 0 0px 0;
}


.produit_liste .variantes {
	float: left;
	margin: 0 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
.produit_liste .variantes li {
	display: block;
}

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