.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  position: absolute;
  width: 11px; height: 11px;
  background-image:url(../images/fleches_up.png);
  font-size: 0px;
  cursor:pointer;
}
.Scrollbar-Track {
  width: 11px; height: 268px;
  position: absolute;
  top: 21px;
  background-color: #690000;
}
.Scrollbar-Handle {
  position: absolute;
  width: 11px; height: 30px;
  background-color: #AE3535;
  cursor:pointer;
}
.Scrollbar-Down {
  position: absolute;
  top: 299px;
  width: 11px; height: 11px;
  background-image:url(../images/fleches_down.png);
  font-size: 0px;
  cursor:pointer;
}

#fond_photo {
  position:absolute;
  top:55px; left:170px;		/* top:75px; left:195px; */
  width: 585px;
  height: 361px;
/*  border-top:1px dashed #EEAE82; */
  background:url(../photos/fond.jpg) 0 0 no-repeat;
z-index:2;
}

#fond_transparent {
  position:absolute;
  top:55px; left:170px;
  width: 585px;
  height: 361px;
  background-color:#3F0000;
  opacity:0.9;
z-index:3;
}  

#Scrollbar-Container {
/*  position: absolute;
  top: 50px; left: 620px; */
  position:relative;
  margin-top:75px;
/* margin-left:5px; */
  float:left;
z-index:4;
}

#Container {
  position:relative;
  width: 575px;
  height: 310px;
  margin-top:55px;
  padding-top:20px;
  padding-left:30px;
  border-top:1px dashed #EEAE82;
  float:left;
  opacity:0.9;
  z-index:4;
}
#accueil, #actualite, #groupe, #galerie, #extraits, #presse, #pedagogie, #contact { 
  position: absolute;
  top: 20px;
  overflow: hidden;
  width: 575px;
  height: 310px;
  display: none;
}
#accueil {display: block;}
/* p {
  margin: 0; padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #777;
} */