/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.plat{margin-top:10px}
.plat h2{background:url(../../../images/titre-plat.jpg) no-repeat; width:546px; height:42px}
.plat h3{background:url(../../../images/footer-plat.jpg) no-repeat; width:546px; height:6px; text-indent:-9999px; font-size:0px}
.jcarousel-container h2{background:url(../../../images/titre-carousel.jpg) no-repeat; width:236px; height:26px}
.jcarousel-container {
    position: relative;
}
.colis{margin-top:10px}
.colis h2{background:url(../../../images/titre-colis.jpg) no-repeat; width:546px; height:42px}
.colis h3{background:url(../../../images/footer-plat.jpg) no-repeat; width:546px; height:6px; text-indent:-9999px; font-size:0px}

.jcarousel-clip {
    z-index: 2;
	left:0px;
    padding: 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-type: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:87px;
    height:66px;
}

/******************************************************/

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:360px;
	padding:15px 0px 0 35px;
	overflow:hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 330px;
    height:110px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 87px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right:5px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    color: #fff;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right:10px;
    width:12px;
    height:13px;
    cursor: pointer;
    background:url(../images/picto_next.gif) no-repeat
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left:10px;
    width:12px;
    height:13px;
    cursor: pointer;
	background:url(../images/picto_prev.gif) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position:0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

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

.jcarousel-skin-tango img {
	border:2px solid #b22a3e;
}