body
{
   color: white;
   background-color: black;
}


h1
{
   position: absolute;
   top: 10px;
   left:1%;
   font-size: 220%;
   font-family: "Bodoni MT Poster Compressed", "Times New Roman", Serif;
   color: white;
   z-index: 35;
}


#citasurdecor
{
   position: absolute;
   top: 18%;
   left: 19%;
   margin: 0%;
   font-size: 150%;
   z-index:30;
}


h2
{
   position: relative;
   color: white;
   font-size: 170%;
   font-family: "Cambria Math", "Times New Roman", Serif;
   margin: 0%;
   margin-left: 14px;
   z-index:30;
}


h3
{
   position: relative;
   font-family: "Bradley Hand ITC", "Calisto MT", Serif;
   margin: 0%;
   margin-left: 8px;
   z-index:30;
   font-size: 150%;
}


h4
{
   margin-left: 25px;
   z-index:30;
   font-size: 110%;
}


.corps
{
   background-color: black;
   background-image: url("serpentbandegauche.jpg");
   background-repeat: repeat-y;
   text-align: justify;
   color: white;
   margin-left: 0px;
   margin-right: 50px;
   padding-left: 48px;
   padding-right: 0px;
}


.murdroite
{
   background-image: url("serpentbandedroite.jpg");
   background-repeat: repeat-y;
   background-position: right;
   text-align: right;
   color: white;
   margin-left: 0px;
   width: 50x;
}


p
{
   text-align: justify;
   color: white;
   margin-right: 14px;
   margin-left: 14px;
   font-size: 110%;
}


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


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


 #menu
{
  list-style-type: none;
  background-image: url("portail3.jpg");
  background-repeat: no-repeat;
  background-color: black; /* 128,104,76 */
  background-position: center;
  color: white;
  text-align: center;
  position: absolute;
  font-weight: bold;
  font-size: 105%;
  right: 0%;
  top: 6%;
  width: 162px; /* 157 */
  height: 377px;
  margin: 0%;
  padding: 0%;
  z-index:35;
}


 #skull
{
   position: relative;
   top: 1px;
   margin: auto;
   background-image: url("skull2.jpg");
   background-repeat: no-repeat;
   width: 386px;
   height: 417px;
   z-index:20;
}


 #mutant
{
   position: absolute;
   top: 20px;
   left: 5%;
   background-image: url("mutant2.jpg");
   background-repeat: no-repeat;
   background-color: blue;
   width: 251px;
   height: 296px;
   z-index:15;
}


 #sirene
{
   position: absolute;
   top: 95px;
   right: 15%;
   background-image: url("sirenecoiffe4.jpg");
   background-repeat: no-repeat;
   width: 208px;
   height: 349px;
   z-index:15;
}


#villamcelaine
{
   position: absolute;
   margin-left: 10px;
   z-index: 20;
}


#loch
{
   position: absolute;
   margin-left: 10px;
   z-index: 20;
}


#ladyofshalott
{
   position: absolute;
   margin-left: 10px;
   z-index: 20;
}


#camelot
{
   position: relative;
   margin: auto;
   background-image: url("camelot2.jpg");
   background-repeat: no-repeat;
   width: 635px;
   height: 355px;
   z-index: 20;
}


#paraclayton
{
   position: relative;
   background-color: black;
   text-align: justify;
   color: white;
   margin-left: 250px;
   z-index: 15;
}


#paraclayton2
{
   position: relative;
   background-color: black;
   text-align: justify;
   color: white;
}


#paraelaine
{
   position: relative;
   background-color: black;
   text-align: justify;
   color: white;
   margin-left: 410px;
   z-index: 15;
}


#paraelaine2
{
   position: relative;
   background-color: black;
   text-align: justify;
   color: white;
   margin-left: 235px;
   z-index: 15;
}


#poemeelaine
{
   position: relative;
   text-align: center;
   color: white;
   z-index: 15;
}


 #horloge1
{
   position: relative;
   margin: auto;
   display: block;
   z-index:15;
}


 #arbregenea
{
   position: relative;
   margin: auto;
   background-image: url("arbregenea.jpg");
   background-repeat: no-repeat;
   width: 938px;
   height: 1029px;
   z-index:25;
}


 #arbregeneanew
{
   position: relative;
   margin: auto;
   background-image: url("arbregeneanew.jpg");
   background-repeat: no-repeat;
   width: 938px;
   height: 1029px;
   z-index:25;
}


#legales
{
   position: relative;
   text-align: center;
   font-size: 70%;
   margin-left: 8px;
   margin-right: 8px;
}