h1   {
font-family:"Times New Roman", Times, serif;
font-size: 2em;
font-weight: bold;
font-style:oblique;
color: #0033CC;
text-align:center;
}
h2   {
font-family:"Times New Roman", Times, serif;
font-size: 1.6em;
font-weight:normal;
color:#3300CC;
text-align:left;
padding-top:10px;
}

#header {
height: 120px;
width: 790px;
background-color:#edeedc;
margin-right: auto;
margin-left:auto;
}

#haut {
height: 10px;

background-image:url(Images/arriere_plan.jpg );

}
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image:url(Images/arriere_plan.jpg);
background-repeat:repeat;

}
p {
margin: 0 0 10px 0;
}

}
#conteneur {
background-color:#edeedc;
width:800px;
margin:0 auto;
padding-left:5px;
padding-right:5px;
text-align:justify;
}

#centre {
background-color:#edeedc;
width: 790px;
margin-right: auto;
margin-left: auto;
margin-top:0px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
text-align:justify;
}



a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}

.photo {position:relative;  height:550px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(transition/vie_quotidienne/Evenements/portes_ouvertes/Albums/bouton2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; height:30px; line-height:30px; background:#fff url(transition/vie_quotidienne/Evenements/portes_ouvertes/Albums/bouton.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}
.photo ul li table {margin:0; padding:0; display:none;}
.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:480px; height:360px; background:#f8f8f8; border:1px solid #888; position:absolute; left:250px; top:0;}
.photo ul :hover table
{padding:0; margin-top:-2px; display:block; border:1px solid #888; border-width:0 1px 1px 1px;}
.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height: auto; background:transparent;}
.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}
.photo ul :hover ul li a
{background:transparent;}
.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}
.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0;}
.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #fc0;}
.photo ul :hover ul li a:hover
{background:#fff;}
.photo ul :hover ul li a:hover img.full
{left:250px; z-index:0; border:1px solid #000;}
.photo .default {width:480px; height:360px; position:absolute; left:250px; top:0; border:1px solid #ddd;}

#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:1px solid #888; 
  background:#edeedc ;
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }