body
{
   background-image: url("branches2.jpg");
   background-repeat: no-repeat;
   background-position: top;
   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: 49%;
   left: 26%;
   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%;
}


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


.corps
{
   position: relative;
   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;
   z-index: 15;
}


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


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


.starring
 {
   font-style: italic;
   text-align: justify;
   color: white;
   margin-right: 14px;
   margin-left: 14px;
   font-size: 110%;
 }


.points
 {
   text-align: justify;
   color: white;
   margin-right: 14px;
   margin-left: 265px;
   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;
}


#mort
{
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 0%;
  z-index:20;
}


 #chatnoir
{
   position: absolute;
   top: 200px;
   right: 410px;
   z-index:10;
}


 #cateye
{
   position: absolute;
   top: 155px;
   right: 400px;
   z-index:30;
}


 #catseyes1
{
   position: absolute;
   top: 320px;
   left: 280px;
   z-index:30;
}


 #catseyes2
{
   position: absolute;
   top: 200px;
   left: 300px;
   z-index:30;
}


 #catseyes3
{
   position: absolute;
   top: 220px;
   right: 300px;
   z-index:30;
}


#branches
{
   position: absolute;
   top: 0px;
   right: 0px;
   z-index:15;
}


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


#commentaire
{
position: absolute;
top: 296%;
font-size: 85%;
left:0.2%;
padding: 0%;
z-index:15;
}


#weirdfeet
{
   position: relative;
   display: block;
   text-align: center;
   margin: auto;
   z-index: 20;
}


#fantomeenbas
{
   position: absolute;
   margin-top: 4px;
   margin-left: 17px;
   z-index: 20;
}


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


.pointsspecial
 {
   text-align: justify;
   color: white;
   margin-right: 14px;
   margin-left: 290px;
   font-size: 110%;
 }
 
 
#cecily
{
   position: absolute;
   margin-left: 10px;
   margin-top: -20px;
   z-index: 20;
}


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


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


 .textsurdecor
{
   position: relative;
   margin: 0%;
   margin-left: 1.5%;
   margin-bottom: 0.4%;
   z-index:30;
}


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