body
 {
  width: 63%;
  margin: auto; /*pour centrer la page*/
  margin-top: 1%;/*marge du haut */
  margin-bottom: 1%;/*marge du bas*/
  background-color: rgb(202, 236, 255);
  }
    #menu
   {
  float:right;  
   width: 22%;/*ceci est la taille du cadre menu(largeur)*/
    margin-top:2%;
     border:0.1% solid blue;
      border:0.1em solid black;

  }
 .element_menu
{
   background-color: green;
   background-image: url("images/motif.png");
   color:yellow;
   text-align: center;
   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 */
   text-align: justify;
   padding-left;10px;
}

.element_menu a /*  les liens se trouvant dans un menu */
{
 color: white;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
     text-align: center;
       margin-top: 3%;
        margin-bottom:3%;
         font-size:0.7em;
           color: white;
             font-weight:normal;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
   color: white;
}
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(98, 255, 2);
   }
    a /* Lien normal */
{
   text-decoration: none;
   color: blue;
   font-style: normal;
   }

#corps/*le corps de la page*/
{ 
   float: left;
 width:77%;
  height:auto;
   background-color:black;
    margin-top:2%;
     margin-bottom:0.5%; text-align:center;
      color:rgb(202, 236, 255);
       border:0.1em   solid yellow;
        font-size:1.3em;
         font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;

 }
  #footer
{
 width: 100%;
  background-color:black;
   padding: 0%;
    clear: both;
     border:0.1em solid yellow;
}

.pied
 {
 text-align: center;
  color :white;
   font-size: 0.6em;
    font-style:normal;
     font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
 }

 .contact
{

font-size:0.7em;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;

}

.descrip
{
padding-left:5%;
padding-right:5%;

font-size: 0.7em;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: justify;
}

strong
{
text-decoration:blink;
color: yellow;
}

.loc
{
padding-top:3%;
text-align: center;
font-size: 0.8em;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

 img
 {

 padding:2% 2% 2% 2%;
}

 .etxe
{
text-decoration: underline;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
color:rgb(255, 119, 65);
font-style: italic;
}
.xiti
 {
float:right;
margin-right:1%;
padding-bottom:1%;
 }
.pr
{
float: right;
 margin-right:1.5%;

}
#liens
{
 width: 100%;
   padding: 0.5%;
    clear: both;
}
h4
{
 text-align:center;

}
 .lien
 {
 text-align:justify;
margin-left: 1%;
margin-right: 1%;
font-size: 0.6em;
font-style:normal;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}