body {
  margin: 0;
  padding: 0;
  /*background: #f5f9ef;*/
  background-image : url("./bg.jpg");
  background-repeat:no-repeat;
  background-position:top center;
  font: 20px/170% Verdana, sans-serif;
  color: #494949;
}

h1 {
  font-size: 170%;
}

#page {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 500px;
	height: 400px;
	margin-top: -200px; /* moitié de la hauteur */
	margin-left: -250px; /* moitié de la largeur */
	border: 1px solid #000;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

#navigation { 
    list-style: none ;
    margin: 0 ; 
    padding: 0 ; 
    }
    
#navigation li { 
    /*background: #c00 ; */
    color: #fff ; 
    border: 1px solid #600 ; 
    margin-bottom: 10px ;
    }
    
#navigation li a { 
    display: block ; 
    background: #ffffff ; 
    color: #000000 ; 
    font: 1em "Trebuchet MS",Arial,sans-serif ; 
    line-height: 1em ; 
    text-align: left ; 
    text-decoration: none ; 
    padding: 20px 0 ; 
    }
    
#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
    background: none ; 
    /*color: #ffffff ; */
    color: #000000 ; 
    text-decoration: underline ; 
    }