BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
#page
	{
		width:1300px;
		margin-left:auto;
		margin-right:auto;
		
	}
	

#haut{
	position:relative;
	float:left;
	width:1300px;
	height:100px;
	background:url(../images/bghaut3.jpg) no-repeat;
	background-image: url(../images/bghaut3.jpg);
}


#logo{
position:relative;
float:left;
width:225px;
height:90px;
padding-left:30px;
padding-top:3px;
}

#acces{
position:relative;
float:right;
width:550px;
height:93px;
padding-right:30px;
padding-top:3px;
}

#acces #recherche{
	position:relative;
	float:right;
	width:520px;
	height:50px;
	padding-left:10px;
	padding-top:15px;
}

#acces #recherche #select{
position:relative;
float:left;
width:400px;
height:20px;

}

#acces #recherche #ok{
position:relative;
float: right;
width:30px;
height:25px;

}

#acces #recherche #select1{
position:relative;
float:left;
width:360px;
height:30px;

}

#acces #skype{
position:relative;
float:right;
width:460px;
height:37px;
padding-top:6px;
}
#acces #skype #skype2{
position:relative;
float:left;
width:150px;
padding-top:10px;
height:27px;
color: #7fb400;
	font-family: "Trebuchet MS";
	font-size:17px;
	font-weight:bold;
	background:url(../images/tel.jpg) no-repeat;
	padding-left:30px;
}
#acces #skype #skype1{
position:relative;
float:left;
width:150px;
height:37px;
color: #66CC66;
}
#acces #skype #skype3{
position:relative;
float: right;
text-align:right;
width:130px;
height:37px;
}


.champ{
	color:#666666;
	font-family:Tahoma;
	font-size:11px;
	width:400px;
	border: #CCC 1px solid;
	background-color:#FFF;
	height:18px;
	background-color:#FFF;
	text-align:left;
	padding-left:5px;
	}
	
	.champe{
	color:#666666;
	font-family:Tahoma;
	font-size:11px;
	width:150px;
	border: #CCC 1px solid;
	background-color:#FFF;
	height:18px;
	background-color:#FFF;
	text-align:left;
	padding-left:5px;
	}
	
	.champ1{
	color:#666666;
	font-family:Tahoma;
	font-size:11px;
	width:360px;
	border: #CCC 1px solid;
	background-color:#FFF;
	height:18px;
	background-color:#FFF;
	text-align:left;
	padding-left:5px;
	}

#topNav{
	width:1300px;
	height:34px;
	position:relative;
	float:left;
 background:url(../images/bgmenu3.jpg) no-repeat;	
	}
#topNav ul{
	display:block; 
	position:relative;
	width:750px; 
	height:34px;
	margin:0;
	padding:0;
	float:left;
	}
#topNav ul li{
	height:34px;
	display: inline;
	float:left;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	
	
	}
	#topNav ul li.li1{
	position:relative;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:3px;
	background: none;
	text-align:center;
	display: inline;
	width:22px;
	height:22px;
	}
#topNav ul li a{
	
	text-align:center;	
	display:inline;
	line-height:24px;
	text-decoration:none;
	color:#FFF;
	font-family: "Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	padding-right:12px;
	padding-left:12px;
	}
#topNav ul li a:hover{

	text-align:center;
	line-height:24px;
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size:14px;
	font-weight:bold;
}
#topNav ul li a.hover{ 
	text-decoration:none; 
	color: #FFFFFF;
	line-height:24px;
	font-family: "Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	/* background:url(../images/puce.gif) no-repeat bottom center;*/	
	
	}
	
	#langue{
	width:220px;
	height:20px;
	float: right;
	padding-top:7px;
	color:#FFF;
	font-family: "Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}
	
	#langue a , #langue a:visited , #langue a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFF;
		text-decoration:none;
		font-weight:normal;
		padding-left:2px;
	}
#langue a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #CC0000;
		text-decoration:none;
		font-weight:normal;
		padding-left:2px;
	}

#espace{
position:relative;
float:left;
width: 222px; 
height: 160px;
background:url(../images/bgespace.gif) no-repeat;
}

#espace #titreespace{
position:relative;
float:left;
width: 184px; 
height: 30px;
padding-left:38px;
font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
}

#espace #contentespace{
position:relative;
float:left;
width: 212px; 
height: 100px;
padding-left:10px;
}

#espace #contentespace #input{
position:relative;
float:left;
width: 200px; 
height: 20px;
padding-left:10px;
padding-top:10px;
}

