body
{
   width: 900px;
   margin: auto; 
   margin-top: 10px; 
   margin-bottom: 20px; 
   background: url("../photos/fond.jpg") no-repeat right top;
   background-color: black;
   color: #CCCA8D;

}

#entete
{
   width: 900px;
   height: 80px;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   /* background-color: #D8D7C4;  mettre une image ou une autre couleur */
   margin-bottom: 10px;
   color: #CCCA8D;
   font-size: 58px;
   text-align: center;
}


.cercle
{
   font-size: 12px;
   margin-left:-30px;
   
}


#menu
{
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-align: left;
   color: #CCCA8D;
   width : 19%;   
   float: left;
   background-color: #565021; 
   padding-right: 5px;
}


#main
{
   width : 79%;
   margin-left: 21%;
   /* background-color: #F8F7A4; mettre une image ou une autre couleur */
   margin-bottom: 10px;
   height: 600px;
   color: #CCCA8D;
}

.livreor
{
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-align: left;
   margin-left: 21%;
}


#photo
{
   display:block;
   width:auto;
   margin-left:auto;
   margin-right:auto;
   padding-top: 10px;
   padding-bottom: 10px;
}

.titre
{
   font-size: x-large;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-align: center;
   color: #CCCA8D;
}


#presentationSite, p, .bouton
{
   font-size: normal;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   text-align: center;
}

a:link {text-decoration:none;    color: #CCCA8D;}
a:visited {text-decoration:none;    color: #CCCA8D;}
a:hover {text-decoration:none;    color: #CCCA8D;}
a:active {text-decoration:none;    color: #CCCA8D;}
a img {border:none;}


#piedPage
{
   padding: 5px;
   clear: both;

   text-align: center;

   color: #B3B3B3;
   /* background-color: #626262; */

}

.bouton
{
width: 150%;
}
.bouton tr{
height:5px;
}
.bouton td{
width:33%;
height:5px;
}

.hebergement
{
width: 130%;
}
.hebergement td{
width:33%;
padding-left: 20px;
}

.albumPhotos
{
width: 70%;
}
.albumPhotos td {
width:33%;
padding-left: 30px;
padding-right: 30px;
vertical-align:bottom;
}