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

div.famille {
	width: 130px;
	padding:10px;
	min-height:95px;
	float: left;
	margin:0 10px 1em 0;
	text-align: center;
	border:1px solid #ccc;
	background:url(../images/bloc_familles_bg.gif) repeat-y center top;
}
div.famille h3 { font-size:1.3em;}

div.produit {
	clear: both;
	margin: 0;
	padding:0 0 20px; 
	border-bottom:1px solid #ccc;
}
div.detail { border-bottom:0;}
.prix { color: #cc185e; }
div.produit .prix { font-size: 120%; }
div.produit .prix del { font-size: 80%; }

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

div.vignette {
	width: 15%;
	margin: 20px 5px;
	float: left;
	cursor: pointer;
	text-align: center;
}
div.vignette img { max-width: 100px; max-height: 100px; }

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

div.zoom {
	position: absolute;
	z-index: 99999999;
	visibility: hidden;
	background: #FFF;
	border: 1px solid #EDEDED;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
}

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

div.images { float: left; margin-right: 20px; width: 150px; }
div.images img { border: 1px solid #E8E8E8; padding: 2px; margin: 3px; }
div.images a#zoom img { width: 150px; }

.detail .description .gauche { clear:left;}
.detail .description .droite { clear:right;}


/* bloc caracteristiques fiche detail */

.caracteristiques { float:left; width:470px; padding:10px; border:1px solid #ccc; margin:0 0 1em; background:url(../images/bg_exergue.gif) repeat-y center top;}
.caracteristiques .col { width:48%; float:left;}
.caracteristiques .col ul { margin:0.5em 0.5em 0.5em 3em;}
.caracteristiques .col h3 { padding:0 10px; margin:0; font-size:1.3em;}
.liste-formations .caracteristiques ul li { background:none; padding:0;}

/* lsite */

.liste-formations ul { margin-left:2em;}
.liste-formations ul li { background:url(../images/puce_li_formations.gif) no-repeat 0 2px; padding-left:14px;}
.liste-formations ul ul { margin:1em 2em 1em 1em; padding-left:5px; border:1px solid #b7cbd9;}
.liste-formations ul ul li { background:url(../images/puce_li_li_formations.gif) no-repeat 2px 5px;}