body {
  margin: auto;
  width: 999px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url("");
  background-color: rgb(0, 0, 0);
}

td/* Les cellules normales */ {
  border: 0;
  font-family: "Times New Roman", serif;
  vertical-align: middle;
  text-align: center;/* Tous les textes des cellules seront centrés*/
  padding: 5px;/* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

th/* Les cellules normales */ {
  border: 0;
  font-family: "Times New Roman", serif;
  vertical-align: middle;
  text-align: center;/* Tous les textes des cellules seront centrés*/
  padding: 5px;/* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

a:hover/* Quand le visiteur pointe sur le lien */ {
  text-decoration: underline;/* Le lien deviendra souligné quand on pointera dessus */
  color: white;/* Le lien sera écrit en vert quand on pointera dessus */
}
/* L'en-tête */

a:active/* Quand le visiteur clique sur le lien */ {
  background-color: rgb(150, 250, 150)
}

a:visited/* Quand le visiteur a déjà vu la page concernée */ a/* Lien normal */ {
    text-decoration: italic;
  }

#en_tete {
  margin-top: 0px;
  height: 120px;
  background-image: url("photos/rance.jpg");
  background-repeat: no-repeat;
  margin-bottom: 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  color: rgb(150, 0, 150);
}

#en_tete h1 {
  margin-top: 0px;
  vertical-align: middle;
  font-size: 50px;
  color: rgb(150, 0, 150);
  height: 16px;
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  text-align: center;
}
/* L'en-tête */

#en_tete1 {
  vertical-align: middle;
  height: 80px;
  background-image: url("photos/rancejogging3.jpg");
  background-repeat: no-repeat;
  margin-bottom: 15px;
  background-color: rgb(150, 250, 150);
  text-align: center;
  font-size: 16px;
  color: rgb(150, 0, 150);
  border: 4px solid rgb(150, 160, 240);
}

#en_tete1 h1 {
  margin-top: 10px;
  vertical-align: middle;
  font-size: 50px;
  color: rgb(150, 0, 150);
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  text-align: center;
}
/* Le menu */

#menu {
  max-width: 180px;
  float: left;
  padding: 0px;
}

.element_menu {
  background-color: rgb(0, 0, 0);
  background-image: url(" .jpg");
  background-repeat: repeat-x;
  border: 4px solid rgb(0, 0, 0);
  margin-bottom: 20px;
}
/* Quelques effets sur les menus */

.element_menu h3 {
  font-size: 16px;
  color: rgb(150, 0, 150);
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  text-align: left;
}

.element_menu ul {
  list-style-image: url("photos/rancejogging1.jpg");
  padding: 5px;
  padding-left: 10px;
  margin: 5px;
  font-size: 16px;
  color: rgb(150, 250, 150);
  margin-bottom: 5px;
}

.element_menu a {
  font-size: 16px;
  color: rgb(150, 150, 150);
}

.element_menu a:hover {
  font-size: 16px;
  background-color: rgb(0, 0, 0);
  color: rgb(150, 250, 150);
}
/* Le corps de la page */

#corps {
  min-height: 500px;
  margin-left: 185px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 15px;
  font-weight: normal;
  color: rgb(100, 0, 100);
  background-color: rgb(150, 160, 240);
  background-image: url(".jpg");
  background-repeat: repeat-x;
  border: 4px solid rgb(150, 250, 150);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps h1 {
  font-size: 35px;
  color: rgb(130, 0, 130);
  text-align: center;
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps h2 {
  height: 30px;
  background-image: url(".jpg");
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: 25px;
  color: rgb(130, 0, 130);
  text-align: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* Le corps de la page */

#corps1 {
  text-align: left;
  vertical-align: middle;
  min-height: 500px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  color: rgb(100, 0, 100);
  background-color: rgb(206, 120, 35);
  background-image: url(".jpg");
  background-repeat: repeat-x;
  border: 2px solid white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.imageflottante {
  float: right;
}

#corps1 h5 {
  text-align: left;
  font-family: "Arial Black", Arial, "Times New Roman", serif;
  text-decoration: blink;/* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
  height: 20px;
  padding-left: 10px;
  color: rgb(130, 0, 130);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

string/* ... et les mots importants en rouge clignotant ! */ {
  color: red;
  text-decoration: blink;
}

#corps1 h1 {
  font-size: 35px;
  color: rgb(130, 0, 130);
  text-align: center;
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps1 h2 {
  height: 30px;
  background-image: url(".jpg");
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: 25px;
  color: rgb(130, 0, 130);
  text-align: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps1 h3 {
  height: 30px;
  background-image: url(".jpg");
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: 20px;
  color: rgb(100, 0, 100);
  text-align: left;
  text-decoration: underline;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps1 h4 {
  height: 30px;
  background-image: url(".jpg");
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: 17px;
  color: rgb(100, 0, 100);
  text-align: left;
  text-decoration: underline;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* Le corps de la page */

#corps3 {
  min-height: 500px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 15px;
  font-weight: normal;
  color: rgb(100, 0, 100);
  background-color: rgb(150, 160, 240);
  background-image: url(".jpg");
  background-repeat: repeat-x;
  border: 4px solid rgb(150, 250, 150);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps3 h1 {
  font-size: 35px;
  color: rgb(130, 0, 130);
  text-align: center;
  font-family: Times New Roman, "Arial Black", "Times New Roman";
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#corps3 h2 {
  height: 30px;
  background-image: url(".jpg");
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: 25px;
  color: rgb(130, 0, 130);
  text-align: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page {
  padding-top: 10px;
  min-height: 30px;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: white;
  background-image: url("photos/.jpg");
  background-repeat: repeat-x;
  border: 2px solid rgb(206, 110, 30);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#pied_de_page h4 {
  padding-top: 10px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  text-align: center;
 }
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page1 {
  padding-top: 10px;
  margin-left: 185px;
  min-height: 30px;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: rgb(150, 250, 150);
  background-image: url("photos/.jpg");
  background-repeat: repeat-x;
  border: 4px solid rgb(150, 160, 240);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#pied_de_page1 h4 {
  padding-top: 10px;
  font-size: 14px;
  color: rgb(0, 0, 0);
  text-align: center;
}