body
{

   width: 800px;
   margin: auto;  /*Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #e8f4e8;
}

/* L'en-tête */

#en_tete
{
height: 200px;
padding-top:50px;
padding-left:430px;
background-image: url("images/bandeau.jpg");
background-repeat: no-repeat;
}

#en_tete h1
   { color: white; font-size: 30px; font-family: "Lucida Calligraphy", "Comic Sans MS", "Times New Roman", serif; font-weight: normal; margin: 0 }
 
#menu
{
position:absolute;
top: 180px;
margin-left: 200px;
background-color: #e8f4e8; 
height:30px;
width: 600px; /* Très important : donner une taille au menu */
border-bottom: 1px solid green;
font-family: "Lucida Calligraphy","Comic Sans MS", "Times New Roman", Times, serif;  
font-size: 10px;
text-align: center;
}
.element_menu1
{
   float:left;
   width: 48px;
  padding: 2px;
}   


.element_menu2
{
   float:left;
   width: 66px;
 padding: 2px;
   
}

.element_menu3
{
   float:left;
   width: 90px;
  
}



#principal

{  
position:absolute;
top:230px;
width:800px;

}




#gauche
{
float: left;
width : 100px;  
}

#droite
{
float: right;
width : 100px;
margin-left : 10px
}

#news
{
float: right;
width : 320px;
margin-left: 10px; 
margin-bottom: 10 px;
padding-left: 5px; 
padding-bottom: 5px;
border: solid 1px green;
font-family: "Lucida Calligraphy", "Comic Sans MS", "Times New Roman", Times, cursive;
}
table
{
width:315px;
}

#accueil
 { width : 300px;
  }
#corps
 { color: #29722c; 
 font-size: 12px; 
 font-family: "arial", "helvetica", "sans-serif";
 background-color: #e8f4e8; 
 text-align: justify; 
 text-indent: 20px; 
 margin-bottom: 5px; 
 margin-left: 120px; 
 padding-right: 10px; 
 padding-left: 10px; 
  }

#adresse
 { 

 text-align: center; 
}

.imageflottante
{
float : left;
margin-right: 5px;
 
}

a img { 
  border : none; 
}

#pied_de_page
  { text-align: center; 
  clear: both;
  padding-top: 10px;}

#bas_de_page
  {  
  clear: both;
  padding-top: 10px;
  color: #29722c; 
 font-size: 12px; 
 font-family: "Lucida Calligraphy", "Comic Sans MS", "Times New Roman", Times, cursive;
 }

p:first-letter   { color: #314c0f; font-size: medium; font-weight: bold }
a { color: #29722c; text-decoration: none }
a:visited
 { color: #4cc22f }
a:hover
{ color: red}



#plan
{
 position :relative;
 }
 
 #plan-murier-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:524px;
	height:1px;
}

#cuisine {
	position:absolute;
	left:0px;
	top:1px;
	width:231px;
	height:113px;
}

#bain {
	position:absolute;
	left:231px;
	top:1px;
	width:133px;
	height:113px;
}

#chambre {
	position:absolute;
	left:364px;
	top:1px;
	width:152px;
	height:288px;
}

#plan-murier-05 {
	position:absolute;
	left:516px;
	top:1px;
	width:8px;
	height:299px;
}

#plan-murier-06 {
	position:absolute;
	left:0px;
	top:114px;
	width:178px;
	height:186px;
}

#sejour {
	position:absolute;
	left:178px;
	top:114px;
	width:186px;
	height:174px;
}

#plan-murier-08 {
	position:absolute;
	left:178px;
	top:288px;
	width:186px;
	height:12px;
}

#plan-murier-09 {
	position:absolute;
	left:364px;
	top:289px;
	width:152px;
	height:11px;
}