/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-scope".

 */

 

 .slideshow-container {

 	clear:both;

	height:125px;

	margin:15px 0 0;

	position:relative;

	width:450px!important;

	

 }

 

.jcarousel-container {

    position: relative;

    width:370px;

    -moz-border-radius: 10px;

    background: #EEF7D4;

    padding: 20px 40px;

   	margin:0;

}



/**

 * Similar styles will be applied by jCarousel. But we additionally

 * add it here for better displaying with browsers having

 * javascript disabled.

 */

.jcarousel-list {

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.jcarousel-list li {

    float:left;

	height:83px;

	list-style:none outside none;

	margin-right:10px;

	padding:1px;

	width:83px;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

	background:url("../images/carousel/jcarousel-next.gif") no-repeat scroll 0 center transparent;

    position: absolute;

    top: 50px;

    right: 5px;

    width: 25px;

    height: 25px;

    cursor: pointer;

    font-weight: bold;

}



.jcarousel-next-disabled {

    color: #ACCC68;

    cursor: default;

    opacity:0.3;

}



.jcarousel-prev {

	background:url("../images/carousel/jcarousel-prev.gif") no-repeat scroll 0 center transparent;

    position: absolute;

    top: 50px;

    left: 5px;

    width: 25px;

    height: 25px;

    cursor: pointer;

    font-weight: bold;

}



.jcarousel-prev-disabled {

    color: #ACCC68;

    cursor: default;

    opacity:0.3;

}



.close_caroussel {

	font-weight:bold;

	left:431px;

	position:absolute;

	top:3px;

	z-index:999;

}



.close_caroussel a { font-family:cursive; font-size:15px; margin:0 !important; }



.jcarousel-container img { 

	-moz-box-shadow: 0px 0px 2px #666; /* FF3.5+ */

	-webkit-box-shadow: 0px 0px 2px #666; /* Saf3.0+, Chrome */

	box-shadow: 0px 0px 2px #666; /* Opera 10.5, IE 9.0 */

	background:none repeat scroll 0 0 #FFFFFF;

	float:left;

	height:80px;

	margin:0;

	max-width:80px;

	padding:1px;

	width:80px;

 }
.img_select {padding:2px;}
.selected{color:#7FA925 !important;}

#start{margin: 5px !important; float: left;height: 32px; display: block; width: 39px; text-indent: -69999em; margin: 0pt auto;background: url(../images/slider/play-on.jpg) no-repeat top left;}

#stop{margin: 5px !important; float: left;height: 32px; display: block; width: 39px; text-indent: -69999em; margin: 0pt auto;background: url(../images/slider/pause-off.jpg) no-repeat top left;}

#start.active{background: url(../images/slider/play-on.jpg) no-repeat top left !important;}
#stop.inactive{background: url(../images/slider/pause-off.jpg) no-repeat top left !important;}
#start.inactive{background: url(../images/slider/play-off.jpg) no-repeat top left !important;}
#stop.active{background: url(../images/slider/pause-on.jpg) no-repeat top left !important;}

div.controlleur{left:113px;position:relative;}
a.img_select, a.img_select:link, a.img_select:visited, a.img_select:active {
color:#000000;
}