/*******************************************************/
/************MISE EN PAGE DE LA BOUTIQUE****************/
/*******************************************************/

#boutique {
	color:#666666;/*Couleur générale du texte de la boutique*/
	font: 12px Arial, Helvetica, sans-serif;
}

#boutique a, #boutique a:hover, #boutique a:visited, #boutique a:active{
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#boutique p{
	color:#333333;
	margin:0px;
	padding:0px;
}

#boutique form {
	margin:0px;
	padding:0px;
}

#boutique input, #boutique select {
	margin:1px 0px;
}

#boutique label{
	float : left;
	font-weight : bold;
	/* margin-right : 5px; */
	width :120px;
}

#boutique label.liste{
	float : none;
	font-weight : bold;
}

/*Mise en page des titres*/
#boutique h1 {
	color:#333333;
	font-size:12px;
}

#boutique h2 {
	color:#333333;
	font-size:12px;
}

/*message d'erreur*/
#message_panier {
	border: 1px solid #898989;
	color: #333333;
	font-size : 13px;
	font-weight : bold;
	margin : 10px auto 10px auto;
	padding:5px;
	text-align: center;
	width : 200px;
}

#message_erreur_qte{
	border:2px solid #FF0000;
	color:#FF0000;
	font-size:11px;
	margin:0 auto 10px;
	padding:5px 10px 0px 0;
	width:80%;
}
#message_erreur_qte li{
	list-style-position:inside;
	list-style-type:disc;
	padding:0px 0px 5px 0px;
}

#message_panier a, #message_panier a:hover, #message_panier a:visited, #message_panier a:active{
	color: #333333;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration: underline;
}

#message, #messageErreur {
	border: 0px;
	color: #333333;
	font-size : 13px;
	font-weight : bold;
	margin : 10px auto 10px auto;
	padding:5px;
	text-align: center;
	width : 480px;
}

#message a, #message a:hover, #message a:visited, #message a:active{
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*Mise en page du lien "j'ai oublié mon mot de passe */
.oubliemdp a:link, .oubliemdp a:visited, .oubliemdp a:active {
	color: #333333;/*Couleur des liens par défaut*/
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.oubliemdp a:hover {
	color: #333333;/*Couleur des liens par défaut lors du survol/rollover*/
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


/*******************************************************/
/******************FICHE  PRODUIT***********************/
/*******************************************************/

/*************************Page regroupant tous les produits***************************/
/*Bloc photo*/
.photoNonDispo {
	border: 1px solid #565656;
	color: #A6A6A6;
	font: 15px Arial, Helvetica, sans-serif;
	height: 170px;
	margin: 7px 0px 5px 0px;
	text-align: center;
	width: 170px;
}

.imgProduit {
	border: 1px solid #565656;
	margin: 4px 0px 5px 0px;
}

/*Bloc produit*/
.divProduit {
	float:left;
	height: 340px;
	margin:5px 0 0 16px;
	padding:0;
	width:170px;
}

.divProduit a, .divProduit a:hover, .divProduit a:visited, .divProduit a:active{
	color: #1A1A1A;
	font: 12px Arial, Helvetica, sans-serif;
}

.divProduitDescriptif{
	height:100px;
	overflow:hidden;
}

/*Prix*/
.divProduit .pdtLibelle {
	width:270px;
}

/*Encart pour un produit*/
.promotion, .nouveaute{
	background-color: #b21312;
	color:#FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:1px 11px 1px 11px;
	margin :0px 0 0 40px;
}






.produitindispo {
	/*
	font-weight: bold;
	color : #AF2051; 
	*/
}
.apartir {
	/*
	color : #AF2051;
	margin-left : 5px;
	margin-bottom: 2px;
	font-size: 9pt;
	*/
}
.pdtLoupe {
	/*
	float : left;
	margin-left:2px;
	*/
}
#detailCategorie{
	/* margin:10px 10px 15px 10px;*/
}
.produit_detail_plus {
	/*margin:auto;
	width:170px;
	text-align:center;*/
}


/*************************Page produit***************************/
#produitDetail{
	width:600px;
}
#produitDetailG {
	width:49%;
	float:left;	
}

#produitDetailD {
	float:left;
	width:50%;
	padding-top:17px;
	margin:0px 0px 10px 0px;
}

#listeProduit {
	margin:10px 0px 0px 0px;
	padding:0px;
	width:600px;
}

/*********************Texte************************/

#produitDetailG form {
	margin:0px;
	padding:0px;
	margin-top:10px;
	width:280px;
}
#produitDetailG p {
	margin:0px;
	padding:0px;
}

/*Etat du produit*/
#produitDetailG .etatProduit{
	bottom: 5px;
	margin: 5px 0px;
	position: relative;
	text-decoration: none;
}

/*Libellé*/
.pdtLibelle {
	color: #333333;/*Couleur du texte*/
	font-weight:bold;
	padding:0px;
	width:270px;
	text-transform:capitalize;
}

/*
.imgPdtLibellePuce {
	float:left;
	display:block;
	margin-bottom: 3px;
	margin-right: 3px;
}
*/

