@font-face {
	font-family: "San Francisco";
	src: url(../fonts/SanFranciscoDisplay-Thin.otf); 
}
@font-face {
	font-family: "San Francisco Medium";
	src: url(../fonts/SanFranciscoDisplay-Medium.otf); 
}
*, html, body {
	font-family: "San Francisco";
	font-size: 18px;
	color: rgb(79,79,79);
	margin: 0;
	padding: 0;
}
body {
	background: #CCC;
	height: 600%;
}                /* */
h1 {
	font-family: "San Francisco Medium";
	font-size: 60px;
	text-align: center;
}
nav {
	position: fixed;
	top: 0;
	height: 60px;
	width: 100%;
	background: #F0F0F0;
	z-index: 9;
}
nav span {
	height: 60px;
	line-height: 60px;
	margin-left: 35px;
	font-family: "San Francisco Medium";
	color: rgb(79,79,79);
	font-size: 22px;
}
nav ul {
	float: right;
	list-style: none;
	margin: 0 35px 0 0;
	padding: 0;
	height: 58px;
	line-height: 58px;
	margin-left: 35px;
}
nav ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}
nav ul li a {
	display: block;
	height: 56px;
	line-height: 56px;
	margin-left: 35px;
	font-family: "San Francisco";
	color: rgb(79,79,79);
	font-size: 18px;
}
a:link, a:active {
	text-decoration: none;
	color: #4F4F4F;
}
a:hover, a:visited {
	text-decoration: none;
	color: #4F4F4F;
	border-bottom: 4px solid #F0F0F0;
}
#couche_images {
	position: fixed;
	top: -10%;
	background: #333;
	width: 100%;
	height: 120%;
	margin: 0;
	z-index: -2;
	border: 2px none red;
}
.haut {
	display: block;
	position: relative;
	background: url(../images/coucher_de_soleil.jpg) no-repeat 50% 70%;
	width: 100%;
	height: 50%;
}
.bas {
	display: block;
	position: relative;
	background: url(../images/coucher_de_soleil_2.jpg) no-repeat 50% 20%;
	width: 100%;
	height: 50%;
}
#couche_images {
	position: fixed;
	top: -10%;
	background: #333;
	width: 100%;
	height: 120%;
	margin: 0;
	z-index: -10;
	border: 2px none red;
}
#couche_pages {
	position: absolute;
	top: 0;
	background: none;
	width: 100%;
	height: 500%;
	margin: 0;
	padding: 0;
	z-index: 0;
	border: 2px none red;
	overflow: hidden;
	
}

#page_1, #page_2, #page_3, #page_4, #page_5 {
	position: relative;
	width: 100%;
	height: 20%;
	margin: 0;
	padding: 0;
	color: #4F4F4F;
	background: none;
	z-index: 5;
}
.contenu_11 {
	position: relative;
	background: none;
	height: 40%;
	width: 100%;
}
.contenu_11 h1 {
	text-shadow: 3px 3px 12px white;
}
.contenu_12 {
	position: relative;
	background: #FFF;
	height: 61%;
	width: 100%;
}
 .contenu_2, .contenu_3, .contenu_4  {
	position: relative;
	background: #FFF;
	height: 100%;
	width: 100%;
 }

.contenu_5 {
	background: #FFF;
	height: 80%;
	width: 100%;
	box-shadow: 1px 7px 9px #000;
}
.contenu {
	margin: 0 25%;
	padding: 50px 0;
}
.contenu h2 {
	display: block;
	font-size: 28px;
	border-bottom: 1px solid #4f4f4f;
	width: 100%;
	margin-bottom: 35px;
}
.contenu p {
	margin: 15px 0;
}
.contenu ul {
	list-style-position: inside;
}
.contenu ul li {
	margin: 7px 0;
	padding: 0 7px;
}
.adresse {
	background: url(../images/contact_card-25.png) left top no-repeat;
	padding-left: 33px;
	
}
.phone {
	background: url(../images/phone2-25.png) left top no-repeat;
	padding: 0 0 15px 33px;
	
}
.bus {
	background: url(../images/bus-25.png) left top no-repeat;
	padding: 0 0 15px 33px;
	
}
.courrier {
	background: url(../images/message-25.png) left top no-repeat;
	padding: 0 0 15px 33px;
	
}
.courrier a:link,
.courrier a:active {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: rgb(79,79,79);
	border: none;
}
.courrier a:hover,
.courrier a:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: rgb(99,33,79);
	border: none;
}
#copyright {
	position: fixed;
	clear: both;
	width: 50%;
	bottom: 0;
	font-size: 11px;
	text-align: center;
	background: rgba(255,255,255,0.3);
	margin: 0 auto;
	margin-bottom: 15px;
	padding-left: 15px;
	z-index: -90;
}
#copyright:hover {
	background: rgba(255,255,255,0.9);
	color: #000;
}
#copyright a:link,
#copyright a:active {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: rgb(79,79,79);
	border: none;
	font-size: 11px;
}
#copyright a:hover,
#copyright a:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: rgb(99,33,79);
	border: none;
	font-size: 11px;
}