body
{
  width: 64%;
  margin: auto; /*pour centrer la page*/
  margin-top: 1%;/*marge du haut */
  background-color:rgb(202, 236, 255);


}
#en_tete
{
  width: 100%;
  height: 288px;
  background-image: url("img/vue-pyrennee2.jpg");
  background-repeat: no-repeat;
}

h1
{
text-align: center;
color:#2ba8c1;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}
h6
{
text-align: justify-right;
color:rgb(202, 236, 255);
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

}

  #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;

  }
h5
  {
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   color: white;
  }
 .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: none;
}
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;
}
a img
{
border: none;
}

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


.spe
{
margin-top:1%;
text-align: justify;
font-family:"Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:0.7em;
color:rgb(202, 236, 255);
margin-left:4%;
margin-right:4%; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */

}
.acc:first-letter /* Je veux que la première lettre de mes paragraphes... */
{
   float: left; /* Flotte à gauche */
   font-size: 1.5em; /* Fasse une hauteur de 3 lignes */
   font-family:"Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
}
.acc
{

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

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

}
.acc1
{

font-size:0.8em;
font-weight:bold ;
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;
}

.spec
{
text-align: center;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:0.8em;
color:rgb(202, 236, 255);
}
.spec1
{
margin:5%;
text-align: justify;
font-size:0.6em;
color:rgb(202, 236, 255);

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

}

.contact
{
text-decoration: none;
text-align:center ;
font-weight:bold;
font-size:0.6em;
color:white;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

}


.nou
{
text-decoration: blink;
text-align:center ;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
color:red;
margin:5%;

}
.der
{
text-decoration: blink;
text-align:center ;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
color:green;
margin:5%;

}

.dis
{
text-align:center ;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
color:blue;
margin:5%;
}
.imageflottante
{
   float: left;
}
.imageflottante1
{
   float: right;
}

.etxea
{
text-align:center ;
text-decoration: none;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
font-style: bold;
color:rgb(255, 119, 65);

}

.etxe
{
text-decoration: none;
font-size:0.6em;
font-style: bold;
color:rgb(255, 119, 65);
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}

 img
 {
 padding-top:1.7%;
 padding-bottom:0.7%;
padding-right:1.7%;
padding-left:1.7%;

 }
 
 
 hr
 {
 color:blue;
 font-weight:bold ;
} 
 em
 {
 text-decoration:underline;
 color: blue;
text-align:center ;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
color:blue;
margin:5%;
}

.pr
{
float: right;
 margin-right:1.5%;

}
strong
{
 color:rgb(255, 119, 65);

}
 
 span
 {
 text-decoration:blink;
 color:rgb(255, 119, 65);
 } 


.LLP
{
text-align: center;
color :withe;
font-size: 0.6em;
font-style:normal;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.trouvesi
{
position: absolute;
top:80%;
left:2%;

}
 .refd
 {
 position: absolute;
top:50%;
right:2%;
}
.veo
{
background-color: rgb(20, 72, 100);
font-size: 0.8em;
font-weight: bold ;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.iha
{
background-color: none;
 
font-weight:bold ;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
 
.mar
{
 
font-weight:bold ;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
color:rgb(255, 119, 65);
}

.bid
{
background-color: green; 
font-weight:bold ;

font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
color:red;
}
.dis1
{
text-decoration:underline;
color: blue;
text-align:center;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:1em;
color:blue;
left :1%;

 }
 .dis2
{
text-decoration:underline;
color: blue;
text-align:center;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:0.7em;
font-weight: bold;
color:blue;
left :1%;

 }
 .label
 {
 float: left;
 margin:5%;
 }
 .carte
 {
 font-size:0.7em;
 font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

}
.important
{
text-decoration:none;
font-weight: bold;
color:rgb(202, 236, 255);
}

 .lien
 {
 text-align:center;
margin-left: 1%;
margin-right: 1%;
font-size: 0.7em;
font-style:normal;
font-weight: bold;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.xiti
 {
 text-align:center;
 float: right;
 margin-right:1.5%;
 }
.dispon
{
background-color:rgb(236, 188, 36);
text-align:center;
font-size:0.9em;
font-style:italic;
font-weight:bold;
text-decoration: blink;
font-family: "Comic sans Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}
#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.8em;
font-style:normal;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
 }
.mention
{
text-align: center;
font-size: 0.7em;
font-style:normal;
text-decoration:underline;
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
.plusone
{
 float: right;
}
.label
{
color:#ff3300;
font-size:10px;
font-family:Arial;
}