@charset "utf-8";
  /*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/



  /*/////////////////
 ///// Imports /////
/////////////////*/

@import url(common/tabs.css);
@import url(common/img.css);
@import url(common/forms.css);
@import url(common/typos.css);
@import url(common/menu.css);
@import url(common/pngfix.css);

  /*//////////////////////////
 ///// Classes globales /////
//////////////////////////*/

HTML {
	margin:0;
	padding:0;
	height:100%;
}

BODY {
	margin:0;
	padding:0;
	height:100%;
	color:#a9ccc4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
}

p{
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}



#bodySkin {
	background-color:#FFFFFF;
	background-image:url(../../front/img/fond.gif);
	background-position:0px 87px;
	background-repeat:repeat-x;
	border-top:solid 6px #d6e8e4;
	width:100%;
	height:100%;
}

#bodySkinLeft {
	
}

#bodyskinCenter {
	
}

#bodySkinRight {
}

#contenuPrincipal {
	width:990px;
}

/*****************************/
/**********  header *********/
/***************************/


#header {
	width:990px;
	/*height:180px;*/
	margin-bottom:10px;
	float:left;
}

#header #logo {
	width:232px;
	height:52px;
	margin-top:13px;
	float:left;
}

#header #langues {
	float:left;
	margin-left:21px;
	margin-top:25px;
}

#header #txtHeader {
	margin-top:13px;
	margin-left:24px;
	float:left;
}

#header #comptePanier {
	float:right;
	margin-left:16px;
	margin-top:8px;
	position:relative;
}

#header #comptePanier img {
	float:left;
	margin-top:4px;
}

#header #infosComptePanier {
	float:right;
	margin-left:14px;
}

#header #infosComptePanier #connection {
	margin-left:14px;
}

#header #infosComptePanier #connecte {
/*	margin-left:20px;*/
}

#header #infosComptePanier #infosClient {
	/*width:120px;*/
	float:left;
	text-align:right;
	padding-right:10px;
	margin-right:10px;
	border-right: 1px solid #E9E9E9;
	
}


#nbArticlesPanierTop{
	float:left;
} 

#header #menu {
	margin-top:9px;
	width:100%;
	height:28px;
	float:left;
}

#header #recherche {
	float:left;
	width:100%;
	margin-top:16px;
}

/*****************************/
/**********  centre *********/
/***************************/

#contenu {
	width:990px;
	height:100%;
	float:left;
}

#contenu #contenuGauche {
	float:left;
	width:190px;
	margin-right:20px;
	min-height:300px;
}

#contenu #contenuCentre {
	float:left;
	width:190px;
}

#contenu #contenuCentre.tailleCentre {
	width:560px;
}

#contenu #contenuCentre.tailleGauche {
	width:770px;
}

#contenu #contenuCentre.tailleDroite {
	width:780px;
}

#contenu #contenuDroite {
	float:left;
	width:190px;
	margin-left:30px;
}

/*****************************/
/**********  footer *********/
/***************************/

#footer {
	background-image:url(../../front/img/bande_footer.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#cfe4e0;
	margin-top:10px;
	padding-bottom:20px;
	width:100%;
	float:left;
}

#footer #contenuFooter {
	width:990px;
	margin:auto;
	padding-top:35px;
	color:#88a19b;
}

#footer #contenuFooter #contenuGaucheFooter {
	width:800px;
	padding-left:15px;
	padding-right:15px;
	margin-right:15px;
}

#footer #contenuFooter #contenuListeFooter #blocFooter {
	width:174px;
	margin-right:20px;
	float:left;
}


