/* CSS DE LA GONDOLE */


/* taille et positionnement de la gondole */
.pluit-carousel  {
	position:absolute;
	width:450px;
	height:353px;
	left:12px;
	top:10px;
	overflow: hidden;
}

.pluit-carousel  .nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  float: left;
  z-index:110;
}

.pluit-carousel  .nav li {
  float: none;
}

/* positionnement de la zone où se trouve les vignettes */
.pluit-carousel  .nav .pages {
  position: absolute;
  top: 250px;
  left:45px;
  width: 355px;
  height: 335px;  
  overflow: hidden;
}

.pluit-carousel  .nav .pages ul {
  width: 6000px;
}


/* taille et positionnement des fleches */
.pluit-carousel  .nav .prev {
  position: absolute;
  width: 42px;
  height: 36px;
  left: 1px;
  top: 276px;
  z-index: 1;
}

.pluit-carousel  .nav .next {
  position: absolute;
  width: 42px;
  height: 36px;
  left: 408px;
  top: 276px;
  z-index: 1;
}

.pluit-carousel  .nav .prev a, .pluit-carousel  .nav .next a {
  width: 42px;
  height: 36px;
}

.pluit-carousel  .nav .prev a {
	background-image:url(../img/home/gondole_prev.gif);
	background-repeat:no-repeat;
	background-position : 0px 0px;
}

.pluit-carousel  .nav .next a {
	background-image:url(../img/home/gondole_next.gif);
	background-repeat:no-repeat;
	background-position : 0px 0px;
}

.pluit-carousel  .nav .prev a:hover {
  background-position : 0px -36px;
}

.pluit-carousel  .nav .next a:hover {
  background-position : 0px -36px;
}


/* Paramètre largeurminiatures à placer dans le code : largeurminiatures = (margin-right des li) + (width des li a) */
.pluit-carousel  .nav .pages li {
  margin-right:0px;
}
.pluit-carousel  .nav .pages li a {
  width: 90px;
  height: 78px;
  background: url(../img/home/gondole_mini.gif);
  background-repeat:no-repeat;
  background-position : 0px 0px;
}

.pluit-carousel  .nav .pages li a img{
  margin-top:17px;
  margin-left:5px;
}

.pluit-carousel  .nav .pages li.active a {
  background-position: 0px -78px;
}

.pluit-carousel  .nav .prev a {
	background-image:url(../img/home/gondole_prev.gif);
	background-repeat:no-repeat;
	background-position : 0px 0px;
}

.pluit-carousel  .nav .next a {
	background-image:url(../img/home/gondole_next.gif);
	background-repeat:no-repeat;
	background-position : 0px 0px;
}

.pluit-carousel  .nav .prev a:hover {
  background-position : 0px -36px;
}

.pluit-carousel  .nav .next a:hover {
  background-position : 0px -36px;
}