html{
	position:relative;	
}



body {
	
	font-family:Garamond,sans-serif;
	font-size:14px;
	background-color:#000;
	background-position:center;
	overflow-x:hidden;
	position:relative;
}

h1{
	font-size:36px;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	}
span.big
{
	}
a.hello{
color:#0C9;
}
a.hello:hover{
color:#0FF;
}
a.hello:active{
color:#0C9;
}
a.hello{
color:#0C9;
}
div.hello
{
	background-color:#000;
	color:#FFF;
	margin-top:40px;
	width:300px;
	padding:10px;
	margin-left:10px;
	}
/* Mise en page de la page */

div.hello p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:10px;
	}

#wrap{
	margin:auto;
	width:975px;
	height:620px;
	margin-top:10px;
}

#nom{
	position:absolute;
	background-color:#000;
	z-index:1;
	margin:auto;
	float:left;
	font-size:15px;
	padding-top:6px;
	padding-bottom:6px;
	width:100%;
	color:#CCC;
	bottom:132px;
	padding-left:60px;
	display:block;
}

#nom span{
	font-size:30px;
	padding-right:20px;
	color:#EEE;
	}

#background{
	margin:auto;
	width:975px;
	height:620px;
	position:absolute;
}

#blackback
{
	background-color:#000;
}

.image-wrapper{
	height:400px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 400px;
	height: 400px;
}

	
.image-wrapper img{
	background-color:#444;
	margin:auto;
	vertical-align:middle;
	}
	
#slider{
	z-index:2;
	position:relative;
	width:400px;
	height:600px;
	overflow:hidden;
	float:right;
	margin-right:40px;
}

#menu{
	z-index:3;
	position:relative;
	width:600px;
	height:300px;
	overflow:hidden;
	top:500px;
}

a.thumb img
{
	width:64px;
	height:64px;
}
