/* 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;
   overflow:hidden;
}

body {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-image: url('../images/bck3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	}

/* VIDÉO */
#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: 0.6em;
	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: 100%;
	width:100%;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 15;

}

#header .content {
	width: 100%;
	height: 100%;
	margin: auto;
}


#filter {
	height: 100%;
	width:100%;
	position: absolute;
	left:0;
	top:0;
	z-index: 15;
	background-color:  rgba(0, 0, 0, 0.5);

}


#popup {
	height: 126px;
	width:409px;
	position: absolute;
	left: 50%;
	margin-left:-204px;
	margin-top: -63px;
	top: 50%;
	z-index: 16;
}

#popup .content {
	width: 100%;
	height: 100%;
	margin: auto;
}


.logo {	
	position: relative;
	top: 20px;
	left: 50%;
}


.offre {
	margin-top: -160px;
	margin-left: -600px;
	display: block;
	position: absolute;
	left: 50%;
	top: 57%;
	z-index: 2;
	width: 374px;
	height: 298px;
}


.formulaire {
	margin-top: -80px;
	margin-right: 20px;
	display: block;
	position: absolute;
	right: 15%;
	top:45%;
	z-index: 2;
	width:280px;
	height:326px;
}


#footer {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 4;
	background-color:#FFFFFF;
}

#footer .content {
	position:absolute;
	left:45%;
	width: 1280px;
	height:30px;
	top:25%;

}

#section-header {
    height: 100%;
    position: relative;
    overflow: hidden;
	background: url('../images/back.jpg') no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}