body {
  background-color: #166495;
  margin: 0px;
}
#image {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 800px;
  height: 600px;
  margin-top: -300px; /* moitié de la hauteur */
  margin-left: -400px; /* moitié de la largeur */
}
#commentaires {
  position: absolute;
  bottom: 100px; 
  right: 0px;
  text-align: right;
  font-size: x-small;
  color: white;
  font-family: sans-serif;
  opacity: 0.5;
  background-color: #166495;
}
#entete {
  position: absolute;
  top: 0px;
  left: 0px;
}
#pied {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#Contenu {
  background-color: blue;
  height: 100%;
  width: 100%;
  position: relative;
}
.arlequin {
  background-image: url(images/Arlequins.png);
  background-position: top center;
  height: 100px;
  width: 100%;
}
#BlocAuCentre {
  /*
  background-color: blue;
  */
  color: white;
  text-align: center;
  font-family: "URW Chancery L", "Monotype Corsiva", "Script", "Comic Sans MS", cursive;
  position: relative;
  left: 5%;
  width: 90%;
  top: 35%;
}
.titre {
  font-size: 6em;
}
.texte {
  font-size: 2em;
}