body
{
   width: 960px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px; 
   background-color : white;
   border: 1px solid blue;
}
#header
{
	background-color : black;
	margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
#Menu_Onglet /*le menu a onglet */
{
  overflow: hidden;
  background-image: url(../Styles/IMG/navbar.gif);
  background-position: top;
  background-repeat: repeat-x;
  margin-top: 0px;
  margin-bottom: 0px;
}
#Menu_Onglet ul {
  float: right;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#Menu_Onglet ul li {
  float: left;
  margin-left: 3px;
}
#Menu_Onglet ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  color: #ffffff;
}
#Menu_Onglet ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  color: White;
}
#Menu_Onglet ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
}
#Menu_Onglet ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
}
#Menu_Onglet ul li a:hover {
  background-position: 0% -500px;
}
#Menu_Onglet ul li a:focus {
  background-position: 0% -500px;
}
#Menu_Onglet ul li a:hover span {
  background-position: 100% -500px;
}
#Menu_Onglet ul li a:focus span {
  background-position: 100% -500px;
}
/* fin du menu à onglet */


/* Le menu */

#Menu
{
	width: 199px;
	margin-top: 0px;
	float: left;
	padding: 5px;
   background-image: url(../Styles/fond_titre.jpg);
   background-repeat: repeat-x;
   color: white;
   text-align: center;
}
#Menu p
{
color: black;
}
#Menu h4
 {
 color: black;
}
.elementMenu
{
	border: 1px #ccc dashed;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
.elementMenu h3
{
	margin-top: 0px;
	color: black;
   background-image: url(../Styles/fond_sstitre.jpg);
   background-image: repeat-x;
}
.elementMenu a /* Tous les liens se trouvant dans un menu */
{
   color: red;
}

.elementMenu a:hover /* Quand on pointe sur un lien du menu */
{
   color: black;
}
#Menu a img { 
border: none; 
} 
.elementMenu ul li
{
	text-align : left;
	list-style-type : none;
}
#contenu
{
	margin-top: 0px;
	margin-left: 200px;
	margin-bottom: 20px;
	padding: Opx;
}
#contenu h1
{
   color: White;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url(../Styles/fond_titre.jpg);
   
}

#contenu h2
{
	margin-top: 0px;
   height: 30px;
   background-image: url(../Styles/fond_titre.jpg);
   background-repeat: repeat-x;
   padding-left: 30px;
   color: white;
   text-align: center;
}
#corps
{
	margin: auto;
	padding-top: Opx;
	padding-left: 5px;
	padding-right:5px;
	padding-bottom: 10px;
   /*color: black;
   border-left: 4px solid blue;
   border-top: 1px solid blue;
   border-bottom: 1px solid blue;
   background-image: url(../Styles/fond_corps.jpg);
   background-color: cyan;*/
}

.block
{
	border: 1px #ccc dashed;
	margin: 5px;
	padding :5px;
}
/*Le zoom sur image*/
.zoom p {
text-align:center;
}

.zoom img {
width:200px;
height:150px;
}
.zoom img:hover {
width:400px;
height:300px;
}

/* --------------------------------
   -- Agenda ----------------------
   -------------------------------- */
#agenda
{

}

#agenda_agenda
{
	text-align: center;
	font-weight: bold;
}
.agenda_zero
{
	text-align: center;
}
.agenda_evenement
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 25px;
}
.agenda_date
{
	color: #006;
}
.agenda_titre
{
	color: #006;
}
.agenda_texte
{
	color: #006;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#footer
{
	margin-top: 0px;
   height: 30px;
   background-image: url(../Styles/fond_titre.jpg);
   background-repeat: repeat-x;
   padding-left: 30px;
   color: white;
   text-align: center;
}