@charset "UTF-8";
/* CSS Document */
.green{
	color:green;
}
.orange{
	color:orange;
}
.red{
	color:red;	
}
.detail{
	position:relative;
	top:200px;
	margin:80px 0 120px 0;
}
.detail div{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
.detail div.col{
	position:relative;
	height:auto;
}
.detail .extraadd{
	position:relative;
	width:100%;
	height:auto;
	padding:12px 0;
	margin-bottom:20px;
	display:block;
	text-align:center;
	background-color:#efefef;
}
.detail .extraadd a{
	text-decoration:none;
	color:#656565;
	font-size:18px;
}
.detail #imgs{
	width:100%;
}
.detail #infot{
	width:100%;
}
.detail #infot h1{
	text-transform: uppercase;
}
.detail div img{
	width:100%;
	margin-bottom:33px;
}
.detail #imgs img{
	margin-bottom:16px;
}
.detail #imgs video{
	margin-bottom:16px;
}
#iteminfo{
	clear:both;
	position:relative;
	margin:0 0 40px 0;
	width:100%;
}
#iteminfo p{
	position:relative;
	display:block;
	margin:10px 0;
	padding:0;
	width:100%;
	font-size:14px;
}
#iteminfo .cart-trigger{
	font-weight: bold;
}
#iteminfo p.descr{
	margin:20px 0 0 0;
	letter-spacing:0.5px;
}
#iteminfo p.price{
	clear:both;
	padding-top:35px;
}
#iteminfo p.topspacer{
	margin:40px 0 0 0;
}

#iteminfo p.dimrow{
	margin:40px 0 0 0;
}
#iteminfo p.avail{
	margin:0;
}
#iteminfo p.dimrow span{
	display:block;
	float:left;
	line-height:23px;
}
#iteminfo p.dimrow .leftfield{
	width:20%;
}
#iteminfo p.dimrow .rightfield{
	width:80%;
}
#iteminfo h1{
	position:relative;
	font-size:4.4vw;
	margin:0;
	padding:0;
	width:100%;
	font-weight:200;
}
#iteminfo a{
	text-decoration:none;
	color:#000;
}
@media screen and (min-width: 850px) {
	.detail{
		margin:120px 0;
	}
	.detail div.col{
		display:block;
		float:right;
		margin-bottom:195px;
	}
	.detail .extraadd{
		display:none;
	}
	.detail #imgs{
		width:57%;
	}
	.detail #infot{
		width:43%;
	}
	#iteminfo p{
		padding:0 0 0 10%;
		width:75%;
		font-size:13px;
	}
	#iteminfo h1{
		font-size:20px;
		padding:0 0 0 10%;
		width:90%;
	}
	#iteminfo p.dimrow{
		margin:40px 0 0 0;
	}
}
/* style detailfiche */
/* close style detailfiche */
/* detailfiche badge */
#detbadgeWrap{
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	min-height: 100%;
	height:100%;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.4);	
	z-index:1008;
}

#detbadgeCont{
	/* border-radius: 0.2em; */
	padding: 1em;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width:82.6%;
	height:460px;
	display:none;
	background-color:#FFF;
	overflow-x:hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-moz-appearance: none;	
	z-index:1009;
}
#detbadgeCont.shi{
	height:100%;
}
#detbadgeCont.succes{
	height:100px;
}
#detbadgeCont #infoC{
	display:none;
}
#detbadgeCont #shipC{
	display:none;
}
#detbadgeCont #mailFr{
	display:none;
}
#detbadgeCont #succes{
	display:none;
}
#detbadgeCont .logoreg{
	position:relative;
	width:96%;
	text-align:center;
	margin:18px 0;
	font-size:26px;
}
#detbadgeCont .emhid{
	display:none;
}
#detbadgeCont label{
	font-size:14px;
	margin-bottom:1%;
	text-transform:uppercase;
}
#detbadgeCont input, #detbadgeCont textarea{
	width:96%;
	height:32px;
	font-size:14px;
	padding:3px 5px;
	border:1px solid #efefef;
	background-color:#efefef;
	margin-bottom:18px;
}
#detbadgeCont textarea{
	height:82px;
}
#detbadgeCont textarea.longarea{
	height:106px;
}
#detbadgeCont div{
	width:96%;
	margin-left:2%;
	text-align:left;
	font-size:16px;
}
#detbadgeCont div.halfstyle{
	display:block;
	margin:0;
	padding:0;
	width:96%;
	float:none;
	font-size:16px;
}
#detbadgeCont div.hsright{
	margin-left:0;
	width:96%;
}
#detbadgeCont .newscheck{
	position:relative;
	text-align:center;
}
#detbadgeCont .newscheck label{
  display: block;
  width:100%;
  font-size:12px;
}
#detbadgeCont .newscheck input[type=checkbox]
{
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  /* Double-sized Checkboxes */
  -ms-transform: scale(0.9); /* IE */
  -moz-transform: scale(0.9); /* FF */
  -webkit-transform: scale(0.9); /* Safari and Chrome */
  -o-transform: scale(0.9); /* Opera */
  transform: scale(0.9);
}

#detbadgeCont .regsubm{
	width:100%;
	margin-top:18px;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	font-size:18px;
	height:38px;
	-webkit-appearance:none;
	-moz-appearance:none;	
}
#detbadgeCont .margint{
	margin-top:20px;	
}
#detbadgeCont .g-recaptcha{
	position:relative;
	left:0;
	width:auto;
	font-size:13px;
	margin-bottom:0;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
@media screen and (min-width: 850px) {
	#detbadgeCont{
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
		background-color: #FFF;
		width:340px;
		height:460px;
	}
	#detbadgeCont.shi{
		top: 50%;
		margin: 0 -340px 0 0;
		width:680px;
		height:460px;
	}
	#detbadgeCont div.halfstyle{
		display:block;
		width:48%;
		float:left;
		font-size:16px;
	}
	#detbadgeCont div.hsright{
		margin-left:4%;
		width:48%;
	}
	#detbadgeCont .g-recaptcha{
		left:-12px;
		width:302px;
	}
}
/* close detail badge */