html, body {
	font-size: .8em;
	background-color: #01B0F0;
}
div#boite {
	position:absolute;
	left:50%;
	top:50%;
  	width: 850px;
  	height: 500px;
	margin-top:-250px;
	margin-left:-425px;
  	border: 5px solid #000;
	overflow:hidden;
}
div#menugen	 {
	float:left;
	width:300px;
	height:500px;
	background-color: #fff
}
div#boite2 {
	float:left;
	width:300px;
	height:250px;
}
div#avatar {
	position:absolute;
	background-image:url('avatar.jpg'); 
	margin-right:35px;
	margin-left:35px;
	margin-top:45px;
	width: 229px;
	height: 142px;
}
div#boite3 {
	float:left;
	width:300px;
	height:250px;
	margin-top:50px;
	line-height:1em;
	text-align:left;
	font-size:1.2em;
	display:block; 
}

#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }

div#diapo {
	float:right;
	width: 550px;
	height:500px;
	background-color:#fff;
}