@charset "utf-8";

/* CSS Document */
body {
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C3C3C;
	text-align:center;
}
   
img {border: 0px;}

#container {
	background-image:url(img/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 800px;
	height:600px;
	max-height:600px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}
#bloc{
	max-height:600px;
}
#img1 {
	float:left;
	position:relative;
	left:206px;
	top:52px;
	width:89px;
	height:122px;
	z-index:1;
}
#img2 {
	position: relative;
	clear:both;
	float:left;
	left:91px;
	top:34px;
	width:76px;
	height:97px;
	z-index:2;
}
#img3 {
	position:relative;
	clear:both;
	float:left;
	left:106px;
	top:113px;
	width:65px;
	height:89px;
	z-index:3;
}
#img4 {
	position:relative;
	clear:both;
	float:left;
	left:201px;
	top:-33px;
	width:152px;
	height:96px;
	z-index:4;
}
#img5 {
	position:relative;
	clear:both;
	float:left;
	left:158px;
	top:28px;
	width:125px;
	height:128px;
	z-index:5;
}
#img6 {
	position:relative;
	clear:both;
	float:left;
	left:506px;
	top:-454px;
	width:125px;
	height:190px;
	z-index:6;
}
#img7 {
	position:relative;
	clear:both;
	float:left;
	left:651px;
	top:-707px;
	width:90px;
	height:125px;
	z-index:7;
}
#img8 {
	position:relative;
	clear:both;
	float:left;
	left:652px;
	top:-662px;
	width:82px;
	height:104px;
	z-index:8;
}
#contact {
	position:relative;
	clear:both;
	float:left;
	left:700px;
	top:-554px;
	width:82px;
	height:30px;
	z-index:9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#333333;
	text-align:left;
}
.contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.contact:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.infos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
.infos:hover {
	text-decoration:underline;
}

#legende {
	position:relative;
	clear:both;
	float:left;
	left:382px;
	top:-552px;
	width:300px;
	height:30px;
	z-index:10;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align:left;
}
#info {
	position:relative;
	clear:both;
	float:left;
	left:712px;
	top:-582px;
	width:100px;
	height:30px;
	z-index:11;
	text-align:left;
}
#clear