.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: 480px; height: 350px; margin-right: auto; margin-left: auto; padding-bottom: 16px; }
#zone_slider .buttons{
	text-align:center;
	clear:both;
}
#zone_slider .mask1{ position: relative; width: 480px; height: 350px; overflow: hidden; }
#handles { position: absolute; right: 8px; bottom: 18px; 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: 0; bottom: 16px; z-index: 1; }
.buttons span{ color:#000; cursor:pointer; font:bold 14px Verdana; background-color: #fff; background-image: url(http://www.cyberprovoyages.com/images.php?fichier=inactiveSlide.gif); background-repeat: no-repeat; width: 12px; height: 12px; float: left; margin-right: 4px; display: block; }
.buttons span.active, .buttons span:hover{ background-image: url(http://www.cyberprovoyages.com/images.php?fichier=activeSlide.gif); background-repeat: no-repeat; background-position: 0 0; width: 12px; height: 12px; }
.buttons span:hover { background-image: url(http://www.cyberprovoyages.com/images.php?fichier=inactiveSlideOver.gif); background-repeat: no-repeat; }
.cornerHG_slide { position: absolute; top: 0; left: 0; width: 12px; height: 12px; z-index: 2; }
.cornerHD_slide { position: absolute; z-index: 2; top: 0; right: 0; width: 12px; height: 12px; }
.cornerBG_slide { position: absolute; left: 0; bottom: 16px; z-index: 2; width: 12px; height: 12px; }

/* Ajouts pour la V6 */
/* Ces ajouts peuvent rester dans le meme fichier puisque la classe utilisee n'est pas presente dans la v3 */
.border_slide{position:absolute; z-index:10; margin-left:-3px; margin-top:-3px;}