
/*---------------------------------------------------------------------
			liste Produit 
----------------------------------------------------------------------*/

	
#colonneDroite {
	clear:none;
	margin:0;
	overflow:hidden;
	width:777px;
	padding-left:28px;
	overflow:visible;
	border-right:0px dotted #e0dddd;
	
	margin-left:191px; /*dimension de la colonne gauche*/
	
}


#colonneGauche{	float:left;
	height:inherit;
	width:191px;
	position:relative;

	padding-bottom:0px;
	padding-left:0px;
	/*background-color:#9E9E9E;couleur par défaut*/
	
	top:-40px;	
}

.categorie #colonneGauche,.categorie  #colonneGauche a, .listeSelection  #colonneGauche a {
	color:#FFF;
}

#colonneGauche > a {
	display:block;	
	padding-top:10px;
	padding-bottom:6px;	
	border-bottom:1px solid #FFF;
	margin-left:9px;margin-right:9px;
	font-size:14px;
	padding-left:5px;
}

#colonneCentre {
	
	position:relative;
	overflow:hidden;
	padding-left:10px;
	/*padding-right:10px;*/
	width:979px;
	clear:both;
}

#infoRubrique {
	color:#B40C02;
	font-size:14px;
	position:relative;
	overflow:hidden;
	padding-left:40px;
}

#infoRubrique h1 {
	color:#B40C02;
	font-size:14px;
	font-weight:bolder;
	margin-bottom:5px;
	padding-left:8px;
}

#infoRubrique h2 {
	color:#9e998e;
	padding-left:8px;
	font-size:12px;
}

#infoRubrique p {
	color:#9e998e;
	font-size:11px;
	line-height:16px;
	padding-bottom:10px;
	padding-left:8px;
	line-height:20px;
}
#colonneCentre #blocPromotion h1 {
	text-indent:-2000px;
	overflow:hidden;
	position:relative;
	background-image:url(../../../images/titre_bonsPlans.gif);
	height:55px;
	background-repeat:no-repeat;
	margin-left:22px;
	
}
#colonneCentre #produitAlaUne h1{
		text-indent:-2000px;
	overflow:hidden;
	position:relative;
	background-image:	url(../../../images/titre_AvoirAussi.gif);
	height:55px;
	background-repeat:no-repeat;
		margin-left:22px;

	
}
/*---------------------------------------------------------------------
			liste Produit 
----------------------------------------------------------------------*/

.listeProduit {
	/*float:left;*/
				margin:0px;
	padding:0px;
	padding-bottom:0px;
	display:block;
	overflow:hidden;
	background-color:transparent;
}
.listeProduit .groupe{
	width:100%;
}
.listeProduit > .groupe .produit:first-child {
	margin-left:0px;
	
}
/*---------------------------------------------------------------------
			liste Produit > format bloc (vertical) par défaut : le premier produit
----------------------------------------------------------------------*/

.listeProduit.formatVertical > .groupe:first-child .produit:first-child {
	width:301px;
}

.listeProduit.formatVertical > .groupe:first-child .produit:first-child h2{
	text-align:center;
	top:8px;
	height:15px;
	line-height:normal;
	overflow:hidden;
	width:295px;
}

.listeProduit.formatVertical > .groupe:first-child .produit:first-child .image {
	width:185px;
	height:185px;
	left:57px;
	top:24px;
}

.listeProduit.formatVertical > .groupe:first-child .produit:first-child div.zonePrix {
	width:295px;
	text-align:center;
}
.listeProduit.formatVertical > .groupe:first-child .produit:first-child div#promo{
	width:185px;
	height:185px;
	left:57px;
	top:24px;
}

.listeProduit.formatVertical > .groupe:first-child .produit:first-child div#promo.soldes a{
	background-position:0px -90px;
	
}
.listeProduit.formatVertical > .groupe:first-child .produit:first-child div#promo.promotion a, .listeProduit.formatVertical > .groupe:first-child .produit:first-child div#promo.vente a{
	background-position:0px -140px;
	width:100%;
	height:100%;
}
.listeProduit.formatVertical > .groupe:first-child .produit:first-child div#promo a span {
	right:25px
}
/*---------------------------------------------------------------------
			liste Produit > format horizontal
----------------------------------------------------------------------*/
.listeProduit.formatHorizontal .groupe .produit{
	margin-left:0px;
	width:769px;
	height:125px;
	border:0px;
}
.listeProduit.formatHorizontal .groupe .produit h2{
	text-align:left;
	top:0px;
	left:148px;
	height:15px;
	width:428px;
	line-height:normal;
	overflow:hidden;
	
}

.listeProduit.formatHorizontal .groupe .produit .image {
	width:120px;
	height:120px;
	left:0px;
	top:0px;
	border:1px solid #e7e7e7;
}
.listeProduit.formatHorizontal .groupe .produit .description {
	border-bottom:1px solid #e7e7e7;
	width:428px;
	height:98px;
	text-indent:normal;
	left:148px;
	top:26px;
	
}
.listeProduit.formatHorizontal .groupe .produit div.zonePrix {
	width:148px;
	height:122px;
	padding-left:19px;
	left:600px;
	bottom:0px;right:0px;
	border:1px solid #e7e7e7;
	text-align:left;
	z-index:500;
}
.listeProduit.formatHorizontal .groupe .produit div.zonePrix .container {
	position:absolute;
	bottom:8px;
	width:147px;
}
.listeProduit.formatHorizontal .groupe .produit div#promo{
	width:169px;
	height:122px;
	left:inherit;
	top:0px;right:0px;
}

.listeProduit.formatHorizontal .groupe .produit div#promo.soldes a{
	background-position:-6px -90px;
	
}
.listeProduit.formatHorizontal .groupe .produit div#promo.promotion a, .listeProduit.formatHorizontal .groupe .produit div#promo.vente a{
	background-position:-6px -140px;
}
/*---------------------------------------------------------------------
			liste Produit > les sous catégories
----------------------------------------------------------------------*/
.listeProduit.categorie {margin-bottom:15px}
.listeProduit.categorie .produit {
		width:160px;
	height:200px;
	margin-left:15px;
	margin-top:10px;

}
.listeProduit.categorie .produit .image{
	width:160px;
	height:160px;
	
}
.layout .listeProduit.categorie .produit h2 {
		width:154px;
		text-align:center;
		font-size:14px;
		top:170px;
		height:auto;
		line-height:14px;
}

/*---------------------------------------------------------------------
			liste Produit > produit associées
----------------------------------------------------------------------*/

.listeProduit.produitAssocies{
	padding-left:15px}
	
#colonneGauche .listeProduit.produitAssocies{
	padding-left:70px}
	
.listeProduit #infoRubrique p {
	color:#A2937E;
	font-size:12px;
	line-height:16px;
	padding-bottom:10px;
	padding-left:8px;
}

.listeProduit form {

}

.listeProduit select {
	color:#525252;
}

.listeProduit form input {
	font-family:Arial, Helvetica, sans-serif;
	border-color:#cacaca;
	margin-left:2px;
	width:15px;
}

.listeProduit form .submitBouton {
	border:0px;
	vertical-align:middle;
	width:auto;
}

.listeProduit a {
	color:#A09D9D;	
}
.listeProduit a:hover {
	/*color:#BE021B;	
	text-decoration:underline;*/
	
}

