body
{
   background-color: rgb(55,28,0);
}


h1
{
   position: relative;
   top: 8%;
   text-align: center;
   color: white;
   font-family: "Cambria"; "Verdana", Serif;
   font-size: 250%;
   font-weight: bold;
   font-style: italic;
   z-index:30;
}


h2
{
   font-size: 160%;
   font-family: "Cambria Math", "Times New Roman", Serif;
   font-style: italic;
   margin-left: 130px;
   margin-bottom: -2%;
}


h3
{
   font-size: 110%;
   font-family: "Cambria Math", "Times New Roman", Serif;
   font-style: italic;
   margin-left: 130px;
}


p
{
   position: relative;
   z-index: 30;
}


.presentationintro
{
   position: relative;
   font-family: "Cambria Math", "Times New Roman", Serif;
   font-style: italic;
   font-size: 100%;
   line-height: 20px;
   z-index: 30;
}


.presentation
{
   position: relative;
   font-family: "Cambria Math", "Times New Roman", Serif;
   font-style: italic;
   font-size: 115%;
   line-height: 60px;
   z-index: 30;
}


em
{
   font-weight: bold;
   font-size: 110%;
}


.paraborder
{
   position: relative;
   background-image: url("boisB3.jpg");
   background-repeat: repeat-y;
   background-position: left;
   margin-right: 2px;
   margin-left: 2px;
   z-index: 30;
}


.paragraph
{
   position: relative;
   text-align: justify;
   color: black;
   background-color: rgb(217,197,173);
   margin-top: 30px;
   margin-bottom: 30px;  
   margin-right: 40px;
   margin-left: 40px;
   padding: 20px;
   font-size: 100%;
   z-index: 15;
}


.chauve-souris
{
   position: absolute;
   background-image: url("essaim3.jpg");
   background-position: top;
   background-repeat: no-repeat;
   background-color: rgb(55,28,0);
   top: 5px;
   right: 20px;
   height: 182px;
   width: 210px;
   z-index: 0;
}


#moineau
{
   position: absolute;
   background-image: url("moineau2.jpg");
   background-position: top;
   background-repeat: no-repeat;
   background-color: rgb(217,197,173);
   top: 24%;
   right: 10%;
   height: 203px;
   width: 188px;
   z-index: 0;
}


ol
{
   text-align: justify;
   margin-left: 110px;
}


 a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white;
   font-size: 120%;
}


a:hover /* Quand le visiteur pointe sur le lien */
{
   font-size: 110%;
   font-weight: bold;
}


.points
{
   text-align: center;
   font-size: 230%;
}


 #menu
{
   border: medium outset;
   list-style-type: bullet;
   background-image: url("boisglace2.jpg");
   background-repeat: no-repeat;
   background-position: bottom;
   margin: 0px;
   color: white;
   font-weight: normal;
   font-style: normal;
   font-size: 85%;
   position: fixed;
   right: 0.5%;
   top: 2%;
   text-align: left;
   width: 110px;
   height: 130px;
   z-index:35;
}
 
 
#legales
{
   position: absolute;
   background-image: url("bassouterrain4.jpg");
   background-repeat: no-repeat;
   background-position: bottom;
   text-align: center;
   color: white;
   margin-left: -10px;
   width: 100%;
   font-size: 70%;
}