@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,{
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
}
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;
}
.titres2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #003D53;
}
.titresgros{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #89A53E;
}
.titresblanc{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #FFF;
}
.texteblanc{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}
.titresgrosbleu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #003D53;
}
.titresgrosgros{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
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;
}
.fond_photo2{
float:left;
background:url(../images/ombre1.jpg) center right no-repeat;
text-align:center;
height:150px;
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;
	}
#actua2{
width:820px;
height:354px;
overflow: auto;
margin:0;
padding: 10px;
}
#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:365px;
height:354px;
margin:0;
padding:0 56px;
}
#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;
}
/* NAVIGATION */
#menuDeroulant{
height:80px;
padding: 0;
border: 0;
z-index:3;
float:left;
}
#menuDeroulant ul{
list-style-type: none; 
margin: 0; 
} 

#menuDeroulant li{ 
margin: 0; 
padding: 0; 
border: 0;
float:left;
display:block;
}
#menuDeroulant .sousMenu{ 
display: none;
list-style-type: none; 
width:98px;
margin:0; 
padding:0; 
border: 0;
position:absolute;
z-index:3; 
}
#menuDeroulant .sousMenu li{ 
margin:0; 
padding:0; 
border: 0;
width: 98px;
z-index:3; 
}
#menuDeroulant li a:hover { 
color : #000000;
z-index:3; 
}

#menuDeroulant li:hover .sousMenu { 
display: block; 
z-index:3; 
}
#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{ 
display: block; 
color:#FFFFFF;
background-color:#8bc53e;
border: 2px #FFF solid; 
margin: 0 auto; 
padding:5px 3px; 
text-decoration: none; 
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight:bold; 
z-index:3;
}
#menuDeroulant .sousMenu li a:hover{ 
display: block; 
color:#FFFFFF;
background-color:#5c4c1d;
border: 2px #FFF solid; 
margin: 0 auto; 
padding:5px 3px;
text-decoration: none; 
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
font-weight:bold; 
z-index:3;
}
			#menuDeroulant li a#accueil,#menuDeroulant li a#accueil:link,#menuDeroulant li a#accueil:visited,#menuDeroulant li a#accueil:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_01.png);
				background-position: top;
				display:block;
				}
				#menuDeroulant li a#accueil:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_01.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#actu,#menuDeroulant li a#actu:link,#menuDeroulant li a#actu:visited,#menuDeroulant li a#actu:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_02.png);
				background-position: top;
				display:block;
				}
				#menuDeroulant li a#actu:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_02.png);
				background-position: bottom;
				display:block;
				}

				#menuDeroulant li a#calendrier,#menuDeroulant li a#calendrier:link,#menuDeroulant li a#calendrier:visited,#menuDeroulant li a#calendrier:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_03.png);
				background-position: top;
				display:block;
				}
				#menuDeroulant li a#calendrier:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_03.png);
				background-position: bottom;
				display:block;
				}

				#menuDeroulant li a#acces,#menuDeroulant li a#acces:link,#menuDeroulant li a#acces:visited,#menuDeroulant li a#acces:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_04.png);
				background-position: top;
				display:block;
				}
				#menuDeroulant li a#acces:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_04.png);
				background-position: bottom;
				display:block;
				}
			
				#menuDeroulant li a#reserv,#menuDeroulant li a#reserv:link,#menuDeroulant li a#reserv:visited,#menuDeroulant li a#reserv:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_05.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#reserv:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_05.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#carnet,#menuDeroulant li a#carnet:link,#menuDeroulant li a#carnet:visited,#menuDeroulant li a#carnet:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_06.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#carnet:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_06.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#plan,#menuDeroulant li a#plan:link,#menuDeroulant li a#plan:visited,#menuDeroulant li a#plan:active{
				width:100px;
				height:80px;	
				background-image: url(../images/menu_07.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#plan:hover{
				width:100px;
				height:80px;	
				background-image: url(../images/menu_07.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#media,#menuDeroulant li a#media:link,#menuDeroulant li a#media:visited,#menuDeroulant li a#media:active{
				width:99px;
				height:80px;	
				background-image: url(../images/menu_08.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#media:hover{
				width:99px;
				height:80px;	
				background-image: url(../images/menu_08.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#junior,#menuDeroulant li a#junior:link,#menuDeroulant li a#junior:visited,#menuDeroulant li a#junior:active{
				width:100px;
				height:80px;	
				background-image: url(../images/menu_09.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#junior:hover{
				width:100px;
				height:80px;	
				background-image: url(../images/menu_09.png);
				background-position: bottom;
				display:block;
				}
				
				#menuDeroulant li a#parrain,#menuDeroulant li a#parrain:link,#menuDeroulant li a#parrain:visited,#menuDeroulant li a#parrain:active{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_10.png);
				background-position:top;
				display:block;
				}
				#menuDeroulant li a#parrain:hover{
				width:98px;
				height:80px;	
				background-image: url(../images/menu_10.png);
				background-position: bottom;
				display:block;
				}


/* FIN DE NAVIGATION */