* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:Open Sans
}

body {
	height:100%;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;  
  -khtml-user-select: none;   
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;          
}

a {
	color:#FFF;
	text-decoration:none;
}

.center {
	text-align:center;
}

.price {
	/*
	position: relative;
	display: block;
	font-weight: bold;
	color: #B33;
	font-size: 150%;
	margin: 0 0 25px 0;
	*/
	position: relative;
	display: block;
	font-size:110%;
	margin: 0 0 25px 0;
}

.want, .popInfoButton, .button {
	position: relative;
	top: 0;
	display: inline-block;
	margin: 30px 0;
	font-size: 90%;
	border: 2px solid #000;
	border-radius: 50px;
	padding: 4px 30px 6px 30px;
	text-transform: uppercase;
	background:transparent;
	transition: all 0.2s;
}
	.want:hover, .popInfoButton:hover,  .button:hover {
		background:#000;
		color:#FFF;
	}
	.want span, .popInfoButton span, .button span {
		display:inline-block;
		margin-right:7px;
	}

.header_top {
	position:relative;
	width:100%;
	background:#000;
	padding:10px;
	min-height:50px;
	text-align:left;
	padding-right:15px;
	color:#777;
}
	.header_top .cookies {
		position:absolute;
		top:0;
		left:0;
		display:inline-block;
		text-align:left;
		font-size:90%;
		margin:0;
		width:100%;
		text-align:center;
		background:#000;
		padding:5px;
		line-height:22px;
		max-height:0;
		overflow:hidden;
		color:#FFF;
		opacity:0;
		transition:max-height 1s, opacity 0.5s;
	}
	.header_top .cookies.show {
		max-height:100px;
		opacity:1;
	}
		.header_top .cookies a {
			font-weight:bold;
		}
		.header_top .cookies button {
			display:inline-block;
			cursor:pointer;
			font-size:90%;
			border:1px solid #AAA;
			color:#FFF;
			width:35px;
			padding:0 2px 0 0;
			left:35px;
			text-transform:uppercase;
			background:transparent;
			transition:background 0.25s, color 0.25s;
		}
		.header_top .cookies button:hover {
			color:#555;
			background:#CCC;
		}
		
	.header_top .menu {
		position:absolute;
		top:15px;
		right:20px;
	}
		.header_top .menu .fa-phone {
			position:relative;
			display:inline-block;
			color:#AAA;
			font-size:105%;
			top:2px;
		}
		.header_top a {
			margin:0 4px;
			font-size:90%;
		}
		.header_top a:hover {
			border-bottom:1px solid #FFF;
		}
	
.header_menu {
	position:relative;
	height:90px;
	padding:0;
}
	
	.header_menu .logo {
		position:relative;
		display:inline-block;
		top:10px;
		left:3%;
	}
		.header_menu .logo img {
			height:70px;
		}
	.header_menu .showMenu {
		display:none;
	}
	.header_menu .menu {
		position:absolute;
		display:flex;
		top:30px;
		line-height:30px;
		font-size:120%;
		display:inline-block;
		right:25px;
		text-align:right;
		color:#AAA;
		width:80%;
	}
		.header_menu .menu a {
			position:relative;
			display:inline-block;
			color:#000;
			margin:0 0.7%;
		}
		.header_menu .menu .menuMob {
			display:none;
		}
		.header_menu .menu a:hover {
			border-bottom:1px solid #000;
		}
		.header_menu a.active {
			border-bottom:1px solid #000;
		}
		

