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

*{margin:0;padding:0;border:0;}

/*img {
	margin: 0 0 0 0 !important;
	margin: -2px 0 -2px 0;
}*/

/* ------------------------------------------------ */


h2 {
	background-position: left;
	background-repeat: no-repeat;
	/*padding: 5px 0px 0px 0px;*/
	padding-bottom:5px;
	font-size: 13px;
	font-weight:bold;
}


/* ------------------------------------------------ */

body{
margin: 0px 0px 0px 0px;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1A1A1A;
	text-align: center;
	
background-color:#FFFFFF;

}

#globale{

background-color:#FFFFFF;
width:968px;
height:950px;
margin-top:0px;
margin-left:auto;
margin-right:auto;

}

#principale{

background-image:url(../images/principale.jpg);
background-position:top;
background-repeat:repeat-y;
width:950px;
/*height:750px;*/
top:0px;
margin-left:auto;
margin-right:auto;

}

#logo{

width:87px;
height:87px;



margin-left:15px;
margin-top:15px;
position:absolute;


}

#panier{

width:196px;
height:40px;

background-image:url(../images/panier.jpg);
background-position:top;
background-repeat:no-repeat;

margin-left:735px;
margin-top:15px;
position:absolute;

vertical-align:middle;
line-height:20px;

}

	#panier a{
	
	font-size: 11 px;
	color: #1A1A1A;
	text-decoration:none;
	
	}

	#liencompte a{
	
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
	
	}

#menuhaut{

width:950x;
height:50px;
text-align:right;
font-size: 12px;
font-weight:bold;
/*color: #B3B3B3;*/

}

	#menuhaut a{
	
	color: #1A1A1A;
	text-decoration:none;
	
	}

	#menuhaut a:hover{
	
	color: #1A1A1A;
	text-decoration: underline;
	
	}


#liensmenu{

padding-top:30px;
padding-right:10px;

}


#fen{

width:950x;
height:259px;

}

#bigbox{

}

#smallbox{

padding:5px;

}

.clear {clear:both;}

#menu{

width:166px;
float:left;
margin-right:20px;
vertical-align:middle;

}


#onglets{
text-align:left;

}


#cactus{

background-image:url(../images/fondmenu.jpg);
background-repeat:repeat-y;
/*margin-top:-10px;
margin-bottom:-5px;*/

padding: 5px;
margin-bottom: 5px;
text-align: right;

}

#cactus img
{
	margin: 15px 0 0 0;
}

#cactus p {
	color: #000;
	text-decoration: none;
	text-align: left;
}

#cactus strong {
	text-decoration: none;
}

#cactus span {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: left;
}
.cmenu{

background-image:url(../images/fondmenu.jpg);
background-repeat:repeat-y;
/*margin-top:-10px;
margin-bottom:-5px;*/

text-align:left;
font-size: 11px;
font-weight:bold;
text-transform: uppercase;
color: #1A1A1A;

margin-bottom: 5px;

}

	.cmenu li a, .cmenu li a:link{
	text-decoration:none;
	color: #1A1A1A;
	display: block;

	padding:3px;
	}
	
	.cmenuok{
	
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	border:1px solid #808080;
	background-color:#808080;
	/*margin-top:-10px;
	margin-bottom:-10px;*/
	
	
	}
	
	.cmenu li a:hover{
	
	text-align:left;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	/*border:1px solid #808080;*/
	background-color:#808080;
	text-decoration:none;

	
	}
	
	.cmenu ul{
	
	list-style:none;
	
	}
	.cmenu li{
	
	/*margin:1px 0 1px 0;*/
	/*height:15px;*/

	
	}	
	

#recherche{

background-image:url(../images/recherche.jpg);
background-repeat:no-repeat;
height:20px;
text-align:left;/*
font-size: 9px;*/
padding-top:3px;
padding-left:3px;

}

#menurecherche{

