div {
	text-align:center;
	}
div#elem1 {
	position:absolute;
	color: #900;
	background-color: #01B0F0;
	width:18%;
	height:100%;
	left:0;
	top:0;
	bottom:0;
}
div#avatar {
	position:absolute;
	background-color: #FFFFFF;
	top:2%;
	margin-left:42%;
	width: 13%;
	height: 30%;	
}
div#boite {
	position:absolute;
	left:25%;
	top:40%;
	width:50%;
	height:50%;
	border: solid 5px #01B0F0;	
}
div#menu {
	float:left;
	background-color: #E6E2AF;
	width:140px;
}
.menu1 {
	padding:0;
	top: 20%;
	height:25%;
	background-color: #01B0F0;
	font-size:100%;
	list-style:none;
	padding:0;
	font-size:100%
}
.menu1 li{
	height:55%;
	padding:0;
	width:40%;
	margin-left:10%;
	margin-right:auto;
	text-align:left;
}
.menu1 a {
	text-align: left; 
	color: #000; 
	font-family:"arial black","Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
.load
{
    background:url('votreicone.gif') no-repeat center;
} 
    
div#diapo {
	float:right;
	background-color: #E6E2AF;
	height: 100%;
	width:63%;
	margin-left:140px;
}
div#elem2 {
	float:right;
	position:absolute;
	color: #900;
	background-color: #01B0F0;
	width:18%;
	height: 100%;
	top:0; 
	right:0;
}