#espace #contentespace #pass{
position:relative;
float:left;
width: 120px; 
height: 20px;
padding-left:10px;
padding-top:10px;
}

#espace #contentespace #pass a , #espace #contentespace #pass a:visited , #espace #contentespace #pass a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFF;
		text-decoration:none;
		font-weight:normal;
	}
#espace #contentespace #pass a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #0099CC;
		text-decoration:none;
		font-weight:normal;
	}

#espace #contentespace #envoi{
position:relative;
float:left;
width: 70px; 
height: 20px;
padding-left:10px;
padding-top:10px;
}


#espace #beneficier{
position:relative;
float:left;
width: 222px; 
height: 27px;

text-align:center;
}

#espace #lig{
position:relative;
float:left;
width: 220px; 
height: 30px;
padding-left:20px;

}

#espace #password{
position:relative;
float:left;
width: 150px; 
height: 30px;
padding-left:20px;
padding-top:10px;
}

#espace #password a , #espace #password a:visited , #espace #password a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FFF;
		text-decoration:none;
		font-weight:normal;
	}
#espace #password a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #CC0000;
		text-decoration:none;
		font-weight:normal;
	}
	
	
#prestation{
position:relative;
float:left;
width: 222px; 
height: 111px;
background:url(../images/prestation.gif) no-repeat;
}

#prestation #titrepres{
position:relative;
float:left;
width: 184px; 
height: 30px;
padding-left:38px;
font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
}

#aspect{
position:relative;
float:left;
width: 222px; 
height: 109px;
background:url(../images/aspect.gif) no-repeat;
}

#aspect #titreaspect{
position:relative;
float:left;
width: 184px; 
height: 30px;
padding-left:38px;
font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
}


#info{
position:relative;
float:left;
width: 222px; 
height: 192px;
background:url(../images/info.gif) no-repeat;
}

#info #titreinfo{
position:relative;
float:left;
width: 184px; 
height: 30px;
padding-left:38px;
font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
}

#guide{
position:relative;
float:left;
width: 222px; 
height: 35px;
background:url(../images/bglien2.gif) no-repeat;
font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
	padding-top:5px;
	text-align:center;
}

#guide a , #guide a:visited , #guide a:active
	{
		font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
		line-height:22px;
		text-decoration:none;
		text-align: center;
		
	}
#guide a:hover
	{
		font-family: "Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color: #FFCC00;
		line-height:22px;
		text-decoration:none;
		text-align:center;
	}

#contenu{
position:relative;
float:left;
width: 1310px; 
height: auto;

}

#moduleleft{
position:relative;
float:left;
width: 222px; 
height: auto;
}

#modulecenter{
position:relative;
float:left;
width: 1058px; 
height: auto;
padding-left:3px;
padding-right:3px;
}

#modulecenter #demandez{
position:relative;
float:left;
width: 529px;
text-align:center;
height:36px;
}
#modulecenter #hautcenter{
position:relative;
float:left;
width: 529px;
height:4px;
background:url(../images/bghautcontenu.jpg) no-repeat;
}
#modulecenter #bloc{
position:relative;
float:left;
width: 1058px;
font-family:Tahoma;
font-size:14px;
padding-left:10px;
color:#666666;
line-height:20px;
height:auto;
background:url(../images/bghautcontenu.jpg) no-repeat #FFFFFF;
min-height:480px;
}

#modulecenter #bloc #texte{
	position:relative;
	float:left;
	width: 730px;
	line-height:20px;
	text-align:left;
	font-family:Tahoma;
	font-size:12px;
	color:#666666;
	padding-left:10px;
}
#texte a{
text-decoration:none;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
}
#texte a:hover{
text-decoration: underline;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
}
#modulecenter  #table{
position:relative;
float:left;
width: 730px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
height:auto;
z-index:0;
background:url(../images/border.gif) repeat-y;
}
#modulecenter  #contenutable{
position:relative;
float:left;
width: 730px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
height:400px;
z-index:0;
}
#modulecenter  #tablecorner{
position:relative;
float:left;
width: 40px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
height:30px;
z-index:0;
top:-5px;
background:url(../images/top-corner.gif) top left no-repeat; 
}
#modulecenter  #tablehaut{
position:relative;
float:left;
width: 690px;
height:30px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
top:-5px;
color:#666666;
z-index:0;
background:url(../images/table-border.gif) repeat-x;
}
#modulecenter  #tablebottom{
position:relative;
float:right;
width: 687px;
height:29px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
z-index:0;
top:-25px;
right:10px;
background:url(../images/table-border2.gif) bottom right repeat-x;
}
#modulecenter  #table_bottom{
position:relative;
float:right;
width: 40px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
height:30px;
top:-25px;
right:10px;
z-index:0;
background:url(../images/bottom-corner.gif) bottom right no-repeat;

}
#modulecenter #bloc #image{
position:relative;
padding-right:1px;
padding-top:1px;
float: right;
width: 190px;
height:190px;
line-height:20px;
text-align: right;
font-family:Tahoma;
font-size:12px;
color:#666666;
}