#contenu #contenuDroite #meilleuresVentes {
	width:190px;
	margin-bottom:20px;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes {
	background-image:url(../../front/img/centre_meilleures_ventes.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:100%;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes .hautMeilleuresVentes {
	background-image:url(../../front/img/haut_meilleures_ventes.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:38px;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes .basMeilleuresVentes {
	background-image:url(../../front/img/bas_meilleures_ventes.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:190px;
	height:6px;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul {
	padding-left:30px;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul li {
	list-style:decimal;
	font-weight:bold;
	font-size:12px;
	color:#e04a78;
	margin-bottom:8px;
}

#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul li a:link{color:#e04a78;text-decoration:none; font-weight:normal; }
#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul li a:active{color:#e04a78;text-decoration:none; font-weight:normal; }
#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul li a:visited{color:#e04a78;text-decoration:none; font-weight:normal; }
#contenu #contenuDroite #meilleuresVentes #tabMeilleuresVentes ul li a:hover{color:#e04a78; text-decoration:underline; font-weight:normal; }


#filAriane {
	color:#9c9c9c;
	margin-bottom:20px;
	margin-top:2px;
}

/*//////////////////////////
///	POPUP PANIER		///
////////////////////////*/

#panierPopUp{
	position:absolute;
	right:0px;
	top:-29px;
	width:300px;
	background-color: #ffffff;
	z-index:999;
}

#panierPopUp .contenuPopUp{
	width:300px;
	background-color: #ffffff;
}
#panierPopUp .contenuPopUp .popUpHaut{
	background-image: url(../../front/img/popup_haut.gif);
	background-repeat: no-repeat;
	height:6px;
} 
#panierPopUp img {
	margin-top: 5px;
}

#panierPopUp .contenuPopUp .popUpCentre{
	border-right: 1px solid #A9CCC4;
	border-left: 1px solid #A9CCC4;	
}

#panierPopUp .contenuPopUp .popUpCentre img{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp{
	margin-top:10px;
	width:276px;
	height: 54px;
	margin-left:12px;
	margin-bottom:5px;
	border-bottom: 1px dashed #bfbfbf;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp h3{
	color:#67396E;
	font-weight:bold;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp .photoConteneur{
	height:40px;
	float:left;
	margin-top:4px;
	position:relative;
	width:40px;
	margin-right:10px;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp .photoConteneur img{
	margin: 0px;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp .contourPhoto {
	background-image:url(../../front/img/contour_img_popup.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:40px;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp #prixPopUp{
	color:#D11B4A;
	font-size:18px;
	line-height:18px;
	margin-top:10px;
	margin-right:20px;
	font-weight:bold;
	float:left;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp #infosPrixBarrePopUp{
	color:#ABABAB;
	font-size:10px;
	margin-top:2px;
}

#panierPopUp .contenuPopUp .popUpCentre #infoProduitPopUp #infosPrixBarrePopUp span{
	color:#ABABAB;
	font-size:11px;
	font-weight: bold;
	text-decoration:line-through;
}

#panierPopUp .contenuPopUp .popUpCentre .listeHistorique{
	font-size:11px;
	margin-left:12px;
}

#panierPopUp .contenuPopUp .popUpCentre .listeHistorique li{
	height:18px;
	line-height:18px;
	width:276px;
	border-bottom: 1px dashed #bfbfbf;
}

#panierPopUp .contenuPopUp .popUpCentre .listeHistorique a{
	width:236px;
	position:absolute;
	overflow:hidden;
	height:16px;
	color:#67396E;
}

#panierPopUp .contenuPopUp .popUpCentre .listeHistorique span{
	float:right;
	width:40px;
	text-align: right;
	color:#D11B4A;
	font-weight: bold;
	font-size:11px;
}

#panierPopUp .contenuPopUp .popUpCentre .listeHistorique .endHistorique{
	border-bottom: none;
}

#panierPopUp .contenuPopUp .popUpCentre #totalPanier{
	width:266px;
	height:16px;
	margin-left:10px;
	color:#ffffff;
	background-color:#A9CCC4;
	padding: 5px 5px 0px 5px;
	margin-top:8px;
	margin-bottom:4px;
}

#panierPopUp .contenuPopUp .popUpCentre #totalPanier #nbArticlesPopUp{
	float:left;
}

