/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #E9E6C9;
	color:black;
	padding:0;
	margin:0 auto;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:15px;
}
div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.bank{
	line-height:0; font-size:0; clear:both;
	}
/*------------------------main body-------------------------*/
#main_body{background:url(images/header.jpg) no-repeat top  right;
background-position: 800px 90px ;
	width:1205px;
	height: 700px;
	float: left;
	margin-left: 25px;
	}
#left_pan{
	width:170px;
	color:#fff;
	float:left;

	background: #FE0000 url(images/sidebarbg.gif) no-repeat left bottom;
	border-right:3px solid white;
	border-left:3px solid white;
	
	height: 575px;
}
#left_pan img{
	margin:40px 0 38px 52px; display:block;
	}
#left_pan h2{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	color:black;
	font:13px  Helvetica, Arial, sans-serif;
	font-weight:bold;

	text-transform:uppercase;
	background-color: #E0D89A;

	}
	#left_pan ul li a h2 :hover{


	text-decoration:none;
	color: red;

	}
	

#left_pan h2 span{
	font-size:12px; line-height:12px;
}
#left_pan ul{
	width:170px;
	display:block;
	margin:38px 2px 0 0;
	text-align: center;
	}
#left_pan ul li{
	border-bottom:white 3px solid;
	border-top:white 3px solid;
	padding: 0 0 0 0px;
	}
#left_pan ul li.li1{
	background:url(images/ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;
	}
#left_pan ul li a{
	font-size:13px ;
font-family:Helvetica, Arial, sans-serif;	
	color:#B2E4E9;
	text-decoration:none;
	margin-top: 3px;
	}
#left_pan ul li a:hover{
	text-decoration:none;
	color: red;
	}
/*-------------------------------right side--------------------*/
#rightPan{
	width:600px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
	}
	
#rightPan .menu{
background: url(images/menu.png) no-repeat;
width:590px;
height:75px;
vertical-align:middle;
margin-bottom:30px;
padding-left: 25px;
}

#rightPan .menu ul{
padding:20px;

	}


#rightPan .menu  li {
	display: inline;

}

#rightPan .menu a {
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	display: block;
	float: left;
	width: 95px;
	text-transform:uppercase;
	
	text-decoration: none;
	color: black;	
vertical-align:middle;
	text-align: center;

}

#rightPan .menu a:hover {
	text-decoration: none;
	color:red;

}
	
		#rightPan P{
		text-align:center;
		}
	
	td{
	font-family:  Helvetica, Arial, sans-serif;
	
	}
	th{
	font-family:  Helvetica, Arial, sans-serif;
	
	}
td.green
{
background-color: green;
border: 2px green;
text-align: center;
}

td.orange
{
background-color: orange;
border:orange;
text-align: center;
}

td.red
{
background-color: red;
border:red;
text-align: center;
}
	
	
	
	
	
#rightPan .content {
width:575px;
border: 3px solid white;
background-color:#FDF6BC;
padding:5px;
	}
	#rightPan .content P{

	font-size:15px;
font-family:Helvetica, Arial, sans-serif;
color:black; text-decoration:none;
text-align:left;

	}
	#rightPan .content P a{

text-decoration:none;
font-weight:bold;
color: black;

	}
	.content ul{

	padding-left:1em;
	}
	
	.content li{
	list-style: square;

	}
	
	
h1{
font-family:Helvetica, Arial, sans-serif;
text-align:center;
font-weight:bold;
/*border: 3px solid white ;
width: 75%;
background-color:#A4DDE4;*/
}
h2{
}
#banniere
{
background:url(images/banniere.png) no-repeat;
height:121px;
margin-bottom:10px;

}

#rightPan .content P.date{


text-align:left;
color:navy;
font-weight:bold;

	}
	#rightPan .content P.event{

font-size:15px;
font-weight: bold;
text-align:right;

	}
	
		#rightPan .content P.description{

font-size:12px;

text-align:left;

	}
	
		#rightPan .content ul.description li{

font-size:12px;

text-align:left;

	}
		#rightPan .content P.annee{

font-size:19px;
font-weight: bold;
text-align:center;
color:red;

	}
			#rightPan .content P.entree{

font-size:12px;
font-weight: bold;
text-align:center;

	}
/*---------------------------footer-------------------*/
#footer_bg{
margin-top:30px;
	background:url(images/footer_bg.gif) repeat-x;
	width:100%;
		float:left;
height:75px;
	}
#footer{
	background:url(images/footer.gif) no-repeat;

	width:100%;
	margin:0 auto 0 auto;
	
	margin-top:-100px;
	padding-top:100px;
	
	
	}
#footer ul{
	width:525px; margin:29px 0 7px 0; display:block; height:15px;
	}
#footer ul li{
	float:left; font:12px  Helvetica, Arial, sans-serif; color:black; 
	display:block; 
	}
#footer ul li a{
	font:12px Helvetica, Arial, sans-serif; color:black; text-decoration:none;
	
	}
#footer ul li a:hover{
	text-decoration:none;
	}
#footer p{
	  font:12px/14px  Helvetica, Arial, sans-serif; color:black;
	  padding-top:25px;
	  text-align:center;
	
	
	}

.logohead{
height:150px;
margin-top:5px;
	background-image:url(images/blason2.png);
	background-repeat: no-repeat;
background-position: center center;

}

}
	#footer a{
	font:12px/14px Helvetica, Arial, sans-serif;
	color:#F3F1DF;
	padding-top:25px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	}
	#footer a:hover{
	color:#000000;
}