.sample { background-color: #fff; }
#box{ position:absolute; }
#box div{ float:left; margin: 0; padding: 0; cursor: pointer; }
#box .buttons{
	text-align:left
}
#box .next{
	float:right
}
#zone_slider { position: relative; width: 720px; height: 212px; margin-right: auto; margin-left: auto; padding-bottom: 16px; }
#zone_slider .buttons{
	text-align:center;
	clear:both;
}
#zone_slider .mask1{ position: relative; width: 712px; height: 212px; overflow: hidden; border: solid 1px #000; }
#handles { position: absolute; right: 8px; bottom: -14px; z-index: 30; }
#stop, #play { position: absolute; z-index: 2; cursor: pointer; }
#stop img, #play img { width: 30px; height: 30px; }
#stop { position: absolute; left: 10px; bottom: 22px; z-index: 10; }
#play { position: absolute; left: 40px !important; bottom: 22px; z-index: 10; }
.control_barre { background-color: #000; position: absolute; left: 1px; bottom: 16px; width: 538px; height: 40px; z-index: 2; display: none; -moz-opacity:0.7; opacity: 0.7; filter: alpha(opacity = 70); }

/* ********************************** */
.buttons{ position: absolute; z-index: 2; margin: 0; padding:0; }
#fd_buttons { position: absolute; right: -2px; bottom: 14px; z-index: 1; }
.buttons span{ color:#000; cursor:pointer; font:bold 14px Verdana; background-color: #fff; background-image: url(../../images/BTSlider.gif); background-repeat: no-repeat; width: 16px; height: 16px; float: left; margin-right: 4px; display: block; }
.buttons span.active, .buttons span:hover{ background-image: url(../../images/ActiveBTSlider.gif); background-repeat: no-repeat; background-position: 0 0; width: 16px; height: 16px; }
.buttons span:hover { background-image: url(../../images/OverBTSlider.gif); background-repeat: no-repeat; }