#mySlideshow
{
    Z-INDEX: 5;
    WIDTH: 320px;
    HEIGHT: 240px
}
.jdSlideshow
{
    POSITION: relative;
    DISPLAY: none;
    OVERFLOW: hidden
}
.jdSlideshow IMG
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    MARGIN: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
.jdSlideshow .slideElement
{
    BACKGROUND-COLOR: #000;
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 100%
}
.jdSlideshow .loadingElement
{
    BACKGROUND-IMAGE: url(img/loading-bar-black.gif);
    POSITION: absolute;
    BACKGROUND-COLOR: #000;
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: center center;
    HEIGHT: 100%;
    TOP: 0px;
    LEFT: 0px
}
.jdSlideshow .slideInfoZone
{
    Z-INDEX: 10;
    POSITION: absolute;
    TEXT-INDENT: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    BOTTOM: 0px;
    BACKGROUND: #333;
    HEIGHT: 50px;
    COLOR: #fff;
    LEFT: 0px
}
.jdSlideshow .slideInfoZone H2
{
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: ;
    FONT-SIZE: 100%;
    FONT-WEIGHT: bold;
    PADDING-TOP: 0px
}
.jdSlideshow .slideInfoZone P
{
    PADDING-BOTTOM: 0px;
    MARGIN: 2px 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #eee;
    FONT-SIZE: 70%;
    PADDING-TOP: 0px
}
.jdSlideshow A
{
    COLOR: ;
    FONT-SIZE: 100%;
    TEXT-DECORATION: none
}
.jdSlideshow A.right
{
    Z-INDEX: 10;
    POSITION: absolute;
    FILTER: alpha(opacity=80);
    WIDTH: 40%;
    HEIGHT: 100%;
    CURSOR: pointer;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}
.jdSlideshow A.left
{
    Z-INDEX: 10;
    POSITION: absolute;
    FILTER: alpha(opacity=80);
    WIDTH: 40%;
    HEIGHT: 100%;
    CURSOR: pointer;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}
* HTML .jdSlideshow A.right
{
    FILTER: alpha(opacity=90)
}
* HTML .jdSlideshow A.left
{
    FILTER: alpha(opacity=90)
}
.jdSlideshow A.right:hover
{
    FILTER: alpha(opacity=90);
    COLOR: white;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9
}
.jdSlideshow A.left:hover
{
    FILTER: alpha(opacity=90);
    COLOR: white;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9
}
.jdSlideshow A.left
{
    BACKGROUND: url(img/fleche1.png) no-repeat left top;
    TOP: 0px;
    LEFT: 0px
}
* HTML .jdSlideshow A.left
{
    BACKGROUND: url(img/fleche1.gif) no-repeat left top
}
.jdSlideshow A.right
{
    BACKGROUND: url(img/fleche2.png) no-repeat right top;
    RIGHT: 0px;
    TOP: 0px
}
* HTML .jdSlideshow A.right
{
    BACKGROUND: url(img/fleche2.gif) no-repeat right top
}