/*Prix*/
.pdtPrix, .pdtPrixBarre {
	background-color:#b21312;
	color : #fff;/*Couleur du texte*/
	display : block;
	float : left;
	font-weight:bold;
	margin:5px 0 10px 0;
	padding:0 5px;
}

#PdtPrix{
	height:20px;
	margin-top:5px;
	padding:0;
}

.pdtPrixBarre {
	text-decoration:line-through;
	margin-right:2px;
	font-weight : normal;
}

#produitDetailG .pdtPrix, #produitDetailG .pdtPrixBarre {
	background-color : #b21312;
	color: #fff;
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 5px;
	padding: 3px 5px 3px 5px;
}

/*Descriptif*/
.pdtDescCourt {
}

/*Choix d'un produit*/
#pdtChoix {
	color: #333333;
	padding-left : 5px;
}

#pdtChoix input {
	width:20px;
	border: 1px solid #CDCDCD;
	text-align: center;
}

.pdtAddPanier {
	/*margin:auto;
	width:170px;*/
}

.pdtAddPanier a{
	border: 0px solid #ffffff;
	color : #ffffff;
	font: 12pt Arial, Helvetica, sans-serif;
	font-weight : normal;
	padding : 1px 4px;
}

.pdtAddPanier img{
	background : none;
	border: 0px solid #ffffff;
	font-weight : bold;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/*********************Photo************************/

/*Bordure de l'image d'un produit*/
#produitDetailD img{
	border:1px solid #EAEAEA;
}

#produitDetailD .miniature_detail{
	float:left;
	margin-right:2px;
	width:70px;
}

#produitDetailD .pdtPrix, #produitDetailD .pdtPrixBarre {
}

/*Navigation entre articles*/
#divSuivantPrecedent {
	color: #ffffff;
	margin-top:2px;
}

#divSuivantPrecedent a, #divSuivantPrecedent a:visited, #divSuivantPrecedent a:active{
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#divSuivantPrecedent a:hover{
	color: #999999;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/*Retour à la liste*/
#produitDetailD .produitDetailSommaire {
	color: #666666;
	margin-left : 104px;
	width:100%;
}

#produitDetailD .produitDetailSommaire a, #produitDetailD .produitDetailSommaire a:visited, #produitDetailD .produitDetailSommaire a:active{
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#produitDetailD .produitDetailSommaire a:hover{
	color: #999999;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*******************************************************/
/***************PRODUIT A DECOUVRIR*********************/
/*******************************************************/

/*Nouveauté*/
#contenu_coup_coeur .nouveaute_cc, .promotion_cc{
	background-color: #b21312;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	width: 165px;
}

#produitSupplement {
	padding:0px;
	width: 163px;
}

#produitSupplement .partie1{
	color:#000;
	height:30px;
	margin:0px;
	padding:5px 0px 0px 0px;
	text-align: center;
	width: 160px;
}

#produitSupplement .partie2{
	clear: both;
	margin:0px;
	padding:20px 0px 0px 0px;
	text-align: center;
	width: 160px;
}

#produitSupplement .partie2 a img, #produitSupplement .partie2 a:hover img, #produitSupplement .partie2 a:visited img, #produitSupplement .partie2 a:active img{
	border: 1px solid #878787;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	width: 100px;
}


#produitSupplement .partie2 a, #produitSupplement .partie2 a:hover, #produitSupplement .partie2 a:visited{
	color:#000;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

/*Prix*/
#produitSupplement .pdtPrix, #produitSupplement .pdtPrixBarre {
	background-color:#fff;
	color: #c81917; /*Couleur du texte du prix*/
	font-size: 11px;
	font-weight:bold;
	margin-left:18px;
	padding:0px;
	text-align:center;
	width: 125px;
}

#produitSupplement .pdtPrixBarre {
	margin: 0px; 
	padding:0px;
}

/*******************************************************/
/***********NOUVEAUTE COUP DE COEUR PROMO***************/
/*******************************************************/
#contenu_coup_coeur {
	background:url(../img/fd_coup-coeur.gif) no-repeat left bottom;
	padding:0px 0px 20px 0px;
	width: 152px;
}

.etatProduit{
	height:15px;
	margin:0px 0px 3px 0px;
	padding:0px;
	width: 100%;
}

/*******************************************************/
/**********************PANIER***************************/
/*******************************************************/

#panier {
	width:95%;
}

#panierResume {
	margin-top:5px;
}

/*Titre : Votre Panier*/
#panier h2{
	color : #000000; /*Couleur du texte*/
	font-weight:bold;
	margin-bottom : 20px;
	text-align: center;
}

/*Mise en page du tableau*/
#panier table{
	width:100%;
}

#panier table .imgPdt{
	height:40px;
	width:40px;
}

#panier tbody td:first-child{
	border-left: 1px solid #CDCDCD;
}

#panier table th{
	background : #999999;
	color : #333333;
	font-size : 11px;
	text-align : left;
}

#panier table td{
	border-right : 1px solid #CDCDCD;
}

#panier table tfoot td {
	border-top:1px solid #CDCDCD;
}

#panier table .tdFinPanier{
	border-bottom:1px solid #CDCDCD;
	text-align: right;
}