.corps {
	position:relative;
	width:100%;
	min-height:80vh;
	display:none;
	overflow:hidden;
	opacity:0;
	padding-bottom: 40px;
}
	.picture {
		position:relative;
		height:200px;
		background-position:center;
		background-size:cover;
		background-image:url(img/soc.jpg);
		background-color:#000;
		background-repeat:no-repeat;
	}
		.soc .picture {
			height:400px;
			background-size:contain;
			background-image:url(soc.jpg);
		}
		.cnt .picture {
			background-image:url(img/cnt.jpg);
			background-position:top;
			height:350px;
		}
		
		.buyForm .picture {
			height:400px;
		}
			.v .picture { background-image:url(motos/vmax/vmax_hm_side.jpg); }
			.v-max .picture { background-image:url(motos/vmax/vmax_hm_side.jpg); }
			.v-rod .picture { background-image:url(motos/vrod/vrod.jpg); }
			.wazumas .picture { background-image:url(motos/wazuma/wazuma_1.jpg); }
			.wazuma .picture { background-image:url(motos/wazuma/wazuma_1.jpg); }
			.wazumagt .picture { background-image:url(motos/wazumagt/wazumaGT_2.jpg); }
			.lm487 .picture { background-image:url(motos/lm487/lm847_1.jpg); }
			
		.soc .picture {
			background-image:url(img/ludovicLazareth.jpg);
		}
	
	.corps.show {
		display:block;
		opacity:0;
	}
	.chapter {
		position:relative;
		display:block;
		margin:30px auto;
		width:70%;
		text-align:center;
	}
		.chapter HR {
			position:relative;
			border:none;
			background:#CCC;
			height:2px;
			margin:45px 0 -65px 0;
		}
		.chapter HR + H1 {
			display:inline-block;
			position:relative;
			padding:0 50px;
			font-weight:normal;
			font-size:120%;
			text-transform:uppercase;
			margin:50px auto 25px auto;
			background:#FFF;
		}
		.chapter p {
			text-align:justify;
		}
		.chapter p.center {
			text-align:center;
		}
		.chapter p.spacey {
			line-height: 200%;
			margin: 0 0;
		}
		
		.chapter p * {
			font-weight:normal !important;
		}
		
		.chapter a {
			font-weight:bold;
			color:#000;
		}
		.chapter ul {
			margin: 12px 5%;
			text-align: left;
		}
			.chapter li {
				margin: 8px 0;
				list-style-type:square;
			}
			
			.chapter ul.cols {
				background: #DDD;
				padding: 7px 15px;
			}
			
				.chapter ul.cols li {
					list-style-type: square;
					margin: 8px 0;
					display: inline-block;
					width: 50%;
					padding: 0 0 0 20px;			
				}
				.chapter ul.cols li:before {
					position: relative;
					content: "●";
					margin-left: -16px;
					font-size: 75%;
					top: -2px;
					padding-right: 5px;
				}

	.slideShow {
		position:relative;
		height:400px;
		margin:0 0 30px 0;
		overflow:hidden;
		background:#000;
	}		
		.shadow {
			position:absolute;
			bottom:0px;
			z-index:20;
			width:100%;
			height:5px;
			background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.25));
		}
			.shadow.top {
				top:0px;
				height:12px;
				background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0));
			}

			.slideShow .fleche {
				display:inline-block;
				position:absolute;
				border-radius:100%;
				top:185px;
				left:30px;
				height:50px;
				width:50px;
				font-size:200%;
				line-height:40px;
				cursor:pointer;
				color:rgba(255,255,255,0.5);
				background:rgba(0,0,0,0.3);
				z-index:10;
				opacity:1;
				transition:opacity 0.3s, color 0.3s, background 0.3s;
			}
				.slideShow .fleche.show {
					opacity:1;
				}
				.slideShow .fleche.left {
					padding:5px 0 0 14px;
				}
				.slideShow .fleche.right {
					padding:5px 0 0 18px;
					left:auto;
					right:30px;
				}
				.slideShow .fleche:hover {
					color:rgba(255,255,255,0.85);
					background:rgba(0,0,0,0.5);
				}

		.slideShow .slide {
			position:absolute;
			height:400px;
			width:100%;
			background-position:center;
			background-size:cover;
			background-repeat:no-repeat;
			background-color:#000;
		}
			.slideShow .slide.hide {
			}
			.slideShow .slide .text {
				display:inline-block;
				position:absolute;
				top:325px;
				right:50px;
				font-size:160%;
				padding:5px 15px;
				color:#FFF;
				background:rgba(30,30,30,0.6);
			}
			
			
	.vrod .slideShow, .vrod .slide, .vmax .slideShow, .vmax .slide {
		height:550px;
	}
		.vrod .fleche, .vmax .fleche {
			top:250px;
		}
			
