body
 {
    background-color: rgb(202, 236, 255);
    margin:1% auto; /*pour centrer la page*/
	width: 63%;
  }
  
   #menu
   {
    position: fixed;
	right: 16%;
    top: 2%;
    width: 16%;/*ceci est la taille du cadre menu(largeur)*/
    border:0.1em solid blue;
    border:0.1em solid black;
    background-color: rgb(226, 176, 34);
    text-align: center;
    font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;


  }
 .element_menu
{
background-color: rgb(226, 176, 34);
   background-image: url("images/motif.png");
 color:yellow;
   
   border: 0.1em solid yellow;
   margin-bottom: 0%;
   margin-left:1%;
}
.element_menu h4 /* Tous les titres de menus */
{   
   color: white;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
      margin-top: 3%;
   margin-bottom:3%;

}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* change l'apparence des puces */
   padding: 0%; 
   margin: 0%; 
   margin-bottom: 1,3%; 
         font-size:0.8em;

}

.element_menu a /*  les liens se trouvant dans un menu */
{
   color: blue;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration:  none;
   color: blue;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: rgb(98, 255, 2);
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration:underline;
   color: rgb(255, 241, 207);
   }
 
  
  
    a /* Lien normal */
{
     color: blue;
     font-style: normal;
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	 text-align:center;

   }

 
#corps/*le corps de la page*/
{ 
  
     width:48.5%;
     height:auto;
	 background-color:rgb(226, 176, 34);
	 position:absolute;
     top:2%;
     left:18.5%;
     text-align:center;
     border:0.1em  solid black;
     font-size:1.3em;
     font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;

 }
.tableau
 {
     margin-top: 6%;
 }
 caption /*titre du tableau*/
 {
     margin:auto;/*centre le titre du tableau*/
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
     font-weight: bold;
	 font-size: 0,8em;
     color: #009900;
  }
  
  table /* Le tableau en lui-même */
{
     width:60%;   /*largeur de la cellule */
     height: auto;  /* hauteur de la cellule*/
     margin: auto; /* Centre le tableau */
     border: 0.1em outset green; /* Bordure du tableau avec effet 3D (outset) */
     border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
     width:20%;   /*largeur de la cellule */
     height: auto;  /* hauteur de la cellule*/
     border: 0.1em solid black;
     background-color:rgb(226, 176, 34);
     color: green;
     font-size: 0.6em; 
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

td /* Les cellules normales */
{
     width:20%; /*largeur de la cellule */
     height: auto; /* hauteur de la cellule*/
     border: 0.1em solid black;
     font-size: 0.6em;
     color: green;
     font-family: "Comic Sans MS",  serif;
     text-align: center; /* Tous les textes des cellules seront centrés*/
     padding: 1%; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
 .contact
{
     text-align: left;
     color :black;    
     margin-left:5%;
     margin-right:75%;
     font-size: 0.6em;
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	 background-color: rgb(224, 136, 0);
}
.libre
{
     color:white;
     background-color: green;
}
.reserve
{
     color:white;
     background-color: red;
}
  .xiti
 {
     float: left;
     

 }
 
 
.pr
{
    text-align: center;   

 }


 
h4
{
     text-decoration: blink;
     text-align: center;
     color: green;
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.croisiere
{
     text-align:center;
     background-color: rgb(224, 136, 0);
     font-size: 0.6em;
	 color: black;

     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.pied
 {
 background-color: rgb(226, 176, 34);
text-align: center;
color :black;
font-size: 0.8em;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
 }