/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}



/* Skins pour jCarousel */
.jcarousel-skin-lite .jcarousel-container {float:right;margin-left:1em;}
.jcarousel-skin-lite .jcarousel-container-horizontal {width: 370px;}
.jcarousel-skin-lite .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}
.jcarousel-skin-lite .jcarousel-clip-horizontal {width: 370px;height: 124px;}
.jcarousel-skin-lite .jcarousel-clip-vertical {width: 75px;height: 245px;}
.jcarousel-skin-lite .jcarousel-item {width: 116px;height: 124px;}
.jcarousel-skin-lite .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-lite .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-lite .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-lite .jcarousel-next-horizontal {position: absolute;top: 43px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-lite .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-lite .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-lite .jcarousel-next-disabled-horizontal,
.jcarousel-skin-lite .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-lite .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-lite .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-lite .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-lite .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-lite .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-lite .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-lite .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-lite .jcarousel-next-vertical {position: absolute;bottom: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;
background: transparent url(next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-lite .jcarousel-next-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-lite .jcarousel-next-vertical:active {background-position: 0 -64px;}
.jcarousel-skin-lite .jcarousel-next-disabled-vertical,
.jcarousel-skin-lite .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-lite .jcarousel-next-disabled-vertical:active {cursor: default;background-position: 0 -96px;}
.jcarousel-skin-lite .jcarousel-prev-vertical {position: absolute;top: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;background: transparent url(prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-lite .jcarousel-prev-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-lite .jcarousel-prev-vertical:active {background-position: 0 -64px;}
.jcarousel-skin-lite .jcarousel-prev-disabled-vertical,
.jcarousel-skin-lite .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-lite .jcarousel-prev-disabled-vertical:active {cursor: default;    background-position: 0 -96px;}
