#galerie
{
  
  position : absolute;
  top : 50px;
  left : 30px;
  width: 820px ;
  height : 580px;

  padding: 0px ;
  margin: 0px 0px ;
  text-align: center ;
  font: 0.9em Georgia, serif ;
	overflow: scroll;
}

#presentation
{
	position : relative;
	top : 100px;
	margin : auto;
display : block;
	opacity:1;
  	z-index : 3;
	box-shadow: 10px 10px 10px white;
} 

.flob {
	display: inline-block;
    width: 192px;
    height : 165px;

    overflow: scroll;
   
}

.image {
	width: 186px;
    margin: 3px;
	object-fit: cover;
}

dl#photo
{
  clear: both ;
  margin: 0 auto ;
}

dl#photo dt
{
  font: italic 2.5em/1.5em Georgia, serif ;
  color: #dcb ;
}

dl#photo dd
{
  margin: 0 ;
}

dl#photo img
{
  border: 1px solid #dcb ;
}

#flecheretour
{
position : absolute;
left:850px;
top : 9px;
}

#flecheavance
{
position : absolute;
left:895px;
top : 8px;
}

.btn-group.button {
    background-color: #FFF6ED;
    border: 1px solid #EAE1D8;
    color: maroon;
    
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    width: 140px;
    display: block;
}

.btn-group .button:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}

.btn-group .button:hover {
    background-color: #EAE1D8;
}

.button1 {
position : absolute;
right: 50px;
top : 123px;
}
.button2 {
position : absolute;
right: 50px;
top : 148px;
}
.button3 {
position : absolute;
right: 50px;
top : 173px;
}
.button4 {
position : absolute;
right: 50px;
top : 198px;
}
.button5 {
position : absolute;
right: 50px;
top : 223px;
}
.button6 {
position : absolute;
right: 50px;
top : 248px;
}