html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


nav{

	width: 100px;
	height: 300px;
	z-index: 50;
	margin-top: 250px;
	margin-left: 30px;
	position: absolute;
}
nav2{

	width: 600px;
	height: 60px;
	z-index: 50;
	margin-top: 280px;
	margin-left: 400px;
	position: absolute;
}
li{
	list-style: none;
	display: inline-block;
	padding: 9px;
}

a{
	width: 90px;
	height: 60px;
	text-decoration: none;
	padding: 4px;
	color: white;
	background-color: rgba(255,255,255,0);
		font-family: 'aller_lightregular';

		-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

nav a:hover{
	background-color: rgba(255,255,255,0.5);


}
article h1{

	font-family: 'allerbold';
	font-size: 1.8em;
	color: white;
	display: inline-block;
	padding: 1px;
	line-height: 100%;
	margin: center;
}

article p{

	font-family: 'aller_lightregular';
	font-size: 2em;
	color:#ECE8BE;
	padding: 1px;
	text-align: left;
	margin-top: 5px;
	vertical-align: 1px;

}

section{
	width: 1850px;
	height: 1250px;
	margin: 0px auto;
	background-color: #0B4C5F;


}
span{
	font-family: 'allerbold';
	font-size: 1.2em;
	color:white;
	padding: 9px;
	text-align: center;

}
.caméra{ position: absolute; margin: 30px 0 0 560px; border: 1px solid white;}
.form{ position: absolute; margin: 230px 0 0 440px; border: 1px solid white;}
.construction{ position: absolute; margin: 22px 0 0 1000px; border: 1px solid white;}
.bienvenue{
	font-family: 'allerbold_italic';
	 font-size: 1.5em;
	 color: white;
	 width: 745px;
	 height: 100px;
	 margin: 750px;
	 line-height: 100%;
	 text-align: center;

}