/*
	Classes définies pour la mise en page des familles
*/

.famille{
}
.famille .courante{
	margin-bottom:20px;
}
.famille .courante .libelle{
	font-size:16px;
	font-weight:bold;
}
.famille .courante .descriptif{
}
.famille .courante .cadreImage{
	float:right;
	margin:0 10px 10px 0;
	width:300px;
	height:300px;
	border:1px solid #87b1f7;
	background:#fff;
}
.famille .courante .cadreImage .image{
	max-width:300px;
	max-height:300px;
}

/*
	Classes définies pour la mise en page des articles
*/
.articles{
	clear:both;
}
.article{
	width:300px;
	float:left;
	margin:0 0 10px 0;
	padding-right: 10px;
}
.article .first{
	float: left;
	width: 105px;
	min-height:20px;
}
.article .second{
	float: left;
	width: 190px;
}
.article .libelle,.article h1{
	background-image:url(/images/fond-titre.gif);
	background-repeat:no-repeat;
	width:292px;
	height:28px;
	color:#703c27;
	font-weight:bold;
	font-size:13px;
	line-height:26px;
	padding:0 0 0 8px;
	margin-bottom:10px;
	overflow:hidden;
}
.article .promo{
	height: 16px;
	margin: 5px 0 0 0;
	float: right;
}
.article .promo span{
	background-image: url(/images/article_promo.png);
	display: block;
	float: right;
	height: 16px;
	width: 80px;
}
.article .promo span span{
	display: none;
}
.article .cadreImage,
.articleDetail ul.vignettes span.cadreImage{
	display:block;
	background-image:url(/images/fond-vignette.gif);
	background-repeat:no-repeat;
	width:81px;
	height:80px;
	float:left;
	padding:7px;
	margin-right:8px;
}
.article .cadreImage .image,.article .cadreImage img{
}
/*.article .etiquette{
	background-image: url(/images/etiquette_verte.png);
	float: left;
	clear: left;
	height: 49px;
	width: 81px;
	margin-left: 10px;
	margin-right: 14px;
}
.article .etiquette span{
	display: none;
}*/
.article .fabrication_francaise{
	float: left;
	clear: left;
	margin: 0 14px 0 10px;
}
.article .description{
	font-size:11px;
}
.article .prix{
	font-weight:bold;
	font-size:14px;
	color:#703c27;
	float: right;
}
.indisponible{
	font-weight:bold;
	color:red;
}
.voirDetails{
	clear:right;
	margin-top:5px;
}
.voirDetails a{
	display:block;
	width:131px;
	height:25px;
	background-image:url(/images/fond-ajouter-caddie.gif);
	background-repeat:no-repeat;
	line-height:25px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	clear: right;
	float: right;
}
.voirDetails a:hover{
	background-image:url(/images/fond-ajouter-caddie-roll.gif);
}
.article .ajouterCaddie {
	display:none;
}
.article .ajouterCaddie a{
}
.article .ajouterCaddie a:hover {
}
.separateurColonne{
	display:none;
}
.separateurLigne{
	clear:both;
}
#aucunArticle{
}

/*
 Classes définies pour la mise en page des fiches d'articles détaillées
*/

.articleDetail{
	clear:both;
}
.articleDetail .libelle{
	font-size:14px;
	font-weight:bold;
}
.articleDetail .etiquette{
	background-image: url(/images/etiquette_article_details.png);
	float: right;
	height: 133px;
	width: 105px;
}
.articleDetail .etiquette span{
	display: none;
}
.articleDetail .cadreImage{
	float:left;
	margin-right:10px;
}
.articleDetail .cadreImage .image{
	border:1px solid #87b1f7;
	max-width: 300px;
	max-height: 300px;
}
.articleDetail .description{
	margin-top:20px;
}
.articleDetail .descriptionDetail{
	margin-bottom:20px;
}
.articleDetail .promo{
	height: 16px;
	margin: 5px 0 0 0;
}
.articleDetail .promo span{
	background-image: url(/images/article_promo.png);
	display: block;
	float: left;
	height: 16px;
	width: 80px;
}
.articleDetail .promo span span{
	display: none;
}
.articleDetail .prix{
	font-size:14px;
	font-weight:bold;
}
.articleDetail .indisponible{
}
.articleDetail .parametres{
	float:left;
	width:300px;
}
.articleDetail .parametre{
	width:300px;
	margin-top:10px;
	float:left;
}
.articleDetail .parametre .libelle{
	font-size:12px;
	font-weight:normal;
	float:left;
}
.articleDetail .parametre .selection{
	float:left;
	clear:left;
}
.articleDetail .parametre .saisie{
	float:left;
	clear:left;
}
.articleDetail ul.vignettes{
	list-style:none;
	float:left;
	clear:left;
	width:100%;
	margin:10px 0 10px 0;
	padding:0;
}
.articleDetail ul.vignettes li{
	float:left;
	cursor:pointer;
}
.articleDetail ul.vignettes li span.legende{
	clear:left;
	display:block;
	text-align:center;
}

/*
 Classes définies pour la mise en page des étapes du commerce électronique
*/

.etape{
}
.etape .enCours{
	font-weight:bold;
}
.etape h1{
}

/*
 Classes définies pour la mise en page du caddie/bon de commande/livraison/paiement/facture
*/

.panneau{
	float:left;
	width:620px;
	padding-top:10px;
}
.panneau .tableau{
	border:1px solid #0f60e8;
	border-collapse:collapse;
	width:100%;
}
.panneau .tableau .tableau{
	border:0;
	width:100%;
	margin-top:-2px;
}
.panneau .tableau tr{
	height:25px;
}
.panneau .tableau .entete,
.panneau .tableau thead,
.panneau .tableau tfoot{
	background-color:#0f60e8;
	font-weight:bold;
	color:#ffffff;
}
.panneau .tableau .corps,
.panneau .tableau tbody{
	background-color:#ffffff;
	border-top:1px solid #b1b1b1;
}
.panneau .tableau .corps a{
}
.panneau .tableau .corps input {
}
.panneau .tableau .corps select {
}
.panneau .tableau .corps option {
}
.panneau .pied {
	background-color:#0f60e8;
}
.panneau .conseil{
}
.panneau .montant{  
}
.panneau .boutons{
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
}

/*
 Classes définies pour la mise en page du formulaire de recherche dans le catalogue
*/

.rechercher{
	text-align:center;
	clear:both;
}
.rechercher #motscles{
}
.rechercher #bouton{
}
.rechercher a{
}
#pages{
	text-align:center;
	margin-bottom:20px;
}

/*
	Cacher certains éléments
*/
.cacher{
	display:none;
}

/* Mise en forme de l'impression */
@media print{	
    .panneau{
    	float:none;
    	width:100%;
    }
}