/*Mise en page du champ de saisie*/
#panier tbody input {
	border: 1px solid #CDCDCD;
	text-align: center;
	width:20px;
}

/*Mise des bouton de validation*/

.Recalcul{
	width : 100%;
	float : right;
	text-align : right;
	padding : 10px 0px;
}

/*Mise du menu panier*/
#menuPanier{
	margin:35px 0px 10px 0px;
	text-align:center;
	width:95%;
}

#menuPanier a, #menuPanier a:hover, #menuPanier a:visited, #menuPanier a:active{
	color: #af2051;
	font: 12px Arial, Helvetica, sans-serif;
}


/*******************************************************/
/****************FORMULAIRE COMMANDE********************/
/*******************************************************/

/********************Identification*************************/

.bloqueCommande{
	width : 90%;
	float : left;
	display : block;
}

/*Entete Titre*/
div.panelTitre {
	background-color:#999999; /*Fond de couleur de l'entete*/
	color:#333333;/*Couleur du texte*/
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold; /*Style du texte*/
	margin: 15px 0px 10px 0px;
	padding: 5px 0px 5px 5px;
	width: 100%;
}

/*Formulaire*/
div.panelSeul {
	margin: 10px 0px 10px 0px;
	width: 100%;
}

/********************Coordonnées*************************/

#saisieCoordonnees .bloqueCommande{
	float : left;
	display : block;
}

#saisieCoordonnees #adresseLivraison {
	display:none;
}

/********************Bouton*************************/

div.annuler{
	float: left;
	margin: 5px 5px 5px 15px;
	padding: 5px;
}

div.enregistrer{
	float: right;
	margin: 5px 15px 5px 5px;
	padding: 5px;
}

/********************Pied de page************************/

div.panelPied {
	margin-top: -5px;
	margin-bottom: 0px;
	min-height: 30px;
	padding: 5px 0px 10px 5px;
	text-align: center;
	width: 100%;
}

div.panelPiedSeul {
	border-top: 1px solid #cccccc;
	margin-top: 15px;
}

/*******************************************************/
/***********************COMMANDE************************/
/*******************************************************/

#recapCommande {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

#recapCommande .coordonnees{
	float:left;
	height:150px;
	margin:25px 0px 20px 0px;
	width:33%;
}

.coordonnees h3{
	color:#333333;/*Couleur des titres*/
	font-weight:bold;
}

.coordonnees {
	color:#666666;/*Couleur du texte*/
	font-weight:bold;
}

/*lien modification d'adresse*/
#recapCommande .coordonnees a, #recapCommande .coordonnees a:hover, #recapCommande .coordonnees a:active, #recapCommande .coordonnees a:visited{
	color: #333333;/*Couleur du lien*/
	font: 12px Arial, Helvetica, sans-serif;
}

#recapCommande h2{
	font: 12px Arial, Helvetica, sans-serif;
}

/**goPaiement - moyenPaiement  -  typeLivraison**/

/*Mise en page des blocs*/
#typeLivraison {
	float:right;
	margin:20px 0 15px 0px;
	text-align:right;
	width:30%;
}
#moyenPaiement {
	float:right;
	margin:20px 0 15px 20px;
	text-align:right;
	width:17%;
}

#goPaiement{
	float:right;
	margin:20px 0px 15px 20px;
	padding:0;
	text-align:right;
	width:46%;
}

/*Mise en page des titres*/
#typeLivraison h3, #moyenPaiement h3{
	text-decoration:underline;
}

/*Couleur du lien des conditions générales*/
#goPaiement a, #goPaiement a:hover, #goPaiement a:active, #goPaiement a:visited{
	color:#333333;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

/**moyenPaiement**/

/**typeLivraison**/

/**Bouton du formulaire**/
#recapCommande #paiement input[type=button] {
	margin-top:15px;
	/*text-align:right;*/
}




p.titre{
	color: #000000;
	font-weight: bold;
	margin:5px 0px 2px 0px;
	text-align:left;
}

.cacher{
	display:none;
}
.acheter{
	background-color:#fee8c5;
	border:1px solid #d5d5d5;
	color:#806430;
	height:14px;
	-moz-border-radius : 1px;
	text-align:center;
	width:63px;
}

/*******************************************************/
/*****************GESTION COMPTE************************/
/*******************************************************/
.gerer_compte{
	text-align:right;
	width:100%;
}
.gerer_compte a, .gerer_compte a:visited, .gerer_compte a:active{
	border:1px solid #666666;
	color: #666666;
	margin:0px 15px 0px 0px;
	padding:5px;
	text-decoration:none;
}

.gerer_compte a:hover, .gerer_compte a:active {
	border:1px solid #666666;
	color: #666666;
	margin:0px 15px 0px 0px;
	padding:5px;
	text-decoration: underline;
}

/************************************************ Admin *****************************************************/

.panel label{
	float: left;
	padding-right: 8px;
	text-align: right;
	width: 135px;
}

.label{
	width: 135px;
}

.panel{
	padding-left: 120px;
}

.etoilenormal{
	font-weight: normal;
}