/* default jSlider style */ 
/* width: 550px is the same as the images and .slidetitle width is the same as the images */
#jSlider {float:left; width: 800px; height: 84px;margin-top:210px;}
.slider{float:left; width:800px; height: 84px;margin-left:0px;border:0px #000 solid; overflow: hidden; position:relative;margin-top:-200px}

/* 
	// Different style for different slideType // 
	
	default 
	where width is 9999px, so you don't have to calc your width each time you add a new slide
	where height is your images hide.
	.slidercontent {width: 9999px; height: 220px;}

	slide down
	where width is the images width
	where height is all your images height together.
	.slidercontent {width: 550px; height: 440px;}
	
	slide half
	where width is half of your images, 4/2 á 550px
	where height is all your images height together
	.slidercontent {width: 1100px; height: 440px;}
	
	slide half two
	where width is two images width together. 
	where height is all your images height together.
	.slidercontent {width:1100px; height: 880px;}
*/

.slidercontent {width: 9999px; height: 220px;}
div.slide {height: 220px; width: 800px; float:left; overflow: hidden; background: #fff}
div.slideInt{height: 220px; width: 800px;float:left;};
.slidetitle{margin-top:-22px; float:left; position: absolute; width: 800px; margin-left:0px;filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;}
.slidetitle p { padding:5px; color:#fff; padding-bottom:0px;}
.slidetitle p.slide-title {background: #000;padding-bottom: 5px}
.slidetitle p span.hide,.slidenext {float:right}
.slidetitle p span a.slide-show {background: #000;}
.slideprev {float:left;}
/* custom jSlider style */

.buttons {position:absolute;margin-bottom: 0px; width: 200px; min-height: 20px;margin-top:-100px;z-index:0}
.slideprev, .slidenext {/*color:#1BB0DF; text-decoration: none; padding:5px 7px;*/}

.slideprev{width: 10px;height: 18px;background:url('../../img/flechePrevActu.png');display:none}
.slidenext{width: 10px;height: 18px;background:url('../../img/flecheNextActu.png');display:none}

/*.slideprev:hover, .slidenext:hover {background: #1BB0DF; color:#fff; -moz-border-radius: 5px; border-radius:5px; text-decoration: none}*/
span.hide a {color:#fff;}
.slidernumbers {width: 100px; float:left; text-align: left; margin-top:-103px;z-index:10;margin-left:0px}
.slidernumbers a {background: #666666; color:#fff; padding:5px 7px; margin-right: 5px; -moz-border-radius: 5px; border-radius:5px; text-decoration: none;}
.slidernumbers a.active {background: #333333; color:#fff;}
.slidernumbers a:hover {background: #333333; color:#fff;}