/* 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: #ffffff;
   height: 100%;
   cursor: pointer;
}

body {
	width: 100%;
	height: 100%;
	background-color: #000000;
	backgroumnd-image: url('../images/bck3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	}

/* VIDÉO */
#video_background {
	position: absolute;
	bottom: 0px;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	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;
}


#header {
	
	height: 82px;
	width:100%;
	position: absolute;
	background-color: #000000;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;

}

#header .content {
	width: 1280px;
	height: 82px;
	margin: auto;
}


.logo {
	
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-640px;
}


.offre {
	margin-top: -150px;
	margin-left: -450px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 337px;
	height: 325px;
}


.offre2 {
	margin-top: -250px;
	margin-left: -230px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 529px;
	height: 477px;
}



.formulaire {
	margin-top: -195px;
	margin-left: 188px;
	display: block;
	position: absolute;
	left: 50%;
	top:50%;
	z-index: 2;
	width:267px;
	height: 288px;
}


#footer {
	width: 100%;
	height: 153px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
	z-index: 4;
	background-color: #1a1818;
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer .content {
	position:absolute;
	left:50%;
	width: 1280px;
	margin-left:-640px;
	height: 153px;
	background-color: #1a1818;
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer2 {
	width: 100%;
	height: 62px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
	z-index: 4;
	background-color: #1a1818;
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer2 .content {
	position:absolute;
	left:50%;
	width: 1280px;
	margin-left:-640px;
	height: 62px;
	background-color: #1a1818;
	background-repeat:repeat-x;
	background-position:bottom;
}