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

.famille{
	width:100%;
	text-align:left;
}
.famille .parente{
	display:none;
}
.famille .parente .libelle{
}
.famille .parente .descriptif{
}
.famille .parente .cadreImage{
}
.famille .parente .cadreImage .image{
}
.famille .soeurs{
	display:none;
}
.famille .soeurs .item{
}
.famille .soeurs .separateur{
}
.famille .courante{
}
.famille .courante .libelle{
	background-image:url(/images/puce.gif);
	background-position:5px 5px;
	padding:0 0 0 16px;
	margin:10px 0 10px 0;
	font-size:16px;
	color:#cc00cc;
	font-weight:bold;
}
.famille .courante .descriptif{
}
.famille .courante .cadreImage{
	float:left;
}
.famille .courante .cadreImage .image{
}
.famille .filles{
	display:none;
}
.famille .filles .item{
}
.famille .filles .separateur{
}

/*
 Classes définies pour la mise en page des articles
*/
.article{
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}
.article .libelle{
	background-color: #CC00CC;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:2px;
}
.article .cadreImage{
	float: left;
	margin:10px;
}
.article .cadreImage .image{
}
.article .description{
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:2px;
}
.article .prix{
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	padding:2px;
}
.article .indisponible{
	font-size: 14px;
	font-weight: bold;
	color: #ff0033;
	text-align:left;
	padding:2px;
}
.article .voirDetails{	
	text-align:left;
	padding:2px;	
}
.article .voirDetails a{
}
.article .voirDetails a:hover{
}
.separateurColonne{
	display:none;
}
.separateurLigne{
	clear:both;
	overflow:hidden;
	height:0px;
	width:0px;
}

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

.articleDetail{
	width:100%;
	text-align:left;
}
.articleDetail .libelle{
	font-size: 16px;
	font-weight: bold;
	height:20px;
	color: #000000;
	margin-bottom:15px;
}
.articleDetail .cadreImage{
	float: left;
	margin-right:20px;
}
.articleDetail .cadreImage .image{
}
.articleDetail .description{
	color:#000000;
	margin-bottom:20px;
}
.articleDetail .prix{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.articleDetail .indisponible{
	font-size: 16px;
	font-weight: bold;
	color: #ff0033;
}
.articleDetail .parametre{
	margin-top:20px;
	margin-bottom:20px;
	padding-left:0px;
}
.articleDetail .parametre .libelle{
	display:inline;
	color:#000000;
	margin:0px;
}
.articleDetail .parametre .selection{
}
.articleDetail .parametre .saisie{
}

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

.etape{
	font-size:10px;
}
.etape .enCours{
	font-weight:bold;
	color:#CC00CC;
}
.etape h1{
	font-size:16px;
	color:#CC00CC;
	font-weight: bold;
}

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

.panneau{
	float:left;
	width:590px;
	text-align:left;
}
.panneau .tableau{
	width:100%;
	border-collapse: collapse; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.panneau .tableau .entete{
	background-color:#CC00CC;
	color:white;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	text-align:center;
}
.panneau .tableau .corps{
	text-align:left;
}
.panneau .tableau .corps a{
}
.panneau .conseil{
	width:90%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
.panneau .montant{
	font-size: 16px;
	font-weight: bold;
	height:20px;
	color: #004ece;
	padding-left:15px;	
}
.panneau .boutons{
	clear:both;
}

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

.rechercher{
	clear:both;
}
.rechercher a{
	color:#CC00CC;
}