#panierPopUp .contenuPopUp .popUpCentre #totalPanier #prixPanierPopUp{
	font-weight: bold;
	color:#ffffff;
	float:right;
}

#panierPopUp .contenuPopUp .popUpCentre .btPopUpValider{
	float:right;
	margin-right: 10px;
}

#panierPopUp .contenuPopUp .popUpCentre .btPopUpContinuer{
	margin-left: 10px;
	position:absolute;
	margin-top:5px;
	color:#67396E;
	font-size: 12px;
	text-decoration: underline;
}



#panierPopUp .contenuPopUp .popUpBas{
	background-image: url(../../front/img/popup_bas.gif);
	background-repeat: no-repeat;
	height:6px;
}

@charset "utf-8";
  /*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

#contenu #contenuGauche #blocFbTwitter {
	margin-bottom:10px;
}

#contenu #contenuGauche #blocFbTwitter #facebook {
	margin-bottom:5px;
	position:relative;
}

#contenu #contenuGauche #blocFbTwitter #facebook img {
	float:left;
	margin-right:10px;
}

#contenu #contenuGauche #blocFbTwitter #facebook .fbUnderText {
	color:#3B5998;
	font-size:11px;
	left:43px;
	margin-top:22px;
	position:absolute;
}

* html #contenu #contenuGauche #blocFbTwitter #facebook .fbUnderText { /*ie6*/
	left:0px;
}

#contenu #contenuGauche #blocBonsDachat {
	background-image:url(../../front/img/banniere_bons_achats.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:190px;
	height:240px;
	margin-bottom:24px;
}

#contenu #contenuGauche #blocBonsDachat p {
	color:#FFFFFF;
	margin-left:12px;
	margin-right:12px;
	text-align:justify;
	padding-top:66px;
	line-height:12px;
}

#contenu #contenuGauche #blocDestockage {
	width:190px;
	height:240px;
	margin-bottom:24px;
}

#contenu #contenuGauche #blocDestockage .haut {
	background-image:url(../../front/img/destockage_haut.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:190px;
	height:58px;
	cursor: pointer;
}

#contenu #contenuGauche #blocDestockage .centre {
	background-image:url(../../front/img/destockage_centre.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:190px;
	padding-bottom:40px;
}

#contenu #contenuGauche #blocDestockage .centre table {
	width:160px;
	margin-left:15px;
}

#contenu #contenuGauche #blocDestockage .centre tr {
	background-image: url(../../front/img/destockage_produit.gif);
	width:160px;
	height: 160px;
	display: table;
	text-align: center;
}

#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage{
	width:160px;
	position:relative;
	overflow:hidden;
}
#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage .infoDestockage {
	width:160px;
	text-align: center;
}
#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage .prixDestockage {
	background-image:url(../../front/img/fond_prix_promo.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:18px;
	padding-top:5px;
	top:74px;
	right:10px;
	position:absolute;
	text-align:center;
	width:42px;
}

#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage .prixDestockage a:link { color:#000000; }
#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage .prixDestockage a:visited { color:#000000; }
#contenu #contenuGauche #blocDestockage .centre tr .itemDestockage .prixDestockage a:hover { color:#000000; }

#contenu #contenuGauche #blocDestockage .bas {
	background-image:url(../../front/img/destockage_bas.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:190px;
	height:5px;
}


#contenu #contenuCentre #mea {
	width:558px;
	height:238px;
	border:solid 1px #d9d9d9;
	margin-bottom:22px;
}

/*/////////////////////////
//	Slider Bannieres	//
///////////////////////*/


.anythingSlider                         { width: 558px; height: 238px; position:relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 558px; overflow: auto; height: 238px;position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 2000em; list-style: none; position: absolute; top: 0; left: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 238px; width: 558px; margin: 0; overflow:hidden; }
.anythingSlider ul li a					{z-index:100;}
.anythingSlider ul li a	img				{z-index:100;}
.anythingSlider .arrow                  { display: none; }

.anythingSlider ul li  					{ overflow:hidden;}

