html { 
  margin:0;
  padding:0;
  background: url(images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

html, body { 
   margin:0; 
   padding:0; 
   height:100%; 
} 

#1 
.center-div {
     margin: 0 auto;
     width: 100%; 
	 height: 100%
}

#global {
  margin-left: auto;
  margin-right: auto;
  width: 800px; /* largeur obligatoire pour être centré */
  margin-top: 200px;
  position: relative;
  min-height:100%; 
  padding-bottom:10px;   /* Hauteur du pied de page */ 
}

.right {
  float: right;
  width: 300px;
  padding: 10px;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.left {
  float: left;
  width: 300px;
  padding: 10px;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

#container { 
   height:100%; 
}

#footer { 
   position:absolute; 
   bottom:0;  /* on le colle en bas */ 
   width:100%; 
   height:auto;   /* Hauteur du pied de page */ 

}
	
    p {
  color: #830101;}