@charset "UTF-8";
/* CSS Document */


html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background: #fff;
}
h1, h2, h3, h4, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}
form{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}


/* HEADER
-------------------------------------------------------------- */
div#header{
	width: 100%;
	height: 222px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/header-bg.png) no-repeat center transparent;
	position: relative;
	z-index: 99;
}
div#header-wrap{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	color: #d8d8d8;
	font-size: 11px;
}
div#box-header{
	width: 190px;
	float: right;
	text-align: center;
}
div#logo-header{
	float: left;
	margin-left: 300px;
}


/* FOOTER
-------------------------------------------------------------- */
div#footer{
	width: 100%;
	height: 239px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/footer-bg.jpg) #3f3f3f repeat-x top;
	padding-bottom: 20px;
}
div#footer-wrap{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	color: #d8d8d8;
	font-size: 11px;
}
div#footer-wrap a{
	color: #d8d8d8;
}
div#footer-wrap  a:hover{
	color: #d04f94;
}
div.footer-txt{
	color: #939393;
	padding-top: 15px;
	text-align: justify;
}
div#footer-wrap div.footer-txt h4{
	display: inline;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
div#footer-wrap div.footer-txt a{
	color: #939393;
}	
div#footer-wrap div.footer-txt  a:hover{
	color: #d04f94;
}
div.footer-copyr{
	float: left;
	padding-top: 38px;
	padding-left: 10px;
}
div#footer-top{
	text-align: center;
	font-size: 11px;
	color: #939393;
	padding-bottom: 10px;
}

/* TEMPLATE
-------------------------------------------------------------- */
div#content{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
div#content-left{
	width: 186px;
	float: left;
}
div#content-right{
	width: 186px;
	float: right;
}
div#content-middle{
	width: 570px;
	float: left;
	margin-left: 20px;
}
div.separation{
	margin-top: 15px;
	margin-bottom: 15px;
}
div.separation2{
	margin-top: 5px;
	margin-bottom: 10px;
}
.h{
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: normal;
}
.txt{
	font-size: 12px;
	color: #7f7f7f;
}
.erreur{
	font-size: 12px;
	color: #CC0000;
}
.rose{
	color: #d04f94;
}
a.rose{
	color: #d04f94;
}
a.rose:hover{
	color: #7f7f7f;
}
.txt11{
	font-size: 11px;
}
.txt12{
	font-size: 12px;
}


