/* GÉNÉRAL */

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family:Arial,Helvetica,Sans-serif;}
blockquote, caption, li, p, pre, td, textarea, th {font-size: 1em;line-height: 1.5em;}
html,body,blockquote,form{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
a img,form,fieldset{border:none;}
input,button,select{vertical-align:middle;}
textarea{overflow:auto;vertical-align:top;}
figure{margin:0;}
audio,canvas,video{display:inline-block;}
blockquote p, button, input, li h1, li h2, li h3, li h4, li h5, li h6, li li, li p, select, td p, th p {font-size: 100%;}
b,strong,.strong{font-weight:bold;}
label:hover{cursor:pointer;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*behavior: url(scripts/boxsizing.htc);}
.ie8 img {width: auto;}

html,
body {margin:0;padding:0;color: #000000;height: 100%;}

body {width: 100%;height: 100%;background-color: #000000;}


#video_background {position: absolute;bottom: 0px;right: 0px;min-width: 100%;min-height: 100%;width: auto;height: auto;overflow: hidden;}
#son-on, #son-mute {font-family: "Icomoon";position: absolute;top: 1em;right: 1em;color: #fff;text-decoration: none;z-index: 2;}
.ie8 #son-on, .ie8 #son-mute {display: none;}
#son-on img, #son-mute img {width: 32px;height: 32px;}
#son-on {display: none;}


.logo {position: absolute;left: 40px; top: 40px; z-index: 2; width:199px; height:117px; }

.formulaire {position: absolute; top: 50%; margin-top: -252px;	left: 70%; z-index: 2; width:310px; height: 503px; }

.confirmation {position: absolute; top: 50%; margin-top: -128px;	left: 70%; z-index: 2; width:375px; height: 257px; }

.back-to-top {
	position: fixed;
	z-index:1000;
	top: 50%;
	margin-top:-129px;
	right: 20px;
	text-decoration: none;
	display: none;
}

.back-to-top:hover {	
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.social {position:absolute; right: 20px; bottom: 20px; z-index:1000;}