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
{
    position: fixed;
    top: 1%;
	margin-left:49%;
    width: 14%;/*ceci est la taille du cadre menu(largeur)*/
   border:0.1% solid blue;
   border:0.1em solid black;


  }
  
 .element_menu
{
background-color: green;
 background-image: url("images/motif.png");
  color:yellow;  
   border: 0.1em solid yellow;
padding:5%;
}
.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%; 
   padding-left: 15%;
   margin: 0%; 
   margin-bottom: 1,3%; 
}

.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);
   }
#corps/*le corps de la page*/
{ 
top: 1%;
float: fixed;
width:77%;
height:auto;
background-color:black;
margin-top:-1%;
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;

 }
 
 a /* Lien normal */
{
   text-decoration: none;
   color: blue;
   font-style: normal;
   }

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



 img
 {
padding-top: 4%;
}
.ac
{
top:2%;
text-align:center;
}
.foto1
{
margin-top: 9%;
font-family: "Comic Sans MS" ,Arial, "Arial Black", "Times New Roman", Times, serif;

}
.acces
{
margin-top:7%;
margin-left: 4%;
  text-align:left;

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

}
.acti
{
top:5%;
left:4%; 
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.activite
{
top:40%;
left:2%; 

margin-top: 4%;
margin-left: 4%;
text-align:left;
font-size:medium;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.po
{
padding:2%;
}
.contact
{
position: absolute;
top:95%;
left: 0%;
right:0%;
font-size:0.7em;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;

}
.xiti
 {
 text-align:center;
 float: right;
 margin-right:1.5%;
 }

 .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;
}
.acc
{
 top:15%;
left:3%;
right:3%;

font-size:0.5em;
font-weight:medium;
color:rgb(202, 236, 255);
text-align: center;
padding-left:3%;
padding-right:3%;

font-family:"Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

}
.acc1
{
 top:90%;
left:3%;
right:3%;

font-size:0.6em;
font-weight:medium;
color:rgb(202, 236, 255);
text-align: center;
padding-left:3%;
padding-right:3%;

font-family:"Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

}

.fran
{
 top:80%;
 top:70%;
 left:30%;
 padding-bottom:1%;
}

#footer
{
width: 99%;
background-color:black;
padding: 0.5%;
clear: both;
border:0.15em   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;
 }
.mention
{
font-size: 0.7em;
font-style:normal;
text-align:center;
text-decoration:underline;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}