@charset "utf-8";
/* CSS Document */
html, body {
 margin:0; padding:0;font-size:14px; height:100%;width:100%;font-family: 'Poiret One', cursive;}

a{	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	-ms-transition:1s;
	transition:1s; color:black}
	
a:hover{	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
	-ms-transition:1s;
	transition:1s;}
 
.support{position:relative; width:100%; margin:auto auto 20px auto; top:123px}
.supportint{top:123px;}
.supportint2,.supportint3{top:123px;}

p{margin:5px 0 5px 0}
img{border:0}
#scrollToTop a{   z-index: 2000;   background:url(../objets/top.png) no-repeat;  bottom: 10px; position: fixed;right: 10px;width: 45px; height: 45px;text-decoration: none;}
#entete  #menuGeneral #corps #pied #patch #bandeau #infos #patch { height:auto; position:relative; float:left; margin:auto; overflow:inherit; border-color:#e30000;}
#entete{margin:0 auto 2px auto; height:auto;text-align:left; overflow:hidden}

.rotationimg{background-size:100% auto; background-position: top center;}

#menuhaut{position:fixed; color:#333; vertical-align:middle; width:100%; height:auto; border-bottom:1px solid #eee;  z-index:8000; text-align:right; font-size:0.9em; top:0 }
#menuhaut a{color:black; text-decoration:none;  display:inline-block; padding-top:8px; margin-left:25px;}
#menuhaut a:hover{color:black; color:#7D7D7D}
#menuhaut a.valid{font-weight:bold;}
#menuhaut a.home{ float:left; margin-left:5%; padding:5px 0 0 0;}
#menuhaut a.panier{padding-left:45px; margin-right:5%; height:20px; background-image:url(../objets/panier.png); background-position:20px 4px; background-repeat:no-repeat;  background-size:auto 20px}
.contentmenu{width:100%;height:auto;  margin:auto; font-weight:bold;  background-color: white;}

.margecon{margin:55px auto 55px auto}

#menuGeneral{margin:0px auto 0px auto; background-color: rgba(255, 255, 255, 0.9);  text-align:center }

#menuGeneral a.lihome{color:black; font-size:2.3em; font-weight:100; margin:0px auto 0px auto;display:block; text-decoration:none; text-align:center; font-family: 'Poiret One', cursive;}


#menuGeneral a.homeint{ margin:0px auto 0px auto;  display:inline-block;}
.menublock{display:inline-block; width:71%;}


#menuGeneral a.menugen{display:inline-block; color:#666;text-decoration:none; font-size:2em; text-align:center; padding:10px 0 2px 0; text-transform:uppercase; margin-left:2.5%; margin-right:2.5%;}

#menuGeneral a.menugen:hover{ font-weight:bold}
#menuGeneral a.valid{ font-weight:bold}

.menuouvert{display:block; padding-top:30px;}
.menuferme{display:none;}

#menurubrique a.rub{width:50%;padding:5px 5px 5px 20px; display:block; line-height:1.5em; margin:0 20px 2px 15%; font-size:1.1em; text-align:left; text-transform:uppercase; color:white}

#menurubrique a.rub:hover{color:#ccc}

#menurubrique a.valid3{ color:#999}


#menurubrique{position:absolute; width:100%;text-align:left; z-index:20; overflow:auto;  background-color: rgba(0, 0, 0, 0.8);}

.vignmenu{float:right; display:inline-block; min-height:280px;  overflow:hidden; width:25%;  margin:-15px 30px auto auto;}

.vignmenuM{float:left; display:inline-block; height:130px; overflow:hidden; width:70%; background-image:url(../catalogues/logo23.jpg); background-size:100% auto; background-repeat:no-repeat; background-position: center; margin:0 30% 0px 0}


#menumarques{ -webkit-columns: 5;	-moz-columns: 5;	columns: 5;}
#menurubrique a, #menumarques a {color:black; }
#menumarques a.rub{text-align:left; width:auto; margin-left:20px;}
#menumarques a.rub2{font-size:1em;  width:100%;text-align:left}
.firstletter{color:red;font-size:1.2em;text-transform:uppercase; width:100%; font-weight:bold; display:block}



.inputprotec{display:none}

#menusrub{position:relative; text-align:center; border-bottom:1px solid #ccc; margin-bottom:5px; background-color:white;width:100%; z-index:10; overflow:inherit; font-size:1.5em; padding-top:5px; padding-bottom:5px;  }

#menusrub a.srub{width:auto; display:inline-block; padding:8px;  color:black; margin:0 0 0 1%; font-weight:bold; text-decoration:none; font-size:1.1em }

#menusrub a.srub:hover{color:#999}

#menusrub a.valid3{ color:#999}

img.logo{width:320px;margin-top:0px; border:0; vertical-align:middle;}