#modulecenter #bloc #bouton{
position:relative;
float:left;
width: 740px;
height:30px;
text-align: right;
font-family: "Trebuchet MS";
font-size:15px;
color: #FF9900;
font-weight:bold;
padding-top:10px;
}
#modulecenter #bloc #titre{
	position:relative;
	float:left;
	width: 740px;
	height:30px;
	text-align:left;
	font-family: "Trebuchet MS";
	font-size:15px;
	color: #FF9900;
	font-weight:bold;
	padding-top:10px;
}

#modulecenter #bloc #suite{
position:relative;
float: left;
width: 70px;
height:20px;
text-align:left;
font-family: Tahoma;
line-height:15px;
padding-left:20px;
background:url(../images/bgsuite.jpg) no-repeat;
}

#modulecenter #bloc #suite a , #modulecenter #bloc #suite a:visited , #modulecenter #bloc #suite a:active
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
	text-align:left;
		
	}
#modulecenter #bloc #suite a:hover
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #FF9900;
	text-decoration:none;
	}



#modulecenter #bloc1{
position:relative;
float:left;
width: 519px;
height:auto;
padding-top:5px;
background:#FFFFFF;
background:url(../images/bgp.jpg) no-repeat top #FFFFFF;
padding-left:10px;
}

#modulecenter #bloc1 #texte1{
position:relative;
float:left;
width: 327px;
height:132px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;

}
#modulecenter #bloc1 #image1{
position:relative;
padding-right:1px;
padding-top:1px;
float: right;
width: 190px;
height:190px;
line-height:20px;
text-align: right;
font-family:Tahoma;
font-size:12px;
vertical-align:bottom;
color:#666666;
}

#modulecenter #bloc1 #titre1{
position:relative;
float:left;
width: 317px;
height:30px;
text-align:left;
font-family: "Trebuchet MS";
font-size:15px;
color: #097b94;
font-weight:bold;
padding-left:10px;
padding-top:10px;
background:url(../images/bgtitre.jpg) no-repeat;
}

#modulecenter #bloc1 #suite1{
position:relative;
float: left;
width: 70px;
height:20px;
text-align:left;
font-family: Tahoma;
padding-left:20px;
background:url(../images/bgsuite.jpg) no-repeat;
}

#modulecenter #bloc1 #suite1 a , #modulecenter #bloc1 #suite1 a:visited , #modulecenter #bloc1 #suite1 a:active
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
	text-align:left;
		
	}
#modulecenter #bloc1 #suite1 a:hover
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #FF9900;
	text-decoration:none;
	}


#modulecenter #blocinterne{
position:relative;
float:left;
width: 519px;
font-family:Tahoma;
font-size:12px;
padding-left:10px;
color:#666666;
line-height:20px;
height:auto;
background:url(../images/bghautcontenu.jpg) no-repeat #FFFFFF;
min-height:605px
}

#modulecenter #blocinterne #texte{
position:relative;
float:left;
width: 327px;
height:132px;
line-height:20px;
text-align:left;
font-family:Tahoma;
font-size:12px;
color:#666666;
}
#modulecenter #blocinterne #image{
position:relative;
padding-right:1px;
padding-top:1px;
float: right;
width: 190px;
height:190px;
line-height:20px;
text-align: right;
font-family:Tahoma;
font-size:12px;
color:#666666;
}

#modulecenter #blocinterne #titre{
position:relative;
float:left;
width: 317px;
height:30px;
text-align:left;
font-family: "Trebuchet MS";
font-size:15px;
color: #FF9900;
font-weight:bold;
padding-top:10px;
}

#modulecenter #blocinterne #suite{
position:relative;
float: left;
width: 70px;
height:20px;
text-align:left;
font-family: Tahoma;
line-height:15px;
padding-left:20px;
background:url(../images/bgsuite.jpg) no-repeat;
}

