/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * 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 {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/*------------- Horizontal - Etape2 -------------*/
.jcarousel-skin-moulins {width:260px;}

.jcarousel-skin-moulins .jcarousel-container {}

.jcarousel-skin-moulins .jcarousel-container-horizontal {	width: 258px;	height:115px;}

.jcarousel-skin-moulins .jcarousel-clip-horizontal {
	margin-left: 23px; /* 36px = width du btn next */
	margin-right:19px;
	/*width: 225px;*/ /* 692 - 36 - 36 = 620 */
}

.jcarousel-skin-moulins .jcarousel-item { width:  108px;    height: 110px;}
.jcarousel-skin-moulins .jcarousel-item div.jcarousel-marge{border:solid 1px #d7d7d7; margin:3px; padding:3px;background-color:#fff;}

.jcarousel-skin-moulins .jcarousel-item a{ width:94px; height:96px; overflow:hidden; display:block;background-color:#fff;}

.jcarousel-skin-moulins .jcarousel-item img {    width:  140px;/*    height: 148px;*/}

.jcarousel-skin-moulins .jcarousel-item-horizontal {}

.jcarousel-skin-moulins .jcarousel-item-placeholder {}

/* Horizontal Buttons */
.jcarousel-skin-moulins .jcarousel-next-horizontal {
	position: absolute;
	top: 42px;
	right: 0px;
	width: 14px;
	height: 27px;
	cursor: pointer;
	background: transparent url(../images/fleche-droite.gif) no-repeat 0 0;
}

.jcarousel-skin-moulins .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-moulins .jcarousel-next-horizontal:active {
}

.jcarousel-skin-moulins .jcarousel-next-disabled-horizontal,
.jcarousel-skin-moulins .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-moulins .jcarousel-next-disabled-horizontal:active,

.jcarousel-skin-moulins .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-moulins .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-moulins .jcarousel-prev-disabled-horizontal:active{
    cursor: default;
/*	opacity: 0.3; filter:alpha(opacity=30);*/
	opacity: 0; filter:alpha(opacity=0);
}

.jcarousel-skin-moulins .jcarousel-prev-horizontal {
    position: absolute;
	top: 42px;
	right: 240px;
	width: 14px;
	height: 27px;
    cursor: pointer;
	background: transparent url(../images/fleche-gauche.gif) no-repeat 0 0;
}

.jcarousel-skin-moulins .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-moulins .jcarousel-prev-horizontal:active {
}

/*------------- Horizontal - Etape3 -------------*/
 #GaleriePhotos{
	width:300px;
	background-color:#d4d4d4;
	padding-top:5px;
	padding-bottom:5px;
}

 #GaleriePhotos .jcarousel-skin-moulins .jcarousel-container-horizontal {	width: 300px;	height:39px;}

 #GaleriePhotos .jcarousel-skin-moulins { width:300px;}

 #GaleriePhotos .jcarousel-skin-moulins .jcarousel-next-horizontal {
	position: absolute;
	top: 15px;	right: 3px;
	width: 14px;	height: 14px;
	cursor: pointer;
	background: transparent url(../images/btns-pictos/puce-suiv-e3.gif) no-repeat 0 0;
}

 #GaleriePhotos .jcarousel-skin-moulins .jcarousel-prev-horizontal {
    position: absolute;
	top: 15px; 	left: 3px;
	width: 14px;  height: 14px;
    cursor: pointer;
	background: transparent url(../images/btns-pictos/puce-prece-e3.gif) no-repeat 0 0;
}
#GaleriePhotos .jcarousel-skin-moulins .jcarousel-item { width:  66px;    height: 39px;}
#GaleriePhotos .jcarousel-skin-moulins .jcarousel-item div.jcarousel-marge{border:none; margin:0px; padding:0px;background-color:transparent;}

#GaleriePhotos .jcarousel-skin-moulins .jcarousel-item img {    width:  57px;/*    height: 148px;*/}

#GaleriePhotos .jcarousel-skin-moulins .jcarousel-item a {background-color:transparent;}

#GaleriePhotos .jcarousel-skin-moulins .jcarousel-item a{ width:67px; height:39px; overflow:hidden; display:block;background-color:transparent; text-align:center;}

#GaleriePhotos .jcarousel-skin-moulins .jcarousel-clip-horizontal {
	margin-left:17px; /* 36px = width du btn next */
	margin-right:17px;
	/*width: 225px;*/ /* 692 - 36 - 36 = 620 */
}

/*------------- Horizontal - Resto - Etape2 -------------*/

.ListeHoraire {
	width:165px;
	padding-top:0px;
	padding-bottom:0px;
}

 .ListeHoraire.jcarousel-skin-moulins .jcarousel-container-horizontal {	width: 165px;	height:39px;}

 .ListeHoraire.jcarousel-skin-moulins { width:165px;}

 .ListeHoraire.jcarousel-skin-moulins .jcarousel-next-horizontal {
	position: absolute;
	top: 15px;	right: 3px;
	width: 14px;	height: 14px;
	cursor: pointer;
	background: transparent url(../images/btns-pictos/puce-suiv-e3.gif) no-repeat 0 0;
}

 .ListeHoraire.jcarousel-skin-moulins .jcarousel-prev-horizontal {
    position: absolute;
	top: 15px; 	left: 3px;
	width: 14px;  height: 14px;
    cursor: pointer;
	background: transparent url(../images/btns-pictos/puce-prece-e3.gif) no-repeat 0 0;
}
.ListeHoraire.jcarousel-skin-moulins .jcarousel-item { width:  66px;    height: 39px;}
.ListeHoraire.jcarousel-skin-moulins .jcarousel-item div.jcarousel-marge{border:none; margin:0px; padding:0px;background-color:transparent;}

.ListeHoraire.jcarousel-skin-moulins .jcarousel-item img {    width:  57px;/*    height: 148px;*/}

.ListeHoraire.jcarousel-skin-moulins .jcarousel-item a {background-color:transparent;}

.ListeHoraire.jcarousel-skin-moulins .jcarousel-item a{ width:67px; height:39px; overflow:hidden; display:block;background-color:transparent; text-align:center;}

.ListeHoraire  .jcarousel-skin-moulins .jcarousel-clip-horizontal {
	margin-left:17px; /* 36px = width du btn next */
	margin-right:17px;
	/*width: 225px;*/ /* 692 - 36 - 36 = 620 */
}



