#preview .contenant { clear:both; width:678px; padding:50px 5px 0; border:1px solid #8ea74f; position:relative; overflow:hidden;}
#preview .contenant h1 { position:absolute; top:0; left:0; width:668px; margin:0;}

/* accueil cataloque */

#preview #catalogue { clear:both; margin:5px 0;}
#preview #catalogue a img { border:1px solid #7ab51d; margin:0 10px 20px 0;}
#preview #catalogue a:hover img { border:1px solid #db0e42;}


/******************** Mosaique des familles ********************/

div.famille {
	width: 160px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
div.produit {
	float: left;
	width: 160px;
	padding:0 4px;
	margin: 0 0 3em;
	text-align:center;
}
div.separateur-vert { display:block; float:left; width:1px; min-height:290px; background:#c4db99;}
div.produit .prix { font-size: 120%; }
div.produit .prix del { font-size: 80%; }

div.produit p.contenance { font-size: 80%; text-align:center; color : #999999;}

/********************* Affichage en liste **********************/

div.liste h3 {	width: 152px; height: 50px; margin:0 0 2px; float: left; overflow: hidden; font-size:1.1em; font-weight: normal; line-height:1em; text-align: center; text-transform: uppercase;}
div.liste h3 a:visited { text-decoration: underline; color:#999 }

div.vignette {
	margin: 5px auto;
	cursor: pointer;
	text-align: center;
}
div.vignette img { max-width: 100px; max-height: 100px; }

div.liste div.prix { float:left; width:70%;}
div.liste div.prix span.prix { font-size: 1.3em; }
div.prix .plus, .exergue .plus, div.le-groupe a.plus { margin:5px 0 5px; display:block; padding-left:12px;  font-weight:normal; text-transform:uppercase; color: #da0039; text-align:left; background:url(../images/puce_plus.gif) no-repeat left center; font-size:0.85em;}
div.liste a.plus {margin-left: 2em;}

div.prix .plus {font-size:0.65em;}
div.prix .plus:hover, .exergue .plus:hover { color:#000;}

div.dispo { font-size:11px; color:#000; font-style:italic;}

div.liste div.panier_small {
	float:left;
	font-size:0.8em;
	padding:0 20px 0 15px;
	text-align:left;
	text-transform:uppercase;
}

div.zoom img { border: 0 !important; max-width: 250px; }

div.zoom {
	position: absolute;
	z-index: 99999999;
	visibility: hidden;
	background: #FFF;
	border: 1px solid #EDEDED; /* Le cadre de l'image est g�r� dans le javascript fichier catalogue.tpl */
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
}
div.panier {text-align: left; margin:2px 20px 2px 16px;}
div.quantite {float:left; width: 70px;}
div.plusmoins {float: left; width: 20px; margin: 0 8px 0 0;}
div.quantite .quantite_plus{margin:8px 0px 0px 0px;}
div.quantite .quantite_moins{margin:10px 0px 0px -14px !important;}
div.quantite input.quantite {
	background : none repeat scroll 0 0 #EDF6DD;
	border: 1px solid #7AB41D;
	width:16px;
	margin: 14px 5px 0px 0px;
	float:left;}

/* exergue */

.exergue .chapo { clear:both; margin:1em 0;}

/******************** texte seo top page familles et produits ********************/

#texte_seo_top_page {width:100%;color: #999999;text-align: left;}

/******************** Produit détail ********************/

div.images { float: left; margin-right: 0px; width: 300px; padding-bottom:1em; }
div.images img { border: 1px solid #E8E8E8; padding: 2px; margin:5px 6px; }
/* div.images a#zoom img { width: 280px; } */
div.images img.vide { float:left;}

div.description { float:left; width:348px; padding:0 15px;}
.detail .infos { clear:both;}

.detail h3 { padding-right:10px; color:#da0039; font-size:1.7em; text-align:left; margin: 0;}
.infos h4 { margin: 1em 0px 0px; border-bottom: 1px solid #ccc;}


div.actions { float:right; padding-left:10px; margin-bottom:1em; margin-left:10px; margin-top:1.5em; border-left:1px solid #ccc; }
div.description div.actions { margin-top: 0.5em;}

.detail div.prix span.prix { font-size: 1.7em; font-weight:bold; letter-spacing:0.1em; }
.detail div.prix {text-align: left;}
.detail div.panier_small, .exergue div.panier_small { 
	width:206px;
	margin:10px 0 0; 
	padding:10px 0px 0px 144px; 
	border-top:1px solid #ccc; 	
	font-size:0.8em;
	text-align:left;
	text-transform:uppercase;
}
.detail div.prix_poids {text-align:left	;}


/******************** Produits exergue ********************/
div.exergue {float: left; border-bottom: 5px solid #c4db99; margin-bottom: 20px;}
div.exergue div.images { text-align: center; }
div.exergue div.images img { max-width: 280px; max-height: 300px; }

/******************** Produits associes ********************/

div.produit.associe {
	width: 175px;
	margin-right: 10px;
	float: left;
	clear: none;
}
div.produit.associe.last {margin-right: 0;}

div.produit.associe .vignette {margin-right: 5px;	width: auto;}
div.infos_sup { margin: 25px 3px 4px 0px;}
 
div.infos_sup div.centre {margin: 0em auto !important;}

/* Panier ajax */
#minipopup table.catalogue {width: 100%; border-collapse: collapse; }
#minipopup table.catalogue thead img { margin: 10px 0;  }
#minipopup table.catalogue tr.titre td { font-size: 1.1em; background: #000; color: #FFF; }
#minipopup table.catalogue tr.titre td, #minipopup table.catalogue tbody td { border: 1px solid #000; padding: 5px; }
#minipopup table.catalogue tbody td.prix { text-align:right; white-space: nowrap; }
#minipopup a.commander { display: block; width: 50%; margin: 10px auto; padding: 5px 10px; background: #000; color: #FFF; font-size: 1.2em }