body {
	margin: 0; padding: 0;
	background-color:#4a4a4a;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}

h1 {
	font-size: 1.8em;
	margin:0;
	padding:0;
}
	

#avatars-wall {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#conteneur {
	padding:0;
	margin:0 auto;
	width:960px;
	position:relative;
}

#titre-box {
	background-color:#FFF;
	text-align:right;
	color:#333;
	width:300px;
	z-index:5;
	position:absolute;
	padding:10px 20px;
	margin: 50px 0 0 500px;
	filter: alpha(opacity=80);
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
}

#info-box {
	background-color:#CCC;
	width:380px;
	z-index:5;
	position:absolute;
	padding:10px 20px;
	margin: 150px 0 0 420px;
	filter: alpha(opacity=80);
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
}

#info-box p {
	text-align:right;
	color:#333;
	font-size: 1.3em;
	font-weight:500;
}

.img-filtre {
     filter: alpha(opacity=30);
     -moz-opacity: 0.3;
     -khtml-opacity: 0.3;
     opacity: 0.3;
}

.img-filtre:hover {
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
}