/* SIDEBARS
-------------------------------------------------------------- */
div.box-menu{
	width: 186px;
	background: url(../img/box-bottom.gif) no-repeat bottom #e9e9e9;
	margin-bottom: 15px;
	padding-bottom: 8px;
	color: #707070;
	font-size: 12px;
}
div.box-produits{
	width: 186px;
	background: url(../img/bg-box-produits.gif) no-repeat bottom #e9e9e9;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
div.box-panier{
	width: 186px;
	height: 98px;
	padding-top: 48px;
	background: url(../img/bg-box-panier.gif) no-repeat bottom #e9e9e9;
	margin-bottom: 12px;
	color: #8d8d8d;
}
div.box-panier a{
	display: block;
	width: 110px;
	background: url(../img/puce.gif) no-repeat;
	color: #363636;
	padding-left: 15px;
	margin-top: 3px;
}
div.box-panier a:hover{
	color: #d04f94;
}
div.box-compte{
	width: 186px;
	height: 150px;
	padding-top: 52px;
	background: url(../img/bg-box-compte.gif) no-repeat bottom #e9e9e9;
	margin-bottom: 12px;
	font-size: 12px;
	color: #606060;
}
div.box-compte a{
	color: #8a8a8a;
	font-style: italic;
}
div.box-compte a:hover{
	color: #d04f94;
}
div.box-conseils{
	padding-bottom: 0;
}
div.content-box{
	padding-left: 18px;
	font-size: 11px;
}
div.content-box2{
	padding-left: 12px;
}
.input-type1{
	width: 130px;
	padding-left: 5px;
	height: 18px;
	background: url(../img/input01.gif) no-repeat;
	color: #747474;
	font-size: 10px;
	font-style: italic;
	border: 0;
}
.bt-ok{
	width: 24px;
	height: 23px;
	border: none;
	background: url(../img/bt-ok.gif) no-repeat;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
	margin-top: -3px;
}
table.tab_newsletter{
	font-size: 12px;
	color: #d04f95;
	margin-top: 7px;
}
table.tab_compte{
	margin-bottom: 13px;
}
table.tab_compte tr td{
	padding-top: 3px;
}



/* MENU SIDEBARS
-------------------------------------------------------------- */
ul.navigation{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.navigation li{
	color: #707070;
	font-size: 12px;
}
ul.navigation li a.lien-menu{
	display: block;
	color: #707070;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 14px;
	text-decoration: none;
}
ul.navigation li a.lien-menu:hover{
	color: #fff;
	background: #dc9cbf;
}
ul.navigation li a.selected{
	color: #fff;
	background: #dc9cbf;
}

/* SOUS MENU */
ul.navigation li ul{
	padding-bottom: 5px;
	padding-left: 30px;
}
ul.navigation li ul a{
	color: #d04f95;
	text-decoration: none;
}
ul.navigation li ul a.actif{
	color: #818181;
	text-decoration: underline;
}

ul.navigation li ul a:hover{
	color: #818181;
	text-decoration: underline;
}



/* ITEMS PRODUITS
-------------------------------------------------------------- */
div.item-produit{
	width: 278px;
	border: solid 1px #e5e5e5;
	height: 168px;
	padding-top: 10px;
	font-size: 11px;
	float: left;
}
div.item-produit-right{
	width: 278px;
	border: solid 1px #e5e5e5;
	height: 168px;
	padding-top: 10px;
	font-size: 11px;
	float: right;
}
div.item-produit div.item-col-left,
div.item-produit-right div.item-col-left{
	float: left;
	width: 100px;
}  
div.item-produit div.item-col-right,
div.item-produit-right div.item-col-right{
	float: right;
	width: 165px;
	margin-right: 6px;
}  
div.item-produit div.photo,
div.item-produit-right div.photo{
	text-align: center;
	height: 128px;
}  
div.item-produit div.ref,
div.item-produit-right div.ref{
	font-size: 10px;
	color: #a7a7a7;
	font-style: italic;
	text-align: center;
	padding-top: 3px;
}  
div.item-produit h3.nom-produit,
div.item-produit-right h3.nom-produit{
	color: #676767;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-variant: small-caps; 
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 7px;
	margin-bottom: 5px;
	line-height: 15px;
}  
div.item-produit h3.nom-produit a,
div.item-produit-right h3.nom-produit a{
	color: #676767;
	text-decoration: none;
}  
div.item-produit div.resume,
div.item-produit-right div.resume{
	font-size: 11px;
	color: #767676;
} 
div.item-produit div.resume a,
div.item-produit-right div.resume a{
	text-decoration: none;
	color: #767676;
}  
div.item-produit div.prix,
div.item-produit-right div.prix{
	font-size: 14px;
	font-weight: bold;
	color: #d04f94;
}  
span.prix-promo{
	text-decoration: line-through;
	color: #aeaeae;
}
a.bt-details{
	display: block;
	float: left;
	width: 119px;
	padding-left: 3px;
	height: 19px;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
	background: url(../img/item-bt-details.gif) right repeat-x;
	margin-top: 5px;
}
a.bt-details:hover{
	background: url(../img/item-bt-details-on.gif) right repeat-x;
}
a.bt-panier{
	display: block;
	float: right;
	width: 156px;
	height: 19px;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
	background: url(../img/item-bt-panier.gif) repeat-x;
	margin-top: 5px;
}
a.bt-panier:hover{
	background: url(../img/item-bt-panier-on.gif) repeat-x;
}
div.reappro{
	float: right;
	width: 156px;
	height: 19px;
	margin-top: 5px;
}




/* SLIDER PROMO
-------------------------------------------------------------- */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
   width: 570px;
   height: 170px;
   background: #f4f4f4;
   overflow:hidden; 
}
#prevBtn, #nextBtn{ 
   display: block;
   width: 14px;
   height: 45px;
   position:absolute;
   z-index:1000;
}	
#nextBtn{ 
}	
#prevBtn{ 
	margin-left: -8px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	position:relative;
	width: 14px;
	height:45px;
	background:url(../img/prec.gif) no-repeat 0 0;	
	margin-top: -110px;
}	
#nextBtn a{ 
	background:url(../img/suiv.gif) no-repeat 0 0;	
	margin-left: 562px;
}	
a.lien-voir-tout{
	float: right;
	font-style: italic;
	font-size: 12px;
	color: #8f8e8e;
	margin-top: -10px;
}
a.lien-voir-tout:hover{
	color: #d04f94;
}
div.item-produit-promo{
	width: 570px;
	height: 268px;
	padding-top: 12px;
	font-size: 11px;
}
div.item-produit-promo div.item-col-left{
	float: left;
	width: 145px;
	margin-left: 15px;
}  
div.item-produit-promo div.item-col-right{
	float: right;
	width: 380px;
	margin-right: 15px;
}  
div.item-produit-promo div.photo{
	text-align: center;
	width: 145px;
	height: 145px;
	background: #fff;
	border: solid 1px #e5e5e5;
}  
div.item-produit-promo div.ref{
	font-size: 10px;
	color: #a7a7a7;
	font-style: italic;
	text-align: center;
	padding-top: 3px;
}  
div.item-produit-promo h3.nom-produit{
	color: #676767;
	font-size: 16px;
	padding: 0;
	margin: 0;
	font-variant: small-caps; 
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 7px;
	margin-bottom: 15px;
	line-height: 15px;
}  
div.item-produit-promo h3.nom-produit a{
	color: #676767;
	text-decoration: none;
}  
div.item-produit-promo div.resume{
	font-size: 11px;
	color: #767676;
	height: 45px;
	margin-bottom: 13px;
} 
div.item-produit-promo div.resume a{
	text-decoration: none;
	color: #767676;
}  
div.item-produit-promo div.prix{
	font-size: 14px;
	font-weight: bold;
	color: #d04f94;
	margin-bottom: 10px;
}  
a.bt-details-promo{
	display: block;
	float: left;
	width: 89px;
	height: 19px;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
	background: url(../img/item-bt-details-promo.gif) right repeat-x;
	margin-top: 5px;
	margin-right: 10px;
}
a.bt-details-promo:hover{
	background: url(../img/item-bt-details-promo-on.gif) right repeat-x;
}
a.bt-panier-promo{
	display: block;
	float: left;
	width: 141px;
	height: 19px;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
	background: url(../img/item-bt-panier-promo.gif) repeat-x;
	margin-top: 5px;
}
a.bt-panier-promo:hover{
	background: url(../img/item-bt-panier-promo-on.gif) repeat-x;
}
div.reappro-promo{
	float: left;
	width: 141px;
	height: 19px;
	margin-top: 5px;
}




