body {
font-family: trebuchet MS, Arial, sans-serif;
font-size: 14px;
margin: 0px;
padding: 10px;
background-color:#e5e4e4;
background-image:url(images/fond.jpg);
background-repeat:no-repeat;
background-position:top;
background-attachment:fixed;
}
.bloc_categorie {
  border: 1px solid #000000;
  width: 97%;
  margin-bottom: 8px;
  margin-left: 1px;
  padding: 5px;
  background-color: #e5e4e4;
}

.titre_categorie {
  	font-size: 17px;
 	color: #FFFFFF;
  	width: 100%;
 	background-image:url(images/fdh.jpg);
 }
.titre_categorie a.lien_categorie  {
  color: #ffffff;
  text-decoration: underline;
}
a.lien_categorie {
  color: #FFFFFF;
  text-decoration: none;
}

a.lien_categorie:hover  {
  color: #FFFFFF;
  text-decoration: underline;
}
.date {
font-size:12px;
color:#ffffff;
font-weight: bold;

}
.source {
font-size:10px;
color:#ffffff;

}
a:link.oth_links, a:active.oth_links, a:visited.oth_links {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
} 
a:hover.oth_links {
	text-decoration:none;
	color: #FFFFFF;
	background-color:#73c7fb;
}
a:link.small, a:active.small, a:visited.small {
	color: #73c7fb;
	font-weight: bold;
	text-decoration:none;
} 
a:hover.small {
	text-decoration:none;
	color: #FFFFFF;
	background-color:#396ea4;
}
.news {
font-size:15px;
}
a.titre_news {
  color: #000000;
  text-decoration: none;
}
a.titre_news:hover {
  color: #366ea4;
  text-decoration: underline;
}
.navigation {
	text-align:center;
	padding: 7px;
	margin: 3px;
	font-size:10px;
	font-weight:bold;
	border: 1px solid #366ea4;
}
a.navigation {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #366ea4;
	text-decoration: none; /* no underline */
	color: #ffffff;
	background-color:#366ea4;
}
a.navigation:hover {
	background: #73c7fb;
	border: 1px solid gray;
	color: #ffffff;
}
h1 {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none; 
   background-image:url(images/fdh.jpg);
   margin: 0 ;
   padding: 6px ;
 
 
 }
h2 {
  font-size: 12px;
  color: #000000;
  text-decoration: none; 
	background-color:#cccccc;
 } 
 
 
 
 
ul#menu {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin: 0 ;
padding: 0 ;
}
ul#menu li {
float: left;
}
ul#menu a {
float: left;
margin: 0 1px;
padding: 5px 10px;
text-align: center;
border: 1px solid gray;
font-weight: bold;
text-decoration: none;
color: #ffffff;
background: #73c7fb;
}
ul#menu a:hover {
background: #366ea4;
border: 1px solid gray;
text-decoration: underline; 
}