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

body{
margin:0;
padding:0;
background: #016388 url(../../images/fond.jpg) center top no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #F0F3D5;
}
h1, h2, h3, h4, ul, li, div {
margin: 0;
padding: 0;
border: 0;
}
select, input, textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003D53;
}
.titres{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #89A53E;
}	
#page{
width:985px;
margin:0 auto;
padding:0;
}
h1 {
background: url(../../images/bandeau.png) top left no-repeat;
width: 985px;
height: 120px;
text-indent: -9999px;
}
#contenu{
float:left;
width:985px;
background: url(../images/bleu_barre.jpg) top center repeat-y;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
#pied{
float:left;
width:985px;
margin:0;
padding:0 0 23px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#003D53;
background: #F0F3D5 url(../images/bas.jpg) bottom center no-repeat;
}
#pied a{
font-size:10px;
}
#gauche{
float:left;
width:425px;
margin:0;
padding:0 0 0 20px;
text-align:left;
}
#droite{
float:right;
width:500px;
margin:0;
padding:0 20px 0 0 ;
text-align:left;
}
.alerte{
font-size:10px;
color:#CC0000;
}
.petit{
font-size:10px;
color:#003D53;
}
.fond_blanc{
background-color:#FFFFFF;
color:#003D53;
}
.fond_bleu{
background-color:#016388;
color:#003D53;
}
.fond_vert{
background-color:#9BBD45;
color:#FFFFFF;
}
.fond_jaune{
background-color:#FFFFE3;
color:#003D53;
}
.fond_carnet{
background-image:url(../images/fond_carnet.png);
}
.fond_photo{
float:left;
background:url(../images/ombre1.jpg) center right no-repeat;
text-align:center;
height:130px;
width:200px;
marging:0;
padding:0;
}
.grand{
float:left;
text-align:left;
width:945px;
margin:0;
padding: 3px 0 0 40px; 
}
#simple{
width:820px;
height:354px;
overflow: auto;
margin:0;
padding: 10px;
}
#cal{
width:830px;
height:400px;
margin:0;
padding: 0;
}
#edito{
width:431px;
height:395px;
overflow: auto;
margin:0;
padding: 0 5px;
}
	#edito img{
	float:right;
	marging :0;
	padding:0 0 10px 10px;
	}
#actua{
width:820px;
height:354px;
overflow: auto;
margin:0;
padding: 10px;
}

	#actua img{
	float: right;
	marging :0;
	padding:0 0 15px 15px;
	}
#videomenu{
float:left;
width:320px;
height:354px;
overflow: auto;
margin:0;
padding: 10px;
}
#video{
float:right;
background-image:url(../images/fond_video.jpg);
text-align:center;
width:480px;
height:354px;
margin:0;
padding:0;
}
#accesgauche{
float:left;
text-align:left;
width:200px;
height:354px;
margin:0;
padding:0;
}
#accesdroite{
float:right;
text-align:left;
width:550px;
height:354px;
overflow: auto;
margin:0;
padding:0;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F0F3D5;
}
a:link {
	text-decoration: none;
	color: #003D53;
}
a:visited {
	text-decoration: none;
	color: #003D53;
}
a:hover {
	text-decoration: underline;
	color: #003D53;
}
a:active {
	text-decoration: none;
	color: #003D53;
}
/* menu */

	#menu {
		width:985px; 
		height:80px; 
		overflow:hidden;
		float:left;
		clear:both;
		padding: 0;
	}
	#menu ul {
	margin:0; 
	padding:0;
	}
	#menu li {
	list-style-type:none; 
	display:inline;
	}
	#menu a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none;
	}
				#menu a#accueil{
				width:78px;
				height:80px;	
				background-image: url(../images/menu_01.png);
				background-position: top;
				}
				#menu a#accueil:hover,a#accueil_o {
				width:78px;
				height:80px;	
				background-image: url(../images/menu_01.png);
				background-position:bottom;
				}
				
				#menu a#actu {
				width:51px;
				height:80px;	
				background-image: url(../images/menu_02.png);
				background-position: top;
				}
				#menu a#actu:hover, a#actu_o {
				width:51px;
				height:80px;	
				background-image: url(../images/menu_02.png);
				background-position:bottom;
				}
			
				#menu a#calendrier {
				width:84px;
				height:80px;	
				background-image: url(../images/menu_03.png);
				background-position: top;
				}
				#menu a#calendrier:hover, a#calendrier_o {
				width:84px;
				height:80px;	
				background-image: url(../images/menu_03.png);
				background-position:bottom;
				}
				#menu a#acces {
				width:119px;
				height:80px;	
				background-image: url(../images/menu_04.png);
				background-position: top;
				}
				#menu a#acces:hover, a#acces_o {
				width:119px;
				height:80px;	
				background-image: url(../images/menu_04.png);
				background-position:bottom;
				}
				#menu a#reserv {
				width:139px;
				height:80px;	
				background-image: url(../images/menu_05.png);
				background-position:top;
				}
				#menu a#reserv:hover, a#reserv_o {
				width:139px;
				height:80px;	
				background-image: url(../images/menu_05.png);
				background-position:bottom;
				}
				#menu a#carnet {
				width:123px;
				height:80px;	
				background-image: url(../images/menu_06.png);
				background-position:top;
				}
				#menu a#carnet:hover, a#carnet_o {
				width:123px;
				height:80px;	
				background-image: url(../images/menu_06.png);
				background-position:bottom;
				}
				#menu a#plan {
				width:96px;
				height:80px;	
				background-image: url(../images/menu_07.png);
				background-position:top;
				}
				#menu a#plan:hover, a#plan_o {
				width:96px;
				height:80px;	
				background-image: url(../images/menu_07.png);
				background-position:bottom;
				}
				#menu a#media {
				width:97px;
				height:80px;	
				background-image: url(../images/menu_08.png);
				background-position:top;
				}
				#menu a#media:hover, a#media_o {
				width:97px;
				height:80px;	
				background-image: url(../images/menu_08.png);
				background-position:bottom;
				}
				#menu a#junior {
				width:100px;
				height:80px;	
				background-image: url(../images/menu_09.png);
				background-position:top;
				}
				#menu a#junior:hover, a#junior_o {
				width:100px;
				height:80px;	
				background-image: url(../images/menu_09.png);
				background-position:bottom;
				}
				#menu a#parrain {
				width:98px;
				height:80px;	
				background-image: url(../images/menu_10.png);
				background-position:top;
				}
				#menu a#parrain:hover, a#parrain_o {
				width:98px;
				height:80px;	
				background-image: url(../images/menu_10.png);
				background-position:bottom;
				}