* {
	margin: 0;
	padding: 0;
		
}
html, body {
	color: #000;
	font-family: verdana;
	font-size: 12px;
	height: 100%;
	margin: 0;
	background-color: #000;	
}
img {
	border: 0;
}
A{
	text-decoration: none;
	color: #000000;
}
A:link {
		color: #666;
}
A:visited {
		color: #666;
}
A:hover {
		color: #29A0D7;
}
#anim {
	position: absolute;
	top: 0;
	visibility: visible;
	width: 955px;
	left: 50%;
	margin-left: -477px;
	z-index:0;
	cursor: pointer;
}
#MainBackground{
	position:fixed;
	float:left;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
	cursor: pointer;
}
#allsite {
	position: absolute;
	top: 40px;
	visibility: visible;
	width: 955px;
	left: 50%;
	margin-left: -477px;
	z-index:2;	
}
	#allsite-i {
		position: absolute;
		top: 40px;
		visibility: visible;
		width: 567px;
		left: 50%;
		margin-left: -283px;
		z-index:1;	
	}
#main{
	position: relative;
	float: left;
	width: 585px;
	height: 544px;
	background-color: #FFF;	
	padding: 20px
}
	#menu{
		position: relative;
		float: left;
		width: 585px;
		height: auto;	
		font-family: verdana;
		font-size: 20px;
		z-index: 100;
		
	}
	#menu ul li{
		position: relative;
		float: left;	
		display: inline;
		list-style: none;
		padding-right: 8px;
		margin-right: 8px;
		color: #666;
		border-right: 1px solid #CCC;
		cursor: pointer;
	}
	#menu ul li A:link {
		color: #666;
	}
	#menu ul li A:visited {
		color: #666;
	}
	#menu ul li A:hover {
		color: #339933;
	}
	#menu ul li a:active {
		color: #339933;
	}		
	#panoramique {
		position: relative;
		float: left;
		width: 585px;
		height: auto;
		margin-top: 20px;	
	}
	#content{
		position: relative;
		float: left;
		width: 585px;
		height: auto;
		margin-top: 20px;
		background-color: #FFF;
	}
	#content-titre {
		position: relative;
		float: left;
		width: 585px;
		margin-bottom: 20px;
		font-family: verdana;
		font-size: 18px;
		color: #993333;
	}
	#content-titre A:link {
		color: #666;
	}
	#content-titre A:visited {
		color: #666;
	}
	#content-titre A:hover {
		color: #339933;
	}
	#content-titre a:active {
		color: #339933;
	}
	
	#content ul li{
		list-style: none;
		padding-bottom: 10px;
	}
			
	.zone1 {
		position: relative;
		float: left;
		width: 280px;
	
	}
	.zone2 {
		position: relative;
		float: left;	
		width: 280px;
		padding-left: 20px;
	
	}
	#content p{
		line-height: 15px;
		margin-bottom: 10px;
	}
	quote {
		padding: 10px 50px;
		font-size: 18px;
		line-height: 22px;
	}
#colright{
	position: relative;
	float: left;
	width: 310px;
	margin-left: 20px;
}
#logo{
	position: relative;
	width: 310px;
	height: 45px;
}
#agenda{
	position: relative;
	width: 310px;
	/*height: 520px;*/
	height: auto;
	margin-top: 20px;
	background-color: #FFF;
	display: block;	
}



	#title_agenda{
		color: #993333;
		width: 300px;
		padding: 5px;
		text-align: center;
		font-family: verdana;
		font-size: 20px;		
	}
	.actu {
		position: relative;
		float:left;
		padding: 10px 10px;
		border-top: dashed 1px #CCC;
		background-color: #FFF;
		width: 290px;
		display: block;			
	}

.actu A:link {
		color: #666;
		font-weight: bold;
}
.actu A:visited {
		color: #666;
		font-weight: bold;		
}
.actu A:hover {
		color: #29A0D7;
}
	
	.actu_img{
		position: relative;
		float: left;
		width: 110px;
		height: 110px;
		background-color: #000;	
	}
	.actu_meta{
		position: relative;
		float: left;
		margin-left: 10px;		
		width: 165px;
		height: auto;
		display: block;
	}
	.actu_date{
		font-family: verdana;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 6px;
	}
	.gris {
		color: #999;
	}
	.actu_titre{
		font-family: verdana;
		font-size: 14px;
		color: #339933;
		font-weight: bold;
		text-transform: uppercase;
		padding-bottom: 6px;
	}
	.actu_txt{
		font-family: verdana;
		font-size: 12px;
		color: #666;
		line-height: 16px;
	}
	.actu_txt2{
		font-family: verdana;
		font-size: 12px;
		color: #666;
		line-height: 16px;
	}	
#bottom{
	position: relative;
	float: left;
	width: 955px;
	height: 75px;
	margin-top: 20px;
	margin-bottom: 40px;
}