html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}
	
	a{
		-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	}

	body {
		background: #000000;
		font-family: "proxima-nova", sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #ffffff;
		font-size: 1em;
		line-height: 1em;
	}

	strong, b {
		font-family: "proxima-nova", sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	
	.light{
		font-family: "proxima-nova", sans-serif;
		font-weight: 300;
		font-style: normal;
	}

	i, em {
		font-style: italic;
	}
	
	/********* HOME PAGE **********/ 
	
	.home main{
		display:block;
		position:relative;
		overflow:hidden;
		width:100%;
		padding:80px 50px 20px 50px;
		margin: auto;
	}
	
	.home main img{
		display:block;
		width:100%;
		max-width:250px;
		margin: 0 auto 50px auto;
	}
	
	.home main h1{
		display:block;
		position:relative;
		font-family: "regina", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:40px;
		letter-spacing:0;
		text-align:center;
		line-height:40px;
	}
	
	.home main h1.anglais{
		color:#a9a9a9;
		margin-top:10px;
	}
	
	.home main p{
		display:block;
		position:relative;
		font-size:13px;
		letter-spacing:1px;
		text-align:center;
		line-height:20px;
		margin-top:40px;
	}
	
	.home main p a{
		color:#ffffff;
	}
	.home main p a:hover{
		color:#a9a9a9;
	}	
	
	.home main p.anglais{
		color:#a9a9a9;
		margin-top:0;
	}
	
	.home main p.anglais a{
		color:#a9a9a9;
	}
	.home main p.anglais a:hover{
		color:#ffffff;
	}
	
	.home main div{
		margin: auto;
		width: 215px;
	}
	
	.home main label{
		display:none;
	}
	
	.home main input{
		display:inline;
		background:#282828;
		color:#ffffff;
		font-family: "proxima-nova", sans-serif;
		font-size:15px;
		margin: 20px auto;
		padding:5px;
		border:0;
		width:160px;
		outline: none;
	}
	
	.home main input[type=submit]{
		background:#000000;
		border:1px solid #282828;
		padding:4px 0;
		cursor: pointer;
		width:50px;
	}
	
	.home main p.error{
		font-size:12px;
		color:#bd5e5e;
		text-align:center;
		line-height:20px;
		margin-top:0;
	}

	/********* PAGE DETAIL **********/ 
	
	.detail header{
		display:block;
		position:relative;
		overflow:hidden;
		width:100%;
		padding:30px 50px 20px 50px;
		margin: auto;
	}
	
	.detail header img{
		display:block;
		width:100%;
		max-width:150px;
		margin: 0 auto 30px auto;
	}
	
	.detail header h1{
		display:block;
		position:relative;
		font-family: "regina", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:40px;
		letter-spacing:0;
		text-align:center;
		line-height:40px;
	}
	
	.detail header a.language{
		display:block;
		position:absolute;
		top:10px;
		right:10px;
		color:#ffffff;
		font-family: "proxima-nova", sans-serif;
		font-size:15px;
		padding:10px;
		margin:0;
		text-decoration:none;
		opacity:.7;
	}
	
	.detail header a.language:hover{
		opacity:1;
	}
	
	.detail header a.language img{
		display:block;
		position:relative;
		margin:0;
		width:40px;
	}
	
	.detail main{
		display:block;
		position:relative;
		overflow:hidden;
		width:100%;
		padding:0 0 80px 0;
		margin: auto;
	}
	
	.detail main .player_video{
		display:block;
		position:relative;
		width:90%;
		max-width:1920px;
		height:auto;
		margin: auto;
		border:1px solid #282828;
	}
	
	.detail main .player_video video{
		display:block;
		z-index:10;
		width:100%;
		height:auto;
		margin: auto;
	}
	
	.detail main .player_video a.btplay{
		display:block;
		position:absolute;
		width:380px;
		height:auto;
		top:50%;
		left:50%;
		margin:-190px 0 0 -190px;
		padding:0;
		z-index:100;
	}
	
	.detail main .player_video a.btplay img{
		display:block;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	
	.detail main .player_video video.testFullscreen{
		display:block;
		width:100%;
		max-width:1920px;
		height:auto;
		margin: auto;
		border:0;
	}
	
	
	.detail main p{
		display:block;
		position:relative;
		font-size:15px;
		letter-spacing:1px;
		text-align: center;
		-moz-text-align-last: center;
		text-align-last: center;
		line-height:26px;
		margin:40px auto 0 auto;
		width:60%;
	}
	
	.detail main a.link{
		display:block;
		position:relative;
		width:280px;
		background:#282828;
		color:#ffffff;
		text-align:center;
		font-family: "proxima-nova", sans-serif;
		font-size:15px;
		padding:10px;
		margin:50px auto 10px auto;
		text-decoration:none;
	}
	
	.detail main a.link:hover{
		background:#ffffff;
		color:#282828;
	}
	
	.detail main img{
		display:block;
		width:60%;
		margin:40px auto 20px auto;
	}
	
	.detail main h2{
		display:block;
		position:relative;
		font-family: "proxima-nova", sans-serif;
		font-weight: 600;
		font-style: normal;
		text-transform:uppercase;
		font-size:20px;
		letter-spacing:2px;
		text-align:center;
		line-height:26px;
		padding:40px 30px 0 30px;
	}
	
	.detail main p.surface{
		font-family: "proxima-nova", sans-serif;
		font-size:16px;
		text-align: center;
		font-weight:100;
		margin:10px auto 0 auto;
	}
	
	.detail main p.surface b{
		font-size:18px;
		font-weight:600;
	}
	
	.detail main img.plan{
		width:90%;
		margin:40px auto 20px auto;
	}
	
	.detail main img.RoseDeVents{
		display:block; 
		width:100px;
		
	}
	
	.detail main article{
		display:block;
		width:90%;
		max-width:600px;
		padding:0;
		margin:0 auto 50px auto;
	}
	
	.detail main article img{
		width:100%;
	}
	
	
	.detail main article span{
		display:block;
		margin:0 auto 0 auto;
		text-align:center;
		text-transform:uppercase;
		line-height:20px;
		font-size:18px;
		letter-spacing:1px;
	}
	
	.detail main article span sup{
		font-size:10px;
		line-height:16px;
		vertical-align:top;
	}
	
	

/* Large */
@media screen and (max-width: 1280px) {
	
	.detail main p{
		width:80%;
	}
	
	.detail main .player_video a.btplay{
		width:300px;
		margin-left:-150px;
		margin-top:-150px;
	}
	
	.detail main img{
		width:80%;
	}
	
}

/* Medium */
@media screen and (max-width: 980px) {
	
	.home main h1{
		font-size:31px;
		line-height:31px;
	}
	
	.detail main .player_video a.btplay{
		width:200px;
		margin-left:-100px;
		margin-top:-100px;
	}
	
}

/* Mobile large */
@media screen and (max-width: 620px) {
	
	.detail main .player_video a.btplay{
		width:120px;
		margin-left:-60px;
		margin-top:-60px;
	}
	
}

/* Mobile small */
@media screen and (max-width: 425px) {
	
	.detail header a.language img{
		width:30px;
	}
	
	.detail main .player_video a.btplay{
		width:80px;
		margin-left:-40px;
		margin-top:-40px;
	}
	
}