#modulecenter #blocinterne #suite a , #modulecenter #blocinterne #suite a:visited , #modulecenter #blocinterne #suite a:active
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
	text-align:left;
		
	}
#modulecenter #blocinterne #suite a:hover
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:normal;
	color: #FF9900;
	text-decoration:none;
	}


#modulecenter #bascenter{
	position:relative;
	float:left;
	width: 1058px;
	height:13px;
	background:url(../images/bgbascontenu3.jpg) no-repeat;
	background-image: url(../images/bgbascontenu3.jpg);
}

#moduleright{
position:relative;
float: right;
width: 222px; 
height: auto;
}

#intervention{
position:relative;
float:left;
width: 222px; 
height: auto;
}


#intervention #titreinter{
	position:relative;
	float:left;
	width: 172px;
	height: 29px;
	background:url(../images/bgintervention2.jpg) no-repeat;
	font-family: "Trebuchet MS";
	font-size:15px;
	font-weight:bold;
	padding-left:50px;
	padding-top:2px;
	color:#FFFFFF;
	background-image: url(../images/bgintervention2.gif);
}

#intervention #interne{
position:relative;
float:left;
width: 217px; 
height: auto;
background:url(../images/bginter2.jpg) repeat-y;
padding-left:5px;
}

#intervention #basinterne{
position:relative;
float:left;
width: 222px; 
height: 20px;
background:url(../images/bgbasinter2.jpg) no-repeat;
margin:0;
padding:0;
}

#meteo{
position:relative;
float:left;
width: 202px; 
height: 120px;
background:url(../images/bgmeteo.jpg) no-repeat;

padding-top:10px;
padding-left:10px;
padding-right:10px;
}

#meteo #titremeteo{
position:relative;
float:left;
width: 172px; 
height: 25px;
background:url(../images/pmet.jpg) no-repeat;
padding-left:30px;
font-family: "Trebuchet MS";
	font-size:15px;
	font-weight:bold;
	color:#FF9900;
}

#meteo #contentmeteo{
position:relative;
float:left;
width: 202px; 
height: 75px;
font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	color: #0099CC;
	text-align:center;
}




#ligne{
position:relative;
float:left;
width: 217px; 
height: auto;
font-family: Tahoma;
font-size:11px;
font-weight:bold;
color:#00aebe;
line-height:22px;
padding-left:5px;
}

#ligne a , #ligne a:visited , #ligne a:active
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#00aebe;
	line-height:22px;
	text-decoration:none;
	background:url(../images/rpuce.jpg) no-repeat;
	padding-left:15px;
		
	}
#ligne a:hover
	{
	font-family: Tahoma;
	font-size:11px;
	font-weight:bold;
	color: #FF9900;
	line-height:22px;
	text-decoration:none;
	padding-left:15px;
	}




#bas{
	position:relative;
	width:1300px;
	height:45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #8b8b8b;
	padding-top:10px;
	text-align:center;
	float:left;
	background:url(../images/bgbas2.jpg) no-repeat;
	border-bottom:#999999 solid 1px;
}
	
#baslien
	{
	width:700px;
	height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #435b70;
	line-height:20px;
	position:relative;
	padding-left:10px;
	text-align:left;
	float:left;
	}
	
#baslien a , #baslien a:visited , #baslien a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #435b70;
		line-height:20px;
		text-decoration:none;
		padding-right:10px;
		
	}
#baslien a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FF9900;
		line-height:20px;
		text-decoration:none;
		padding-right:10px;
	}
	
#edirect
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #435b70;
		width:244px;
		text-align:right;
		float: right;
		padding-right:10px;

	}
	
#edirect a , #edirect a:visited , #edirect a:active
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #435b70;
		line-height:20px;
		text-decoration:none;
	}
#edirect a:hover
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #FF9900;
		line-height:20px;
		text-decoration:none;
	}
#boutonhaut
	{
		width:auto; 
		float:left; 
		position:relative; 
		text-align:center;
		padding-left:10px;
		padding-right:10px;
	}
	
/* Magnific Popup CSS */
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; 
	filter: alpha(opacity=80); }
.mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; }
.mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a {color: #CCC; }
.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }
button.mfp-close,
button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; 
	outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner {padding: 0; border: 0; }
.mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter {position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; 
	height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; 
	border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left {left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close {top: -40px; }
.mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 
	background: #000; }
/* Main image in popup */
img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; 
	z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small {color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure {margin: 0; }
.mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title {text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content {max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }
/* Fade Effect for opening */
.mfp-fade.mfp-bg { background: #333; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.94; }
.mfp-fade.mfp-bg.mfp-removing {opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0; }
/* Zoom effect */
.mfp-zoom-in .mfp-with-anim {opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);transform: scale(0.8);}
.mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-zoom-in.mfp-removing .mfp-with-anim {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);opacity: 0;}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

/* LOGIN / REGISTER POPUPS */
.kl-fw-input {width: 100%;}
.auth-popup-panel { padding: 50px;}
.auth-popup-title {font-size: 16px; font-weight: 400; color: #4a4a4a; margin-bottom: 20px; line-height: 1.9; text-shadow: none; }
.auth-popup-createacc {margin-right: 8px; background: none !important; }
.auth-popup-createacc + .auth-popup-sep {margin-right: 8px; border-left: 1px solid #ccc;}
.auth-popup-links {margin-top:20px; color: #4A4A4A; font-size: 10px; font-weight: 600; }
.auth-popup-link {font-size:11px; font-weight:400; color:#898989; }
.auth-popup-link:hover {color:#585858; }
.auth-popup-remember {margin: 0 0 20px; display: block; font-weight: 300; text-transform: uppercase; font-size: 11px; text-shadow: none; }
.auth-popup-remember-chb {margin:0; }
.mfp-bg.mfp-fade.mfp-bg-lighter {background:#000;}
.mfp-bg.mfp-fade.mfp-bg-lighter.mfp-ready {opacity:.75;}
.auth-popup .mfp-close {color: #828282; }
.auth-popup {width: 420px; margin:0 auto; border: 1px solid #fff; background: #ededed; box-shadow: 0 0 20px #000; border-radius: 2px; position: relative;}
.register-popup {width:420px;}	
/* Buttons styles */
/*** Btn Lined (ghost) */
.btn-lined { border-width: 2px; background: none; color: #fff; text-shadow: none; padding: 7px 20px; line-height: 1.6; box-shadow: none; 
	font-size: 14px; font-weight: 700; border-style: solid; border-radius: 3px; border-color: #fff; -webkit-transition:all .1s ease-in-out; 
	transition:all .1s ease-in-out;}
.btn-lined:hover { border-color: rgba(255,255,255,.7); color: #fff;}
/* Btn Lined - Skewed style */
.btn-lined.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.btn-skewed:before { content:''; border: 2px solid #fff; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; 
	-webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.btn-skewed:hover:before { border-color: rgba(255,255,255,.7); }
/* Btn Lined Dark (ghost) */
.btn-lined.lined-dark { color: #242424; border-color: #242424;}
.btn-lined.lined-dark:hover { color: #343434;}
/* Btn Lined DARK - Skewed style */
.btn-lined.lined-dark.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.lined-dark.btn-skewed:before { content:''; border: 2px solid #242424; border-radius: 4px; position:absolute; top:0; left:0; 
	right:0; bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.lined-dark.btn-skewed:hover:before { border-color: rgba(0,0,0,.7); }
/* Btn Lined Dark (ghost) */
.btn-lined.lined-gray { color: #8E8E8E; border-color: #8E8E8E;}
.btn-lined.lined-gray:hover { color: #454545;}
/* Btn Lined Gray - Skewed style */
.btn-lined.lined-gray.btn-skewed { border:0; background: none; position: relative; }
.btn-lined.lined-gray.btn-skewed:before { content:''; border: 2px solid #8E8E8E; border-radius: 4px; position:absolute; top:0; left:0; right:0; 
	bottom: 0; -webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg);}
.btn-lined.lined-gray.btn-skewed:hover:before { border-color: rgba(0,0,0,.4); }
/* Button Lined Full Light */
.btn-lined.lined-full-light { color: #242424; border-color: #fff; background: rgba(255, 255, 255, 0.8); }
.btn-lined.lined-full-light:hover { color: #343434; background-color: #fff;}
/* Button Lined Full Dark */
.btn-lined.lined-full-dark { color: #e0e0e0; border-color: #000; background: rgba(0, 0, 0, 0.8); }
.btn-lined.lined-full-dark:hover { color: #f9f9f9; background-color: #000;}
/* Button Lined Custom */
.btn-lined.lined-custom { color: #46b6cc; border-color: #46b6cc;}

/*** Filled buttons */
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor { border-width: 0;}
.btn-fullcolord { border-width: 0;}
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor,
.btn-fullcolord,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-link { text-shadow: none; padding: 10px 5px; line-height: 1.6; box-shadow: none; font-size: 13px; font-weight: 700; border-style: solid; 
	border-radius: 3px; -webkit-transition: background-color .15s ease-out; transition: background-color .15s ease-out;}

/*** Btn FullColor */
.btn-fullcolor,
.btn-fullcolor:focus { background-color: #46b6cc; color: #fff;}
.btn-fullcolor:hover {color: #fff;}

.btn-fullcolord,
.btn-fullcolord:focus { background-color: #ef003e; color: #fff;}
.btn-fullcolord:hover {color: #fff;}
/*** Btn Fullwhite */
.btn-fullwhite { background-color: #fff; color: #242424;}
.btn-fullwhite:hover {color: #353535; background-color: rgba(255,255,255,0.85);}
/*** Btn Fullblack */
.btn-fullblack { background-color: #090909; color: #f9f9f9;}
.btn-fullblack:hover {color: #eee; background-color: rgba(0,0,0,0.85);}
.btn-fullcolor:hover,.btn-fullcolor.btn-skewed:hover:before,.cart-container .buttons .button.wc-forward:hover {background-color: #a41a1b}
.btn-fullcolord:hover,.btn-fullcolord.btn-skewed:hover:before,.cart-container .buttons .button.wc-forward:hover {background-color: #ef003e}
/* Filled buttons - Skewed style */
.btn-fullwhite.btn-skewed,
.btn-fullblack.btn-skewed,
.btn-fullcolor.btn-skewed,
.btn-fullcolord.btn-skewed,
.btn-fullwhite.btn-skewed:hover,
.btn-fullblack.btn-skewed:hover,
.btn-fullcolor.btn-skewed:hover { border:0; background: none; position: relative; z-index: 0;}
.btn-fullcolord.btn-skewed:hover { border:0; background: none; position: relative; z-index: 0;}
.btn-fullwhite.btn-skewed:before,
.btn-fullblack.btn-skewed:before,
.btn-fullcolor.btn-skewed:before { content:''; border-radius: 4px; position:absolute; top:0; left:0; right:0; bottom: 0; 

	-webkit-transform:skewX(-8deg); -ms-transform:skewX(-8deg); transform:skewX(-8deg); -webkit-transition:background-color .2s ease-in-out; 
	transition:background-color .2s ease-in-out; z-index: -1;}
/*** Btn FullColor */
.btn-fullcolor.btn-skewed:before { background-color: #46b6cc; }
/*** Btn Fullwhite */
.btn-fullwhite.btn-skewed:before { background-color: #fff; }
.btn-fullwhite.btn-skewed:hover:before { background-color: rgba(255,255,255,0.85);}
/*** Btn Fullblack */
.btn-fullblack.btn-skewed:before { background-color: #090909; }
.btn-fullblack.btn-skewed:hover:before { background-color: rgba(0,0,0,0.85);}

/* Btn sizing presets */
.btn-group-lg>.btn, .btn-lg { padding: 20px 30px; font-size: 18px; line-height: 1.3333333; }
.btn-group-lg>.btn.btn-lined, .btn-lg.btn-lined {padding: 18px 30px; }
.btn-group-md>.btn, .btn-md { padding: 16px 25px; font-size: 14px; line-height: 1.3333333; }
.btn-group-md>.btn.btn-lined, .btn-md.btn-lined {padding: 14px 25px; }
.btn-group-sm>.btn, .btn-sm { padding: 5px 10px 4px; font-size: 12px; line-height: 1.5; font-weight: 600; }
.btn-group-sm>.btn.btn-lined, .btn-sm.btn-lined {padding: 3px 10px 2px; }
.btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.6; font-weight: 400; }
.btn-group-xs>.btn.btn-lined, .btn-xs.btn-lined {padding: 1px 5px; }
/* Width presets */
.btn-fullwidth { width:100%;}
.btn-halfwidth { width:100%;margin-bottom: 10px;margin-top:30px;}
.btn-third { width:33.33%;}
.btn-forth { width:25%;}

/* Button element */
.btn-element > span,
.btn-element > i {vertical-align: middle; display: inline-block;}
.btn-element > span + i {margin-left:10px}
.btn-element > i + span {margin-left:10px}