/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */

.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; }

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

/*--Membres--*/

.jcarousel-skin-fiche {padding:30px 0 0 40px; margin:30px 0 0 0;background:url(carousel_fiche_bg.gif) no-repeat center top;}
.jcarousel-skin-fiche ul { margin:0; padding:0; }
.jcarousel-skin-fiche li { margin:0; overflow:hidden; background:none !important; }
.jcarousel-skin-fiche .jcarousel-container {position: relative; margin:0;}

.jcarousel-skin-fiche .jcarousel-container-horizontal { padding:0; padding:0; }
.jcarousel-skin-fiche .jcarousel-clip-horizontal { width:897px; height:400px; margin:0; padding:0; }

.jcarousel-skin-fiche .jcarousel-item { width:896px; height:400px; margin:0; padding:0; list-style:none; float:left; }
.jcarousel-skin-fiche .jcarousel-item div { margin-top:20px; height:170px; width:224px; float:left; }
.jcarousel-skin-fiche .jcarousel-list li { float:left; list-style:none; width:896px; height:400px; }

.jcarousel-skin-fiche .jcarousel-item a img { border:none; margin:12px 0 0 0; background:url(bg_pic_galerie_fiche.gif) no-repeat center top; padding:4px 20px; }
.jcarousel-skin-fiche .jcarousel-item a:hover img { border:none; margin:12px 0 0 0; background:url(bg_pic_galerie_fiche.gif) no-repeat center -131px; padding:4px 20px; }

.jcarousel-skin-fiche .jcarousel-item a strong, .jcarousel-skin-fiche .jcarousel-item a span {color:#595a30; display:block; font-size:11px; text-align:center; padding:4px 0 0; font-weight:normal }
.jcarousel-skin-fiche .jcarousel-item a strong {color:#a4a570; padding:0}
.jcarousel-skin-fiche .jcarousel-item a:hover strong, .jcarousel-skin-fiche .jcarousel-item a:hover span {color:#574a3e}
.jcarousel-skin-fiche .jcarousel-item-horizontal { margin-right:0; }

.jcarousel-skin-fiche .jcarousel-item-placeholder { background:#fff; color:#000; }

/*  Horizontal Buttons fiche */

.jcarousel-skin-fiche .jcarousel-next-horizontal { position:absolute; top:-33px; right:460px; width:25px; height:25px; cursor:pointer; background: url(next-horizontal.gif) no-repeat -25px 0px; }
.jcarousel-skin-fiche .jcarousel-next-horizontal:hover { background-position:0; }
.jcarousel-skin-fiche .jcarousel-next-horizontal:active {  background-position:0; }
.jcarousel-skin-fiche .jcarousel-next-disabled-horizontal, .jcarousel-skin-fiche .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-fiche .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-50px 0; }

.jcarousel-skin-fiche .jcarousel-prev-horizontal { position: absolute; top: -33px; left:420px; width:25px; height:25px; cursor:pointer; background: url(prev-horizontal.gif) no-repeat -25px 0; }
.jcarousel-skin-fiche .jcarousel-prev-horizontal:hover { background-position: -50px 0; }
.jcarousel-skin-fiche .jcarousel-prev-horizontal:active { background-position: -50px 0; }
.jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal, .jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; }

/*--Vélo--*/

.jcarousel-skin-velo { margin:0 0 0 12px !important; }
.jcarousel-skin-velo ul { margin:0; padding:0; }
.jcarousel-skin-velo li { margin:0; overflow:hidden; background:none !important; }
.jcarousel-skin-velo .jcarousel-container { position:relative; margin:0; }

.jcarousel-skin-velo .jcarousel-container-horizontal { padding:0; margin:0; }
.jcarousel-skin-velo .jcarousel-clip-horizontal { width:600px; height:100px; margin:0; padding:0; }

.jcarousel-skin-velo .jcarousel-item { width:585px; height:100px; margin:0; padding:0; list-style:none; float:left;}
.jcarousel-skin-velo .jcarousel-item div {width:138px; height:100px; margin:0; padding:0 8px 0 0; float:left; background:none; }
.jcarousel-skin-velo .jcarousel-list li { float:left; list-style:none; width:590px; height:100px; /* We set the width/height explicitly. No width/height causes infinite loops. */ }

.jcarousel-skin-velo .jcarousel-item a img { border:none; margin:11px 0 0 0; padding:0; }
.jcarousel-skin-velo .jcarousel-item a:hover img { opacity: 0.3; }

.jcarousel-skin-velo .jcarousel-item-horizontal { margin-left:0; }
.jcarousel-skin-velo .jcarousel-item-placeholder { background: #fff; color:#000; }

/***  Horizontal Buttons velo */

.jcarousel-skin-velo .jcarousel-prev-horizontal { position: absolute; top: 39px;  left: -13px;  width: 33px; height: 33px; cursor: pointer;  background: #333232 url(/medias/communs/fiche_carrousel_left.png) no-repeat 6px 8px; z-index:30000; }
.jcarousel-skin-velo .jcarousel-prev-horizontal:hover { background: #ffc82e url(/medias/communs/fiche_carrousel_left.png) no-repeat 6px 8px; }
.jcarousel-skin-velo .jcarousel-prev-disabled-horizontal, .jcarousel-skin-velo .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-velo .jcarousel-prev-disabled-horizontal:active { opacity: 0.3; }

.jcarousel-skin-velo .jcarousel-next-horizontal { position: absolute; top: 39px;  right: -1px; width: 33px; height: 33px; cursor: pointer; background: #333232 url(/medias/communs/fiche_carrousel_right.png) no-repeat 9px 8px; z-index:30000; }
.jcarousel-skin-velo .jcarousel-next-horizontal:hover { background: #ffc82e url(/medias/communs/fiche_carrousel_right.png) no-repeat 9px 8px; }
.jcarousel-skin-velo .jcarousel-next-disabled-horizontal, .jcarousel-skin-velo .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-velo .jcarousel-next-disabled-horizontal:active { opacity: 0.3; }