#thumbNav                               { position: absolute; top: 210px; right:0px; text-align: center; }
#thumbNav a {
background-image:url(../../front/img/thumbNav.png);
background-repeat:no-repeat;
color:#a696a3;
font-weight: bold;
display:inline-block;
height:20px;
margin-right:5px;
padding-left:1px;
padding-top:6px;
width:24px;
}

#thumbNav a:hover                       { color: #ffffff; text-decoration: none;  }
#thumbNav a.cur                         { color: #ffffff; text-decoration: none;   }

#start-stop                             { display:none; }

.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


#contenu #contenuCentre #promoZaique {
	width:560px;
	height:254px;
	overflow:hidden;
	margin-bottom:16px;
	float:left;
}

#contenu #contenuCentre #promoZaique img {
	float:left;
}

#contenu #contenuCentre #promoZaique a {
	text-decoration:none;
}

#contenu #contenuCentre #promoZaique #flecheGauchePromoZaique {
	margin-left:10px;
	margin-right:2px;
	cursor:pointer;
}

#contenu #contenuCentre #promoZaique #flecheDroitePromoZaique {
	cursor:pointer;
}

#contenu #contenuCentre #promoZaique #bt_slider {
	float:left;
	width:55px;
}

#contenu #contenuCentre #promoZaique #bt_slider .disabled {
	display: none;
}

#contenu #contenuCentre #promoZaique #bt_slider #flecheG {
	float:left;
	width:20px;
}

#contenu #contenuCentre #promoZaique #bt_slider #flecheD {
	float:right;
	width:20px;
}

#contenu #contenuCentre #promoZaique p {
	color:#bbbaba;
	font-size:10px;
	line-height:10px;
	float:right;
	width:335px;
	/*margin-left:18px;*/
}

.titreFlechePromoZaique {
	float:left;
	width:225px;
}

#contenu #contenuCentre #promoZaique #wheeled {
	width:561px;
	margin-top:16px;
	position:absolute;
	height:242px;
	overflow:hidden;
}

* html .titreFlechePromoZaique { /* ie6*/
	width:226px;
}

* html #contenu #contenuCentre #promoZaique p { /* ie6*/
	margin-top:-20px;
}

* html #contenu #contenuCentre #promoZaique #wheeled { /* ie6*/
	margin-top:-5px;
}

#contenu #contenuCentre #promoZaique #wheeled #contenuPromoZaique {
	height:242px;
	float:left;
	width:2000em;
	position:absolute;
	margin-top:16px;
	overflow:hidden;
	border-top:solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
}

#contenu #contenuCentre #promoZaique .colProduitPromoZaique {
	float:left;
	width:112px;
	height:224px;
}

#contenu #contenuCentre #promoZaique .produitPromoZaique {
	float:left;
	width:111px;
	height:111px;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	position:relative;
}

#contenu #contenuCentre #promoZaique .produitPromoZaique .prixPromoZaique {
	background-image:url(../../front/img/fond_prix_promo.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:32px;
	height:18px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	position:absolute;
	bottom:20px;
	right:8px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#000000;
}

#contenu #contenuCentre #promoZaique .produitPromoZaique h4 {
	position:absolute;
	bottom:4px;
	left:5px;
	color:#BBBABA;
	font-size:9px;
	width:95%;
	background-color:#FFFFFF;
}

#contenu #contenuCentre #promoZaique .produitPromoZaique h4 a:link{color:#BBBABA;text-decoration:none; }
#contenu #contenuCentre #promoZaique .produitPromoZaique h4 a:active{color:#BBBABA;text-decoration:none; }
#contenu #contenuCentre #promoZaique .produitPromoZaique h4 a:visited{color:#BBBABA;text-decoration:none; }
#contenu #contenuCentre #promoZaique .produitPromoZaique h4 a:hover{color:#BBBABA; text-decoration:underline; }

#contenu #contenuCentre #promoZaique .produitPromoZaique table {
	width:111px;
	height:111px;
}

