style.css

blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0;border:none}body,html{margin:0;padding:0;height:100%;border:none}table{border-collapse:collapse;border-spacing:0}img{border:0}input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}

body {
	background: #334D5C;
	position: relative;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: Tahoma, sans-serif;
}

.page {
	width: 100%; height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.contenu {
	position: relative;
	height: auto;
	padding-top: 30px;
}

.contenu p{
	height: 900px;
	width: 100px;
	padding-top: 50px;
	background: purple;
	color: #fff;
}

#menu {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -88px;
	margin-left: -100px;
	z-index: 99;
	padding: 0 22px;
	background: rgba(255,255,255, 0.5);
	border-radius: 5px;
}

#menu a {
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin: 20px 0;
	padding: 0 40px;
	line-height: 30px;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid #000;
	color: white;
	transition: background ease .2s;
}

#menu a.link-active {
	background: rgba(0, 0, 0, 0.4);
}

h1 {
	position: fixed;
	top: 30px;
	width: 100%;
	font-size: 2em;
	z-index: 9999;
	text-align: center;
}

.subtitle {
	position: fixed;
	bottom: 0;
	width: 100%;
	line-height: 50px;
	background: #fff;
	text-align: center;
	z-index: 9999;
}

.subtitle a {
	color: #334D5C;
	font-weight: bold;
}

#slide1 {
	background: #45B29D;
}

#slide2 {
	background: #E27A3F;
}

#slide3 {
	background: #DF4949;
}