@charset "UTF-8";
/* CSS Document */


body{
	width:100%;
	margin:0;
	padding:0;
	font: normal 90% "Trebuchet MS", Verdana;
	color:#FFF;
}

#conteneur{
	width:100%;
	margin:0 auto;
	overflow-x:hidden
}

section{
	width:100%;
	height:1700px;
}

#slide1{
	background:url(../img/bg1.jpg) center 0 no-repeat fixed;
}

#slide2{
	background:url(../img/bg2.jpg) center 0 no-repeat fixed;
}

#slide3{
	background:url(../img/bg3.jpg) center 0 no-repeat fixed;
}

#slide4{
	background:url(../img/bg4.jpg) center 0 no-repeat fixed;
}

/* ======================= MISE EN PLACE DES CONTENUS ======================== */

h2{
	color:white;
}

.slide_inside{
	width:980px;
	margin:0 auto;
}

#slide1 .slide_inside{
	text-align:center;
}

#slide2 .slide_inside, #slide3 .slide_inside, #slide4 .slide_inside{
	padding:50px;
	background-color:rgba(0, 0, 0, 0.5);
}

#slide2 p{
	color:white;
	width:500px;
	text-align:justify;
	list-style:none;
}

#slide4 h2{
	
}

nav{
	padding:44px 60px 0 0;
	float:right;
	margin-right:60px;
}

nav a{
	font-family:helvetica;
	font-size:16px;
	font-weight:100;
	color:#ffffff;
	text-decoration:none;
	padding-left:30px;
}

nav a:hover{
	text-decoration:underline;
}

#rub1{
	height:1900px;
	width:100%;
}

#rub2{
	height:1900px;
	width:100%;
}

#rub3{
	height:1900px;
	width:100%;
}

#rub4{
	height:1900px;
	width:100%;
}

*{ 
	margin:0;
	padding:0;
}

header{
	position:fixed;
	width:100%;
	z-index:10;
}

header img{
	width:180px;
	height:160px;
	margin:10px 0 0 200px;
}

@media screen and (max-width:820px){
	
}

@media screen and (max-width:464px){
	header img{margin-left:50px;}
}