@charset "utf-8";

/*
 *	@titre: carousel.
 *	@description: feuille de style carousel - dream on.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20091118.
 *	@modification: -
 *
 */

.carousel-projet { margin:0 0 20px; }
.carousel-projet .btn { width:44px; height:170px; display:block; float:left; background-color:#d5d5d5; background-position:center center; background-repeat:no-repeat; cursor:pointer; font-size:0; }
.carousel-projet .active:hover { background-color:white; }
.carousel-projet .carousel-prev { margin:0 1px 0 0; background-image:url(../../images/design/boutons/car-btn-prev.gif); position:relative; z-index:2; }
.carousel-projet .carousel-suiv { background-image:url(../../images/design/boutons/car-btn-suiv.gif); position:relative; z-index:2; }
.carousel-projet .carousel-content { float:left; margin:0 1px 0 0; height:170px; width:695px; overflow:hidden; }
.carousel-projet ul { width:750px; }
.carousel-projet li { float:left; padding:0 5px 5px 0; }
.carousel-projet li.vide { width:170px; height:170px; background:url(../../images/design/misc/carousel-vide.jpg) 0 0 no-repeat; }
.carousel-projet li.last { padding:0; }
.carousel-projet li a { display:block; position:relative; height:170px; width:170px; }
.carousel-projet li a span.txt { position:absolute; background:black; display:block; color:white; bottom:9px; right:25px; font-size:1.2em; padding:4px 10px 4px 7px; font-style:italic; display:none; }
.carousel-projet li a:hover span.txt { display:block; }
.carousel-projet li a span.type { width:22px; height:22px; position:absolute; bottom:8px; left:138px; z-index:2; }
.carousel-projet li a.diapo span.type { background:url(../../images/design/boutons/s-diapo.png) 0 0 no-repeat; }
.carousel-projet li a.video span.type { background:url(../../images/design/boutons/s-video.png) 0 0 no-repeat; }
.carousel-projet li a.audio span.type { background:url(../../images/design/boutons/s-audio.png) 0 0 no-repeat; }
.carousel-projet li a:hover span.type { background-position:0 bottom; }
.carousel-projet li img { display:block; }

.jcarousel-container .jcarousel-clip { position:relative; overflow:hidden; }
.jcarousel-container .jcarousel-clip ul { position:absolute; }
.jcarousel-container .jcarousel-clip ul li { padding-bottom:0; }

.carousel-projet .jcarousel-clip { height:170px; width:695px; }