#mySlideshow {

	Z-INDEX: 10; WIDTH: 750px; HEIGHT: 170px; BACKGROUND-COLOR: #bae6f1

}

.jdSlideshow {

	DISPLAY: none; OVERFLOW: hidden; POSITION: relative

}

.jdSlideshow IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px

}

.jdSlideshow .slideElement {

	WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%; BACKGROUND-COLOR: #000

}

.jdSlideshow .slideInfoZone {

	Z-INDEX: 10; BACKGROUND: #333; LEFT: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #fff; BOTTOM: 0px; TEXT-INDENT: 0px; POSITION: absolute; HEIGHT: 45px

}

.jdSlideshow .slideInfoZone H2 {

	PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 1.3em; MARGIN: 3px 0px 1px

}

.jdSlideshow .slideInfoZone P {

	PADDING-LEFT: 20px; FONT-SIZE: 0.9em; MARGIN: 3px 0px 10px; COLOR: #eee

}

.jdSlideshow A {

	FONT-SIZE: 100%; TEXT-DECORATION: none

}

.jdSlideshow A.right {

	Z-INDEX: 10; FILTER: alpha(opacity=20); WIDTH: 40%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%; moz-opacity: 0.2; khtml-opacity: 0.2; opacity: 0.2

}

.jdSlideshow A.left {

	Z-INDEX: 10; FILTER: alpha(opacity=20); WIDTH: 40%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%; moz-opacity: 0.2; khtml-opacity: 0.2; opacity: 0.2

}

 HTML .jdSlideshow A.right {

	FILTER: alpha(opacity=50)

}

 HTML .jdSlideshow A.left {

	FILTER: alpha(opacity=50)

}

.jdSlideshow A.right:hover {

	FILTER: alpha(opacity=80); moz-opacity: 0.8; khtml-opacity: 0.8; opacity: 0.8

}

.jdSlideshow A.left:hover {

	FILTER: alpha(opacity=80); moz-opacity: 0.8; khtml-opacity: 0.8; opacity: 0.8

}

.jdSlideshow A.left {

	BACKGROUND: url(img/fleche1.png) no-repeat left top; LEFT: 0px; TOP: 0px

}

 HTML .jdSlideshow A.left {

	BACKGROUND: url(img/fleche1.gif) no-repeat left top

}

.jdSlideshow A.right {

	RIGHT: 0px; BACKGROUND: url(img/fleche2.png) no-repeat right top; TOP: 0px

}

 HTML .jdSlideshow A.right {

	BACKGROUND: url(img/fleche2.gif) no-repeat right top

}