/* 
    Document   : zoomslider
    Created on : Feb 14, 2011, 11:55:20 PM
    Author     : Andrei
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.SliderPromodis {
    width: 654px;
    height: 320px;
    position:relative;
    overflow:hidden;
}
.SliderPromodis ul 
{
  list-style:none;
  margin:0;
  padding:0;
}
.SliderPromodis .sliderContent {
    width: 100%;
    height:351px;
    clear:both;
    position:relative;
    overflow:hidden;
}
.SliderPromodis .nextBackControllers a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(/StructurePortail/promodis/images/HomeSlider/prev_next.png);
    width:42px;
    height:42px;
    position:absolute;
    top:50%;
    margin-top:-34px;
}
.SliderPromodis .prev {
    background-position:0 0;
    left:15px;
}
.SliderPromodis .next {
    right:15px;
    background-position:-44px 0;
}
.SliderPromodis .prev:hover {
    background-position:0 -44px;
}
.SliderPromodis .next:hover {
    background-position:-44px -44px;
}
.SliderPromodis .sliderContent .item {
    position:absolute;
    width: 100%;
    height:351px;
}
.SliderPromodis .sliderContent .item img{
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -327px;
    margin-top: 0px;
}
.SliderPromodis .sliderBullets {
    position:absolute;
    z-index:50;
    right:30px;
    top:230px;
}
.SliderPromodis .sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:15px;
	height:15px;
	background:url(/StructurePortail/promodis/images/HomeSlider/bullets.png) no-repeat;
}
.SliderPromodis .sliderBullets .on {
	background-position:0 -19px;
}
.SliderPromodis a {
    color:#fff;
}
.SliderPromodis a img {
    border:none;
}

.prealoadImages {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
}

.HomeSliderVague 
{
    position: absolute;
    bottom: -2px;
    z-index: 15;
}

/***********************************************************************************************************************/
/*                                      NOUVEAU SLIDER                                                                 */
/***********************************************************************************************************************/
.slideShowContainer {
    width: 654px;
    height: 320px;
    position:relative;
    overflow:hidden;
  }
  .slideShow .image {
    position : absolute;
  }
  .slideShow .vague {
    position : absolute;
    z-index : 15;
  }
  .slideShowPager {
    position : absolute;
    z-index : 30;
    right : 30px;
    top : 235px;
  }
  .slideShowPager a {
	  float:left;
	  margin-left:5px;
	  width:15px;
	  height:15px;
	  background:url(/StructurePortail/promodis/images/HomeSlider/bullets.png) no-repeat;
  }
  .slideShowPager .activeSlide {
	  background-position:0 -19px;
  }