/* RUBRIQUE
-------------------------------------------------------------- */
h1.titre-page,
h2.titre-page{
	color: #7f7f7f;
	font-size: 19px;
	font-variant: small-caps; 
	padding-left: 25px;
	padding-top: 2px;
	font-weight: normal;
	margin-top: 5px;
	background: url(../img/puce-titre-page.gif) no-repeat left;
}
div.description-rubrique{
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 15px;
	color: #707070;
}
div.description-rubrique a{
	color: #cf4f95;
}
div.description-rubrique a:hover{
	color: #3d3d3e;
}
div.pagination{
	text-align: center;
	font-size: 12px;
	margin-left: 35px;
}
div.pages-num{
	float: left;
	width: 250px;
}
div.page-prec{
	float: left;
	width: 137px;
	font-size: 1px;
}
a.page-prec{
	color: #8a8a8a;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	background: url(../img/page-prec.gif) no-repeat left;
	padding-left: 15px;
	padding-top: 1px;
}
div.page-suiv{
	float: left;
	width: 115px;
	font-size: 1px;
}
a.page-suiv{
	color: #8a8a8a;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	background: url(../img/page-suiv.gif) no-repeat right;
	padding-right: 15px;
	padding-top: 1px;
}
div.page-active{
	width: 18px;
	height: 16px;
	padding-top: 2px;
	display: inline-block;
	text-align: center;
	background: url(../img/page2.gif) no-repeat;
	color: #fff;
}
div.page-lien{
	width: 18px;
	height: 16px;
	padding-top: 2px;
	display: inline-block;
	text-align: center;
	background: url(../img/page1.gif) no-repeat;
}
div.page-lien a{
	color: #fff;
	text-decoration: none;
}


