/* Horizontal Carousel pour les pages articles.html */
#horizontal_carousel {
  float:left;
  width: 442px;
  height: 80px;
  margin-bottom: 0;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  top: 0;
  left: 15px;  
  width: 409px;
  height: 60px;
  overflow:hidden;   
  background:url(images/bg_colonne.png) repeat-x #F8F8F8;
  border:1px solid #cecece;
}            

#horizontal_carousel .previous_button {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 15px;
  	height: 60px;
  	background: url(classic/horizontal/left.png);
  	z-index: 100;    
	cursor:pointer;
    border-left:1px solid #cecece;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}        

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

#horizontal_carousel .next_button {
	position: absolute;
  	top: 0;
  	right: 0;
  	width: 15px;
  	height: 60px;
  	background: url(classic/horizontal/right.png);
  	z-index: 100;
  	cursor:pointer;
    border-right:1px solid #cecece;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}   
  
#horizontal_carousel .next_button_disabled {
  background: url(classic/horizontal/right_disabled.png);
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 80px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;
  margin-bottom:10px;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  margin:0;
  padding:10px;
  width:82px;
  list-style:none;   
  float:left;
}




/* Horizontal Carousel pour les articles dans les pages rubriques.html */
#horizontal_carousel_rub {
  position:relative;
  bottom:-4px;
  left:-11px;
  width: 482px;
  height: 100px;
  position: relative;  
}         

#horizontal_carousel_rub .container {
  position: absolute;
  top: 0;
  left: 15px;  
  width: 449px;
  height: 100px;
  overflow:hidden;   
  background:url(images/bg_colonne.png) repeat-x #F8F8F8;
  border:1px solid #cecece;
}            

#horizontal_carousel_rub .previous_button {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 15px;
  	height: 100px;
  	background: url(classic/horizontal/left.png) center;
  	z-index: 100;    
	cursor:pointer;
    border-left:1px solid #cecece;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}        

#horizontal_carousel_rub .previous_button_disabled {
  background: url(classic/horizontal/left_disabled.png) center;
  cursor:default;
}

#horizontal_carousel_rub .next_button {
	position: absolute;
  	top: 0;
  	right: 0;
  	width: 15px;
  	height: 100px;
  	background: url(classic/horizontal/right.png) center;
  	z-index: 100;
  	cursor:pointer;
    border-right:1px solid #cecece;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}   
  
#horizontal_carousel_rub .next_button_disabled {
  background: url(classic/horizontal/right_disabled.png) center;
  cursor:default;
}

#horizontal_carousel_rub ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 80px;
}                      

#horizontal_carousel_rub ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;
  margin-bottom:10px;  
}                               

#horizontal_carousel_rub ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel_rub ul li {
  margin:0;
  padding:10px;
  width:92px;
  list-style:none;   
  float:left;
}





/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  width: 482px;
  height: 870px;
}

#vertical_carousel .container {
  float:left;  
  width: 482px;
  height: 840px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 470px;
  height: 140px;
  text-align: left;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  display:inline;
  width: 480px;
  height: 15px;
  background: url(classic/vertical/left.png);
  margin: 0 0 10px 0;
  border:1px #999 solid;
  cursor:pointer;
}

#vertical_carousel .previous_button_over {
  background: url(classic/vertical/left_over.png);
}

#vertical_carousel .previous_button_disabled {
  background: url(classic/vertical/left_disabled.png);
  cursor: default;
}

#vertical_carousel .next_button {
    float:left;
    display:inline;
    width: 480px;
    height: 15px;
    background: url(classic/vertical/right.png);
    margin: 0 0 10px 0;
	border:1px #999 solid;
  	cursor:pointer;
}

#vertical_carousel .next_button_over {
  background: url(classic/vertical/right_over.png);
}

#vertical_carousel .next_button_disabled {
  background: url(classic/vertical/right_disabled.png);
  cursor: default;
}