.gallery{
  margin:0 auto; width: 664px; 
  height:305px;
}
.gallery nav{
  margin:2px auto;
  width:140px;
}
a.browse {
    background:url(/i/sejours-linguistiques/fleches/hori_p.png) no-repeat;
    display:block;
    width:15px;
    height:15px;
    float:left;
    margin:5px 0px;
    cursor:pointer;
    font-size:1px;
}

a.right { background-position: 0 -15px; clear:right; margin-left: 4px;}
a.right:hover { background-position:-15px -15px; }
a.right:active { background-position:-30px -15px; }

a.left { margin-right: 4px; }
a.left:hover  { background-position:-15px 0; }
a.left:active { background-position:-30px 0; }

a.up, a.down  {
    background:url(/i/sejours-linguistiques/fleches/vert.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
a.disabled {
  /*  visibility:hidden !important; */
}

.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 664px;
    height:277px;

    /* custom decorations */
    border:1px solid #E6E6E6;
    background:url(/i/sejours-linguistiques/fond/footer-1.jpg) repeat-x scroll left bottom transparent;
}

.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:664px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:10px 8px 10px 14px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:300px;
    height:250px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}

/* position and dimensions of the navigator */
.navi {
    width:auto;
    height:20px;
    float:left;
    margin:6px 0;
}


.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(/i/sejours-linguistiques/point/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

.navi a:hover {
    background-position:0 -8px;
}

.navi a.active {
    background-position:0 -16px;
}