body {
	font-family:"Trebuchet MS", Verdana, Geneva, Arial,sans-serif;
	background: #f2eeb3 none repeat scroll 0% 50%;
	font-weight: normal;
	text-transform: none;
	display: inline;
	width: 100%;
	font-size: medium;
	font-style: normal;
	text-align: left;
	float: none;
}
h1 {
  color: #000084;  
  }
h2 {
  color: blue;
}
h3 {
  color: #000084;
 }
h4{
	color: #000000;
	font-size: 15px;
	margin-bottom: 2px;
}	
h5 {
		color: red;
		margin-top: 30px;
		margin-right: 40px;
		margin-left: 70px;
	}
h6 {
  color: red;
  font-size: 20px;
/*margin: 10px;*/
 } 
 a {
	color: #cc00ff;
		/*text-decoration:none;*/
}
p {
  margin: 10px;
  color: #000084;
  font-size: 15px;
  margin-bottom: 5px;
 }
/* MENU DE NAVIGATION */
#global {
position: absolute;
	width: 960px;
	height: 100%;
	left:50%;
	margin-left:-480px;
}
#menu, h3 {
	
	font-family: "trebuchet ms";
	font-size: 14px;	
	 font-weight: bold;
}
#menu {		
		margin: 0px;
		background: #012b55;
		height:40px;
	}
	#menu ul, #menu li {	
        padding: 0px;
		list-style-type: none;
	}
	#menu li {
		width: 120px;/*200px*/
	}	
	#menu li a {
		display: block;
		text-decoration: none;
		text-align: center;
		
	}
	/*---------- Niveau 1 ----------*/
	#menu .niveau1 li {
		float: left;
		margin: 0 -1px 0 0;
	}
	#menu .niveau1 li a {
		padding: 5px 0;
		height: 30px;/*16 */
		color: white;
		background: #012b55;
	}
	#menu .niveau1 li:hover a,
	#menu .niveau1 li a:hover {
		color: white;
		background: #1464B4;
	}
	/*---------- Niveau 2 ----------*/
	#menu .niveau2 {
		position: absolute;
		margin-left: -1px;
		top: -9999em;
	}
	#menu .niveau2 li {
		clear: left;
		margin: -1px 0 0;
	}
	#menu .niveau2 li a {
		color: #fff;
		background: #012b55;
	}
	#menu .niveau2 li a:hover {
		color: #fff;
		background: #012b55;
	}
	#menu li:hover .niveau2,
	#menu_p .sfhover .niveau2 {
		top: auto;
		min-height: 0; /* corrige un bug IE7 */
		}
	
#evenements {
  border-style: none;
  text-transform: none;
  font-weight: normal;
  float: left;
  font-style: normal;
  width: 15%;
  text-align: left;
  font-size: small;
}
#image {
  float: left;
  width: 40%;
}
#contenu {
  border:  none;
  overflow: auto;
  float: left;
  width: 83%;
  display: inline;
  font-size: small;
 }
#choix {
  font-size: big;
  display: block;
  text-align: left;
  width: 83%;
 }
#marche {
	font-size: big;
	text-align: left;
	position: absolute;
	top: 400px;
	left: 140px;
}
#tableau{
text-align:center ;
}
#compteur{
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: 950px;
	left: 10px;
}	
#charte{
		margin-left: 80px;
		float: left;
}
#lien_charte {
		position: absolute;
		right: 30%;
		bottom: 40%
}
#enfants{
	float: left;
  width: 30%;  
  }
#fitness{  
	display: block;
	margin-right:50px;
	/*margin-top:60px;*/
    float: left;
   width: 30%;
  text-align: left;
 
 }
 #entretien{  
	display: block;
	float: left;
	width: 30%;
  text-align: left;
  font-size: small;
  }
  #douce{  
	display: block;
	float: left;
	width: 30%;
  text-align: left;
  font-size: small;
  }
#zumba{  
	float: left;
	width: 40%
  } 
#agenda1{
	float: left;
	width: 50%;
	text-align: middle;
  }
.imageflottante{
	float: left;
}
.dessous
{
    clear: both;
}
#agenda2{
	float: right;
	width: 50%;
	text-align: middle;
}
#fetes{
		position: absolute;
    right: 380px;
    top: 160px;
}