/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
.bx-next {
	position:absolute;
	top:35%;
	right:-5px;
	z-index:99;
	width: 45px;
	height: 61px;
	text-indent: -999999px;
	background: url(gray_next.png) no-repeat 0 -61px;
	outline:none;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:35%;
	left:-5px;
	z-index:99;
	width: 45px;
	height: 61px;
	text-indent: -999999px;
	background: url(gray_prev.png) no-repeat 0 -61px;
	outline:none;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 -1px;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}





/*VETSERVICES*/


.sliderDiapo {
	background-color: #FFF;
	width:200px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style: none outside none; 
	font-family: Arial,Helvetica,sans-serif;
}

.sliderDiapo li {
	/*border: 5px solid #fff; /* Ajout d'une bordure blanche */
	float: left;
	overflow: hidden;
	position: relative;
	margin:0px;
	padding:0;
	display:block;
	width:200px;
	height:150px;
	text-align:center; 
}

.sliderDiapo li img {
	z-index: 10;
}

.back-diapo{
	padding:4px 0 4px 0;
	text-align:center;
	background:url(back-diapo.png) top left;
	width: 200px;
	position:absolute;
	left:0;
	bottom:0;
	}


.back-diapo span {
	color: #fff;
	font-size: 11px;
}

.sliderDiapo li span.diapo-page{
    background: url("back-diapo.png") repeat scroll left top transparent;
    bottom: 0;
    left: -2px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width:324px;
	height:30px;
	display:block;
	font-size:11px;
	color:#fff;
	line-height:12px;
}

/* correction pour IE 
.bx-window{
	margin-left:0px;
}
*/