body
{
   width: 1024px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: black;
}


/* L'en-tête*/

.logo
{
   position: absolute;
   width: 250px;
   height: 150px;  
   left: 50px;
   top: 0px;
   float: left;
   margin: auto;
 }

/* Les menus et les liens */

a img                                       /* pour toutes les images contenues dans un lien */
{
   border-style: none; /* Pas de bordure */
   display: block;
}


.accueil
{
   position: absolute;
   left: 10px;
   top: 150px;
   float: left;
   width: 240px;
}

.contact
{
  position: absolute;
   left: 10px;
   top: 200px;
   float: left;
   width: 160px;
 }
 
 .texte_lien
{
   position: absolute;
   left: 15px;
   top: 350px;
   float: left;
   width: 160px;
   height: 50px;   
   color: white;
   text-align: center;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;  
   font-size: 140%;
   background-color:black;  
 }
 
 .lien
{
  position: absolute;
   left: 60px;
   top: 410px;
   height: 250px;
   float: left;
   width: 160px;
 }
 
.texte_lienb
  {
   position: absolute;
   top: 540px;
   left: 15px;
   width: 250px;
   height: 150px;
   float: left;
   margin-top: 2px;   
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;  
   color: white; 
   background-color: black;
 }
 
 #h4
{
   position: relative;
   left: 80px;
   float:left;
   width:250px;
   height:10px;
   color: white;
   text-align: right;
   font-family: "Trebuchet MS", Georgia, serif;
   font-size: 80%;
 } 
 
 .note
 {
 position: absolute;
   left: 50px;
   top: 700px;
   float: left;
   width: 250px;
   height: 150px;  
   margin-top: 2px;   
   color: white;
   text-align: justify;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;  
   font-size: 70%;
   background-color: black;   
}



/* Le corps de la page */

.corps
{
   position: absolute;
   left: 190px;
   top: 50px;
   float:right;
   width:560px;
   height:560px;
   margin:auto;
   padding: 5px;   
   color: white;
   font-size: 70%;
}

.chalet
 {
   position: absolute;
   left: 400px;
   top: 650px;
   float: left;
   width: 500px;
   height: 200px;  
   color: white;
   text-align: center;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;  
   font-size: 120%;
   background-color: black;   
   border-style: solid;
   border-color: red;
}


#pied_de_page
{
   position: absolute;
   left: 450px;
   top: 860px;
   float:left;
   width:560px;
   height:40px;
   color: white;
   text-align: center;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 90%;
   background-color: black;
}