background-color:#bfbfbf;
/*text-align:left;
font-size: 9px;*/
width:120px;
font-size: 9px;
/*color:#808080;*/

}

#rub-garanties{

background-image:url(../images/rub-garanties_fr.jpg);
background-repeat:no-repeat;
height:18px;
margin-top:2px;

}

#rub-actu{

background-image:url(../images/rub-actu_fr.jpg);
background-repeat:no-repeat;
height:18px;
margin-top:2px;

}

.prgaranties{
border:1px solid #B3B3B3;
height:28px;
vertical-align:middle;
margin-bottom:10px;
}


#fildariane{

font-size: 9px;
color: #B3B3B3;
margin-bottom:10px;

}

	#fildariane a{
	
	font-weight:bold;
	color: #B3B3B3;
	text-decoration:none;
	
	}

	#fildariane a:hover{
	
	color: #B3B3B3;
	text-decoration: underline;
	
	}


#contenu{

min-height:500px;
width:730px;
float:left;
margin-top:5px;
text-align:left;

}

#catalogue{
/*width:670px;*/
width:672px;

/*	margin-left:30px;*/
	background-image:url(../images/fondprod2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}

	#catalogue img{
	
	/*border:1px solid #B3B3B3;
	
	margin:1px;*/
	
	}

#vignettes{
width:672px;
/*border:1px solid #FF0000;*/
	margin-left:30px;
	background-image:url(../images/fondprod1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	/*margin:1px;*/
	padding:1px;
}

	#vignettes img{
	
	/*padding:1px;*/
	
	}

/*#bt1{

position:absolute;
margin-top:38px;
margin-left:-15px;

}

#bt2{
	position:absolute;
	margin-top:38px;
	margin-left:660px;

}*/

#bandeunie{

height:10px;
background-color:#333333;

}

/* ---------------------------------------- */

h1 {

margin-bottom:10px;

}

hr{
 width:100%;
 background-color:#FFFFFF;
 border-top: 1px dashed #1A1A1A;
 margin-top:15px;
 margin-bottom:15px;
 /*margin-bottom:10px;*/
}

.encadre{

/*border:1px solid #1A1A1A;*/
padding:5px;

}

.prodmagn{
float:left;
text-align: center;
}
#big_img {
	border: 1px solid #B3B3B3;
}

.bloc1{
border:1px solid #B3B3B3;
vertical-align:middle;
padding:5px;
padding-top:15px;
background-image:url(../images/bb.jpg);
background-repeat:repeat-x;
background-position:top;
float:right;
margin-left:10px;
width:560px;
display: inline;
position: relative;
/*height:230px;*/
}

	.bloc1 h1{
	background:none;
	padding: 0px 0px 0px 0px;
	}

.bloc2{
border:1px solid #B3B3B3;
vertical-align:middle;
padding:5px;
background-image:url(../images/bb2.jpg);
background-repeat:repeat-x;
background-position:top;
float:right;
margin-left:10px;
margin-top:10px;
width:560px;
/*height:100px;*/
}

	.bloc2 h1{
	color: #FFFFFF;
	font-weight:bold;
	/*text-transform: uppercase;*/
	background:none;
	padding: 0px 0px 0px 0px;
	}
	
	.bloc2 img{
	float:right;
	}


.bloc3{
border:1px solid #1b1b1b;
vertical-align:middle;
padding:5px;
padding-top:15px;
background-image:url(../images/bb3.jpg);
background-repeat:repeat-x;
background-position:top;
float:left;
margin-left:10px;
width:500px;
background-color:#333333;
color: #FFFFFF;
}

	.bloc3 h1{
	color: #FFFFFF;
	font-weight:bold;
	background:none;
	padding: 0px 0px 0px 0px;
	}
	
	.bloc3 img{
	float:right;
	}


.ajoutpanier{
float:right;
font-size: 28px;
font-weight:bold;
position: absolute;
right: 5px;
bottom: 5px;
}

