div#slider {
  width : 710px;
  height : 250px;
  position: relative;
}

.scroll {
    height: 238px !important;
    height: 240px;
    overflow: auto;
    overflow-x: hidden;
    position: absolute;
    top : 0px;
    clear: left;
    z-index: 10;
}

.scrollContainer div.panel {
  position: relative;
  height: 250px;
  width: 710px;
  padding-right : 5px;
}

.scrollContainer div.panel img  {
  position: relative;

}

ul.navigation {
  position: absolute;
  top : 10px;
  left : 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  width : 100%;
  height : 40px !important;
  height : 42px;
  position: relative;
  z-index: 15;
}

ul.navigation li {
  float: left;
  display: inline;
  /*width: 165px;*/
  height : 32px;
  text-align: center;
}

ul.navigation li.selected {
  background : url( "../interface/pictos/flbas_coda.png" ) no-repeat bottom center;
}

ul.navigation a {
    padding: 0px 10px;
    padding-top : 7px;
    color: #000;
    width: 190px !important;
    width: 180px;
    height : 19px !important;
    height : 26px;
    text-decoration: none;
    font-size: 0.95em;
    display: block;
    background-color: #262441;
    color : #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.navigation a:hover {
  background-color: #433f73;
}

ul.navigation li.selected a, ul.navigation li.selected a:hover {
    background-color : #433f73;
    color : #fff;
    font-weight : bold;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
  position: absolute;
  z-index: 11;
  bottom: 30px;
  cursor: pointer;
  margin: 0;
  width: 20px;
  height: 20px;
  display: block;
  text-decoration: none !important;
  background: url(../interface/sprite_annecy.png) no-repeat;
}
 
.scrollButtons.left {
    left : 265px;
    background-position: -60px 0px;
}

.scrollButtons.left:hover {
  background-position: -60px -20px;
}

.scrollButtons.right {
  left : 290px;
  background-position: -80px 0px;
}

.scrollButtons.right:hover {
  background-position: -80px -20px;
}

.hide {
    display: none;
}