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

.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: 960px;
    height: 330px;
}

.jcarousel-list li img {float:left; width:446px; height:293px; margin:0 0 0 80px;}
.jcarousel-list li h2#emailing {float:left; width:185px; height:55px; margin:40px 0 0 3px; padding:0; background:url(../images/carousel-titre-emailing.jpg); text-indent:-5000px;}
.jcarousel-list li h2#heberge {float:left; width:360px; height:55px; margin:40px 0 0 3px; padding:0; background:url(../images/carousel-titre-emailing-heberge.jpg); text-indent:-5000px;}
.jcarousel-list li h2#evolutif {float:left; width:340px; height:55px; margin:40px 0 0 3px; padding:0; background:url(../images/carousel-titre-emailing-evolutif.jpg); text-indent:-5000px;}
.jcarousel-list li h2#mailingSms {float:left; width:247px; height:55px; margin:40px 0 0 3px; padding:0; background:url(../images/carousel-titre-sms.jpg); text-indent:-5000px;}
.jcarousel-list li h2#webMarketing {float:left; width:335px; height:55px; margin:40px 0 0 3px; padding:0; background:url(../images/carousel-titre-webmarketing.jpg); text-indent:-5000px;}
.jcarousel-list li p {float:left; margin:5px 0 3px 0; padding:0 0 0 15px; width:335px; background:url(../images/carousel-puce.jpg) no-repeat 0px 3px; font-size:1.7em; line-height:18px; color:#FFF;}
.jcarousel-list li #plus {float:left; margin:5px 0 0 0; padding:5px 0px; width:365px; height:35px; background:url(../images/en-savoir-plus.jpg); font-size:1.3em; line-height:35px; color:#634d20; font-weight:bold; text-align:center;}

.jcarousel-list li #liens {clear:left; float:left; margin:0; padding:0; width:960px; height:37px;}
.jcarousel-list li a#emailing {clear:left; float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing.jpg); text-indent:-5000px;}
.jcarousel-list li a#emailingOver {clear:left; float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing-over.jpg); text-indent:-5000px;}
.jcarousel-list li a#heberge {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing-heberge.jpg); text-indent:-5000px;}
.jcarousel-list li a#hebergeOver {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing-heberge-over.jpg); text-indent:-5000px;}
.jcarousel-list li a#evolutif {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing-evolutif.jpg); text-indent:-5000px;}
.jcarousel-list li a#evolutifOver {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-emailing-evolutif-over.jpg); text-indent:-5000px;}
.jcarousel-list li a#sms {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-sms.jpg); text-indent:-5000px;}
.jcarousel-list li a#smsOver {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-sms-over.jpg); text-indent:-5000px;}
.jcarousel-list li a#marketing {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-webmarketing.jpg); text-indent:-5000px;}
.jcarousel-list li a#marketingOver {float:left; margin:0 2px; padding:0; width:188px; height:37px; background:url(../images/btn-webmarketing-over.jpg); text-indent:-5000px;}

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