/* CONNEXION
-------------------------------------------------------------- */
#content-middle form {
	padding:0;
	margin:0 0 20px 0;
}
#content-middle form p {
	margin: 0;
	padding: 4px 0;
	overflow: hidden;
	font-size: 12px;
	clear:both;
	float:left;
	width:100%;
}
#content-middle form p label {
	float: left;
	width: 210px;
	padding:0 20px 0 0;
	margin: 0;
	line-height:22px;
	text-align: right;
	color: #7f7f7f;
}
#content-middle form.espace-pro p label {
	float: left;
	width: 230px;
	padding:0 20px 0 0;
	margin: 0;
	line-height:22px;
	text-align: right;
	color: #7f7f7f;
}
.oblig{
	font-size: 12px;
	color: #cf4f95;
	clear:both;
	margin: 10px 0;
}
.input-long{
	background: url(../img/input-large.gif) no-repeat;
	width: 212px;
	padding-left: 5px;
	height: 20px;
	border: none;
	color: #989898;
}
.input-small{
	background: url(../img/input-large.gif) no-repeat;
	width: 120px;
	padding-left: 5px;
	height: 20px;
	border: none;
	color: #989898;
}


/* CONTENU
-------------------------------------------------------------- */
div.box-docs{
	font-size: 12px;
}
div.box-docs span.titre-doc{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #cf4f95;
}
div.box-docs ul{
	padding: 0;
	margin: 0;
	margin-top: 5px;
}
div.box-docs ul li{
	list-style: none;
	background: url(../img/puce-liste.gif) no-repeat bottom left;
	padding-left: 15px;
	padding-top: 4px;
	paddin-bottom: 4px;
}
div.box-docs ul li a{
	text-decoration: none;
	color: #757575;
}
div.box-docs ul li a:hover{
	text-decoration: underline;
	color: #cf4f95;
}


/* PLAN SITE
-------------------------------------------------------------- */
div.plan-site{
	font-size: 12px;
	color: #7f7f7f;
}
div.plan-site h2,
div.plan-site h3,
div.plan-site h4{
	font-size: 12px;
	color: #7f7f7f;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
div.plan-site a{
	color: #7f7f7f;
}
div.plan-site a:hover{
	color: #cf4f95;
}


/* CONTACT
-------------------------------------------------------------- */
div.box_contact{
	float: left;
	width: 175px;
	height: 83px;
	padding-top: 208px;
	background: url(../img/box-contact.jpg) no-repeat top #f5f5f5;
	text-align: center;
}
div.box_contact_right{
	float: right;
	width: 380px;
}
#content-middle form p label.contact {
	float: left;
	width: 100px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:22px;
	text-align: right;
	color: #7f7f7f;
}
.textareamessage{
	width: 303px;
	height: 101px;
	padding: 5px;
	background: url(../img/textarea.gif) no-repeat;
	border: none;
	margin-left: 13px;
	color: #747474;
}
div#form-contact{
	margin-left: 15px;
}
div.bt-envoyer-contact{
	float: right;
	margin-right: 39px;
	margin-top: 8px;
}





/* PANIER
-------------------------------------------------------------- */
div.panier-message{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-size: 13px;
	text-align: center;
	color: #ca0000;
}
div.text-panier{
	text-align: center;
	font-sie: 13px;
	color: #7f7f7f;
}
table.panier-top{
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	background: #dc9cbf;
}
table.panier-top tr,
table.panier-top tr td{
	background: #dc9cbf;
}
table.panier-top tr td{
	padding-top: 3px;
	padding-bottom: 3px;
}
table.panier-item{
	color: #d04f95;
	font-size: 12px;
}
table.panier-item tr.separation{
    font-size: 1px;
	height: 8px;
	padding: 0;
	margin: 0;
	background: url(../img/separation-tab.gif) repeat-x;
	padding-bottom: 5px;
}

table.panier-bottom{
	float: right;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #818181;
	margin-top: 5px;
}
table.panier-bottom tr,
table.panier-bottom tr td{
	background: #efefef;
}
table.panier-bottom tr td{
    padding-top: 3px;
	padding-bottom: 3px;
}
.input-qte{
	background: url(../img/input-large.gif) no-repeat;
	width: 40px;
	padding-left: 5px;
	height: 20px;
	border: none;
	color: #333333;
}


