/* gallery.css */

.GalleryBox {
  text-align: justify;
  font-size: 12px;
}

.GalleryBox ul li {
  list-style-type: none;
  float: left;
  padding-top: 20px;
  margin: 0 10px;
}

.GalleryBox ul li img {
  border: 1px solid white;
}

.GalleryBox .colorTitle {
  font-size: 24px;
  color: #FFFF00;
  font-weight: normal;
}

.GalleryBox h2 {
  font-size: 12px;
  color: white;
  text-decoration: underline;
  font-weight: bold;
}

.DiaporamaBox img{ 
  margin: 10px 0;
}

.DiaporamaBox {
  text-align: center;
  font-size: 12px;
}

.GalleryBox span a,
.previous,
.next,
.back {
  line-height: 50px;
  font-weight: bold;
  text-decoration: none;  
}

.GalleryBox .previous a {
  background: url(/images/galerie/bt-prev.gif) no-repeat top;
  padding: 12px 40px;
  margin-right: 10px;
  //padding: 0;
  width: 86px;
  height: 40px;
  //display: block;
  //margin-right: 110px;
}

.GalleryBox .next a {
  background: url(/images/galerie/bt-next.gif) no-repeat top;
  padding: 12px 40px;
  margin-left: 10px;
  //padding: 0;
  width: 86px;
  height: 40px;
  //display: block;
  //position: absolute;
  //margin: -42px 10px;
}

.GalleryBox .previous a:hover {
  background: url(/images/galerie/bt-prev.gif) no-repeat bottom;
}

.GalleryBox .next a:hover {
  background: url(/images/galerie/bt-next.gif) no-repeat bottom;
}

.GalleryBox .back a:hover{
  text-decoration: none;
  color: yellow;
}