/*
	SLIDESHOW
*/

#slides {
	 position:static; 
	/*position:relative; */
	z-index:100;
}
#slides_actu {
	 position:static; 
	/*position:relative; */
	z-index:100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:450px;
	overflow:hidden;
	position:relative;
	display:none;
}
#slides_actu .slides_container{
	/* width:220px; */
	width:280px;
	overflow:visible;
	position:relative;
	display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
	
.slides_container div.slide {
	width:450px;
	height:270px;
	display:block;
	text-align:center;
} 
#slides_actu .slides_container  div.slide {
	/* width:220px; */
	/* height:220px; */
	width:280px;
	height:280px;
	display:block;
	text-align:center;
} 
/*
	Pagination
*/

.pagination {
	margin:5px auto 0;
	width:60px;
}

#slides_actu .pagination {
	margin:5px;
	/* margin-left:-18px; */
	margin-left:15px;
	width:280px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/accueil-pastille-carousel-00.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	overflow:hidden;
	color:#fff;
}

.pagination li a:hover {
	background-image:url(../img/accueil-pastille-carousel-01.jpg);
	color:#fff;
}
.pagination li.current a {
	background-image:url(../img/accueil-pastille-carousel-01.jpg);
	color:#fff;
}

/*
	Caption
*/
/*
.caption {
	z-index:500;
	position:absolute;
	left:0;
	padding:5px;
	background:#000;
	background-color:#000;
	height:20px;
	width:450px;
	font-size:10pt;
	line-height:12pt;
	color:#fff;
	border-top:1px solid #000;
} */



/* GALERY DEFILLANTE */
/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {
	/*width:492px;*/
	height:55px;
	margin:10px auto 10px;
	padding:5px;
	display:block;
	position:relative;
	background-color:#eee;
	border:dotted 1px ccc;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{
	position:relative;
	overflow:hidden;
	/*width:442px;*/
	height:55px;
	margin:0px auto 0px;
}
/* the thumbnails container */
#thumbs {
	white-space:nowrap;
	display:block;
	position:relative;
}

#thumbs a {
	padding:0px;
	margin:0px;
}
#thumbs a img{
	border:1px #ccc solid;
}


/* CATALOGUE ELHO */
/* jcarousel-skin-tango */
.jcarousel-skin-tango .jcarousel-container {
    background: #eee;
    border: 1px dotted #ccc;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 510px;
    padding: 5px;
	margin-left:110px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  470px;
    height: 50px;
	margin-left:20px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 50px;
    height: 50px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 5px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 25px;
    height: 55px;
    cursor: pointer;
	background:url(../img/galery-defil_next.gif) no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 25px;
    height: 55px;
    cursor: pointer;
	background:url(../img/galery-defil_prev.gif) no-repeat;
}