#myGallery, #myGallerySet, #flickrGallery

{

	width: 460px;

	height: 575px;

	z-index:5;

	border: 1px solid #000;

}



.jdGallery a

{

	outline:0;

}





#flickrGallery

{

	width: 500px;

	height: 334px;

}



#myGallery img.thumbnail, #myGallerySet img.thumbnail

{

	display: none;

}



.jdGallery

{

	overflow: hidden;

	position: relative;

}



.jdGallery img

{

	border: 0;

	margin: 0;

}



.jdGallery .slideElement

{

	width: 100%;

	height: 100%;

	background-color: #000;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('img/loading-bar-black.gif');

}



.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('img/loading-bar-black.gif');

}



.jdGallery .slideInfoZone

{

	position: absolute;

	z-index: 10;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	height: 115px;

	background: #000;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



* html .jdGallery .slideInfoZone

{

	bottom: -1px;

}



.jdGallery .slideInfoZone h2

{

	padding: 0;

	font-size: 17px;

	margin: 0;

	margin: 2px 5px;

	font-weight: bold;

	color: inherit;

}



.jdGallery .slideInfoZone p

{

	padding: 0;

	font-size: 12px;

	margin: 2px 5px;

	color: #eee;

}



.jdGallery div.carouselContainer

{

	position: absolute;

	height: 135px;

	width: 100%;

	z-index: 10;

	margin: 0px;

	left: 0;

	top: 0;

}



.jdGallery a.carouselBtn

{

	position: absolute;

	bottom: 0;

	right: 30px;

	height: 20px;

	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

}



.jdGallery .carousel

{

	position: absolute;

	width: 100%;

	margin: 0px;

	left: 0;

	top: 0;

	height: 115px;

	background: #333;

	color: #fff;

	text-indent: 0;

	overflow: hidden;

}



.jdExtCarousel

{

	overflow: hidden;

	position: relative;

}



.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper

{

	position: absolute;

	width: 100%;

	height: 78px;

	top: 10px;

	left: 0;

	overflow: hidden;

}



.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner

{

	position: relative;

}



.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail

{

	cursor: pointer;

	background: #000;

	background-position: center center;

	float: left;

	border: solid 1px #fff;

}


.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail

{

	margin-bottom: 10px;

}


.jdGallery .carousel .label, .jdExtCarousel .label

{

	font-size: 13px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	padding: 0;

	margin: 0;

}



.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton

{

	font-size: 10px;

	position: absolute;

	bottom: 5px;

	right: 10px;

	padding: 1px 2px;

	margin: 0;

	background: #222;

	border: 1px solid #888;

	cursor: pointer;

}



.jdGallery .carousel .label .number, .jdExtCarousel .label .number

{

	color: #b5b5b5;

}



.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;

	filter:alpha(opacity=20);

	-moz-opacity:0.2;

	-khtml-opacity: 0.2;

	opacity: 0.2;

}



* html .jdGallery a.right, * html .jdGallery a.left

{

	filter:alpha(opacity=50);

}



.jdGallery a.right:hover, .jdGallery a.left:hover

