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


body,html{
	padding:0px;
	margin:0px;
	overflow:hidden;
	background:#FFF; 
}


#logo{
	position: absolute; 
	top: 20px; 
	left: 19px; 
}
	

h3  {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  /* typographie */
	color:#E7E7E7; 
	font-size:21px; 
	letter-spacing:6px;
	font-weight:100;
	padding:10px; 
}


h4 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:17px;
	letter-spacing:10px;
	font-weight:100;
	padding:10px; 
	margin-top:-30px; 
}


#menu{
	position: absolute;
	color: #E7E7E7;
	top: 150px;
	left: 26px;
}


h1 {
	width:200px;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:19px;
	letter-spacing:13px;
	font-weight:100;
	padding:10px;
	border: solid 1px;
	display:inline-block; 
	margin:0px; 
	text-transform: uppercase; 
	cursor: pointer; 
	background-color:rgba(0,0,0,0.5); 
	transition:0.1s; 
}

h1:hover{ 
	background:#FFFFFF;
	color:#000000;
}


#page_accueil {
	position:absolute;
	overflow:hidden;
	background:url(image/Background.jpg) 50% 50%;
	width:100%; 
	height:100%; 
	background-size:cover; 
	top:0px;
	left:0px;
	z-index:-1; 	
}


h2 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:15px;
	margin:0px; 
	text-transform: uppercase; 
	transition:0.1s; 
	position:absolute;
	bottom:0%;
	left:45%;
}


#page_photo{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:0%;
	top:100%;
	background-size:cover;
	z-index:-5;
	background-color:#FFFFFF;
}

h7 {
	position:absolute;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#000;
	font-size:40px;
	font-weight:100;
	top:35%;
	left:29%;
	margin: 0px;
	padding:0px;
    } 

h5 {
	width:200px;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:19px;
	letter-spacing:8.5px;
	font-weight:100;
	padding:10px;
	border: solid 1px;
	display:inline-block; 
	margin:0px; 
	text-transform: uppercase; 
	cursor: pointer; 
	background-color:rgba(0,0,0,0.5); 
	transition:0.1s; 
}
		
h5:hover{ 
	background:#FFFFFF;
	color:#000000;
}


#menux{
	position: absolute;
	color: #E7E7E7;
	bottom: 20px;
	right: 26px;
}


h6 {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:19px;
	letter-spacing:10px;
	text-align:center;
	font-weight:100;
	padding:10px;
	border: solid 1px;
	display:inline-block;
	text-transform: uppercase;
	cursor: pointer; 
	background-color:rgba(0,0,0,0.5);
	transition:0.1s; 
	position:absolute;
	bottom:75px;
	right:0px;
	width:200px;
	margin:0px; 
    }	
	
h6:hover{ 
	background:#FFFFFF;
	color:#000000;
}
	
	
#page_photo2{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:100%;
	top:200%;
	background-size:cover;;
	background-color:#FFFFFF;
	z-index:-5;
}


h6 {	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#E7E7E7;
	font-size:19px;
	letter-spacing:13px;
	font-weight:100;
	padding:10px;
	border: solid 1px;
	display:inline-block; 
	margin:0px; 
	text-transform: uppercase;
	cursor: pointer; 
	background-color:rgba(0,0,0,0.5); 
	transition:0.1s; 
	bottom:50px;
	position:absolute;
}

h6:hover{ 
	background:#FFFFFF;
	color:#000000;
}


#page_photo3{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:200%;
	top:200%;
	background-size:cover;
	z-index:-5;
	background-color:#FFFFFF;
}

#page_photo4{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:300%;
	top:200%;
	background-size:cover;
	z-index:-5;
	background-color:#FFFFFF;
}


#page_photo5{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	left:400%;
	top:200%;
	background-size:cover;
	z-index:-5;
	background-color:#FFFFFF;
}


#page_video {
	position:absolute;
	overflow:hidden;
	min-width:100%; 
	min-height:100%; 
	background:#000000;
	top:200%;
	left:0%;
	z-index:-5; 
}



#video {
	position:relative;
	width:50%;
	height:auto;
	top:20%;
	left:26%;
}

#controlevideo {
	display:inline-block;
	text-align:center;
	width:100%;
}

#media{
	text-align: center;
}


button {
	opacity:.6;
	background:none;
	text-decoration:none;
	border:none;
	box-shadow:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

 button:hover {
	 opacity:.9;
 }
 
  
#amazingslider-wrapper-1 {
	position:relative;
	width:auto;
	height:auto;
	top:14%;

}

 
#amazingslider-wrapper-2 {
	position:relative;
	width:auto;
	height:auto;
	top:14%;

}

 
#amazingslider-wrapper-3 {
	position:relative;
	width:auto;
	height:auto;
	top:14%;

}

#amazingslider-wrapper-4 {
	position:relative;
	width:auto;
	height:auto;
	top:14%;

}