/* border: 1px solid #ff0000; */

.jdGallery {
    OVERFLOW: hidden;
    POSITION: relative;
}

.jdGallery IMG {
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    MARGIN: 0px;
    BORDER-RIGHT-WIDTH: 0px;
}

.jdGallery .slideElement {
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #000;
}

.jdGallery .loadingElement {
    BACKGROUND-POSITION: center center;
    LEFT: 0px;
    BACKGROUND-IMAGE: url(../images/global/loading-bar-black.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #000;
}

.jdGallery .slideInfoZone {
    FONT-SIZE: 18px;
    Z-INDEX: 10;
    BACKGROUND: #333;
    LEFT: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    COLOR: #333;
    BOTTOM: 0px;
    TEXT-INDENT: 0px;
    POSITION: absolute;
    HEIGHT: 0px;
}

* HTML .jdGallery .slideInfoZone {
    BOTTOM: -1px;
}

.jdGallery .slideInfoZone H2 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    PADDING-TOP: 0px;
}

.jdGallery .slideInfoZone P {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 60%;
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    COLOR: #eee;
    PADDING-TOP: 0px;
}

.jdGallery DIV.carouselContainer {
    Z-INDEX: 10;
    LEFT: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 135px;
}

.jdGallery A.carouselBtn {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 13px;
    RIGHT: 30px;
    BACKGROUND: #333;
    PADDING-BOTTOM: 0px;
    CURSOR: pointer;
    COLOR: #fff;
    BORDER-TOP-STYLE: none;
    BOTTOM: 0px;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    POSITION: absolute;
    HEIGHT: 20px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}

.jdGallery .carousel {
    BACKGROUND: #333;
    LEFT: 0px;
    MARGIN: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    COLOR: #fff;
    TEXT-INDENT: 0px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 115px;
}

.jdGallery .carousel .carouselWrapper {
    LEFT: 0px;
    OVERFLOW: hidden;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 10px;
    HEIGHT: 78px;
}

.jdGallery .carousel .carouselInner {
    POSITION: relative;
} 

.jdGallery .carousel .carouselInner .thumbnail {
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #fff 1px solid;
    BACKGROUND: #000 center center;
    FLOAT: left;
    BORDER-LEFT: #fff 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: #fff 1px solid;
} 

.jdGallery .carousel .label {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 13px;
    LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BOTTOM: 5px;
    PADDING-TOP: 0px;
    POSITION: absolute;
} 

.jdGallery .carousel .label .number {
    COLOR: #ffffff;
} 

.jdGallery A {
    FONT-SIZE: 100%;
    BORDER:none;
	TEXT-DECORATION: none;
}

.jdGallery A.right {
    DISPLAY: block ! important;
    Z-INDEX: 10;
	WIDTH: 25%;
	CURSOR:pointer;
	POSITION:absolute;
	HEIGHT:99%;
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}

.jdGallery A.left {
    DISPLAY: block ! important;
    Z-INDEX: 10;
    FILTER: alpha(opacity=20);
	WIDTH: 25%;
	CURSOR:pointer;
	POSITION:absolute;
	HEIGHT:99%;
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
}

* HTML .jdGallery A.right {
    FILTER: alpha(opacity=50);
} 

* HTML .jdGallery A.left {
    FILTER: alpha(opacity=50);
}

.jdGallery A.right:hover {
    FILTER: alpha(opacity=80);
	TEXT-DECORATION:none;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
} 

.jdGallery A.left:hover {
    FILTER: alpha(opacity=80);
	TEXT-DECORATION:none;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery A.left {
    BACKGROUND: url(../images/global/fleche1.png) no-repeat left center;
    LEFT: 0px;
    TOP: 0px;
} 

* HTML .jdGallery A.left {
    BACKGROUND: url(../images/global/fleche1.gif) no-repeat left center;
} 

.jdGallery A.right {
    RIGHT: 0px;
    BACKGROUND: url(../images/global/fleche2.png) no-repeat right center;
    TOP: 0px;
} 

* HTML .jdGallery A.right {
    BACKGROUND: url(../images/global/fleche2.gif) no-repeat right center;
} 

.jdGallery A.open {
    LEFT: 0px;
    WIDTH: 100%;
    TOP: 0px;
    HEIGHT: 100%;
	cursor:pointer;
} 

.withArrows A.open {
    Z-INDEX: 10;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    LEFT: 25%;
    WIDTH: 50%;
    CURSOR:pointer;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 99%;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
} 

.withArrows A.open:hover {
    BACKGROUND: url(img/open.png) no-repeat center center;
    BORDER: none;
	cursor:pointer;
} 

* HTML .withArrows A.open:hover {
    BACKGROUND: url(img/open.gif) no-repeat center center;
    FILTER: alpha(opacity=80);
	cursor:pointer;
}