/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 557px;
  height: 241px;
  position: relative;
  margin:3px;
  background: url(images/fond_carousel.jpg);
}

#horizontal_carousel .containerSsJs {
  float: left;
  width: 557px;
  height: 241px;
  position: relative;    
  overflow: auto;
}

#horizontal_carousel .container {
  float: left;
  width: 555px;
  height: 241px;
  position: relative;    
  overflow: hidden;
}
#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
}                      

#horizontal_carousel ul li {
  width: 555px;
/*  margin:0px 100px;*/
  text-align: center; 
  list-style: none;   
  float: left;
}

#horizontal_carousel #masquePrev {
	background:url(images/cache_g.png) no-repeat;
	width:100px;
	height:227px;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:99;
}

#horizontal_carousel #masqueNext {
	background:url(images/cache_d.png) no-repeat;
	width:100px;
	height:227px;
	position:absolute;
	right:0;
	top:0;
	display:none;
	z-index:99;
}

#horizontal_carousel .previous_button {
  position:absolute;
  width: 20px;
  height: 35px;
  top:96px;
  left:0;
  background: url(images/cadre_precedent.jpg);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  /*background: url(prototype-ui/horizontal/left_over.png);*/
}

#horizontal_carousel .previous_button_disabled {
  background: url(prototype-ui/horizontal/left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  position:absolute;  
  width: 22px;
  height: 35px;
  top:96px;
  right:0;
  background: url(images/cadre_suivant.jpg);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  /*background: url(prototype-ui/horizontal/right_over.png);*/
}

#horizontal_carousel .next_button_disabled {
  background: url(prototype-ui/horizontal/right_disabled.png);
  cursor: default;
}


/* Popup Carousel */
#wrapper_popup {
	position:relative;
	width: 1px;
  	height: 1px;

  }
  
#popup_carousel {
  width: 694px;
  height: 406px;
  margin:-100px 0 0 -70px;
  z-index:+200;
  position: absolute;
  background:url(images/fond_popup.jpg) no-repeat;
}

#popup_carousel .pop_container {
  float: left;
  width: 688px;
  height: 354px;
  position: relative;    
  overflow: hidden;
  margin:2px;
}

#popup_carousel ul {
  margin: 0;
  padding:0;
  width: 10000px;
  position: relative;
  top: 0;
  left: 0;
}                      

#popup_carousel ul li {
  width: 688px;
  padding:10px 0px;
  text-align: center; 
  list-style: none;   
  float: left;
}

#wrapper_nav {
	position:relative;
	width:0px;
	height:0px;
	top:0;
	left:0;
	z-index: 201;
}
#pop_masquePrev {
	background:url(images/cache_G.png);
	width:100px;
	height:354px;
	margin:2px;
	position:absolute;
	left:0px;
	top:0px;
}

#pop_masqueNext {
	background:url(images/cache_D.png);
	width:100px;
	height:354px;
	margin:2px;
	position:absolute;
	left:590px;
	top:0;
}

#fermeture {
	background:url(images/fermeture.jpg) no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	left:654px;
	top:366px;
	cursor: pointer;
}


#popup_carousel .pop_previous_button {
  position:absolute;
  width: 20px;
  height: 35px;
  top:170px;
  margin:2px;
  left:0;
  background: url(images/cadre_precedent.jpg);
  z-index: 1;
  cursor: pointer;
}

#popup_carousel .previous_button_over {
  /*background: url(prototype-ui/popup/left_over.png);*/
}

#popup_carousel .previous_button_disabled {
  background: none;
  cursor: default;
}

#popup_carousel .pop_next_button {
  position:absolute;  
  width: 22px;
  height: 35px;
  top:170px;
  left:668px;
  margin:2px;
   background: url(images/cadre_suivant.jpg);
  z-index: 210;
  cursor: pointer;
}

#popup_carousel .next_button_over {
  /*background: url(prototype-ui/popup/right_over.png);*/
}

#popup_carousel .next_button_disabled {
  background: none;
  cursor: default;
}