body
{
	margin: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #837b67; 
	background: url(../images/motifFond.gif) #000;
}

#ctl00_ctl00_divFondCampagne
{
	clear: both;
	max-width: 1900px;
	margin-left: auto;
	margin-right: auto;
	min-height: 800px;
	height: auto; 
	/*background: url(../images/fond-campagne.jpg) no-repeat;*/
	overflow: auto;
	background-position: center top;
}

#divEnteteCampagne
{
	min-height: 40px;
	height: auto;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#divContourSite
{
	clear: both;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	background: no-repeat;
	min-height: 800px;
	height: auto;
	background-position: center top;
	background-image: url(../images/contourSite.jpg); /*overflow: auto;*/
	padding-bottom: 25px;
}

#divGeneral
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background: none;
}

#divBan
{
	clear: both;
	width: 990px;
	height: 100px;
	float: left;
	position: relative;
	background: url(../images/fond-bandeau-haut.jpg);
}

/*div conteur du logo(image et lien)*/
#divBanLogo
{
	clear: both;
	width: 205px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#divBanPub
{
	clear: both;
	width: 468px;
	height: 60px;
	position: absolute;
	top: 15px;
	left: 254px;
	overflow: hidden;
}


/******************************* BLOC LANGUE BAN ****************************/
#divBanLangues
{
	clear: both;
	width: 120px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 850px;
	text-align:right;
}


/******************************* BLOC PANIER BAN ****************************/
#divBanPanier
{
	clear: both;
	width: 200px;
	height: 40px;
	position: absolute;
	top: 15px;
	left: 825px;
}
#divBlocPanierHaut
{
	float: left;
	margin-right: 5px;
	color: #030302;
}

#divBlocPanierHaut a:link
{
	color: #474747;
	text-decoration: none;
}
#divBlocPanierHaut a:visited
{
	color: #474747;
	text-decoration: none;
}
#divBlocPanierHaut a:active
{
	color: #474747;
	text-decoration: none;
}
#divBlocPanierHaut a:hover
{
	color: #030302;
	text-decoration: none;
}


#divBlocPanierBas
{
	float: left;
	color: #030302;
	font-size: 10px;
	padding: 2px 0 0 5px;
}
/******************************* BLOC CONNEXION BAN *************************/
#divBanOutils
{
	clear: both;
	width: 150px;
	height: 40px;
	float: left;
	position: absolute;
	top: 40px;
	left: 825px;
}
#divBlocMonCompte
{
	position: absolute;
	top: 0;
	left: 0;
}
#divBlocDeconnexion
{
	position: absolute;
	top: 1px;
	left: 80px;
	font-size: 10px;
}

#divBlocMonCompte a:link
{
	color: #474747;
	text-decoration: none;
}
#divBlocMonCompte a:visited
{
	color: #474747;
	text-decoration: none;
}
#divBlocMonCompte a:active
{
	color: #474747;
	text-decoration: none;
}
#divBlocMonCompte a:hover
{
	color: #030302;
	text-decoration: none;
}




#divMenuVitrine
{
	clear: both;
	width: 990px;
	height: 30px;
	background: url(../images/fond-menu-pages-vitrines.jpg);
	position: relative;
	z-index: 10;
}
#divMenuProduit
{
	clear: both;
	width: 990px;
	height: 30px;
	background: url(../images/fond-menu-produits.jpg);
	position: relative;
	z-index: 1;
}

#divRecherche
{
	clear: both;
	width: 970px;
	padding: 4px 10px;
	height: 21px;
	background: url(../images/fond-barre-recherche.jpg) no-repeat;
	color: #fff;
	font-size: 11px;
}

#divBarreNav
{
	clear: both;
	font-size: 10px;
	padding: 5px 10px 0 0px;
	margin-bottom: 20px;
	height: 20px;
	overflow: hidden;
	background: url(../images/fond-barre-nav.jpg);
}

#divPiedPage
{
	width: 990px;
	height: 30px;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: url(../images/banPiedPage.jpg);
}

#divCrossLink
{
	width: 990px;
	height: 70px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: url(../images/crosslink.jpg);
}

#divSignature
{
	width: 990px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color:#000;
}

#divContenu
{
	width: 990px;
	clear: both;
	height: auto;
	overflow: auto;
}

#divContenuParent990
{
	width: 990px;
	clear: both;
	min-height: 500px;
	height: auto;
	padding: 20px 0 30px 0; /*overflow:auto;*/
	background: url(../images/contenuParent990.jpg);
	overflow: auto;
}
#divContenuParent180-580-180
{
	width: 990px;
	clear: both;
	min-height: 500px;
	height: auto;
	padding: 20px 0 30px 0; /*overflow:auto;*/
	background: url(../images/contenuParent180-580-180.jpg);
	overflow: auto;
}
#divContenuParent785-180
{
	width: 990px;
	clear: both;
	min-height: 500px;
	height: auto;
	padding: 20px 0 30px 0; /*overflow:auto;*/
	background: url(../images/contenuParent785-180.jpg);
	overflow: auto;
}



#divContenu990
{
	width: 990px;
	height: auto;
	padding: 0px;
	float: left;
}

.divContenu180
{
	width: 180px;
	min-height: 300px;
	height: auto;
	padding: 0px;
	float: left;
}

#divContenu580
{
	width: 580px;
	min-height: 300px;
	height: auto;
	margin: 0 25px;
	float: left;
}

#divContenu785
{
	width: 785px;
	height: auto;
	margin: 0 25px 0 0;
	float: left;
}

.colGauche580
{
	float: left;
	width: 270px;
	margin-right: 25px;
}
.colDroite580
{
	float: right;
	width: 270px;
}
.colFull580
{
	clear: both;
	width: 580px;
}

.colGauche785
{
	float: left;
	width: 370px;
	margin-right: 25px;
}
.colDroite785
{
	float: right;
	width: 370px;
}
.colFull785
{
	clear: both;
	width: 770px;
}

/*------------  Objets de Mise en forme -----------*/
.sautLigne
{
	height: 30px;
	clear: both;
}

.clear
{
	clear: both;
}

.pictoHelp
{
	margin-left: 5px;
}
.flottant
{
	float: right;
	margin: 0 0 15px 30px;
}


/*------------ SOUS MENU FAMILLE -------------*/

#divSousMenu
{
	border: 0px solid #333;
	height: auto;
	margin-bottom: 10px;
	background: #d1c3a1;
}

#divSousMenu ul
{
	padding: 0px;
	text-align: left;
}

#divSousMenu ul li
{
	font-size: 13px;
	padding: 0px 0 15px 0px;
}

#divSousMenu ul li ul
{
	padding: 0px 0 0 0px;
}

#divSousMenu ul li ul li
{
	font-size: 11px;
	padding: 0px 0 0px 0px;
}

#divSousMenu ul li a:link,#divSousMenu ul li a:visited,#divSousMenu ul li a:active

{
	color: #fff;
	text-decoration: none;
	background: url(../images/sousmenu-puce1.png) no-repeat 0px 4px #474747;
	display: block;
	width: 150px;
	vertical-align: middle;
	padding: 5px 10px 5px 18px;
}
#divSousMenu ul li a:hover
{
	color: #fcfcfd;
	text-decoration: none;
	background: url(../images/sousmenu-puce1.png) no-repeat 0px 4px #786854;
	display: block;
	width: 150px;
	vertical-align: middle;
	padding: 5px 10px 5px 18px;
}

#divSousMenu ul li ul li a:link,#divSousMenu ul li ul li a:visited,#divSousMenu ul li ul li a:active
{
	color: #464646;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 10px 9px #d1c3a1;
	display: block;
	width: 143px;
	vertical-align: middle;
	padding: 5px 10px 5px 25px;
	border-top: 1px solid #dcd2b8;
	border-bottom: 1px solid #c6b58b;
}

#divSousMenu ul li ul li a:hover
{
	color: #464646;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 10px 9px #dcd2b8;
	display: block;
	width: 143px;
	vertical-align: middle;
	padding: 5px 10px 5px 25px;
	border-top: 1px solid #dcd2b8;
	border-bottom: 1px solid #c6b58b;
}

/*------------ SOUS MENU CARACTERISTIQUES --------------*/

.divCaracteristiques
{
	border: 0px solid #333;
	height: auto;
	margin-bottom: 10px;
	background: none repeat scroll 0 0 #222222;
}

.divCaracteristiques ul
{
	padding: 0px;
	text-align: left;
}

.divCaracteristiques ul li
{
	font-size: 13px;
	padding: 0px 0 5px 0px;
}

.divCaracteristiques ul li ul
{
	padding: 0px 0 0 0px;
}

.divCaracteristiques ul li ul li
{
	font-size: 11px;
	padding: 0px 0 0px 0px;
}

.divCaracteristiques ul li div
{
	color: #4dc100;
	text-decoration: none;
	background: url(../images/sousmenu-puce1.png) no-repeat 0px 4px #333;
	width: 150px;
	padding: 5px 10px 5px 18px;
}

.divCaracteristiques ul li a:link,.divCaracteristiques ul li a:visited,.divCaracteristiques ul li a:active
{
	color: #fcfcfd;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 10px 9px #222222;
	display: block;
	width: 143px;
	vertical-align: middle;
	padding: 5px 10px 5px 25px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
}

.divCaracteristiques ul li a:hover
{
	color: #4dc100;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 10px 9px #222222;
	display: block;
	width: 143px;
	vertical-align: middle;
	padding: 5px 10px 5px 25px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
}

.divCaracteristiques ul li ul li p
{
	color: #4dc100;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 10px 9px #222222;
	display: block;
	width: 145px;
	vertical-align: middle;
	padding: 5px 10px 0px 25px;
	border-top: 1px solid #444444;
	border-bottom: none;
	margin:0;
}

.divCaracteristiques ul li ul li div
{
	color: #4dc100;
	text-decoration: none;
	background: #222222;
	width: 154px;
	vertical-align: middle;
	padding: 2px 10px 5px 15px;
	border-top: none;
	border-bottom: 1px solid #000000;
	margin:0;
}

.divCaracteristiques ul li p a:link,.divCaracteristiques ul li p a:visited,.divCaracteristiques ul li p a:active
{
	background: none;
	color: #fff;
	text-decoration: none;
	padding:0;
	border:none;
}

.divCaracteristiques ul li p a:hover
{
	background: none;
	color: #4dc100;
	text-decoration: none;
	padding:0;
	border:none;
}


/*------------ SOUS MENU VITRINE -------------*/

#divSousMenuVitrine
{
	border: 0px solid #b7ac90;
	height: auto;
	margin-bottom: 20px;
	background: #d1c3a1;
}

#divSousMenuVitrine ul
{
	padding: 0px;
}

#divSousMenuVitrine ul li
{
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

#divSousMenuVitrine ul li a:link,#divSousMenuVitrine ul li a:visited,#divSousMenuVitrine ul li a:active
{
	color: #4d4532;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 8px 11px #d1c3a1;
	display: block;
	width: 150px;
	vertical-align: middle;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #dcd2b8;
	border-bottom: 1px solid #c6b58b;
}

#divSousMenuVitrine ul li a:hover
{
	color: #fff;
	text-decoration: none;
	background: url(../images/sousmenu-puce2.png) no-repeat 8px 11px #dcd2b8;
	display: block;
	width: 150px;
	vertical-align: middle;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #dcd2b8;
	border-bottom: 1px solid #c6b58b;
}






/*------------  PAGE PRODUIT  ------------*/

#produitInfosGauche
{
	width: 322px;
	margin-right: 23px;
	float: left;
}
#produitInfosGauchePhoto
{
	width: 320px;
	height: auto;
	border: 1px solid #ddd;
	overflow: hidden;
	margin-bottom: 10px;
}

#produitInfosGaucheMini
{
	width: 322px;
	clear: both;
}
.produitInfosGaucheMiniItem
{
	width: 74px;
	height: 74px;
	border: 1px solid #333;
	overflow: hidden;
	float: left;
	margin-bottom: 7px;
}
#produitInfosGaucheComment
{
	float: left;
	clear: both;
	margin-top: 15px;
	width: 100%;
	font-size: 11px;
}
#produitInfosGaucheCommentNote
{
	float: left;
	width: 165px;
}
#produitInfosGaucheCommentOutils
{
	float: left;
	width: 125px;
}

#produitInfosDroite
{
	width: 440px;
	float: right;
}
#produitInfosDroiteTitre
{
	width: 330px;
	float: left;
	margin-bottom: 15px;
}
#produitInfosDroitePrix
{
	width: 105px;
	float: right;
	text-align: right;
	margin-bottom: 15px;
}

.produitSection
{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

/* sep sur la homepage*/
.traitSep
{
	margin: 25px 0;
	clear: both;
	width: 100%; 
	/*border-bottom: 1px solid #CCC;*/
}

/*Elements du ModalpopupExtender pour l'envoi à un ami*/
.txtNomAmi
{
	width: 200px;
}

.txtMailAmi
{
	width: 200px;
}

/************** BLOCS ***********************/
/*Conteneur Bloc*/
.bloc
{
	border:1px solid #333;
	width: 178px;
	height: auto;
	background: #222222;
	overflow: hidden;
	margin-bottom: 20px;
}

.blocNoBorder
{
	width: 180px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
/*titre du bloc*/
.titreBloc
{
	font-weight: bold;
	padding: 4px 8px;
	color: #fff;
	font-size: 12px;
	background: #474747; /*border-bottom:1px solid #4dc100;*/
}

.contenuBloc
{
	padding: 8px;
	text-align: justify;
	font-size: 11px;
	overflow: hidden;
}

#divBlocSoldes
{
	 padding: 0;
	 margin:0;
	 height:60px;
	 text-align:center;
}

/*------- PICTOS VIGNETTES ET LIGNES -------*/
.reductionSoldes
{
	background: #a800b2 url(../images/picto-fond-enSoldes.gif) no-repeat;
	font-size: 9px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.nouveautes
{
	background: #ffde00 url(../images/picto-fond-nouveaute.gif) no-repeat;
	font-size: 9px;
	padding: 1px 3px;
	margin: 0px 5px;
	color: #cc0000;
}
.stockEtatOk
{
	background: #6fd700 url(../images/picto-fond-enStock.gif) no-repeat;
	font-size: 9px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.stockEtatBientotEpuise
{
	background: #ff9000 url(../images/picto-fond-bientotEpuise.gif) no-repeat;
	font-size: 9px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.stockEtatEpuise
{
	background: #c60000 url(../images/picto-fond-epuise.gif) no-repeat;
	font-size: 9px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.reductionPromo
{
	background: url(../images/picto-fond-enPromo.gif) #a800b2 repeat-x;
	font-size: 9px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
/*------- PICTOS DETAIL -------*/
.reductionSoldesDetail
{
	background: url(../images/picto-fondDetail-enSoldes.gif) #a800b2 repeat-x;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.nouveautesDetail
{
	background: url(../images/picto-fondDetail-nouveaute.gif) #ffde00 no-repeat;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #cc0000;
}
.stockEtatOkDetail
{
	background: url(../images/picto-fondDetail-enStock.gif) no-repeat #6fd700;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.stockEtatBientotEpuiseDetail
{
	background: url(../images/picto-fondDetail-bientotEpuise.gif) #ff9000 no-repeat;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.stockEtatEpuiseDetail
{
	background: url(../images/picto-fondDetail-epuise.gif) #c60000 no-repeat;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}
.reductionPromoDetail
{
	background: url(../images/picto-fondDetail-enPromo.gif) #a800b2 repeat-x;
	font-size: 11px;
	padding: 3px;
	margin: 0px 5px;
	color: #fff;
}

/*------------ FICHE Produit - produit similaire --------------*/
.produitSimilaire
{
	width: 370px;
	float: left;
	margin-bottom: 20px;
}
.produitSimilaireContenu
{
	float: right;
	width: 280px;
}
.produitSimilairePhotos
{
	width: 74px;
	height: 74px;
	overflow: hidden;
	border: 1px solid #CCC;
	float: left;
	margin-top: 2px;
}
.produitSimilairePhotosTable
{
	width: 74px;
	height: 74px;
}
	
/*------------ FICHE Produit - produit associés --------------*/
.produitAssocies
{
	width: 182px;
	float: left;
	margin-bottom: 30px;
}
.produitAssociesContenu
{
	float: left;
	width: 182px;
	clear: both;
}
.produitAssociesPhotos
{
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border: 1px solid #CCC;
	float: left;
	margin-bottom: 6px;
}
.produitAssociesPhotosTable
{
	width: 180px;
	height: 180px;
}

/*------------  PRODUITS ASSOCIES -------------*/

.produitTexte
{
	width: 100%;
	line-height: 12px;
	height: 36px;
	overflow: hidden;
	text-align: justify;
	font-size: 11px;
	margin-bottom: 8px;
}
.produitPrix
{
	float: right;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #a39169;
}
.produitPromo
{
	float: left;
	text-align: left;
	margin-top: 0px;
}
.produitImgPromofr
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-promo-fr.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgSoldesfr
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-soldes-fr.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgNouveaufr
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-nouveau-fr.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgPromoen
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-promo-en.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgSoldesen
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-soldes-en.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgNouveauen
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-nouveau-en.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgPromode
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-promo-de.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgSoldesde
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-soldes-de.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgNouveaude
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/bandeau-nouveau-de.gif) no-repeat;
	width: 91px;
	height: 91px;
}
.produitImgPourcent
{
	position: absolute;
	left: 128px;
	top: 153px;
	background: url(../images/bandeau-montantReduc.gif) no-repeat;
	width: 44px;
	height: 19px;
	text-align: center;
	color: #fff;
	line-height: 19px;
	font-size: 11px;
}
.produitPicto
{
	margin-right: 6px;
}

.pQuantiteMaxAtteint
{
	width: 100%;
	text-align: right;
}

.lblQuantiteMaxAtteint
{
	font-size: 12px;
	color: #FF0000;
	overflow: hidden;
	text-align: right;
}


/*------------ Fiche PRODUIT commentaires -----------*/
.sepOmbre
{
	background-image: url(../images/ombre.png);
	width: 739px;
	height: 10px;
	margin: 10px 0;
	clear: both;
}
.commentairesBloc
{
	width: 760px;
	clear: both;
	font-size: 11px;
}
.commentairesNoteMoyenne
{
	width: 85px;
	height: 24px;
	float: right;
}
.noteProduitTexte
{
	height: 24px;
	float: right;
}
.commentairesTexteGen
{
	width: 610px;
	height: 24px;
	float: right;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
}
.commentairesEtoiles
{
	width: 80px;
	height: 24px;
	float: left;
}
.commentairesTitre
{
	width: 610px;
	height: 24px;
	font-size: 11px;
	float: left;
	margin-left: 10px;
}
.commentairesTexte
{
	width: 760px;
	clear: both;
	font-size: 11px;
	float: left;
	margin: 5px 0 20px 0;
	text-align: justify;
}

.modalBg
{
	background-color: Gray;
	opacity: 0.7;
}

.ratingStar
{
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 24px;
	margin: 0;
	padding: 0;
	width: 16px;
}

.savedRatingStar
{
	background-image: url(../images/etoilePleine.png);
}

.filledRatingStar
{
	background-image: url(../images/etoilePleine.png);
}

.emptyRatingStar
{
	background-image: url(../images/etoileVide.png);
}
/*------------  PAGE FAMILLE ------------*/

.aideAuChoix
{
	width: 239px;
	height: 124px;
	padding: 8px; /*margin-bottom: 20px;*/
	float: left;
	background: url(../images/fondAideChoix.jpg);
}
.aideAuChoix ul
{
	margin: 6px 0 0 0;
	padding: 0 0 0 20px;
}
.aideChoixListe
{
	margin: 5px 0 0 20px;
}
.aideAuChoix785
{
	width: 765px;
	height: 120px;
	padding: 10px;
	float: left;
	background: url(../images/fondAideChoix785.jpg);
}
.aideAuChoix785 ul
{
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}
.aideAuChoix785 ul li
{
	margin: 0 15px 5px 0;
	padding: 0 0 0 0px;
	width: 170px;
	display: inline-block;
	float: left;
}

/*------------ VIGNETTE FAMILLES --------------*/
.sousFamilleVignetteContenu
{
	float: left;
	width: 182px;
	clear: both;
	text-align: center;
}

/*------------ VIGNETTE PRODUIT type VIGNETTE --------------*/
.produitVignette
{
	width: 182px;
	float: left;
	margin-bottom: 30px;
}
.produitVignetteContenu
{
	float: left;
	width: 182px;
	clear: both;
}
.produitVignettePhotos
{
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border: 1px solid #ddd;
	float: left;
	margin-bottom: 6px;
}

.produitVignettePhotosTable
{
	width: 180px;
	height: 180px;
}

/*------------ VIGNETTE PRODUIT type LISTE --------------*/
.produitListe785
{
	width: 785px;
	float: left;
	margin-bottom: 20px;
}
.produitListe785Contenu
{
	float: left;
	width: 560px;
	margin-left: 15px;
}
.produitListe785Prix
{
	float: left;
	width: 100px;
	margin-left: 20px;
	padding-top: 16px;
}
.produitListe785Photos
{
	width: 74px;
	height: 74px;
	overflow: hidden;
	border: 1px solid #CCC;
	float: left;
	margin-top: 0px;
}

.produitListe580
{
	width: 580px;
	float: left;
	margin-bottom: 20px;
}
.produitListe580Contenu
{
	float: left;
	width: 365px;
	margin-left: 15px;
}
.produitListe580Prix
{
	float: left;
	width: 100px;
	margin-left: 20px;
	padding-top: 16px;
}
.produitListe580Photos
{
	width: 74px;
	height: 74px;
	overflow: hidden;
	border: 1px solid #CCC;
	float: left;
	margin-top: 0px;
}

.produitListePhotosTable
{
	width: 74px;
	height: 74px;
}


/*--------------Fiche marques-------------*/
.imgFondLogoMarque
{
	background-image: url(../images/fondMarqueEtiquette.png);
	background-repeat: no-repeat;
	width: 124px;
	height: 124px;
}

/****************************************************** ENCART COMMANDE RAPIDE *****************************************
/*Conteneur en haut du panier pour les commandes rapides*/
.divCommandeRapidePanier
{
	width: 673px;
	height: 107px;
	background: url(../images/encart-commandeRapide.jpg);
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/*Bloc titre du conteneur commandes rapides*/
#divTitreEncartCommandeRapide
{
	position: absolute;
	width: 480px;
	height: auto;
	top: 15px;
	left: 150px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	overflow: hidden;
}
/*Bloc description du conteneur commandes rapides*/
#divTexteDescriptionCommandeRapide
{
	position: absolute;
	width: 480px;
	height: auto;
	top: 35px;
	left: 150px;
	overflow: hidden;
}
/*Bloc champ de saisie du conteneur commandes rapides*/
#divControlesCommandeRapide
{
	position: absolute;
	width: 480px;
	height: auto;
	top: 50px;
	left: 150px;
	text-align: center;
	color: #000000;
	overflow: hidden;
}
/*image button de validation commande rapide*/
#divControlesCommandeRapide input[type="image"]
{
	vertical-align: middle;
	margin-top: 11px;/*centre l'image par rapport à la textbox*/
}

/*****************************************************************************/

/*------------------Fiche Panier--------------------*/

#divErreurCommandeRapide
{
	position:absolute;
	top: 85px;
	left: 323px;
}

.imgEtapeCommande
{
	width: 785px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.lblErreurQuantite
{
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

.hlModifierProduitPersonnalisable
{
	font-size: 11px;
	margin-left: 5px;
}

.ligneGarantiePanier
{
	text-align: center;
	width: 80px;
}

.txtQuantiteProduitpanier
{
	width: 30px;
}

.lblEcoParticipationPanier
{
	font-size: 10px;
	color: #666666;
}

.panTitreSousTotal
{
	float: left;
	width: 637px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

.panPrixSousTotal
{
	float: left;
	width: 105px;
	text-align: right;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.panBtnSauvegarderPanier
{
	float: left;
}

.panBtnSuivant
{
	float: right;
	padding-right: 10px;
}

.panTitreSousTotalRecap
{
	float: left;
	width: 675px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

.panPrixSousTotalRecap
{
	float: left;
	width: 105px;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}

.panTitreDeductionPanier
{
	float: left;
	width: 675px; /*width: 215px; 	margin-left: 460px;*/
	font-size: 13px;
	text-align: right;
}

.panPrixDeductionPanier
{
	float: left;
	width: 105px;
	text-align: right;
	font-size: 13px;
}

.lblNomPanierExistant
{
	color: #ff0000;
}

/*-----------Fiche personnalisation--------------*/
.panRepeaters
{
	margin-left: 40px;
}

/*Div contenant une face (avec ses champs texte et images)*/
.divPersoFace
{
	margin-top:20px;
	clear: both;
}

/*Div contenant l'image de la face à personnaliser*/
.divPersoImgFace
{
	float:left;
}

.imgFace
{
	margin-left: 50px;
	outline-style: solid;
	outline-color: #000000;
	outline-width: 1px;
	width: 250px;
	min-height: 100px;
}

/*Div globale contenant tous les champs personnalisables (texte et images) pour une face (titre de la face compris)*/
.divPersoGlobalChampsFace
{
	float:left;
}

/*Div contenant le titre de la face*/
.divNomFace
{
	margin-bottom: 10px;
	clear: both;
}

.lblNomFace
{
	color: #1DC5FC;
	font-size: 16px;
}

/*Div contenant la liste des champs personnalisable pour la face courante (sans le titre de la face)*/
.divPersoListeChampsFace
{

}

/*Panel contenant le champ personnalisable de type Image*/
.panPersoChampFaceImage
{

}

/*Div contenant le nom du champ de type Image*/
.divLblNomChampImage
{
	
}

.lblNomChampImage
{
	font-size: 14px;
	margin-left: 50px;
	display:block;
	width:360px;
}

/*Div contenant le RegularFieldValidator (Message d'erreur) pour le FileUpload du champ Image*/
.divRfvFuFichierChamp
{

}

/*Div contenant le FileUpload pour le champ Image*/
.divFuFichierChamp
{
	
}

.fuFichierChamp
{
	margin-left: 50px;
}

/*Div contenant le RegularExpressionValidator (Message d'erreur) pour le FileUpload du champ Image*/
.divRevFuFichierChamp
{
	
}

.revFuFichierChamp
{
	margin-left: 50px;
}

/*Div contenant l'image uploadé du champ*/
.divImgFichierChamp
{
	
}

/*Div contenant le bouton de suppression de l'image ajoutée*/
.divBtnSupprimerFichierChamp
{
	
}

.imgFichierChamp
{
	margin-left: 150px;
	outline-style: solid;
	outline-color: #000000;
	outline-width: 1px;
	min-width: 100px;
	min-height: 100px;
	max-width: 100px;
	max-height: 100px;
	width: 100px;
	height: 100px;
}

/*Panel contenant le champ personnalisable de type Texte*/
.panPersoChampFaceTexte
{
	
}

/*Div contenant le nom du champ de type Texte*/
.divLblNomChampTexte
{
	
}

.lblNomChampTexte
{
	font-size: 14px;
	margin-left: 50px;
	display:block;
	width:360px;
}

/*Div contenant le RegularFieldValidator (Message d'erreur) pour le TextBox tbChampTexte du champ Texte*/
.divRfvTbChampTexte
{
	
}

/*Div contenant le TextBox pour la saisie du texte de la zone de saisie du champ texte*/
.divTbChampTexte
{
	
}

.tbChampTexte
{
	margin-left: 50px;
	width: 350px;
}

/*Div contenant le RegularExpressionValidator (Message d'erreur) pour la TextBox du champ Texte*/
.divRevTbChampTexte
{
	
}

.revTbChampTexte
{
	margin-left: 50px;
}


/*************** Fiche Livraison *******************/

.ItemDlAdresseClient
{
	border-color: #dadada;
	border-style: solid;
	border-width: 1px;
	width: 255px;
}

.ItemDlPointRelais
{
	border-color: #dadada;
	border-style: solid;
	border-width: 1px;
	width: 382px;
}

.lblNomClientAdresseLivraison
{
	font-size: 13px;
	font-weight: bold;
}

.lkbtnModifierAdresse
{
	color:#ffffff;
}

.btnAjouterNouvelleAdresse
{
	margin-left: 20px;
}

.lblNomPointRelais
{
	font-size: 13px;
	font-weight: bold;
}

.lblDescriptionPointRelais
{
	color: #AAAAAA;
}

.lblDelaisPointRelais
{
	color: #AAAAAA;
}

.btnPrecedentLivraison
{
	margin-left: 250px;
}

.btnContinuerLivraison
{
	margin-left: 25px;
}


/**************** Fichie adresse-commande ****************/

.rfvObligatoire
{
	margin-left: 5px;
}

.lblChampFacultatif
{
	font-size: 10px;
}

.btnAnnulerAdresseCommande
{
	margin-left: 200px;
}

.btnEnregistrerAdresseCommande
{
	margin-left: 50px;
}


/*************** Fiche Transporteur *****************/

.lblNomTransport
{
	font-size: 12px;
	font-weight: bold;
}

.lblDescriptionTransport
{
	color: #777;
}

.divRepLivraison
{
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1; /*-moz-border-radius:12px 12px 12px 12px;*/
	padding: 15px;
	margin-bottom: 0px;
	background-color: #fefefe;
}

.divRepLivraisonTop
{
	margin: 0px;
	padding: 0px;
	width: 784px;
	height: 6px;
	background: url(../images/gvProduits_top.png);
	background-repeat: no-repeat;
}

.divRepLivraisonBottom
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 784px;
	height: 6px;
	background: url(../images/gvProduits_bottom.png);
	background-repeat: no-repeat;
}

.lblDelaisTransport
{
	text-align: center;
}

.lblTarifTransport
{
	text-align: center;
}

.lblMessageErreurTransport
{
	color: #ff0000;
}

.panBoutonsTransport
{
	margin-left: 250px;
}

.btnPrecedentTransport
{
	margin-right: 20px;
}

.btnContinuerTransport
{
	margin-right: 50px;
}


/*************************** Fiche Paiement ***************/

.lblPaiementDescription
{
	margin-left: 20px;
}

.imgCB
{
	margin-left: 20px;
}

.btnPaiement
{
	margin-left: 20px;
}

.divBoutonPaiement
{
	padding-left:20px;
}

#panPaiementFractionne
{
	color:#ffffff;
}

.divImgPaiementFractionne
{
	width:70px;
	height:40px;
	border:0;
	padding:0;
	margin: 10px 0 0 0;
	float:left;
}

.divLblPaiementFractionneDescription
{
	color:#ffffff;
}

.divPaiementFractionneDetail
{
	float:left;
	margin: 10px 0 0 0;
	padding: 5px 0 0 10px;
	color:#ffffff;
}

/******************************** MON COMPTE ***********************************************/

/*message affiché si aucune adresse de saisie*/
.panNoAdresse
{
	margin: 50px 0;
	text-align: center;
}

/*conteneur du lien ajout adresse*/
#divCompteAjoutAdresse
{
	margin: 20px 0;
	text-align: center;
}

/*Div contenant les liens images vers les pages de mon compte*/
#divImagesAccueilCompte
{
	padding-left:40px;
}

/*Image des liens vers les pages de mon compte*/
.imgAccueilCompte
{
	margin-bottom:20px;
}

/*Affichage du bilan dynamique du parrainage*/
.divCompteParrainageBilan
{
	text-align: center;
}

/*Message d'erreur si code promo ne peut pas etre ajouter aux crédits Bootik du client */
.lblErreurCodePromo
{
	color: #FF0000;
}

/*Message de confirmation si code promo ajouter aux crédits Bootik du client */
.lblCodePromoValide
{
	color: #009933;
}

/*Zone de texte des emails pour demande de parrainage*/
.txtEmailFilleul
{
	width: 250px;
	margin-bottom: 5px;
}

/*Bouton d'envoi des emails aux filleuls*/
.btnEnvoyerMail
{
	margin-left: 100px;
}


/********************************* PAGE IDENTIFICATION ********************************/

#divIdentificationGlobal
{
	margin-top: 0px;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	overflow: auto;
}

#divIdentificationDejaClient
{
	float: left;
	width: 250px;
}

#divIdentificationSeparateur
{
	float: left;
	width: 70px;
	text-align: center;
}

#divIdentificationNouveauClient
{
	float: left;
	width: 340px;
}


/********************************* PAGE RECHERCHE *******************************************/

/*bandeau en haut de la page recherche où le nombre de résultats s'affiche*/
#divBanResultatRecherche
{
	padding: 7px;
	
	margin: 0 0 15px 0;
}
/*texte nombre de résultats*/
#divBanResultatRecherche .nbResultatsRecherche
{
	font-weight: bold;
	font-size: 13px;
}
/*texte reprenant la recherche effectuée*/
#divBanResultatRecherche .texteRecherche
{
	font-size: 13px;
}


/***************************************** CUTE EDITOR ADMIN ************************************/

/*Fond des CuteEditor coté admin. A ecrasé dans client.css par la couleur de fond général du site*/
.ceBackground
{
	background: #ffffff;
}