#gallery {
background:#1C2730 url(../gfx/fonds/gallery.gif) no-repeat left bottom;
padding:0 7px 25px;
width:298px;
}
#gallery_t {
background:url(../gfx/fonds/gallery_t.gif) no-repeat;
padding-top:13px;
}

#myGallery {
width:298px;
height:222px;
z-index:5;
display:none;
}

.jdGallery {
overflow:hidden;
position:relative;
}

.jdGallery img {
border:0;
margin:0;
}

.jdGallery .slideElement {
width:296px;
height:99%;
background-color:#fff;
background-repeat:no-repeat;
border:1px solid #ffffff;
}

.jdGallery .loadingElement {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-color:#000;
background-repeat:no-repeat;
background-position:center center;
background-image:url(../gfx/deco/loading.gif);
}

.slideInfoZone {
color:#fff;
margin:10px 0;
text-indent:0;
}

* html .slideInfoZone {
bottom:-1px;
}

.slideInfoZone h2 {
}

.slideInfoZone p {
background:url(../gfx/deco/puces/fleche_jaune.gif) no-repeat 0 3px;
color:#fff;
font-size:10px;
padding:0 0 0 10px;
}

.jdGallery a {
font-size:100%;
text-decoration:none;
color:inherit;
}

.jdGallery a.right, .jdGallery a.left {
position:absolute;
height:99%;
width:25%;
cursor:pointer;
z-index:10;
}

.jdGallery a.right:hover {
background-position:108% center;
}

.jdGallery a.left:hover {
background-position:-8% center;
}

.jdGallery a.left {
left:0;
top:0;
background:url(../gfx/deco/boutons/fleche1.png) no-repeat left center;
}

* html .jdGallery a.left { background: url(../gfx/deco/boutons/fleche1.gif) no-repeat left center; }

.jdGallery a.right {
right:0;
top:0;
background:url(../gfx/deco/boutons/fleche2.png) no-repeat right center;
}

* html .jdGallery a.right { background: url(../gfx/deco/boutons/fleche2.gif) no-repeat right center; }