/* PRODUIT
-------------------------------------------------------------- */
div.navigation-articles{
	margin-bottom: 20px;
}
div.produit-col-left{
	width: 220px;
	float: left;
}
div.produit-col-right{
	width: 323px;
	float: right;
}
h2.nom-produit{
	color: #d04f94;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	display: inline;
}
span.ref-produit{
	font-size: 11px;
	color: #aeaeae;
}
div.description-produit{
	font-size: 12px;
	color: #767676;
	margin-top: 15px;
}
div.declinaisons-produits{
	margin-top: 15px;
	margin-bottom: 5px;
}
div.prix-produit{
	color: #d04f94;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
}
span.prix-promo-produit{
	text-decoration: line-through;
	color: #aeaeae;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}
div.qte_produit{

}
span.produit-reappro{
    font-size: 12px; 
    font-style:italic; 
    font-weight: bold;
	color: #cf4f95;
}
div.box_img{
	width: 220px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.thumb_photo{
	
}
div.vignettes div.thumb_photo{
	border: 1px solid #e8e8e8;
	margin-right: 5px;
	float: left;
}
div.share_box{
	font-size: 12px;
}
div.share_box a{
	font-style: italic;
	text-decoration: none;
	color: #757575;
}
div.share_box a:hover{
	font-style: italic;
	color: #cf4f95;
}


/* MON COMPTE
-------------------------------------------------------------- */
div.titre-compte{
	font-size: 14px;
	font-weight: bold;
	color: #d04f94;
}
ul.adresses{
	margin: 0;
	padding: 0;
	padding-left: 15px;
	line-height: 16px;
}
h3.statut{
	padding-top: 5px;
	font-size: 12px;
	color: #7f7f7f;
}
ul.paiement{
	list-style: none;
}



/* ESPACE PRO et CONTACT
-------------------------------------------------------------- */
.bt-envoyer{
	width: 74px;
	height: 19px;
	border: none;
	background: url(../img/bt-envoyer.gif) no-repeat;
	cursor: pointer;
	text-indent: -999px;
	overflow: hidden;
	font-size: 0;
	display:block;
	line-height: 0;
}
div.message{
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
div.message div.rouge{
	padding-top: 25px;
	color: #d10031;
}
div.message div.vert{
	padding-top: 25px;
	color: #4a9600;
}



/* HOME
-------------------------------------------------------------- */
div.promo_home{
    font-size: 12px;
	color: #7f7f7f;
	padding-top: 5px;
}



/* MEILLEURES VENTES
-------------------------------------------------------------- */
div.box-mventes{
	width: 186px;
	background: url(../img/box-bottom.gif) no-repeat bottom #e9e9e9;
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #707070;
	font-size: 12px;
	text-align: center;
}
div.box-mventes h3.nom-produit a{
	color: #676767;
	text-decoration: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-variant: small-caps; 
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 13px;
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}  
div.box-mventes div.photo{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	height: 90px;
	background: #fff;
	border: solid 1px #e5e5e5;
}  
div.box-mventes div.prix{
	font-size: 13px;
	font-weight: bold;
	color: #d04f94;
}  
div.mv-bt{
	margin-left: 2px;
	padding-top: 6px;
	font-size: 1px;
}
#slider-mv ul, #slider-mv li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider-mv li{ 
   width: 185px;
  height: 200px;
   overflow:hidden; 
}
#prevBtn-mv, #nextBtn-mv{ 
   display: block;
   width: 14px;
   height: 45px;
   position:absolute;
   z-index:1000;
}	
#prevBtn-mv{ 
	margin-left: 10px;
}														
#prevBtn-mv a, #nextBtn-mv a{  
	display:block;
	position:relative;
	width: 14px;
	height:45px;
	background:url(../img/prec2.gif) no-repeat 0 0;	
	margin-top: -160px;
}	
#nextBtn-mv a{ 
	background:url(../img/suiv2.gif) no-repeat 0 0;	
	margin-left: 160px;
}	




/* FACEBOOK MODULE
-------------------------------------------------------------- */
div#box-facebook{
	overflow: hidden;
	padding-bottom: 5px;
	border: 1px solid #aaaaaa;
}
div#box-facebook-content{
	margin-top: -2px;
	margin-left: -1px;
	width: 184px;
	height: 185px;
	overflow: hidden;
}