/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

#son-on, #son-mute {
	font-family: "Icomoon";
	position: absolute;
	top: .7em;
	right: -440px;
	color: #fff;
	text-decoration: none;
	z-index: 500;
}

.ie8 #son-on, .ie8 #son-mute {
	display: none;
}

#son-on img, #son-mute img {
	width: 32px;
	height: 32px;
}

#son-on {
	display: none;
}
/* line 22, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../_demo.scss */
html, body {
  width: 100;
  height: 100%;
}

/* line 3, ../_demo.scss */
#video_background {
	position: absolute;
	z-index: 1;
	top: 2px;
	left: -4px;
	margin: 0 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	overflow: hidden;
}

/* line 8, ../_demo.scss */
header {
  width: 100%;
  height:70px;
  left:-460px;
  position: fixed;
  z-index: 99;
}
/* line 10, ../_demo.scss */
header .inner {
  width: 246px;
  padding-top: -2px;
  margin: 0 auto;
}

/* line 50, ../_demo.scss */
#footer {
	width: 100%;
	height:99px;

	position: fixed;
	bottom: 0;
	left: 0;
	
	z-index: 8;

}

#footer .content {
	left:50%;
height: 90px;
bottom:-2px;
margin-left :40px;
	
}



.offre {
	margin-top: -160px;
	margin-right: 50px;
	display: block;
	position: absolute;
	right: 50%;
	top: 50%;
	z-index: 2;
	width: 236px;
	height: 268px;
}

.logo {
	margin-top: 0px;
	margin-left: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 206px;
	height: 667px;
}


.formulaire {
	margin-top:210px;
	display: block;
	margin-left:-250px;
	margin-top:-290px;
	position: absolute;
	left: 50%;
	top:60%;
	z-index: 2;
width: 595px;
	height: 529px;
}

	
.formulaire2 {
	margin-top:210px;
	display: block;
	margin-left:-250px;
	top:-120px;
	position: absolute;
	left: 50%;
	
	z-index: 2;
width: 521px;
	height: 694px;
}


	#arrow{position:absolute; z-index:3; text-align:center; top:820px; left:50%; opacity:.8; cursor:pointer;}
	#arrow:hover{opacity:1;}