#contenu #contenuCentre #promoZaique .produitPromoZaique table img {
	float:none;
}

#contenu #contenuCentre #newFresh {
	width:560px;
	margin-bottom:16px;
}

#contenu #contenuCentre #newFresh {
	width:560px;
	margin-bottom:16px;
}

#contenu #contenuCentre #contenuNewFresh {
	width:560px;
	margin-top:8px;
}

#contenu #contenuCentre #contenuNewFresh img {
	border:solid 1px #e5e5e5;
	margin-bottom:8px;
}

#contenu #contenuCentre #contenuNewFresh .first {
	margin-right:2px;
}

#contenu #contenuDroite #blocNewsletter {
	background-image:url(../../front/img/fond_newsletter.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:190px;
	height:80px;
	margin-bottom:8px;
}



#contenu #contenuDroite #blocNewsletter #NewsletterInfo {
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
	margin-left:8px;
	margin-right:6px;
	padding-top:25px;
}

#contenu #contenuDroite #blocNewsletter #NewsletterInsciption{
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
	padding-top: 4px;
}

#contenu #contenuDroite #blocNewsletter .btNewsletter{
	float:right;
	width:26px;
	margin-top: 8px;
	margin-right:6px;
}
#contenu #contenuDroite #blocNewsletter #messageNewsletter p{
	width:140px;
	float:left;
	margin-top:5px;
	margin-left:8px;
	color:#ffffff;
	font-weight:bold;
}


#contenu #contenuDroite #blocBanniereLivraison {
	width:190px;
	margin-bottom:18px;
}

#contenu #contenuDroite #listeMarques {
	width:190px;
	height:190px;
	margin-bottom:25px;
}

#contenu #contenuDroite #listeMarques #txtMarques {
	margin-bottom:12px;
}

#contenu #contenuDroite #listeMarques .imgMarques {
	float:left;
}

#contenu #contenuDroite #nuageTags {
	width:190px;
	margin-bottom:20px;
}

#contenu #contenuDroite #nuageTags #tabNuageTags {
	background-image:url(../../front/img/centre_nuage_tag.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:100%;
}

#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags {
	background-image:url(../../front/img/haut_nuage_tag.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:10px;
	font-family:trebuchet MS;
}

#contenu #contenuDroite #nuageTags #tabNuageTags .basNuageTags {
	background-image:url(../../front/img/bas_nuage_tag.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:190px;
	height:12px;
}

#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p {
	margin-left:6px;
	margin-right:6px;
	color:#ababab;
}

#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p a {
	font-size:15px;
	line-height:15px;
}

#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p a:link{color:#ababab;text-decoration:none; }
#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p a:active{color:#ababab;text-decoration:none; }
#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p a:visited{color:#ababab;text-decoration:none; }
#contenu #contenuDroite #nuageTags #tabNuageTags .hautNuageTags p a:hover{color:#ababab; text-decoration:underline; }

#contenu #zoomCatalogue {
	width:970px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-family:"trebuchet MS";
}

#contenu #zoomCatalogue #contenuCatalogue {
	margin-top:18px;
	width:100%;
	height:140px;
}

#contenu #zoomCatalogue #blocCatalogue {
	width:158px;
	margin-right:2px;
	float:left;
}

#contenu #zoomCatalogue #blocCatalogue h3 {
	color:#ababab;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:12px;
}

#contenu #zoomCatalogue #blocCatalogue ul li {
	color:#ababab;
	margin-bottom:10px;
}

#contenu #zoomCatalogue #blocCatalogue ul li a:link{color:#ababab;text-decoration:none; }
#contenu #zoomCatalogue #blocCatalogue ul li a:active{color:#ababab;text-decoration:none; }
#contenu #zoomCatalogue #blocCatalogue ul li a:visited{color:#ababab;text-decoration:none; }
#contenu #zoomCatalogue #blocCatalogue ul li a:hover{color:#ababab; text-decoration:underline; }