.formu {
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	width:100%;
	padding:20px 15% 10px 15%;
	text-align:center;
	background:#EEE
}
		.formu HR {
			position:relative;
			border:none;
			background:#CCC;
			height:2px;
			margin:10px 0;
		}
		.formu HR + H1 {
			display:inline-block;
			position:relative;
			padding:0 50px;
			font-weight:normal;
			font-size:120%;
			text-transform:uppercase;
			margin:0 auto -24px auto;
			top:-24px;
			background:#EEE;
		}
		
		.formu form {
			margin:15px 0 0 0;
			text-align:center;
		}
		.formu input, .formu textarea {
			display:block;
			font-size:110%;
			width:400px;
			padding:4px;
			border-radius:2px;
			margin:5px auto;
			border:1px solid rgba(0,0,0,0.3);
		}
		.formu textarea {
			display:block;
			height:70px;
			width:400px;
		}
		.formu input[type='checkbox'] {
			position:relative;
			display:inline-block;
			width:19px;
			height:19px;
			top:3px;
			margin-right:9px;
		}

		.formu button {
			margin:15px auto;
		}
		
		.formu p {
			margin:0 !important;
		}
		.badInput {
			background:#FDD;
			border:1px solid #A00 !important;
		}

.duo {
	background:#000;
}
	.duo_bg {
		position:absolute;
		top:0;
		background-position:center;
		background-size:cover;
		height:65%;
		width:100vw;
		cursor:pointer;
		transition:top 0.5s ease-out, height 0.5s ease-out, opacity 0.5s ease-out;
	}	
	.duo .leg {
		position:absolute;
		color:#FFF;
		font-size:190%;
		z-index:90;
		padding:0 5%;
		text-align:center;
		height:200px;
		opacity:0;
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s; 
		transition: opacity 0.5s, transform 0.5s;		
	}
		.duo .leg.show {	opacity:1; }
			.duo .top .leg.show { transform:translate(0px,0); }
			.duo .bot .leg.show { transform:translate(0px,0); }
		
		.duo .leg td {
			vertical-align:middle;
		}	
		
		.duo .leg .logo {
			background-position:center;
			background-size:contain;
			background-repeat:no-repeat;
			width:250px;
			font-size:135%;
		}
		.duo .leg .laz {
			width:300px;
			background-position:center;
			background-size:contain;
			background-repeat:no-repeat;
			background-image:url(img/by_laz.png);
		}
		.duo .top .leg {
			left:auto;
			right:0;
			margin-right:9%;
			bottom:-180px;	
			transform:translate(150px,0);
		}
			.vv .top .leg .logo { 
				width:180px; 
				background-image:url(img/logo_yamaha.png); 
			}
		
		.duo .bot .leg {
			top:-250px; 
			margin-left:5%;
			transform:translate(-150px,0);
		}
			.vv .bot .leg .logo { 
				background-image:url(img/logo_harley.png); 
			}
			

	.vv .duo_bg.top {
		background-image:url(motos/vmax/vmax_hm_side.jpg);
	}
	.vv .duo_bg.bot {
		top:50%;
		height:50%;
		background-image:url(motos/vrod/vrod.jpg);
	}
	.wzs .duo_bg.top {
		background-image:url(motos/wazuma/wazuma_1.jpg);
	}
	.wzs .duo_bg.bot {
		top:50%;
		height:50%;
		background-image:url(motos/wazumaGT/wazumaGT_1cut.jpg);
	}
	
	
	.duo_cache {
		position:absolute;
		height:70px;
		left:0;
		width:50%;
		bottom:0;
	}
		.duo_cache.top.left {
			margin-left:-40px;
			background:#000;
		}
		.duo_cache.top.right {
			left:50%;
			margin-left:-15px;
			border-bottom:70px solid #000;
			border-left:50px solid transparent;
		}
		.duo_cache.bot {
			position:absolute;
			height:70px;
			width:80px;
			left:50%;
			margin-left:-30px;
			margin-top:7px;
			border-top:90px solid #000;
			border-left:0px solid transparent;
			border-right:80px solid transparent;
			top:0;
			transition:opacity 0.5s ease-out;
		}
	
