/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position:relative;left:0;height:280px;}

.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;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:auto;height:215px;
}

/**
 * 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;}

/* SPECIFIC PAGE PROJET */
.project .jcarousel-container {float:left;height:240px;}
.project .jcarousel-item {height:172px;}
.project .jcarousel-skin .jcarousel-container-horizontal, 
.project .jcarousel-skin .jcarousel-clip-horizontal {/*width:735px;*/width:670px;}
.project .jcarousel-skin .jcarousel-next-horizontal {top:205px;left:380px;}
.project .jcarousel-skin .jcarousel-prev-horizontal {top:205px;left:315px;}
/* END */



/*****------------------ SKIN ------------------*****/

.jcarousel-skin .jcarousel-container-horizontal, 
.jcarousel-skin .jcarousel-clip-horizontal {width:970px;}

.jcarousel-skin .jcarousel-item img {margin-bottom:5px;display:block;border:none !important;}
.jcarousel-skin .jcarousel-item a {border:none !important;}
.jcarousel-skin .jcarousel-item:hover img {filter:alpha(opacity=70);-moz-opacity:0.70;opacity: 0.70;border:none !important;}
.jcarousel-skin .jcarousel-item span {display:block;padding-left:5px;line-height:12px;}

.jcarousel-skin .jcarousel-item-horizontal {margin-right:4px;}

/* Horizontal Buttons */

.jcarousel-skin .jcarousel-next-horizontal {position:absolute;top:245px;right:440px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/portfolio/bt-next.png) no-repeat 0 0;}
.jcarousel-skin .jcarousel-next-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin .jcarousel-next-horizontal:active {background-position:-64px 0;}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {cursor:default;background-position:-96px 0;}

.jcarousel-skin .jcarousel-prev-horizontal {position:absolute;top:245px;left:440px;width:32px;height:32px;cursor:pointer;background:transparent url(../images/portfolio/bt-prev.png) no-repeat 0 0;}
.jcarousel-skin .jcarousel-prev-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin .jcarousel-prev-horizontal:active {background-position:-64px 0;}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {cursor:default;background-position:-96px 0;}