body {
   	margin: 0;
	padding:0;
    font: 80.01%  Georgia, Arial, Helvetica, sans-serif;
	color: navy;
    background:   url(images/imgsite/ciel.jpg) no-repeat fixed  bottom left;
    z-index: 10;
    }
 #page {
 position: absolute;
 width: 100%;
 }

 p {
 margin-top: 0;
	text-align: justify;
}

 .photos {
 display: inline;
 }
 h1 {
 height: 30px;
 background-color:  transparent;
 color: white;
 margin: 0;
 }
 p2 {
 height: 30px;
 background-color:  transparent;
 color:  white;
 margin: 0;
 }

a {
  color: #F09;
}

a:visited {
  color:  #0FC;
}

a:hover {
  color: #C00;
}

#galeriebb  {
background:  url(images/imgsite/linen1.jpg) repeat;
   width: 720px;
   clear: both;
   margin: 40px auto 80px auto;
   text-align: center;
   border:  ridge thick GoldenRod ;
   z-index: 500;
}

#galeriebb img {
   margin: 15px;
   text-align: center;
}
#photo {
  border:  thin ridge Gold;
}

#pageheader{
margin: 0;
padding: 0;
height: 200px;
background: url(images/imgsite/header.jpg) top center no-repeat;
z-index: 200;
}

#pageheader img {
float:  right;
margin: 15px 15px 0 195px;
z-index: 50;
}

#pageheader h1{
text-indent: -5000px;
margin:0
line-height: 0;
}

#pageheader h2{
text-indent: -5000px;
margin:0
line-height: 0;
}
#pageheader p {
margin: 35px 0 0 200px;
font-weight: bold;
color: white
font-size: 1.1em;
}
#menuhaut {
margin-top: 2px;
padding: 0;
list-style-type: none;
float: right;
color:  #006699 ;
text-align: right;
width: auto;
}

#menuhaut a {
margin: 0;
padding: 0;
font: bold 1em  Georgia, Arial, Helvetica, sans-serif;


}
#menuhaut li {
display: inline block  ;
width: 100px;
height: 32px;
background: url(images/imgsite/marbre3.gif) repeat-x ;
margin: 0 0;
line-height: 30px;
text-decoration: none;
text-align: center;
float: left;
border: ridge thin GoldenRod;
}
#menupage img {
margin-top: 125px;
float: left;
padding: 0;
}
 #menupage {
position: absolute;
left: 20px;
width: 150px;
padding: 0 ;
margin: 0 ;
list-style-type: none;
}
#menupage li {
display: block  ;
width: 130px;
height: 32px;
background: url(images/imgsite/marbre3.gif) repeat-x ;
border: ridge thin GoldenRod;
margin: 3px 0.5px ;
text-align: center;
float: right;
font-size: small ;
font-weight: bold;
line-height: 30px;
}
#menupage ul {
list-style-type:  none;
padding: 0;
margin: 0;
}

#menudroit {
position: absolute;
  right: 5px;
  width: 200px;
  padding: 0 ;
  margin: 0 ;
}
#menudroit img {
  float: right;
}





#container {
margin-top: 50px;
 margin-left: 200px;
 margin-right: 230px;
 margin-bottom: 50px;
 padding-bottom: 50px;
 line-height: 150%;
 font-size:  medium;
 padding: 0;

 }
#container p {
margin: 0 0 0 1em;
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
}



#container li {
 list-style-image: url(images/imgsite/boutonliste.gif);
}
#container img {
 margin: 1em;
  padding: 0.1em;
    float: none;
}
 #container h2 {
margin:  2em 1em;
padding-left: 45px ;
line-height: 25px ;
font-size: 1.4em ;
background:  url(images/utiles/tonkligne.png) no-repeat left bottom ;
border-bottom: 1px solid  #003399 ;
}

 #menubas {
 background-color:  transparent;
 padding: 0x;
 margin:  -40px 0;
 bottom: 20%;
 list-style-type: none;
 float:  right;
 color: white;
 text-align: right;
 }

 #menubas ul {
 margin: 0;
 padding: 0;
 font: bold 0.6em  Georgia, Arial, Helvetica, sans-serif;


 }
 #menubas li {
 display:  inline block ;
 margin: 9px;
 padding: 0;
 width: auto;
 height:  auto;
 background:   transparent;
 text-decoration: none;
 text-align:  center;
 float:  left;
 }
#pied {
background: url(images/imgsite/pied.gif) no-repeat ;
height: 167px;
}
#pied img {
height: auto;
width:  auto;
float:  right;
margin-right: 25px;
}

/* album photo */
 #album {
margin: 50px 200px ;
 padding-bottom: 50px;
 line-height: 150%;
 font-size: 1em;
 padding: 0;

 }
#album p {
margin: 0 0 0 1em;
text-align: justify ;
text-indent: 2em ;
line-height: 1.7em ;
}
#album li {
 list-style-image: none;
 }
/* galerie avec les images verticales */

div#galerie {
    font: 0.9em Harrington, Georgia, Arial ;
    margin: 15px 0;
	padding: 10px;
	width: 640px;
    height:  auto;
	border: thick  ridge #660099;
	text-align: center;
   background-image: url(images/utiles/clouds-pink.jpg);
}
#galerie ul {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	float: left;
}
 #galerie li {
	margin: 2px ;
	padding: 0 ;
	list-style-type: none ;
     }
 #galerie a {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
    border: outset thin #996600;

}
dl#photo {
	margin: 0px;

}
dl#photo dt {
	color: #666666;
	font: italic 2.5em/1.5em Harrington, Georgia, Arial, serif ;
	line-height: 40px;
    color:  #6666FF;
}
dl#photo dd {
	margin: 0;
    padding: 0;
	 text-align: center;
}
dl#photo dd img{
    border: medium  ridge  #CC00CC ;
	margin: 0;
    padding: 0;
   }

div#galerie dt{margin-top: 20px}