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

*{
	margin:0;
	padding:0;
}

body, {
	width:100%;
	height:100%;
	}

#slide01, nav{
	width:100%;
}

nav a, #coordonnes, footer{
	font-family: Arial, Helvetica, sans-serif;
}

nav a.active, nav a:focus {
	color:#242422;
	border-bottom: 2px solid #242422;
}

#accueil, #coordonnees {
	color: #fff;
	}
	
#slide01{
	min-height:100%;
	padding-top: 100px;
	background: #70b9b0;
}

#cv{
	position: fixed;
	top: 0;
	right: 0px;
	z-index: 100;
	}
	
nav{
	position:fixed;
	top:0;
	left: 0;
	z-index: 99;
	background: #51837d; 
}

nav a {
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	line-height: 60px;
	text-align: center;
	display: block;
}

nav a:hover {
	color:#222;
	text-decoration: none;
}

nav a:active {
	color:#222;
	text-decoration: none;
}

#debut{
	margin-top: 210px;
}

#logo {
	transform: scale(1.6);
	margin-bottom: 100px;
		}
				
#logo img:hover {
	transform: scale(0.9);	
}

#accueil, #coordonnees a, #coordonnees h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#accueil h1 {
	font-size: 70px;
	}

#accueil h2 {
	font-size: 60px;
	}
	
#accueil h3 {
	font-size: 30px;
	}	
	
	
#coordonnees {
	margin: 40px 0 170px 50px;
	}
	
#coordonnees h3 {
	padding-bottom: 8px;
	text-align: center;	
	font-size: 40px;
	}
	
#coordonnees a {
	font-size: 40px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	}

 

/* ========================================
Media queries
========================================= */


@media only screen and (min-width: 768px) and (max-width: 1199px) {

nav a {
	line-height: 20px;
}
}
@media (max-width: 767px) {
nav a {
	line-height: 20px;
}
}