body
{
   background-image: url("clipper3.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;
}


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


.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
{
   position: relative;
   text-align: justify;
   color: white;
   margin-right: 8px;
   margin-left: 8px;
   font-size: 120%;
   z-index: 30;
}


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


 #serpentdor
{
   position: relative;
   top: 50px;
   left: -8px;
   padding: 0%;
   z-index:15;
}


 #art
{
   position: absolute;
   background-color: red;
   background-image: url("cocher3.jpg");
   top: 260px;
   left: 100px;
   padding: 0%;
   width: 204px;
   height: 491px;
   z-index:15;
}


 .titrecolonne1
{
   position: relative;
   top: 0px;
   left: 75px;
   margin: 0%;
   margin-left: 234px;
}


 .paracolonne1
{
   position: relative;
   top: 0px;
   left: 75px;
   margin: 0%;
   margin-left: 228px;
   margin-right: 83px;
}


 .paracolonne1bis
{
   position: relative;
   top: 0px;
   left: 75px;
   margin: 0%;
   margin-left: 228px;
   margin-right: 83px;
}


 #dockers2
{
   position: relative;
   background-image: url("dockers2.jpg");
   left: 30%;
   width: 553px;
   height: 227px;
   padding: 0%;
   z-index:15;
}


 .paracolonne2
{
   position: relative;
   top: -490px;
   margin: 0%;
   margin-left: 21px;
   margin-right: 8px;
}


#commentaire
{
   position: relative;
   top: -490px;
   margin-left:12%;
   font-size: 140%;
   font-style: italic;
   padding: 0%;
   z-index:30;
}


 .titrecolonne3
{
   position: relative;
   top: -470px;
   margin: 0%;
   margin-left: 14px;
}


 .paracolonne3
{
   position: relative;
   top: -470px;
   margin: 0%;
   margin-left: 8px;
   margin-right: 8px;
}


#mayflower
{
   position: relative;
   background-image: url("mayflower2.jpg");
   background-repeat: no-repeat;
   background-color: black;
   background-position: center;
   top: -470px;
   width:520px;
   height:350px;
   margin: auto;
   margin-top: 50px;
   margin-bottom: 50px;
   z-index:15;
}


 .titrecolonne4
{
   margin: 0%;
   margin-left: 14px;
}


 .paracolonne4
{
   position: relative;
   top: -470px;
   margin: 0%;
   margin-left: 8px;
   margin-right: 225px;
}


#pmcelaine
{
   position: relative;
   background-image: url("samuelparris2.jpg");
   background-repeat: no-repeat;
   background-color: black;
   background-position: right;
   display: block;
   width: 202px;
   height: 300px;
   top: -785px;
   left: 80%;
   padding: 0%;
   z-index:15;
}


 .titrecolonne5
{
   position: relative;
   top: -730px;
   margin: 0%;
   margin-left: 14px;
   margin-bottom: 25px;
}


 .paracolonne5
{
   position: relative;
   top: -750px;
   margin: 0%;
   margin-left: 8px;
   margin-right: 8px;
}


#parish
{
position: relative;
top: -762px;
left: 1px; /*left: 780px; 79%;*/
padding: 0%;
z-index:15;
}


 .titrecolonne6
{
   position: relative;
   top: -750px;
   margin: 0%;
   margin-left: 14px;
   margin-bottom: 25px;
}


 .paracolonne6
 {
   position: relative;
   top: -1089px;
   margin: 0%;
   margin-left: 273px;
   margin-right: 8px;
 }


 .paracolonne7
{
   position: relative;
   top: -1089px;
   margin: 0%;
   margin-left: 8px;
   margin-right: 8px;
}




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