body
{
width:98%;
margin:auto;/*centrer auto*/
margin-top:20px;
margin-bottom:20px;
background:url("images/fond.png") fixed;
font:white;
}

#en_tete
{
margin: auto;
width:764px;
height:200px;
background: url("images/titre.png") no-repeat center;
margin-bottom:20px;
border:none;
}

#en_tete2
{
margin-right: 0px;
background: url("images/corps.jpg") repeat-x;
   /*background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-color:#000000;
   border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
margin-bottom:10px;/*pour pas coller les elements du menu*/
}

#menu
{
margin-left: 0px;
float: left;/*le menu flotte a gauche*/
width:150px;/*taille du menu en largeur*/
margin-bottom: 20px;
}
.element_menu
{
background-color:#000000;
/*background-image:url("images/menu_01.jpg");
background:no-repeat;*/
border: none;
margin-bottom:5px;/*pour pas coller les elements du menu*/
}


#maintenance
{
   margin-left: 130px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 0px;
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   background-image: url("images/fond.jpg");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.element_menu ul
{
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

#corps
{
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 0px;
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

   background: url("images/corps.jpg") repeat-x;
   /*background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-color:#000000;
   border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#pied_de_page
{
margin-left: 155px;
   background-color:#000000;
border: 1px solid white;
}
.droite
{
float: right;
}
.gauche
{
float: left;
}
.bleu
{
color:blue;
}
.blanc
{
color:white;
}
.rouge
{
color:red;
}
.vert
{
color:green;
}
.noir
{
color:black;
}

h1
{
   font-family: "Old English Text MT, Arial, Verdana, serif";
   text-align: center;
}
blockquote p 
{
   text-align: justify;
   text-indent: 25px;
}
a img 
{
   border: none; 
}    
.resort 
{
color: green;
text-indent: 36px;
}
p
{
font-size:16px; 
}
.petit
{
font-size:10px; 
}
.souligne
{
   text-decoration: underline;
}
.right
{
margin-right: 50px;
margin-top: 80px
}
legend
{
font-size:24px; 
}
.corps
{
margin-left: 200px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
}
a
{
color: #4cbdcc;
}