.taillemagn{
float:left;
}

.taillemagn table{
float:left;
}

.taillemagn p{
font-size: 10px;
}

.tailleoff{
color: #c7c7c7;
font-size: 10px;
}

/* ------------------------- */


#ficheproduitsticker{

min-height:500px;
width:968px;
text-align:left;
/*border:1px solid #FF0000;*/
background-color:#FFFFFF;
padding-top:10px;
margin: auto;
}

#patate{

text-align:center;

}

#fermer{
/*position:absolute;padding-top:-8px;padding-left:70px;*/
float:left;
}

#titlefichestick{

text-align:left;
background-color:#1A171B;
width:948px;
margin-left:10px;
margin-right:10px;
color: #FFFFFF;
font-weight:bold;
font-size:12px;
vertical-align:middle;
height:20px;
}

#contenufichestick{

padding:5px;
/*border:1px solid #568514;*/

}

	#contenufichestick .bloc1{
	
	width:253px;
	/*margin-top:10px;
	margin-left:10px;*/
	margin:5px;
/*	min-height:251px;*/
	/*min-height:268px;*/
	height:268px;
	float: left;
	}
	
	#contenufichestick a,h2{
	
	color: #D83324;
	
	}

	#contenufichestick .ajoutpanier {
		position: static;
	}
	
	#contenufichestick .bloc2{
	
	width:294px;
	/*margin-left:10px;
	margin-top:10px;*/
	margin:5px;
	
	}
	
#contenufichestick .bloc2 hr{
	
	margin-top:5px;
	margin-bottom:5px;
	}
	
	
	
	#contenufichestick .bloc3{
	
	width:294px;
	margin:5px;
	float:right;
	/*height:105px;*/
	height:86px;
	}
	
	#contenufichestick .ajoutpanier{
	
	color:#FFFFFF;
	}

#basfichestick{
text-align:center;
height:20px;
width:948px;
margin-left:10px;
margin-right:10px;
font-size:10px;

}

#facebook{
float:right;
text-align:right;
padding-right:5px;
}

/* ------------------------------------- */


#globalaccueil{
/*height:600px;*/
width:auto;
text-align:center;
background-image:url(../images/bandeaccueilnew.jpg);
background-position:top;
background-repeat:repeat-x;
vertical-align:middle;
padding:auto;

margin:20px 0 0 0;
}

#boxaccueil{
text-align:center;
width:765px;
/*height:390px;*/
margin:auto;
padding-top:85px;
}

#btaccueil{
float:left;
}

#btaccueil2{
float:left;
}

#logoaccueil{
float:left;
padding-top:160px;
}

/*----------------------------------*/

.testpng{
height:130px;width:130px; float:left; background-color:#FFFFFF; border:1px solid #B3B3B3;margin:1px; position: relative;
}



.testpngac {
	height:130px;width:130px;float:left;
}

.testpngac a {
	position:relative;display:block;color:white;font-weight:bold;height:80px;width:130px;text-align:center;padding-top:50px;
}

.testpngac a span {
	visibility:hidden;
}

.testpngac a img{
	position:absolute;left:0;bottom:5px;
}

.wrapper_testpng{
height:150px;width:130px; float:left; margin:1px;position:relative;
	border:1px solid #B3B3B3; background-color:#FFFFFF;
}
.product_price {
width:130px; float:left; height: 20px;
border-top:1px solid #B3B3B3; line-height: 20px; text-align: center;
}


.testpng2{
height:130px;width:130px; float:left; background-color:#0e0803; border:1px solid #000000;margin:1px;
}

.loupe{
position:absolute;padding-top:100px;padding-left:100px;
}

.notreselection{
position:absolute;margin-top:-5px;margin-left:10px;
}

.coupdecoeur{
position:absolute;padding-top:100px;
cursor: pointer;
}

.faq{
}

.faq h1{
margin-top:10px;
padding: 0px 0px 0px 0px;
background:none;
}

