@charset "utf-8";
@font-face {
 font-family: 'BigNoodleTitlingRegular';
 src: url('font/bignoodletitling-webfont.eot');
 src: local('☺'), url('font/bignoodletitling-webfont.woff') format('woff'), url('font/bignoodletitling-webfont.ttf') format('truetype'), url('font/bignoodletitling-webfont.svg#webfontXkfD6sF6') format('svg');
 font-weight: normal;
 font-style: normal;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(img/fond.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
a {
	text-decoration:none;
	color:#333;
	line-height:30px;
}
#logo{
	display:block;
	position:relative;
	top:100px;
	max-width:900px;
	height:426px;
	margin:0 auto;
	background:url(img/vignette.png) no-repeat center;
}
#nav{
	display:block;
	width:482px;
	height:60px;
	position:relative;
	top:120px;
	margin:0 auto;
}
#nav ul,#crea ul{
	margin:0 auto;
	list-style:none;
	margin:0;
	padding:0;
		}
#nav li{
	display:block;
	float:left;
	margin:0 30px;
	padding:0;

	}
#contact, #crea{
	display:none;
	font-weight:bold;
	}
#contact h1, #crea h1{
	font-weight: normal;
	font-style: normal;
	font-size:25px;
	line-height:normal;
	font-family: 'BigNoodleTitlingRegular', sans-serif;
	margin:20px 0 0 0;
	padding:0;
	}
	
#contact:target, #crea:target{
	display:block;
	position:relative;
	width:410px;
	top:120px;
	margin:0 auto;
	/*text-align:center;*/
}
#contact:target ~ #logo{
	position:absolute;
	top:0px;
	-webkit-transition: all 1s; /* pour Webkit      */
   -moz-transition:    all 1s; /* pour Firefox 4+  */
   -o-transition:      all 1s; /* pour Opera 10.5+ */
   transition:         all 1s; /* pour tous (W3C)  */
  } 
