body {
  background-image: url("fond.jpg");
}

.header {
   width: 100%;
   max-height: 220px;
   margin-bottom: 20px;
}

#page {
   color: #000000;
   background-color: #DDDDDD;
}

#menu {
   height: 50px ;
   background-color: #AAAAAA;
}

.navbar {
  background-color: #DDD;
}

.element_menu {
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 60px;
}

.element_menu h3 {
   text-align : center ;
   color : black ;
   font-family : Arial ;
}

.element_menu  a {
   color: black;
   font-size: 0.85em;
}

.element_menu  a:hover {
   background-color: #B3B3B3;
   color: black;
}

/* Le corps de la page */

#corps {
   margin-left: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 20px;
   color: #000000;
}

#corps h1 {
   text-align : center ;
   color : black ;
   font-family : Arial ;
}

#corps p {
   text-align : justify ;
   font-size: medium;
   color : black ;
   font-family : Arial ;
}

#corps h3 {
   text-align : right ;
   font-size: medium;
   color : black ;
   font-family : Arial ;
}

#corps h2 {
   text-align : center ;
   color : black ;
   font-family : Arial ;
}

.style1 {
   text-align : center ;
   font-size: 0.9em;
   color : black ;
   font-family : Arial ;
}

#corps a {
   color: #333333;
}

#corps a:hover {
   background-color: #B3B3B3;
   color: black;
}

#corps2 {
   margin-left: 225px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 5px;
   color: #000000;
}

#corps2 h1 {
   text-align : center ;
   color : black ;
   font-family : Arial ;
   font-size: 1.4em;
}

#corps2 h3 {
   text-align : center ;
   font-size: medium;
   color : black ;
   font-family : Arial ;
}

#pied_de_page {
   padding: 0px;
   clear: both;
   text-align: center;
   color: #FFFFFF;
   background-color: #AAAAAA;
   border: 4px solid black;
}

/* tableau */
td {
   border: 0px solid black;
   padding: 0px;
}