@charset "utf-8";
/* CSS Document */


h1{
	font:100% Verdana,Geneva,sans-serif;
	text-align: left;
	line-height:1.4em;
	padding:0px;
	color:#fff;

	font-size:100% bold;
	
}

h2{
	font:80% Verdana,Geneva,sans-serif;
	text-align: left;
	line-height:1.4em;
	padding:0px;
	color:#fff;

	font-size:80% bold;
	
}


* {margin: 0; padding: 0; outline: none;}
img {border: none;}

.container {
	overflow: hidden;
	width: 950px;
	height:550px;
	margin: 0 auto;
}
#main {
	padding: 0px;
	border: 0px solid #ccc;
	position:absolute;
}
a {color: #fff;}
 
/*--Main Image Preview--*/
.main_image {
	width: 540px; height: 479px;
	float: left;
	background:url(../Images/accueil/accueil_ZoneTheme_Default.gif);
	position: relative;
	overflow: hidden;
	border:0px;
}

.main_image a.show {background-position: left bottom;} 
 


.image_cercle {
	float: left;
	width: 410px;
	height:330px;
	background:url(../Images/accueil/accueil_ZoneInteractivite_Default.gif);
	position: relative;
	overflow: hidden;
	border:0px;
}

.image_cercle ul {
	margin: 0; padding: 0;
	list-style: none;
	background-repeat:no-repeat;
}
.image_cercle ul li{
	margin: 0; padding: 1px 1px;
	width: 96px;
	height:96px;
}
#cercle2{
	left:198px;
	top:118px;
	}
	
#cercle3{
	left:182px;
	top:227px;
	}
#cercle4{
	left:58px;
	top:232px;
	}
#cercle5{
	left:14px;
	top:116px;
	}
#cercle1{
	left:110px;
	top:38px;
	z-index:10;
	}
	
.cercle{
	width:96px;
	height:96px;
	position:absolute;
}

.image_cercle ul li.hover {
	background:url(../Images/accueil/accueil_cercle_over.png);
	float: left;
	cursor: pointer;
}
.image_cercle ul li.active {
	background:url(../Images/accueil/accueil_cercle_active.gif);
	cursor: default;
}


.zone_don ul {
	float: left;
	width: 950px;
	height: 65px;
	margin-top: 20px;
	position: relative;
	font: Verdana,Geneva,sans-serif;
	text-align: justify;
	line-height:1.0em;
	padding:1px;
	color:#fff;
	font-size:50% bold;
	list-style: none;
}

.zone_don li {
	 padding-left: 80px;

}
.zone_don a{
	display: inline;
	cursor: pointer;
	text-decoration: none;
}


.zone_racouci ul {
	float: left;
	width: 410px;
	height: 149px;
	margin-top: 30px;
	position: relative;
	font: Verdana,Geneva,sans-serif;
	text-align: justify;
	line-height:1.0em;
	padding:0px;
	color:#fff;
	font-size:80% bold;
	list-style: none;
}

.zone_racouci li {
	 padding-left: 30px;

}
.zone_racouci a{
	display: inline;
	cursor: pointer;
	text-decoration: none;
}