.duo_gsep {
	position:absolute;
	height:130px;
	width:100%;
	top:50%;
	margin-top:-10px;
	z-index:50;
	transition:top 0.5s ease-out;
	cursor:pointer;
}
	.duo_gsep .sep {
		width:50%;
		position:absolute;
		height:100%;
	}
	.duo_gsep .sep.left { 
		left:0%;
		margin-left:-85px;
		background-image:url(img/vsep_left.png); 
		background-size:2px;
	}
	
	.duo_gsep .sep.right { 
		width:55%;
		left:50%;
		margin-left:85px;
		background-image:url(img/vsep_right.png); 
		background-size:2px;
	}
	.duo_gsep .sep.mid {
		background-repeat:no-repeat;
		background-size:170px;
		width:170px;
		left:50%;
		margin-left:-85px;
		z-index:10;
	}
		.duo_gsep .sep.mid { background-image:url(img/vsep_mid.png); }

	.duo_cache.top.mid {
		display:none;
	}
		
		.wzs .duo_gsep .sep.left { 
			margin-left:-119px;
		}
		.wzs .duo_gsep .sep.right { 
			margin-left:119px;
		}
		.wzs .duo_gsep .sep.mid {
			width:240px;
			background-size:240px;
			background-image:url(img/wsep_mid.png);
			margin-left:-120px;
		}
		.wzs .duo_cache.top.mid {
			display:block;
			background-repeat:no-repeat;
			background-size:240px;
			width:240px;
			left:50%;
			margin-left: -138px;
			background-image:url(img/wsep_mid_cache.png);
		}
		.wzs .duo_cache.top.left {
			margin-left:-80px;
		}
		.wzs .duo_cache.top.right {
			margin-left: 10px;
		}
		.wzs .duo_cache.bot {
			display:none;
		}
		
		
		
		
		
		
		
		
		
		
.footer {
	
}
	.footer1 {
		background:#000;
		height:100px;
	}
		.footer1 table {
			height:100%;
			width:90%;
			margin:auto;
		}
			.footer1 td {
				vertical-align:middle;
				text-align:center;
			}
			.footer1 td:nth-child(2) {
				text-align:left;
				color:#888;
				font-size:90%;
				padding:0 15px 0 5px;
				vertical-align:middle;
			}
			.footer1 td:last-child {
				width:205px;
			}
		
		.footer1 .logo img {
			width:130px;
		}
		.social a {
			display:inline-block;
			background:#000;
			text-align:center;
			padding:10px;
			font-size:20px;
			width:40px;
			height:40px;
			margin:3px;
			transition:background 0.3s, color 0.2s, transform 0.2s;
		}
			.social a:hover {
				background:rgba(0,0,0,0.1);
				color:#AAF;
				transform:rotate(10deg);
			}
			
			.social .twitter:before {
				content: "\f099";
			}
			.social .facebook:before {
				content: "\f09a";
			}
			.social .linkedin:before {
				content: "\f0e1";
			}
			.social .google:before {
				content: "\f0d5";
			}

		
		
	.footer2 {
		background:#222;
		text-align:center;
		height:60px;
		font-size:75%;
		color:#888;
		padding:20px
	}
		.footer2 span {
			padding:0;
			margin: 0 10px;
		}
		.footer2 a {
			display:inline-block;
			padding:0;
			margin: 0 10px;
			text-align:center;
			color:#FFF;
		}
		.footer2 a:hover {
			border-bottom:1px solid;
		}
		.footer2 a:last-child {
			border:none;
		}
		.footer2 .left {
			position:absolute;
			left:5%;
		}
		.footer2 .right {
			position:absolute;
			right:5%;
		}
		.footer2 .wd {
			color:#888;
			margin:0;
			transition:color 0.2s;
		}
			.footer2 .wd:hover {
				color:#FFF;
			}
			
			
