@charset "utf-8";
body {
margin: 10px 0;
padding: 0;
text-align: center;
font: 0.8em "trebuchet MS", helvetica, sans-serif;
font-size: medium;
background: #4B84B6;
}
#conteneur {
	background: #fff;  
	width: 1000px; 
	padding: 0px; 
	margin: 0px auto; 
	border: thin solid #446cbb; text-align: left;
	}
	
#header {
	height: 150px;
	margin-top: 0px; padding: 0px;
	text-align: center;
}
#headernouveau {
	width: 1000px;
 	height: 150px; 
	background-image:url(images_cyclo/bandeau_original1000x150.jpg); 
  	text-align:center; 
	
}

#header a{
	color: #5d676b;
}
#header a:hover{
	color: #5d676b; 
}
.hautgauche{
	margin: 0;   
	padding: 0; 
	float: left;
	text-align: center;
} 
.gauche {
	text-align: center;    
	margin-top: 10px;
	margin-right: 5px;	   
	padding: 0; 
	float: left;
}
.droit{
	margin-top: 10px; 
	padding-left: 10px;
	text-align: center;
	float: right;
}
.bureau{
	margin-right: 10px;
	float: left;
}
#sousheadercentre {
	background: url(images_cyclo/panorama_laragne777x150.jpg);
	width: 777px;
	height:150px; 
	margin: 0px; 
	padding: 0px; 
	float: left;
}
h1 {
	color: #981668;
	font-size: 50px;  
	padding: 0px; 
	margin: 0px;
}
#sousheaderdroit {
	width: 200px; 
	margin: 0px; 
	padding: 0px; 
}
#contenu {
	width:700px; 
	float: right; 
	margin: 10px 40px 0 30px;
	background-color: white; 
}
#colonne {
	width: 230px; 
	float: right; 
	margin: 0; 
	background-color: #981668;
}
#contenu p {
 text-align: justify; 
 text-indent: 2em; 
 line-height: 1.7em;
}


ul#menu {
 list-style: none; 
 }
 #menu li {
  width:160px;
 margin:5px;
 background-color: #4b84b6;
  text-align:center;
 }
 #menu a {
 padding: 0.5em;
 text-decoration:none;
 color: #FFFFFF;
 
 }
 #menu a:hover { 
 color:#000;
 }
 /*essai sous menu qui n'apparaît qu'au survol de la souris*/
 .niveau2
 {display: none;
 
 }
 
 .sousmenu
 {
 color:#FFF;
 }
 
#menu li.sousmenu:hover ul.niveau2 
 {
 display: none;
 position:absolute;
 margin-left: 140px;
 margin-top: -25px;
 list-style:none;
 background-color:#981668;
 
 }
 /*fin de l'essai*/
 #pied{ 
 clear: both; 
 text-align: right;
 margin: 15px;
 	
 }
 #pied_de_page
{
	clear: both;
   padding: 1px;
   font-size: 14px;
   text-align: center;
   color: #FFF;
   background-color: #981668;
   border: 0px solid black;
   width:1000px;
   
}
 
 #animation { 
 height: 80px; 
 width: 547px; 
 text-align: center;
 float: right;
 } 
 #gauche_animation { 
 background:  url(images_cyclo/Mison500x80.JPG) no-repeat right;   
 	height: 80px; 
	width: 450px; 
	float: left;
 }
 #calendrier{ 
 width: 300px;
 height: 400px;
 float: right;
 	
 }
 #espace{ clear: both;
 margin-top: 10px;
 padding-top: 20px;
 text-align: left  	
 }
 #photo{clear: both;
 margin-top: 10px;
 padding-top: 20px;
 float: left;}