.faq h3{
margin-top:3px;
margin-bottom:3px;
margin-left:15px;
cursor:pointer;
}

.response{
border:1px solid #B3B3B3;
padding:5px;
margin-left:15px;
}

.menu_left_titre {
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0 0 25px;
	float: left;
}

.span_product {
	cursor: pointer;
	visibility: hidden;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 129px;
	height: 100%;
}

#prix_produitM_barre {
	text-decoration:line-through;
	font-size: 14px;
}
#prix_produitM {
	display: block;
}

/* PopUp */
#popUp
{
	background-color: white;
	margin-top: 20px;
	position: absolute;
	z-index: 1000;
	border: 8px solid #545145;
	padding: 10px 10px 0 10px;
	text-align: left;
}

#popUpOverlay
{
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
}






/* --------------------------------- */
/* --------------------------------- */

.input{
/*text-align:right;*/
}

#contactForm{
border:1px solid #CCCCCC;
padding:10px;
/*font-size:11px;*/
}

	#contactForm input {
	border: 1px solid #CCCCCC;
	font-weight:bold;
	width:250px;
	}
	
	#contactForm label{
	font-size:11px;
	}


#register{
border:1px solid #CCCCCC;
padding:10px;
/*font-size:11px;*/
}

	#register input {
		border: 1px solid #CCCCCC;
		font-weight:bold;
		width:250px;
	}

	#register label{
	font-size:11px;
	}

#mesinfos{
border:1px solid #CCCCCC;
padding:10px;
}

	#mesinfos input {
		border: 1px solid #CCCCCC;
		font-weight:bold;
		width:250px;
	}
	
	#mesinfos label{
	font-size:11px;
	}

#connexion{
border:1px solid #CCCCCC;
padding:10px 0 10px 0;
text-align: center;
/*width:400px;*/
}

#pourpanier{
border:1px solid #CCCCCC;
padding:5px;
/*font-size:11px;*/
}

	#pourpanier label{
	font-size:11px;
	}

.titre {
	font-size: 14px;
	font-weight:bold;
	margin-left:0px;
}

.centre {
text-align:center;
}

select {
	border: 1px solid #CCCCCC;
}
textarea {
	border: 1px solid #CCCCCC;
}

.error{
color:#CCCCCC;
}

#panier_ {
}

#panier_ th{
	background-color:#CCCCCC;
	border:3px solid #CCCCCC;
	color:#FFFFFF;
}
.error {
	background-color:#FFD9D9;
	border:1px solid #F44400;
	color:#222222;
	line-height:160%;
	margin-bottom:15px;
	padding:5px;
}
.message
{
	background-color: #b4f771;
	border: 1px solid #58e654;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #222;
	padding: 5px 5px 5px 5px;
	line-height: 160%;
}
li {
	list-style: none;
}

#infos_fact{
border:1px solid #CCCCCC;
padding:10px;
width: 320px;
float: left;

}

	#infos_fact input {
		border: 1px solid #CCCCCC;
	
		width:200px;
	}
	#infos_fact select{
		border: 1px solid #CCCCCC;
		width:200px;
		}
	
	#infos_fact label{
	font-size:11px;
	}

#infos_liv{
border:1px solid #CCCCCC;
padding:10px;
width: 320px;
float: right;
}

	#infos_liv input {
		border: 1px solid #CCCCCC;

		width:200px;
	}
	#infos_liv select{
		border: 1px solid #CCCCCC;
		width:200px;
		}
	
	#infos_liv label{
	font-size:11px;
	}
#privacy_policy p, #cgv p
{
	margin: 10px 0 10px 25px;
}
#privacy_policy li, #cgv li
{
	list-style-type: circle;
}
#privacy_policy ul, #cgv ul
{
	margin-left: 60px;
}
/* tooltip*/
.tool-tip {
	color: #fff;
	width: 160px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}