html { 
margin:0;
/*background: url(../images/bg.jpg) no-repeat center center fixed; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow:auto;
overflow-x:hidden;
font-size:1em;
}
body{
margin:0;
font-family: 'Lato', sans-serif;
}
img{
border:0;
}

a:link{
color:#2e2e2e;
text-decoration:none;
}
a:visited{
color:#2e2e2e;
text-decoration:none;
}
a:hover{
color:white;
}

#main{
width:100%;
margin:auto;
}

#navtop{
position:fixed;
width:100%;
height:50px;
margin:auto;
background-color:rgba(113, 14, 9, 0.9);
color:white;
font-size:1em;
letter-spacing:0.5em;
text-align:center;
line-height:45px;
overflow:hidden;
z-index:999;
}
#navtop ul{
float:right;

}
#navtop li{
display:inline;
margin:10px;
margin-top:-20px;
line-height:50px;
float:left;

}

/* background des sections cover
	* --------------------------------------- */
	#section0,
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6{
		background-size: cover;
	}
	
	/* url des backgrounds 
	* --------------------------------------- */
	#section0{
		background-image: url(../images/bg0.jpg);
		
	}
	#section1{
		background-image: url(../images/bg1.jpg);
		
	}
	#section2{
		background-image: url(../images/bg2.jpg);
		
	}
	#section3{
		background-image: url(../images/bg3.jpg);
		
	}
	#section4{
		background-image: url(../images/bg5.jpg);
		
	}
	#section5{
		background-image: url(../images/bg4.jpg);
		
	}
	#section6{
		background-image: url(../images/bg6.jpg);
		
	}
	


#titre{
margin:auto;
margin-top:-20px;
width:50%;
height:auto;
text-align:center;
}

#ordis{
width:100%;
margin:auto;
height:auto;
background-color:rgba(152, 149, 172, 0.7);
padding:10px;
text-align:center;
color:#4b1509;
font-size:1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index:10;
}
#ordis h1{
font-size:3em;
font-weight:300;
}
#descri{
margin:auto;
width:100%;
background-color:rgba(136, 59, 24, 0.5);
color:white;
}
#contact{
width:90%;
margin:auto;
}
#contact table{
width:100%;
}
#contact input[type="text"]{
padding:10px;
width:90%;
background-color:white;
height:40px;
border:1px solid grey;
font-family: 'Lato', sans-serif;
font-size:1em;
}
#contact input[type="password"]{
padding:10px;
width:90%;
background-color:white;
height:40px;
border:1px solid grey;
font-family: 'Lato', sans-serif;
font-size:1em;
}

#contact input[type="email"]{
padding:10px;
width:90%;
background-color:white;
height:40px;
border:1px solid grey;
font-family: 'Lato', sans-serif;
font-size:1em;
}
#contact input[type="button"]{
width:30%;
height:40px;
background-color:#2e2e2e;
color:white;
border:0;
font-family: 'Lato', sans-serif;
font-size:1em;
}
#contact input[type="submit"]{
width:30%;
height:40px;
background-color:#2e2e2e;
color:white;
border:0;
font-family: 'Lato', sans-serif;
font-size:1em;
}
#contact textarea{
padding:10px;
width:90%;
background-color:white;
height:220px;
border:1px solid grey;
font-family: 'Lato', sans-serif;
font-size:1em;
}