body, html, main {

  padding: 0;
  margin: 0;

  -webkit-user-select: none;
  color:black;

  background-color: #D9DFDF;
  height:100%;
	/* important */
	height: 100%;
}
 
@font-face {
    font-family: 'adineuebold';
    src: url('../fonts/typo_titre-webfont.eot');
    src: url('../fonts/typo_titre-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typo_titre-webfont.woff2') format('woff2'),
         url('../fonts/typo_titre-webfont.woff') format('woff'),
         url('../fonts/typo_titre-webfont.ttf') format('truetype'),
         url('../fonts/typo_titre-webfont.svg#adineuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'adihausregular';
    src: url('../fonts/typo_sous_titres-webfont.eot');
    src: url('../fonts/typo_sous_titres-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/typo_sous_titres-webfont.woff2') format('woff2'),
         url('../fonts/typo_sous_titres-webfont.woff') format('woff'),
         url('../fonts/typo_sous_titres-webfont.ttf') format('truetype'),
         url('../fonts/typo_sous_titres-webfont.svg#adihausregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.cd-fixed-bg {
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
 
.cd-fixed-bg.cd-bg-1 {
  background-image: url("../img/booth.jpg");
}
 
.cd-scrolling-bg {
	min-height: 100%;
}
#video {
width: 400px;
height: 400px;
top: 250px;
position: absolute;
border: 1px solid black;
background: red;
left: 35%;
z-index: initial;
z-index: -99999;}
#buttonbar{
width:640px;
margin:auto;
margin-top:50px;}
		
.fond{ 
		/*background-image:url("../images/back.png");*/
		width:702px;
		height:640px;
		z-index:-9999999;
		margin: auto;}
		
#capture-btn {
margin: 20px;
padding: 10px 20px;
position: absolute;
top: 760px;
left: 37%;}

input {
margin: 20px;
padding: 10px 20px;
position: absolute;
top: 760px;
left: 43%;
color: white;
		}
h1{
font-family: 'adineuebold', Verdana;
color:black;
margin: auto;
text-align: center;}
h2{
font-family: 'adihausregular',Verdana;
color:black;
margin: auto;
text-align: center;
font-size: 15px;}

#bastille{
		width:97px;
		height:150px;
		margin-left:10%;
		float:left;
		background:url(../images/bastille-mini.png) no-repeat center;
		}
#boost{
			width:312px;
			margin-right:10%;
			height:150px;
			float:right;
			background:url(../images/boost-mini.png) center no-repeat;
		}
		
#wall{
background-image: url("../img/mur_motif.jpg");
color:white;
}
#wall h1,h2{
color:white;
}