@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;
}
   
body{
padding: 20px;	
		color:black;

  background-color: #D9DFDF;}

label {	display: block;}
	
#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;}
		
.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;
		}