/**
 * 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;
    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: 80px;
    height: 108px;
}

/**
 * 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 .jcarousel-item-placeholder {
    background: transparent url(img/loading-small.gif) 50% 50% no-repeat;

}

#image-marque {
width:718px;
height:478px;
float:left;
}

#carousel-info {
width:716px;
height:356px;
overflow:hidden;
display:none;
border:1px solid #000;
font-family:arial;
background: transparent url(img/loading-small.gif) 80% 50% no-repeat;
float:left;
}

#carousel-info  ul li.infosProduits {
list-style:none;
height:356px;
padding-top:15px;
} 


#carousel-info ul li .image {
width:258px;
height:332px;
line-height:332px;
float:left;
margin-left:10px;
border:1px dotted #000;
}

#carousel-info ul li .infosComplementaires {
width:400px;
height:300px;
float:left;
}

#carousel-info ul li .infosComplementaires ul {
list-style:none;
}


#carousel-info ul li .infosComplementaires .titre {
height:50px;
width:380px;
padding-left:10px;
}


#carousel-info ul li .infosComplementaires .titre a {
text-decoration:none;
color:#660000;
text-align:center;
font-size:14px;
padding-left:60px;
}

#carousel-info ul li .infosComplementaires .description {
height:218px;
width:255px;
padding-left:25px;
font-size:12px;
}

#carousel-info ul li .infosComplementaires .popUp, #carousel-info ul li .infosComplementaires .ficheproduitlink {
height:25px;
line-height:25px;
width:255px;
padding-left:25px;
font-size:14px;
}

#carousel-info ul li .infosComplementaires .description  a{

font-size:12px;
text-decoration:none;
color:#663333;
/*font-weight:bold;
padding-left:25px;
padding-top:50px;
font-size:12px;
overflow:auto;
color:#000;
text-decoration:none;
cursor:pointer;
font-family:Verdana;
width:400px;*/
}
