@import url("reset.css");
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(../font/marckScript.woff) format('woff');
}	

		body {
		    color: white;
		    background-color: #333;
		    background-image: url('../img/bg.jpg'); 
		    font-family: 'Marck Script', cursive;
		}
		li {
			list-style-type:none;
			display:inline-block;
		}
		a, a:hover {
			font-size:20px;
			color:white;		
			text-decoration:none;
			opacity:0.5;
		}
		
		a:hover {
			opacity:1;
		}

		#menu img {
			width: 48px;
			height: 48px;
		}
		
		#menu {
			position:absolute;
			top:0;
			left:0;
			width:60px;
			padding-bottom:10px;
			color:white;
			background-color: #fff;
			opacity:0.7;
			z-index:99;
			text-align: center;
			-webkit-border-radius: 0 0 17px 0;
			-moz-border-radius: 0 0 17px 0;
			border-radius: 0 0 17px 0;
			border-color:#888;
			border-width:1px;
			border-style:solid;
			-moz-box-shadow: 0 0 3px 5px #bbb;
			-webkit-box-shadow: 0 0 3px 5px #bbb;
			box-shadow: 0 0 3px 5px #bbb;
		}
		
		#menu:hover {
			opacity:0.9;
		}
		
		
		#titre {
			position:absolute;
			left:0;
			top:15%;
			width:100%;
			z-index:1;
			text-align:center;
			color:white;
			font-size:400px;
			font-style:bold;
		}