.titreentete{font-size:1.3em; font-weight:bold; display:block; line-height:1em}
.soustitrenetete{color:#666; font-size:1.1em; font-weight:bold; line-height:1em}
#compte{position:absolute; right:0; top:110px}
#compte a.princ{margin-left:15px; color:black; text-decoration:none}
a.droit{margin-right:15px}
#compte a.princ:hover{margin-left:15px; color:red}
#compte a.princ:visited{color:#666}
#compte a.valid{font-weight:bold}
a.margR{margin-right:15px}
#bandeau{margin-top:5px; height:auto; margin-bottom:5px}
img.diapo{width:100%; height:auto}
#nouveautes{width:200px; height:300px;float:right}

a.boutoncontact{ font-size:1.3em; padding:3px 0 3px 0;color:#e30000; font-weight:100; text-decoration:none; float:right; margin:10px auto 10px 30px;  padding:3px 8px 3px 50px; -moz-border-radius: 20px;   -webkit-border-radius: 20px;   border-radius: 20px;   background-position:5px center; background-repeat:no-repeat; background-image:url(../objets/telephone.png); background-size:45px auto;}

#contactmail{ padding-left:40px; background-image:url(../objets/emailR.png); background-size:33px auto; background-position:0 18px;}

.calbtac{margin:5px 0 5px 0; display:block; font-size:0.8em} .numtel{font-size:2em; font-weight:100; letter-spacing:-1px;}
.vignnew{width:175px; height:214px; float:left;  position:relative; overflow:hidden; margin:0 0 0 5px; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:auto 100%		}

.cartouchei2{position:absolute; background-image:url(../objets/fbl.png); bottom:0; height:auto; width:100%; padding:5px 5px 3px 5px;}

.cartoucheact2{position:absolute; bottom:0;height:auto; background-image:url(../objets/fbl.png);  width:100%; padding:5px 5px 3px 5px; }

.vignnew3{width:195px; height:234px; float:left; position:relative;overflow:hidden; margin:0 0 0 5px; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:auto 100%	}
.cartouchei3{position:absolute; bottom:0; height:auto;background-color:white; width:190px;  padding:5px 5px 3px 5px; }
.cartoucheact3{position:absolute; bottom:0;height:auto; background-color:white; width:190px; padding:5px 5px 3px 5px; }

#infos{border-top:1px dotted #e30000; margin-top:2px; padding:5px 0 5px 0; height:90px; overflow:hidden; border-bottom:1px dotted #e30000; color:#e30000; }

#infos a{text-decoration:none; color:#e30000}

.portgratuit{width:170px; color:white; margin:3px 0 3px 5px; padding:10px ; background-color:#e30000; display:block; float:left; text-align:center;   -moz-box-shadow: 1px 1px 10px #fff;    -webkit-box-shadow: 1px 1px 10px #fff;    box-shadow: 0px 0px 20px #d3c3f6; -moz-border-radius: 8px;   -webkit-border-radius: 24px;   border-radius: 25px;}
.infoport{display:block; font-size:1.8em}
.infoport0{font-size:5em}
.infoportg{font-size:1.8em}
.infoportpetit{font-size:1em}
img.imgcom{float:right; height:20px; margin-top:-15px; margin-right:7px}

.bandeau{display:inline-block; color:#e3000; width:auto; font-weight:bold; text-decoration:none; font-size:1.4em;  margin:33px 0px 0 4px; padding:0; float:left; max-width:200px;  }

.sousbandeau{color:#666; font-size:0.8em; display:block; margin-top:-4px}
img.icoband{margin:0px 0px 0 50px; height:90px; float:left; border:0}
img.icoband2{margin:3px 30px 0 0 ; vertical-align:middle; height:20px; float:left; border:0}
img.first{margin-left:0;}



#pied{margin:70px auto 2px auto; padding:4px 0 3px 0;text-align:center; overflow:hidden; border-top: 2px solid #ccc; position:relative;width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc}

.contpied{width:1082px; margin:auto;}

#patch{margin:0 auto 2px auto;  border-top:1px dotted #ccc; overflow:hidden; color:#999; font-size:0.8em; text-align:center;  position:absolute; width:100%}
#patch a{color:#999; text-decoration:none}
#patch a:hover{text-decoration:underline}
.piedcoord{margin-left:0px; font-size:1.1em}
#pied a{float:left; text-decoration:none; margin-left:5px; color:black}
#pied a:hover{text-decoration:underline}
#pied a.valid{font-weight:bold}
.piedcoord{margin-left:0px; font-size:1.1em}
#corps{margin:2px 0 0px 0; padding:3px 0 15px 0; min-height:200px; width:100%;overflow:hidden; }
#bandedroite{width:200px; min-height:500px;float:right; overflow:auto; margin-bottom:10px}
#bandecentrale{width:870px; min-height:auto;  float:left;overflow:auto}
#bandecentrale p{text-align:justify}
a.haut{float:right}
/* catalogue accueil */
.h1cat{ margin:-11px 0 0 0; padding:12px 0 10px 2%; font-size:1.2em; text-transform:uppercase; color:black; font-weight:bold; text-align:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.margt0{margin-top:0}

.mencoll{padding-top:20px; padding-bottom:20px;border-bottom:0; margin-top:10px}
#assoc{width:100%;}

#ariane a{color:black; text-decoration:none}
#ariane a:hover{color:#999;}

.h2bd{color:black;border-bottom:3px double black; font-size:1.1em; padding:0px 5px 0px 10px; margin:7px 0}
.separation{display:block; float:left; margin:3px 0 2px 0; width:100%; border-top:3px double black}
.evenement{color:black; font-weight:bold; width:190px; margin:5px 10px 5px 10px;}
.evenement:hover{color:#999}
a.li_titre{text-decoration:none; color:#666}
a.li_titre:hover{text-decoration:underline}
.navigation {display:block;text-align:right; margin: 10px 30px 0px 0; font-size:0.9em ; color:#666}


.vignette_produit{width:23%; margin:1%; height:auto; float:left; position:relative; overflow:hidden; padding:0;  cursor:pointer;}

.vignette_produit_coll{width:23%; margin:1%; height:auto; float:left; position:relative; overflow:hidden; margin:0; cursor:pointer;}

.marge0{margin-right:0px;}

.cartouchei{position:absolute;  bottom:0; height:0; overflow:hidden;  width:100%; padding:0;}
.cartoucheact{position:absolute; bottom:0; height:100%; background-color:#666;  background-color: rgba(0, 0,0, 0.6); width:100%; padding:0; }

.supvign{position:absolute; bottom:10%; width:90%; left:10%;}

.mark{padding:0;   float:left; margin:0; font-size:1.3em;color:white }
.inter{font-size:1.6em; margin-bottom:2%; text-transform:lowercase; width:100%;}

.pxpromo{text-decoration:line-through; font-weight:100; min-width:16%; float:left; margin:0 10px 0 0}
.px{ float:left; margin:0; min-width:16%; font-weight:100}

.txt{ color:#333; float:left; margin:0; font-size:0.9em}
.txt:hover{ color:#CC9966; float:left; margin:0; font-size:0.9em}
img.novo{position:absolute; left:0px; top:0px; border:0; width:40px }
img.promo{position:absolute; left:-10px; top:-10px; border:0; width:65px }

.vignaccueil{width:174px; width:240px; margin:0; margin-left:4px; border-color: #ccc;}

.blcentre{height:auto; overflow:hidden; margin-top:5px; color:#333; font-weight:bold; }

.h1acc{font-size:1.4em; background-color:#e30000; padding:5px 15px 3px 15px; color:white; display:inline; text-align:left; margin-bottom:20px; font-weight:100; line-height:1.5em}
.h1acc2{boder-bottom:0; padding: 4px 20px 2px 10px}

.fondred{ display:inline-block; background-color: transparent; font-size:1.4em; padding: 4px 20px 2px 10px}

img.phacc{margin:auto 20px 10px auto; width:42%}
p.txtacc{width:52%; float:right}

.sec{width:45%; float:left; text-align:left; margin:1.5% auto 1.5% 3%;}
#pied a{font-size:1.7em; margin-right:5%; text-transform:uppercase; margin-bottom:5px;  text-decoration:none; color:black; display:inline-block;  }
#pied a.gray{color:#999}
#pied a:hover{ color:#d7d7d7; text-decoration:none}
#pied a.valid{font-weight:bold; }
#pied .sectionbl{display:block; width:100%; float:left}

.sec2{width:45%; float:right; margin:1% 3% 1.5% auto; }
#pied a.lihome{text-align:right; margin:0; text-transform:capitalize; font-size:2.3em; width:100%}
#pied .numtelpied{text-align:right; color:#999; font-size:2.3em; margin-bottom:8px}
/* 
.div_texte{position: absolute; top:80px; left:350px; width:560px; padding:20px; background-color:#FFFFFF; opacity:0.85;   -moz-bordertop-radius: 9px;   -webkit-border-radius: 9px; border-radius: 9px;   -moz-radius: 9px;   -webkit-border-radius: 9px; border-radius: 9px; }*/

/************************************* Fiche **********************************/
.descriptif{ float:left; position:relative; width:100%; padding:0px; margin:0px 10px 10px 0px; min-height:100px; color:#000000; }



.margtp{margin-top:30px}
.desc2{ overflow:hidden; display:block; position:relative; float:left;  margin:0 0 15px 2%; width:25%; max-width:300px; min-width:200px; border:0;  padding:0px; black}



.photoprinc{display:block; position:relative; overflow:hidden; width:67.5%; margin-right:4%;  float:right;} 
/*#princimg{width:100%; vertical-align:central; margin-left:-8%  }*/
.photoprinc{text-align: center} 
#princimg{width:auto; vertical-align:central; margin-left:-8%; max-height:650px  }


img.loupe{ bottom:0; width:35px; left:0; margin-top:-50px; z-index:999}
img.imgvide{border: 0; margin: 0; padding: 0; width:700px; height:476px; z-index:10px;}
img.carteag{display: none; position:absolute; top:0; left:0; width:10px; height:10px}
#carte{background-image:url(images/carte-vins-languedoc-xs.jpg); width:700px; height:476px;}




/*.loupe{position:absolute;top:0px; right:0px; background-color:#FFFFFF;  min-width:310px;}
img.zoom{display: none; position:absolute; top:0; left:0; width:530px; height:450px;}

img.vide{ width:90px; max-height:90px  }*/



.h1prod{font-size:1.3em; text-transform:uppercase}

.bordergray{border-top: 1px solid #dbcccc; border-bottom:1px solid #dbcccc}


.descript{width:580px; overflow:hidden; display:block; position:relative; float:left; background-position:center; background-repeat:no-repeat;   margin:0 0 20px 20px; padding:10px;   border-top:1px solid #dbccccc; }

.cartouche{color:black;   margin-right:0px}
img.new{position:absolute; left:0px; top:0px; border:0; width:50px }
img.promo2{position:absolute; left:0px; top:0px; border:0; width:70px }
.introdescr{min-height:50px;float:left; width:auto; overflow:hidden; margin-bottom:10px}
.soustitre{font-size:0.8em; color:#666}

.p1{ padding:0; width:auto;text-align:left;  margin:0px 3px 0px 0px; color:black; margin:0; float:left; font-size:1.8em; margin-top:5px }
.p2{text-decoration:line-through; font-weight:100; display:inline-block; color: #999; font-size:0.8em; margin:0 10px auto auto;}


#vi_det{width:82px; height:auto;  overflow:hidden;position:absolute; overflow:hidden; right:1%; top:10px; z-index:1000}
.detail{ float:left; position:relative; width:80px;  height:90px; margin:0px 0px 5px 0px;background-size:100% auto; background-position:center; background-repeat:no-repeat; border:1px solid #ccc; background-color:white}


.titredesc{float:left; margin:10px 200px 0 10px; color:white; background-color:#e30000; color:white;  padding:3px 10px 1px 10px; font-size:1.2em; -moz-bordertop-right-radius: 9px;   -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; font-size:1.8em}


img.img_detail{max-height:100%; max-width:100%}
.articles{float:left;padding:0; margin:0; display:block;width:45%; font-size:1.2em}
.com{ float:left; background-color:#ccc; font-size:1.2em; padding:8px 0px 8px 0px; margin:15px auto 0 auto;  cursor:pointer; position:relative;  -moz-bordertop-radius: 4px;-moz-radius: 4px;   -webkit-border-radius: 4px; border-radius: 4px;  background:-webkit-gradient(radial,  80 0, 0, 180 110, 230, from(#ccc), to(#FFF)); width:230px ; text-align:center; color:#999;}
.act{ background-color:black; background:-webkit-gradient(radial, 80 0, 0, 180 110, 230, from(black), to(#FFF));  }


a.backc{color:#999;}
a.backc:hover{color:black}

a.panierinact{padding:0; margin:6px 0 0 15px; float:right; text-decoration:none; width:100%; background-color:#cccccc}

a.panierplus{float:right; border:0; margin-top:5px;  text-decoration:none}

a.panierplustxt{ padding:0; margin:6px 0 0 15px; float:right; text-decoration:none; width:100% }

img.ajoutpanier{width:30px}


.comli{text-decoration:none;  color:white; font-weight:bold}
.comli:hover{text-decoration:none; opacity:0.8}

.f{ font-size:1.1em}
.retour{color:#666; text-decoration:underline}
select{color:#666; display:inline; font-size:1em; padding:5px }
.collec{float:left; position:relative; width:135px; background-position:center; background-repeat:no-repeat; height:125px; border:1px solid #ccc; margin:0 20px 10px 0px;  -moz-border-radius:10px;   -webkit-border-radius: 10px;   border-radius: 10px; }
a.lific{ text-decoration:none;}
img.vigncatalogue{max-width:100%; max-height:100%; border:0}
#texte{ width:525px; margin:8px 3px 5px 10px; padding:0 25px 0 25px; text-align:justify; height:auto; min-height:300px;  float:left; color:black; font-size:1em}
.cpt{margin:0 0 0 10px}
.vide{text-align:center; margin:20px 0 20px 0; font-size:1.2em}
.infopanier{ background-image:url(../objets/carrinho.png); background-repeat:no-repeat; background-position:5px 20px}

.vignette_produit1{width:214px; height:400px; float:left; position:relative; overflow:hidden; border:1px solid #ccc; margin:0 0px 15px 21px; cursor:pointer; background-repeat:no-repeat; background-position: center}
.vignette_produit1:hover{border-color:red}
.vignette_produit2{width:713px; font-size:1.2em; height:350px; float:left; position:relative; overflow:hidden; border:1px solid #ccc; margin:0 0px 15px 21px; cursor:pointer; background-repeat:no-repeat; background-position:top center}
.vignette_produit2:hover{border-color:red}
.prix{ margin:0 ; font-weight:bold; margin-bottom:7px}
.prixpromo{ color:red; margin-right:15px; font-weight:bold }
.barre{ text-decoration:line-through; }
.comprod{ font-size:0.8em; line-height:1em;padding: 0 2px 10px 2px; }

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 2px solid white;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		}
/* This is for the title text. */
.cloud-zoom-title {font-family: 'Poiret One', cursive;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;	font-weight:bold;font-size:10px;top:0px;}
/* This is the zoom window. */
.cloud-zoom-big {border:2px solid #fff;overflow:hidden;}
/* This is the loading message. */
.cloud-zoom-loading {color:white;	background:red;padding:3px;border:1px solid #000; display:none;}

/*********************************  Login commande *****************************/
.login{margin-top:40px}
.log{border:1px solid #ccc; width:80%; margin:30px auto 0 auto; font-size:1.2em; text-align:center; -moz-bordertop-radius: 9px;   -webkit-border-radius: 9px; border-radius: 9px;   -moz-radius: 9px;   -webkit-border-radius: 9px; border-radius: 9px;}
.oubli{background-color:#98cdce}

.rappel{ display:inline; background-color:red; text-align:left;  font-size:1.1em; width:auto; }

.infopan{  margin-bottom:60px;margin-top:60px; text-align:center; width:100%}


a.boutoncontactp{ display:inline-block; margin:10px 50px 0 50px; font-size:1.6em; padding:3px 0 3px 0;color:black; font-weight:100; text-decoration:none; padding:3px 8px 3px 50px; background-position:5px center; background-repeat:no-repeat; background-image:url(../objets/telephone.png); background-size:45px auto; vertical-align:top}

.cb{width:200px; vertical-align:top; margin-bottom:20px}
.poste{width:130px; margin:0 auto 20px 0;vertical-align:top;}
.mondial{height:75px; margin:0 0 20px 20px; vertical-align:top; }


.rap2{margin :25px 25px 25px 40px}

.imgrappel{margin-top:-5px; margin-right:10px}
.ig2{margin:10px}
.champs{font-size:1em; width:110px}

/**************** Panier commande **********************************/
.tabcompanier{font-size:1.2em}

.col_titre{font-size:1.3em;   color:black; background-color:#eee}

.nom_prod{font-size:1em; padding-top:10px; color:black}

.bordertab{ border-top:1px solid #ccc}
.bordertab2{ border-top:1px solid #ccc;}
.piedtab{background-color:#eee}
.bastab{background-color:black; color:white; font-size:1.2em; padding:3px}

a.btcom{ color:white; text-transform:uppercase; padding:5px 10px 5px 10px; position:relative;  margin:15px 2px 2px 5px;  font-size:1.1em; width:200px; text-decoration:none}
a.btcom:hover{color:red}
.annul{background-color:#CCCCCC;}


.commande{  font-size:1.4em; border:0; padding:8px 0px 8px 0px; margin:15px auto 0 auto;  cursor:pointer; position:relative;  -moz-bordertop-radius: 4px;-moz-radius: 4px;   -webkit-border-radius: 4px; border-radius: 4px;  background-color:#dbcccc; 
background:-webkit-gradient(radial, 80 0, 0, 180 110, 230, from(#dbcccc), to(#FFF)); text-align:center;  }


.titrecom{background-color:#FFFFFF; color:black}
.panier_vide{width:100%; text-align:center; margin-top:60px; font-size:1.4em; color:#666}
#panier{margin-top:25px}
.form_panier{margin-top:40px}
.prixtotal{margin-left:30px}
.tva{margin-left:30px}


/*web 2.0*/
#pied .divweb2{ display:block; width:100%; border-top:1px}

.formrecherche{ float:left; width:auto; text-align:left; border:1px dashed #e30000; padding:4px; margin:10px auto 10px 80px; -moz-radius: 12px;   -webkit-border-radius: 12px; border-radius: 12px; color:#e30000}
#formrecherche input{width:250px; height:25px; border:0; }
#formrecherche .submit{width:27px; height:27px; padding:1px; border:0; background-color:#e30000; color:white; font-weight:bold; border:0px solid #e30000; font-size:1.2em; margin:auto 8px auto 10px}
#loupe {border:0; height:18px; margin: 0px 5px auto auto; vertical-align:middle}

a.web20{width:30px;height:28px; display:inline-block; text-decoration:none; margin:1px; background-image:url(../objets/web21.png);}
a.webyt{width:29px;height:28px; display:inline-block; text-decoration:none; margin:1px 0 0 0; background-image:url(../objets/youtube.png);}
a.gg{background-position:63px 0px;}a.twit{background-position:0px 0px; width:28px}a.face{background-position:63px 28px;}a.blg{background-position:30px 28px;}
img.web2{border:0; height:25px;}
a.nvcollect{display:inline-block; color:black; text-align:right; float:right; width:150px; margin: 0; text-decoration:none; }
a.nvcollect:hover{color:#999}
#pied a.lifb{text-decoration:none; float:right; margin:3px auto auto 5px;}

#message_actu{ position: absolute; margin:auto; left:32%; top:35%; width: 420px;   height:auto; display: block; padding:5px 15px 35px 15px;font-size:1.6em; background-repeat: no-repeat; color:#666; border:2px solid white; background-color:white;  background-color: rgba(255, 255, 255, 0.8);z-index:6; -moz-bordertop-radius: 12px;-moz-radius: 12px;   -webkit-border-radius: 12px; border-radius: 12px; }
a.blog{display:inline-block; margin-left:20px; text-decoration:none; font-size:14px; color:red;}
a.blog:hover{color:black}	
/*.etiqsel{ display:inline-block;width:90px; margin-top:8px; font-size:1em}*//* si liste */
.etiqsel{ display:block;width:90px; margin-top:8px; font-size:1em}/* si bouton radio */

.formselt{width:140px; height:30px}
.espphoto{height:auto; overflow:hidden; width:100%; margin:0; padding:0; position:relative;}
img.paniercollec{margin-right:7px}

#agrandissement{display:none;position:fixed; cursor:pointer; top:0; left:0; text-align:center; z-index:9100; width:100%; height:100%;background-color:white;  background-color: rgba(255, 255, 255, 0.8);}
#imgag{margin:2% auto; border:3px solid white; height:95%; max-width:95%}

/**** Login ***/
.formlog{max-width:700px;-moz-bordertop-radius: 12px;-moz-radius: 12px;   -webkit-border-radius: 12px; border-radius: 12px; background-color:white;  margin:auto; border:1px solid #eee; margin-top:20px;}
.imgformlog{width:50px; margin-left:20px; vertical-align:middle}
.imginsc{ margin:10px auto 10px auto}
.etiqlog{ margin-left:70px}
.etiquette{ width:130px;text-align:right; display:inline-block}
.labeletiq{ display:inline-block;width:300px; text-align:left}
.labeletiq1{ display:inline-block;}

.txtarea{width:94%; margin-left:132px}
.area{width:auto;}
.champs2{width:140px; margin:2px}
#formlog p.violet, #form1 p.violet, #formmdp p.violet, #corpstexte p.violet{margin:10px auto 10px auto;text-align:center}
.etiquetteDet{width:140px; margin-right:10px; font-weight:bold;text-align:right; display:inline-block}
.vigncompte{vertical-align:text-top; width:130px; display:inline-block;}
.tabcom{max-width:800px; margin:auto}
#lstville.lstinactive{display:none}
#lstville.lstactive{display:block}

.mblanc{padding:2px 15px 2px 25px; font-weight:bold;  display:block; margin-top:5px; color:black; cursor:pointer; }
.mblanc:hover{ color:#ccc}
a.mblanc{padding:2px 15px 2px 25px;  display:inline-block; margin-top:5px; color:black;  }
a.mblanc:hover{ color:#ccc}
a.deconnect{padding:2px 15px 2px 25px; text-decoration:none; margin-left:20px; font-size:1.2em}

.ariane{margin-top:20px}

a.liariane{ color:#999; background-image:url(../objets/li_fic.png); background-size:auto 10px; background-position:left center; background-repeat:no-repeat; padding-left:25px;  margin:10px 10px 10px 0;  text-transform:uppercase; text-align:left; text-decoration:none;}
a.liariane:hover{ color:black;   }
a.validm{color:black; font-weight:bold}

.inputact{  font-size:1.4em; border:0; padding:8px 0px 8px 0px; margin:15px auto 0 auto;  cursor:pointer; position:relative;    background-color:black;  width:230px ; text-align:center; color:white}
.inputact:hover{  font-weight:bold}

#bdlogo, #bdlogo2{display:block; height:370px;overflow:auto; border:0; text-align:center; margin-bottom:20px ; -webkit-transition:1s;	-moz-transition:1s;	-o-transition:1s;	-ms-transition:1s;	transition:1s; }
#bdlogo2{height:660px}

#bdlogo img:hover, #bdlogo2 img:hover{filter:gray; filter: grayscale(80%);-webkit-filter: grayscale(80%);
        -moz-filter: grayscale(80%);
        -o-filter: grayscale(80%);
        -ms-filter: grayscale(80%);opacity:0.8;}

#bdlogo img, #bdlogo2 img{max-width:90%; max-height:100%; height:85px; margin:3px}
#bdlogo a, #bdlogo2 a{vertical-align:middle; width:120px;  overflow:hidden; text-align:center; display:inline-block;}

img.imgh1{max-height:27px;  vertical-align:text-top; margin:-2px auto auto 20px}
.adapt1{display:none}
.spied{margin:auto 30px auto 30px; display:inline-block}



.wrap{display:none}

.plus{ margin-left:30px; cursor:pointer; color:#e30000; font-weight:bold; text-decoration:none}
.plus:hover{color:#black}


	
.encartaccueil{width:100%; float:left;height:auto; overflow:inherit; margin: 0px auto 0px auto}
a.liencart{width:49.5%; float:left; position:relative; display:block; height:auto;  text-decoration:none;margin-bottom:7px; text-transform:uppercase; background-position:center; background-size:100% 100%; background-repeat:no-repeat}
a.margin2{margin-left:1%}
a.liencart:hover{filter:gray;
        filter: grayscale(80%);-webkit-filter: grayscale(80%);
        -moz-filter: grayscale(80%);
        -o-filter: grayscale(80%);
        -ms-filter: grayscale(80%); opacity:0.8;}	
.etid1encart{ display:inline; padding:2%; position:absolute; font-size:2.8em; top:7%; left:7%;  color:white; text-shadow:3px 3px 2px  #000000;}	
.tietiq{font-family: 'Poiret One', cursive; display:block; text-transform:capitalize; font-weight:100; font-size:0.8em}		

a.lirbencart{ width:32.66666%; float:left;}

a.margin3{margin-left:1%;}
img.virub{width:100%; border:0}

img.vicat{width:100%; border:0;}





.encartacf{margin-right:0; border-left:1px dotted #dbcccc; margin-left:-1px;}


#collections{display:none;position:relative; cursor:pointer; top:0; left:0; text-align:center;  width:100%; height:auto;}

a.pluscol{float:right; color:#e30000; margin-left:20px; }
a.pluscol:hover{color:black}

.menuhist{width:100%; text-align:left; padding:3px 0 3px 20px; background-color:#e30000; font-size:1.3em; color:white}

.loading{text-align:right;margin-top:-100px; width:100%; text-align:center; margin:10px; display:none}
p.finliste{margin:15px; float:left; width:100%; text-align:center}
#listecomplete{height:0; overflow:hidden}

#ttp a{color:black; text-decoration:none;}
#ttp a:hover{color:#999}
.sttp{font-size:0.9em; color:#999}
.mint{margin-top:0}

.suppanier{width:96%; margin-left:2%; margin-top:50px}

.h3prod{margin:0; padding:0; padding-top:5px; padding-bottom:3px; color:#666}
.gray{color:#999}

#articles{width:100%; font-size:1em}


.bltxt{max-width:1050px; margin:auto; padding:auto 20px auto 20px}
.present{font-size:1.4em; text-align:center; margin:20px 20px 30px 20px; color:#999}
.present2{text-align:justify; font-size:1.2em; margin:20px 20px 30px 20px}
.present3{text-align:justify;  margin:20px 20px 30px 20px}

.hshare{display:inline; margin-right:0}
ul.share-menu{display:block;  width:100%; padding:0}
#share-menu li{display:inline-block; overflow:hidden; width:27px; height:27px; padding:0; border:0; vertical-align:middle}
#share-menu span{display:inline-block}
#share-menu a.fb{text-decoration:none; background-image:url(../objets/f.png)}
#share-menu a.twitter{text-decoration:none; background-image:url(../objets/t.png)}
#share-menu a.viadeo{text-decoration:none; background-image:url(../objets/v.png)}
#share-menu a.gg{text-decoration:none; background-image:url(../objets/g.png)}
#share-menu a.pinterest{text-decoration:none; background-image:url(../objets/p.png)}
#share-menu a.linkedin{text-decoration:none; background-image:url(../objets/l.png)}
#share-menu a.icon{width:100%; height:100%; padding-left:27px ; background-position:left bottom; background-repeat:no-repeat; display:block; background-size:auto 100%;}

#share-menu a.icon:hover{}

a[href^="tel:"] { text-align:right; margin:0; margin-top:-10px; line-height:1em; padding:0; color:#999; width:100%; font-size:0.7em;}
a[href^="tel:"]:before { content: "\260E\0000a0"; color:#999; font-size:0.7em; margin:0; padding:0;}
.sizenum{font-size:0.7em; color:#999}

.ilbl{display:inline-block}
.mrgpicto{margin:4px 5px -8px auto}
.mrgpicto2{margin:4px 5px -8px auto}
.mrgpicto3{margin:4px 10px -8px auto}

.t1{font-weight:100}

.divblock{display:block, height:auto; overflow:auto}



@media screen and (max-width: 1050px){	

     #menuGeneral a.menugen{ margin-left:2.5%; margin-right:2.5%;}
	.supportint{top:116px;}
	.supportint2, .supportint3{top:117px;}
	.menublock{display:block; width:100%;}
	.vignette_produit{width:23%; margin:1%;}
	
	.photoprinc{display:block; position:relative; width:70%; margin-right:2%;overflow:hidden;  float:right;} 
	#princimg{width:105%; vertical-align:central; margin-left:-5% }
	}


/*** TABLETTE ***/
@media screen and (max-width: 790px){
.support{width:100%; min-width:550px;top:122px}
.supportint{top:123px;}
.supportint2{top:122px;}
.supportint3{top:116px;}
a.retourhome{ width:45%; height:auto;}
img.logo{width:330px; margin-top:5px}	
#menuGeneral{border-top:0;}
/*#menuGeneral a{font-size:1em;}*/
.adapt{display:none}
.adapt1{display:block; padding-top:10px; padding-bottom:10px; padding-left:10px}
#menuGeneral a.menugen{ margin-left:1.8%; font-size:1.5em; margin-right:1.8%;}
#menurubrique a.rub{width:70%;}

#menusrub span.ibl{display:block;text-align:center; }

#nouveautes{display:none;}

#bandeau{height:auto; overflow:auto; display:block;}
img.diapo{width:100%; height:100%;  }

.vignaccueil{width:24%; height:220px; margin-left:0.5%; background-size:auto 100%}
.vignette_produit {width:31.3333%; margin:1%;}
.descriptif{width:98%; }
.vignette_produit_coll{width:23%; margin:1%;background-size:auto 100%}
.cartoucheact2{width:100%}
.cartoucheact{width:100%}
#bandecentrale{width:100%}
#bandedroite{width:100%; height:auto; min-height:150px;}
#bandecentrale h1{font-size:1.3em;}
#sec{width:25%;  margin-left:6%; }
.marge0{margin-right:0}
.descript{width:44%; margin-left:2%}

.p2{margin-top:-10px}

.infliv{width:98%; height:auto; overflow:inherit;}
.labeletiq{ display:inline-block;width:49%;}
.titredesc{margin:10px 100px 0 10px}
#infos{ height:60px; }
.bandeau{display:inline-block;display:inline; font-weight:bold; text-decoration:none; font-size:1em;  margin:20px 0px 0 -3px; padding:0; float:left;}
.sousbandeau{ margin-top:-2px}
img.icoband{margin:0px 0.5% 0 0.6%; height:60px;}

.formrecherche{ float:right; width:auto; margin-left:20px; margin-top:20px}
#formrecherche input{width:150px; }

#bdlogo, #bdlogo2{display:block;  height:290px; border:0; text-align:center; margin-bottom:20px ; -webkit-transition:1s;	-moz-transition:1s;	-o-transition:1s;	-ms-transition:1s;	transition:1s; }
#bdlogo2{height:580px}
#bdlogo img, #bdlogo2 img{max-width:90%; max-height:100%; height:49px; margin:3px}
#bdlogo a, #bdlogo2 a{vertical-align:middle; width:22%; margin-left:2%;  overflow:hidden; text-align:center; display:inline-block;}
img.imgcom{float:right; height:18px; margin-top:-15px; margin-right:7px}


#pied .numtelpied{ font-size:1.8em;}
#pied a{font-size:1.4em; margin-right:3%; }
#pied a.lihome{font-size:1.5em;}
 

.articles{width:90%; margin-bottom:20px}
.etiqsel{width:30%}
.formselt{width:69%}
.area{width:94%;}
.txtarea{ width:77%;margin-left:130px; min-width:435px; max-width:490px}
.vignmenu, .vignmenuM{display:none}
#message_actu{ position: absolute; margin:auto; left:18%; top:35%; width: 420px; }
.etid1encart{font-size:2em; top:4%; left:4%;}	
a.margin3{margin-left:1%;}

.h1cat{ margin-bottom:0}

.soustitre{display:inline-block;}
.iblock{margin-right:20px}

.margtp{margin-top:20px}
 
.photoprinc{width:100%; margin:0;  float:left;} 
.desc2{width:96%; padding-left:4%;min-width:inherit; max-width:inherit; margin:0 0 15px 2% }

#vi_det{width:70px; height:auto;  overflow:hidden;position:absolute; overflow:hidden; right:1%; top:70px;}
.detail{ float:left; position:relative; width:68px;  height:77px; margin:0px 0px 5px 0px;background-size:100% auto; background-position:center; background-repeat:no-repeat; border:1px solid #ccc; background-color:white}
.mencoll{display:block}

a.panierplus{margin-right:3%}
.panierinact{margin-right:3% }

a.panierplustxt{ margin-right:3% }

a[href^="tel:"] { margin-top:0px; font-size:3em}

 .t1{font-size:1.7em;}
}




@media screen and (max-width: 550px){

.support{min-width:400px;  top:130px}
.supportint{top:130px;}
.supportint2, .supportint3{top:130px;}
a.retourhome{ width:60%;   height:auto;}
.vignette_produit, .vignaccueil{width:48%;margin:1%;}
.descriptif{width:96%;}
.descript{width:74%;}
.vignette_produit_coll{width:50%;}
#bandecentrale{width:100%}
#bandedroite{width:100%; height:auto; border-top:1px solid #ccc;}

img.logo{width:300px; margin-top:15px; margin-bottom:10px}
#infos{ height:80px; display:none }
a.nvcollect{width:115px; font-size:0.9em }
img.phacc{display:none}
p.txtacc{width:100%}
.adaptxs{display:none}
a.adaptxs{display:none;}
 
#menuGeneral a.adaptxs{display:none;}
#menuGeneral a.menugen{width:48%}
#menuGeneral a.deb{width:10%}


.descript{width:92%; }


.desc2{width:96%; padding-left:4%;min-width:inherit; max-width:inherit; margin:0}
#vi_det{display:none}



.photoprinc{ width:100%; float:left; padding:0} 
#princimg{width:100%; margin-left:0;}



.infliv{width:100%;}
.champs{font-size:1em; width:40%;}
.champs2{font-size:1em; width:50%;}
.labeletiq{width:100%;}
.labeletiq1{ display:inline-block; width:100%}
.etiqlog{width:30%; display:inline-block;}
.btvalid{margin-left:40%}

.txtarea{width:76%; min-width:100px; max-width:330px;  margin-left:50px}
#message_actu{display:none}
.wrap{display:block}


#bdlogo{ height:280px;}
#bdlogo a, #bdlogo2 a{width:22%; margin-left:2%;}
#imgag{ width:90%; height:auto; max-height:90%}
.titredesc{margin:10px 100px 0 10px}

.formrecherche{  display:block; clear:both; width:auto; margin:15px 0 15px 0}
#formrecherche input{width:180px; }

#diaporama img{ max-height:220px }

a.boutoncontact{ font-size:1em; padding:3px 0 3px 0;color:#e30000; font-weight:100; text-decoration:none; float:right; margin:0px auto 10px 10px;  padding:3px 8px 3px 35px;  -moz-border-radius: 20px;   background-position:5px center; background-repeat:no-repeat; background-image:url(../objets/telephone.png); background-size:30px auto;}
#contactmail{ padding-left:35px; background-image:url(../objets/emailR.png); background-size:35px auto; background-position:0 5px; height: 45px; margin-right:40px }
.adapt2{display:none}
.h1cat{ font-size:1em;  width:98%;}


#sec{ padding-left:0; width:43%; margin-left:10px; }

#vi_det{display:none}
.tabcompanier{font-size:1em}
.tva, .prixtotal{margin-left:15px}

#menuhaut a{margin-left:15px;}
#menuhaut a.home{ margin-left:1%;}
#menuhaut a.panier{padding-left:30px; margin-right:2%;  background-position:10px 4px; }

a.liencart{width:100%; height:auto; margin-bottom:7px;}
a.margin2{margin-left:0}
a.margin3{margin-left:0}

.encartaccueil{width:100%; height:auto; margin: 0px auto 5px auto}

.sec{width:100%; margin:0}
 .sec2{margin:10px 0 10px 0; width:95%; padding-right:5%; float:left}
 
 #scrollToTop a{   bottom: 0px;right: 5px;width: 40px; height: 40px;}
}


@media screen and (max-width: 400px){
.support{min-width:280px;}
a.retourhome{ width:70%;}
.portgratuit{ margin:2% 6% 0 0; width:40%; font-size:0.7em;}
img.logo{width:250px; margin-top:15px; margin-bottom:10px}

.support{top:145px}
.supportint{top:145px;}
.supportint2, .supportint3{top:145px;}

.infliv{width:95%; border-bottom:1px solid #ccc;}
.vignette_produit, .vignaccueil, .vignette_produit_coll{width:48%;}
.adaptxxs{display:none}
.tabcompanier{font-size:0.8em;}
}