/* @override http://localhost:8888/1201_jb0002_signalprint/@ROOT/css/skin.css */

ul#mycarousel {  
}
	ul#mycarousel li {
	display: block;
	position: relative;
	width: 200px;
	height: 280px;  
	}
		ul#mycarousel li a span.lueur { 
   		background: url("../images/carouselTest/lueur-verticale.png") no-repeat scroll left top transparent;
		display: block;
		position: absolute;
		z-index: 6;
		width: 200px;
		height: 155px;
		top: 100px;
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(0);
		}
		ul#mycarousel li a {  
		text-decoration: none;
		}
		
		
			ul#mycarousel li a img.illusCarousel {  
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
			}
			ul#mycarousel li img.fleches {  
			position: absolute;
			z-index: 12;
			bottom: 0;
			right: 10px;
			}
			ul#mycarousel li dl {
				display: block;
				position: absolute;
				z-index: 10;
				background-color: #3eabb8;
				background-color : rgba(62, 171, 184, 0.9);
				color: #fff;
				text-decoration: none; font-weight: normal; font-style: normal; 
				width: 160px;
				height: 50px;
				overflow: hidden; font-size: 11px; line-height: 14px;
				padding: 10px; text-align: right; 
				bottom: 15px;
				right: 0;
				margin: 0;
				}
				 	ul#mycarousel li dl dt {  
					 font-size: 16px;
					 padding-bottom: 5px; 
					 text-align: right;
					 margin: 0; 
				 	}
			

.jcarousel-skin-SP .jcarousel-container {

    margin-top: 60px;
}

.jcarousel-skin-SP .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-SP .jcarousel-container-horizontal {
    width: 858px;
    padding: 0 54px;
}

.jcarousel-skin-SP .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-SP .jcarousel-clip-horizontal {
    width:  860px;
    height: 280px;
}

.jcarousel-skin-SP .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-SP .jcarousel-item {
    width: 200px;
    height: 280px;
}

.jcarousel-skin-SP .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
}

.jcarousel-skin-SP .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-SP .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-SP .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-SP .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 0;
    width: 44px;
    height: 59px;
    cursor: pointer;
    background: transparent url(../img/FlecheDroite.png) no-repeat 0 0;
}

.jcarousel-skin-SP .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0;
    right: auto;
    background-image: url(../img/FlecheDroite.png);
}

.jcarousel-skin-SP .jcarousel-next-horizontal:hover {
    background-image: url(../img/FlecheDroite.png);
}

.jcarousel-skin-SP .jcarousel-next-horizontal:active {
    background-image: url(../img/FlecheDroite.png);
}

.jcarousel-skin-SP .jcarousel-next-disabled-horizontal,
.jcarousel-skin-SP .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-SP .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}

.jcarousel-skin-SP .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 0;
    width: 44px;
    height: 59px;
    cursor: pointer;
    background: transparent url(../img/FlecheGauche.png) no-repeat 0 0;
}

.jcarousel-skin-SP .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0;
    background-image: url(../img/FlecheGauche.png);
}

.jcarousel-skin-SP .jcarousel-prev-horizontal:hover {
    background-image: url(../img/FlecheGauche.png);
}

.jcarousel-skin-SP .jcarousel-prev-horizontal:active {
    background-image: url(../img/FlecheGauche.png);
}

.jcarousel-skin-SP .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-SP .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-SP .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}