@import url(http://fonts.googleapis.com/css?family=Gudea:400,700,400italic);
*{
	margin:0;
	padding:0;
}
	
body{
	background:url(../img/bg-1.gif) no-repeat;
	background-size:cover;
	overflow-x:hidden;
}

header{
	position:absolute;
	display:block;
	width:100%;
	/*min-width:800px;*/ /* bloque le header pour éviter que la nav passe en dessous du titre */
	height:80px;
	background:#FFF;
}

header h1{
	margin:40px 0 0 7px;
	font-family:'Gudea', sans-serif;
	font-size:2em;
	color:#333;
	width:250px;
}

header nav{
	position:absolute;
	right:20px;
	top:55px;
}

nav a{
	font-family:'Gudea', sans-serif;
	text-decoration:none;
	color:#999;
	font-weight:700;
	margin-left:10px;
	transition:all 1s ease;
}

nav a:hover{
	color:#000;
}

#anim{
	margin-top:150px;
	margin-left:10%;
	max-width:100%;
}
	
@media screen and (max-width:780px){
	header h1{margin:5px 0 0 7px;}
	header nav{left:0;}
}	

@media screen and (max-width:480px){
	header nav{width:280px;top:40px;}
	body{background:url(../img/bg-1.jpg) no-repeat;overflow-x:hidden;}
}

/*@media screen and (max-width:400px){
	header{width:;top:40px;}
	body{background:url(../img/bg-1.jpg) no-repeat;overflow-x:hidden;}
}*/