/* @override http://cuis-a-vivre.lux.mediacd.fr/global/styles/jquery.jcarousel.css */

	/* @override http://cuis-a-vivre.lux.mediacd.fr/global/styles/jquery.jcarousel.css */

	/**
	 * 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;
		height: 210px;
	    position: relative;
	}

	.jcarousel-list {
	    z-index: 1;
	    overflow: hidden;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin: 0;
	    padding: 0;
	}

	.jcarousel-item {
	    float: left;
	    list-style: none;
	    /* We set the width/height explicitly. No width/height causes infinite loops. */
	    width: 80px;
	    height: 64px;
	    margin:  0 15px;
	   }
	.jcarousel-item img.currentProduit {
		border: 3px #FB990C solid;
		height: 60px;
	}
	/**
	 * 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;
	}

	#mycarousel li a {
		text-decoration: none;
		}
	#mycarousel li a img,
	#mycarousel li a span.libelle {
		}
	#mycarousel li a img {
		float: left;
		width: 120px;
		}
	#mycarousel li a span {
		position: absolute;
		text-align: left;
			font-size: 85%; 
			color:#FB990C;
		/*width: 100px;
			*/
	}