{

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.jdGallery a.left

{

	left: 0;

	top: 0;

	background: url('img/fleche1.png') no-repeat center left;

}



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



.jdGallery a.right

{

	right: 0;

	top: 0;

	background: url('img/fleche2.png') no-repeat center right;

}



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



.jdGallery a.open

{

	left: 0;

	top: 0;

	padding-top:115px;

	width: 100%;

	height: 100%;

}



.withArrows a.open

{

	position: absolute;

	top: 0;

	left: 25%;

	height: 99%;

	width: 50%;

	cursor: pointer;

	z-index: 10;

	background: none;

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}



.withArrows a.open:hover { cursor: -moz-zoom-in}



* html .withArrows a.open:hover { background: url('img/zoom.png') no-repeat center center;

	filter:alpha(opacity=80); }

	

	

/* Gallery Sets */



.jdGallery a.gallerySelectorBtn

{

	z-index: 15;

	position: absolute;

	top: 0;

	left: 30px;

	height: 20px;

	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/

	text-align: center;

	padding: 0 10px;

	font-size: 13px;

	background: #333;

	color: #fff;

	cursor: pointer;

	opacity: .4;

	-moz-opacity: .4;

	-khtml-opacity: 0.4;

	filter:alpha(opacity=40);

}



.jdGallery .gallerySelector

{

	z-index: 20;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

}



.jdGallery .gallerySelector h2

{

	margin: 0;

	padding: 10px 20px 10px 20px;

	font-size: 20px;

	line-height: 30px;

	color: #fff;

}



.jdGallery .gallerySelector .gallerySelectorWrapper

{

	overflow: hidden;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton

{

	margin-left: 10px;

	margin-top: 10px;

	border: 1px solid #888;

	padding: 5px;

	height: 40px;

	color: #fff;

	cursor: pointer;

	float: left;

}



.jdGallery .gallerySelector .gallerySelectorInner div.hover

{

	background: #333;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview

{

	background: #000;

	background-position: center center;

	float: left;

	border: none;

	width: 40px;

	height: 40px;

	margin-right: 5px;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

}



.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info

{

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-weight: normal;

	color: #aaa;

}

http://149-16.risi.fr/css/ReMooz.css

.remooz-element

{

	cursor:					-moz-zoom-in;

}



/**

 * Box layout

 */



.remooz-box

{

	position:				absolute;

	top:					0;

	left:					0;

	background:				#fff no-repeat center;

	z-index:				100;

}

.remooz-loading

{

	background-image:		url(spinner.gif);

}

.remooz-body

{

	width:					100%;

	height:					100%;

}

.remooz-box-focus.remooz-type-image .remooz-body

{

	cursor:					-moz-zoom-out;

}

.remooz-box-dragging .remooz-body

{

	cursor:					move;

}



/**

 * Close button

 */



.remooz-btn-close

{

	position:				absolute;

	left:					-15px;

	top:					-15px;

	width:					30px;

	height:					30px;

	text-decoration:		none;

	border:					0;

	background:				url(closebox.png) no-repeat center;

	visibility:				hidden;

	cursor:					pointer;

}

.remooz-engine-trident4 .remooz-btn-close

{

	background-image:		url(closebox.gif);

}



/**

 * Caption title

 */



.remooz-title

{

	position:				relative;

	left:					0;

	top:					15px;

	text-align:				left;

}

.remooz-title-bg

{

	position:				absolute;

	left:					0;

	top:					0;

	width:					100%;

	height:					100%;

	background-color:		#000;

	z-index:				99;

	-moz-border-radius:		5px;

	-webkit-border-radius:	5px;

	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */

	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);

}

.remooz-title-content

{

	position:				relative;

	padding:				5px 15px;

	color:					#fff;

	z-index:				101;

	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;

}



.remooz-engine-trident4 .remooz-title-bg

{

	display:				none;

}

.remooz-engine-trident4 .remooz-title-content

{

	background-color:		#333;

}



.remooz-title-content h6

{

	font-size:				1.2em;

	font-weight:			bold;

	color:					#eee;

}

.remooz-title-content p

{

	color:					#eee;

}



/**

 * Type specific

 */



.remooz-type-image img

{

	display:				block;

	border:					0;

	width:					100%;

	height:					100%;

}



/**

 * Shadow

 */



.remooz-bg

{

	position:				absolute;

	width:					33px;

	height:					40px;

}



.remooz-bg-n

{

	left:					0;

	top:					-40px;

	width:					100%;

	background:				url(remo_bg_n.png) repeat-x;

}

.remooz-bg-ne

{

	right:					-33px;

	top:					-40px;

	background:				url(remo_bg_ne.png) no-repeat;

}

.remooz-bg-e

{

	right:					-33px;

	top:					0;

	height:					100%;

	background:				url(remo_bg_e.png) repeat-y;

}

.remooz-bg-se

{

	right:					-33px;

	bottom:					-40px;

	background:				url(remo_bg_se.png) no-repeat;

}

.remooz-bg-s

{

	left:					0;

	bottom:					-40px;

	width:					100%;

	background:				url(remo_bg_s.png) repeat-x;

}

.remooz-bg-sw

{

	left:					-33px;

	bottom:					-40px;

	background:				url(remo_bg_sw.png) no-repeat;

}

.remooz-bg-w

{

	left:					-33px;

	top:					0;

	height:					100%;

	background:				url(remo_bg_w.png) repeat-y;

}

.remooz-bg-nw

{

	left:					-33px;

	top:					-40px;

	background:				url(remo_bg_nw.png) no-repeat;

}