body
{
   width: 760px;
   margin: auto;    
   background-color:rgb(198,184,152);
   color: black;
}


#en_tete
{
   width: 600px;
   position: absolute;
   top: 20px;
   left: 180px;
   padding-left: 40px;
   padding-top: 12px;
   background-color:rgb(198,184,152);
   color:rgb(110,40,77);
   font-size: 42px;
   font-family:"papyrus LET", arial, serif;
}

#intro
{
position: absolute;
top:160px;
left: 190px;
width: 620px;
font-size: 17px;
font-family: arial, serif;
background-image: url("../images/fond intro.jpg");
color:rgb(198,184,152);
padding: 20px;
}


#corps
{
   position: absolute;
   top: 480px;
   left: 110px;
   width: 500px;
}

#menu
{
 position:absolute;
top:112px;
left:20px;
width: 142px; /* Très important : donner une taille au menu */

}

#xiti-logo
{
position:absolute;
top:2200px;
left: 25px;
bottom: 3px;
}
#ailes
{
width: 600px;
position: absolute;
left: 100px;
}
.ailes
{
float:right;
margin-right:9px;
margin-bottom:3px;
margin-top:50px;
}

#soie
{
width: 650px;
position: absolute;
left: 40px;
top: 370px;
}

.soie
{
float: left;
margin-right:15px;
margin-bottom:30px;
margin-top:20px;
}


#amour
{
width: 620px;
position: absolute;
left: 40px;
top: 670px;
}

.amour
{
float:right;
margin-left:7px;
margin-bottom:3px;
margin-top:50px;
}
#frissons
{
width: 620px;
position: absolute;
left: 40px;
top: 1000px;
}

.frissons
{
float:right;
margin-left:7px;
margin-bottom:3px;
margin-top:50px;
}
#mots
{
width: 690px;
position: absolute;
top: 1360px;
}
.mots
{
float:left;
margin-right:15px;
margin-bottom:90px;
margin-top:17px;
}

.bucheron
{
float:right;
margin-left:15px;
margin-bottom:13px;
margin-top:20px;
}
#filogenie
{
width: 650px;
position: absolute;
top:1900px;
left:30px;
}
.filo
{
float:right;
margin-right:9px;
margin-bottom:3px;
margin-top:50px;
}
.capitaine
{
float:left;
margin-right:10px;
margin-bottom:90px;
margin-top:5px;
}
#piment
{
width: 500px;
position: absolute;
top:2460px;
left:40px;
}
.piment
{
float:right;
margin-right:9px;
margin-bottom:3px;
margin-top:50px;
}
#eventail
{
width: 500px;
position: absolute;
top:2820px;
left:50px;
}
.eventail
{
float:left;
margin-right:9px;
margin-bottom:3px;
margin-top:50px;
}

a
{
 text-decoration: none;
 color:rgb(198,184,152);
 background-color:rgb(110,40,77);
 font-weight: bold;
 }
 
 a:hover
 {
 color:rgb(78,28,55);
 background-color:rgb(110,40,77);
 }
 
 a img
 {
 border: none;
 }
 
#corps a
{
 text-decoration: none;
color:rgb(139,51,102);
background-color:rgb(198,184,152);
}
 
 p, h2
{
   font-family: arial, serif;
   font-size: 19px;
}

.element_menu
{
	color:rgb(198,184,152);
   background-color:rgb(110,40,77);
   padding-left: 10px;
}

h2
{
   font-variant: small-caps;
}

.vert
{
color: rgb(0,79,71);
background-color:rgb(198,184,152);
}

.rose
{
color: rgb(153,51,102);
background-color:rgb(198,184,152);
}

.rouge
{
color: rgb(158,5,32);
background-color:rgb(198,184,152);
}
.rouge1
{
color: rgb(185,5,10);
background-color:rgb(198,184,152);
}
.prune
{
color: #4B2727;
background-color:rgb(198,184,152);
}
.ocre
{
color: #AB8A2D;
background-color:rgb(198,184,152);
}
#pied_de_page
{
color: black;
background-color:rgb(198,184,152);
position: absolute;
left: 5px;
bottom: 3px;
top: 850px;
 font-size: xx-small;
 padding: 3px;
 width: 90px;
 font-family:"comic sans MS", serif;

}
#pied_de_page a
{
color:rgb(139,51,102);
background-color:rgb(198,184,152);
}