/*
	Mise en page générale du catalogue
*/

div, td{
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
}
input {
	color: #FFFFFF;
	font-size: 13px;
	background-color: #980E4B;
	button-highlight: none;
	button-shadow: #980E4B;
	margin-bottom: 5px;
}

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

.famille{
}
.famille .parente{
	width:100%;
	margin:10px auto 10px auto;
}
.famille .parente .libelle{
	height: 15px;
	font-size: 14px;
	display: inline;
}
.famille .parente .libelle a{
	color:#D387AC;
	font-weight: bold;
	text-decoration:none;
	clear: both;
}
.famille .parente .libelle a:hover{
	color:#FFFFFF;
	background-color: #D387AC;
}
.famille .parente .descriptif{
	display:none;
}
.famille .parente .cadreImage{
}
.famille .parente .cadreImage .image{
}
.famille .soeurs{
	/*width: 680px;*/
	width:100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #B13C70;
	clear: both;
}
.famille .soeurs .item{
	height: 15px;
	margin-right: 20px;
	display: inline;
	clear: both;
}
.famille .soeurs .item a{
	color:#510814;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.famille .soeurs .item a:hover{
	color:#ffffff;
}
.famille .soeurs .separateur{
	display: none;
}
.famille .courante{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}
.famille .courante .libelle{
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
.famille .courante .descriptif{
	margin-bottom: 20px;
	clear: both;
}
.famille .courante .cadreImage{
}
.famille .courante .cadreImage .image{
}
.famille .filles{
	width:100%;
	height: 200px;
	margin: 0px auto 0ps auto;
	background-image: url(../images/essai-coffret.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.famille .filles .item{
	height: 15px;
	margin-right: 20px;
	display: inline;
}
.famille .filles .item a{
	color:#510814;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}
.famille .filles .item a:hover {
	color:#ffffff;
}
.famille .filles .separateur{
display: none;
}

/*
	Classes définies pour la mise en page des articles
*/
.articles{

	margin: 0px 8% 0px 8%;
}
.article{
	width:40%;
	height: 150px;
	border: 1px solid #B13C70;
	margin: 0px 1% 10px 0px;
	float: left;
}
.article .libelle{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #B13C70;
	padding-left: 10px;
}
.article .cadreImage{
	width: 80px;
	height: 80px;
	margin: 5px;
	float: left;
}
.article .cadreImage .image{
	border: 2px solid #510814;
	float: left;
}
.article .description{
	text-align: left;
	margin: 5px 0px;
}
.article .prix{
	text-align: left;
	margin: 0px 3px 0px 10px;
	clear: both;
}
.article .indisponible{
	color: #FF0000;
	text-align: left;
margin-left: 10px;
}
.article .voirDetails{
	margin-right: 3px;
	margin-top: -13px;
	float: right;
}
.article .voirDetails a{
	color:#d387ac;
	font-size: 12px;
	text-decoration:none;
}
.article .voirDetails a:hover{
	background-color:#b13c70;
	color:#ffffff;
}
.article .ajouterCaddie{
	display:none;
}
.article .ajouterCaddie a{
}
.article .ajouterCaddie 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:90%;
	margin: 15px auto 15px auto;
	border: 1px solid #B13C70;
	overflow: auto;
}
.articleDetail .libelle{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #B13C70;
	padding-left: 10px;
}
.articleDetail .cadreImage{
	margin: 5px 10px 0px 5px;
	padding-bottom: 10px;
	float: left;
}
.articleDetail .cadreImage .image{
	border: 2px solid #510814;
	float: left;
}
.articleDetail .description{
	font-weight: bold;
	text-align: left;
	margin: 10px 10px 0px 10px;
}
.articleDetail .descriptionDetail {
	text-align: left;
	margin: 0px 10px;
}
.articleDetail .prix{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 25px 10px 0px 0px;
}
.articleDetail .indisponible{
	color: #FF0000;
	font-size: 14px;
	text-align: left;
}
.articleDetail .parametre{
	text-align: left;
	margin: 25px 0px 0px 0px;
}
.articleDetail .parametre .libelle{
	color: #FFFFFF;
	margin:0px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	background-color: #980E4B;
	border: none;
	float: left;
}
.articleDetail .parametre .selection{
	color: #000000;
	font-size: 10px;
	margin: 0px;
}
.articleDetail .parametre .saisie{
	color: #000000;
	font-size: 10px;
}

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

.etape{
	width:100%;
	color: #D387AC;
	margin: 10px auto 10px auto;
}
.etape .enCours{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.etape h1{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

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

.panneau{
	text-align: center;
	width:90%;
	clear:both;
	margin-bottom: 30px;
}
.panneau .tableau{
	width:100%;
	color: #FFFFFF;
	text-align: center;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.panneau .tableau .entete{
	color: #510814;
	font-weight: bold;
	background-color: #B13C70;
}
.panneau .tableau .corps p{
	margin: 5px 10px;
}
.panneau .tableau .corps p input{
	margin-left: 20px;
}
.panneau .tableau .corps table{
	margin-left: 50px;
}
.panneau .tableau .corps a{
	color: #D387AC;
}
.panneau .tableau .corps .tableau{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
.panneau .tableau .corps .tableau td{
	padding-left: 20px;
}
.conseil{
	width:100%;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
.panneau .montant{  
}
.panneau .boutons{
}

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

.rechercher{
	margin-top: 10px;
	font-size: 12px;
	clear:both;
	display:none;
}
.rechercher a{
}
#aucunArticle{
	display:none;
}

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