﻿div#carrousel 
{
      background: url(../../i/ndl/bg-carrousel.png) no-repeat right bottom; /* top */
      float: right;
      height: auto; /* 365px */
      overflow:hidden;
      margin-bottom: 10px; 
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;width:5000px;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
ul.jcarousel-skin-tango {width:5000px;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;width: 120px;}
.jcarousel-item-rdv {float: left;list-style: none;width: 430px;}

.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}


.jcarousel-skin-tango .jcarousel-container {overflow:hidden;}
 div#carrousel_div_rdv div.jcarousel-skin-tango div.jcarousel-container-horizontal {width:408px;padding: 20px 40px;margin-left: 0px;overflow:hidden;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:600px;padding: 20px 40px;margin-left:20px;overflow:hidden;}
 
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:600px;}
.jcarousel-skin-tango .jcarousel-clip-rdv-horizontal {width:422px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  75px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 100px;margin-left:10px;}
.jcarousel-skin-tango .jcarousel-item-rdv {width: 402px;margin-left:10px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;display:inline;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:red #fff;color: #000;}

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top : 60px;right: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/ndl/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 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: -96px 0;}
ui-tabs-panel .jcarousel-next {
right:50px !important;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top : 60px;left: 5px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/ndl/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 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: -96px 0;}

/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical {position: absolute;bottom: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active 
{cursor: default;background-position: 0 -96px;}

.jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute;top: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../../i/prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0 -64px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active 
{cursor: default;background-position: 0 -96px;}


/* Div de l'infoBulle */
.infobulle {position:absolute;z-index:99;width:324px !important;height:250px;overflow:hidden;top:36px !important; background: url(../../i/ndl/bulle.png) no-repeat top left;padding:10px 10px 10px 25px;}
.infobulleBis{background: url(../../i/ndl/bulle_bis.png) no-repeat top left;top:36px !important;}
.infobulle h2.titre {font-size: 1.4em;padding: 4px !important;}
.infobulle h4.auteur {font-size: 1em;padding: 3px !important;}
.infobulle h4.editeur {font-size: 1em;padding: 3px !important;}
.infobulle h4.prix {font-size: 1.3em;color: #5f7da1;font-weight: bold  !important;padding: 0 0 3px 0 !important;}
.infobulle p.dispo {position: absolute;top:201px;width:180px;left: 30px;font-size: 1.0em;color: white;background:none;font-style:italic !important;font-weight: bold  !important;margin:0;}
.infobulle p.dispoLongue{top:192px;}
.infobulle .panier  {position: absolute;top:196px;left: 230px;}
.infobulle .panier_v2  {left:227px;margin:0;padding:0;position:absolute;top:193px;}



.content-tab-bg {

                float: left;

                /*width: 97%;*/
                width:95%;

                background: #fff url(../i/FAN2049204_Veer.jpg) no-repeat top left;

                border: 1px solid #e9e8e6;

                margin-right: 1px;

                padding: 10px;

}

 

.content-tab-bg h2 {

                font-size: 1.8em;

                font-weight: 100;

                margin: 5px 0;

}

