html { 
	height:100%; 
	margin:0; 
	padding:0 
}

body { 
	background:#e4e4e4; 
	margin:0; height:100%; 
	position:relative 
}

#content { 
	width:780px;
	height:100%; 
	margin:0 auto 
}
	
#logo { 
	position:absolute; 
	z-index:0; 
	width:780px; 
	height:200px; 
	top:45%; 
	margin-top:-100px; 
	background:url(../images/fond.jpg) repeat-x; 
	text-align:center; 
}

#logo img { 
	width:233px; 
	height:200px 
}

#nav { 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	z-index:2; 
	position:absolute; 
	width:780px; 
	top:45%; 
	height:360px; 
	margin-top:-262px 
}

#nav a {position: relative}

#nav a span { 
	position:absolute; 
	display:block ; 
	vertical-align:middle ; 
	left: 89px ; 
	height:80px; 
	top: 0px ; 
	text-align:center ; 
	width: 96px 
}

span.un { margin-top: 30px }
span.deux { margin-top: 22px }
span.trois { margin-top: 16px }

#nav li	{ 
	width:186px; 
	height:80px; 
	margin:10px 20px; 
	margin-top:0; 
	padding:0; 
	border:2px solid white; 
	background-color:#aaa ; 
	float:right; 
	clear:right 
}

#nav li a { 
	text-decoration:none; 
	display:block; 
	height:80px; 
	color:black; 
	font-weight:bold; 
	font-family:sans-serif; 
	font-size:70% 
}

#nav li img	{ 
	vertical-align:middle;
	border:0; 
	width:88px; 
	float:left;
	height: 80px; 
	display:block
}

#nav li.odd	{ 
	float:left; 
	clear:left 
}