.popMessage, .popErreur {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	text-align:center;
	background:rgba(100,100,100,0.3)
}
	.popMessage .msg {
		position:relative;
		font-size:90%;
		display:inline-block;
		padding:29px 30px 20px 30px;
		min-width:200px;
		max-width:500px;
		background:#FFF;
		box-shadow:0px 5px 3px 0px rgba(0,0,0,0.2);
	}
		.popMessage .msg h1 {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:29px;
			background:#000;
			color:#FFF;
			font-size:15px;
			padding:3px;
			white-space:nowrap;
		}
		.popMessage .msg p {
			margin:20px auto;
		}
		.popMessage form input {
			padding:4px;
			width:220px;
		}
		
		.popMessage .msg .button {
			display:inline-block;
			background:#FAFAFA;
			border:1px solid #CCC;
			margin:0 8px;
			padding:4px 10px;
			color:#000;
			transition:color 0.2s, background 0.2s;
		}
			.popMessage .msg .button.close {
				color:#666;
			}
				.popMessage .msg .button.submit {
					background:#F0F0F0;
					border:1px solid #666;
				}
			.popMessage .msg .button:hover {
				background:#333;
				color:#FFF;
				border:1px solid #CCC;
			}
.lng {
	display:inline-block;
	position:relative;
	margin:0 2px;
	top:2px;
	width:18px;
	height:13px;
	background:#FFF;
	background-position:center;
	background-size:cover;
}
	.lng.fr { background-image:url(img/lngFR.png); }
	.lng.en { background-image:url(img/lngEN.png); }
	
	.popMessage .lng {
		width:30px;
		height:20px;
		margin:0 7px;
		box-shadow:1px 2px 3px 0 rgba(0,0,0,0.2);
		cursor:pointer;
		opacity:0.7;
		transition:opacity 0.2s;
	}
		.lngs {
			margin-top:10px;
			display:inline-block;
		}
		.popMessage .lng:hover {
			opacity:1;
		}

		
.popInfo, .popErreur {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(230,230,230,0.75);
	top: 0;
	left: 0;
	z-index:200;
	opacity:0;
	transition:opacity 0.3s;
}
	.popInfo.show, .popErreur {
		opacity:1;
	}
	.popErreur .erreur {
		max-width:600px;
	}
		.popErreur a {
			color:#000;
			font-weight:bold;
			white-space:nowrap;
		}
		
	.popInfo table {
		position:relative;
		width:100%;
		height:100%;
	}
		.popInfo td, .popErreur td {
			text-align:center;
			vertical-align:middle;
		}
		.popInfo h1, .popErreur h1{
			font-size:90%;
			text-transform:uppercase;
			margin:0 0 15px 0;
		}
		.popInfo td > div, .popErreur td > div {
			display:inline-block;
			background:#FFF;
			padding:30px 55px;
			opacity:0;
			transform:translate(0, 50px);
			transition:opacity 0.4s, transform 0.3s;
		}
			.popInfo.show td > div, .popErreur td > div {
				opacity:1;
				transform:translate(0, 0);
			}
		.popInfo p , .popErreur p {
			text-align:center;
			margin:0;
		}
		.popInfoButton, .popErreur .button {
			margin:10px 0 0 0;
		}

	.dotWait {
		margin:0 3px;
		color:#AAA;
		font-size:80%;
	}