body {
  margin:auto;
  margin-top:2%;
  width:95%;
  height:95%;
  background-color:#fffccf;
  border: 0px red solid;

}

#header {
  margin-bottom:10px;
  height: 10%;
  border: #6b3e00 8px double;
  background-color:#ffe28d;
  text-align:center;
}
/* Bannière */
  #header img {
    width:70%;
    height:130px;
  }

#haut {
  margin:auto;
  border: #6b3e00 2px solid;
  background-color:#ffe28d;
  margin-bottom:1%;
  padding:10px;
  color:#6b3e00;
  font-weight:bold;
  text-align:center;
}
/* Liens normaux des catégories */
  #haut a {
    font-size:1.2em;
    color:#6b3e00;
    text-decoration:none;
    font-weight:bold;
  }
/*   Liens qd on passe dessus des catégories */
    #haut a:hover {
      color:green;
      text-decoration:none;
      font-weight:bold;
      font-style:italic;
    }

  #corps {
    margin:auto;
    margin-bottom:20px;
    min-height:70%;
    border: #6b3e00 2px solid;
    font-family:arial, serif;
    padding:2%;
    background-color:#ffe28d;
    text-align:center;
  }
/*   titre de la page d'accueil */
    #corps h2 {
      text-align:center;
      text-decoration: none;
      color:green;
    }
/*     Titre des Rensignements (Tel, adresse, ...) */
      #corps h4 {
        color:green;
        text-decoration: underline;
        text-align:center;
        margin-bottom:4px
      }
/*       texte d'accueil */
      #corps p {
        text-align:left;
        color:#6b3e00;
        text-decoration:none;
        font-weight:bold;
        font-size:0.8em;
      }
/*       page contact : informations */
      #corps .info {
        margin-top:0px;
        margin-bottom:6px;
        text-align:center;
        color:#6b3e00;
        text-decoration:none;
        font-weight:bold;
      }
/*       page contact : adresse mail de vincent */
      #corps .info a {
        margin-top:0px;
        text-align:center;
        color:#6b3e00;
        text-decoration:none;
        font-weight:bold;
      }
/*       page contact : adresse mail de vincent */
        #corps .info a:hover {
          color:green;
          text-decoration:none;
          font-weight:bold;
          font-style:italic;
        }
/*         Photo en grande taille */
	#corps .photo {
          margin-top:2%;
	  border: 0px black solid;
	  width:700px;
	}
/* 	miniatures  */
	#corps .noborder {
	  display:block;
	  text-align:center;
	  border: 0px black solid;
	}
/* 	page photo : flèches et retour galerie */
        #corps .navigation a {
	  text-align:center;
	  font-size:1.3em;
	  font-weight:bold;
	  color:#6b3e00;
	  text-decoration:none;
	  border:0px black solid;
	}
/* 	page photo : flèches et retour galerie */
        #corps .navigation a:hover {
          font-size:1.3em;
          color:green;
          text-decoration:none;
          font-style:italic;
          border:0px black solid;
        }
/*         flèche de gauche   */
        #corps .left  {
          display:block;
          float:left;
          border:0px red solid;
          width:30px;
        }
/*         retour galerie */
        #corps .center  {
          display:block;
          border:0px green solid;
        }
/*         flèche de droite */
        #corps .right  {
          display:block;
          float:right;
          border:0px black solid;
          width:30px;
        }
#corps .valide  {
  text-align:right;
  border: 0px red solid;
}
#corps .valide img  {
  border:0px black solid;
}
#footer {
  margin:auto;
  border: #6b3e00 2px solid;
  background-color:#ffe28d;
  margin-bottom:1%;
  padding:10px;
  color:#6b3e00;
  font-weight:bold;
  text-align:center;
  font-size:0.8em;
}
/*   copyright */
  #footer .little {
	font-size:0.7em;
  }
  #footer a {
    color:#6b3e00;
    text-decoration:none;
    font-weight:bold;
    font-size:1.3em;
  }
	#footer a:hover {
	  color:green;
	  text-decoration:none;
	  font-weight:bold;
	  font-style:italic;
	}
/* ------------------------------------------- */

/* ------------------------------------------- */

table {
  text-align:center;
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  margin: auto; /* Centre le tableau */
  border:red 0px dashed;
  width:95%;
}
/*
th {
   padding:5px;
   border: green 2px solid;
   color:green;
   font-size:0.9em;
}
  th a {
    color:green;
    text-decoration:none;
  }
    th a:hover {
      color:black;
      text-decoration:none;
    }*/

td {
  border: 1px solid black;
  padding:6px;
  text-align:center;
  color:green;
/*   font-size:0.7em; */
}
/* taille des miniatures */
  td img {
    height:150px;
  }

#mini {
    font-size:0.5em;
    color:green;
/*     text-decoration:underline; */
}