/* CSS Document */ 
#DetailGallerie  div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 100%!important; 
	position:relative!important;
	min-height:inherit!important;
	_height:inherit!important;
	background-color: #fff;

}
/*
#DetailGallerie  .DecoNext,.DecoPrev { position:absolute; top:50px; right:-6px; z-index:200; width:6px; height:233px; background: url(images/ombre-next.png) left top no-repeat;}
#DetailGallerie  .DecoPrev{ left:-6px;background: url(images/ombre-prev.png) left top no-repeat;}
*/

#DetailGallerie div.content a{}

#DetailGallerie  div.navigation a {
	text-decoration: none;
	color: #333;
	border-right:solid 1px #ddd;
}
#DetailGallerie  div.content a:focus,#DetailGallerie  div.content a:hover,#DetailGallerie  div.content a:active {
	text-decoration: underline;
}
#DetailGallerie  div.controls {
/*	margin-top: 5px;*/
	height: 0px;
	position:relative;
}
#DetailGallerie  div.controls a {
/*	padding: 5px;*/
/*	background-color:#0F0;*/
position:absolute;
z-index:100;


background-repeat:no-repeat;
background-position:center;
display:block;
width:50%;
height:305px;
}
#DetailGallerie  div.controls a span{ display:none;}

#DetailGallerie  div.controls a.next{right:0%;  }
#DetailGallerie  div.controls a.prev{left:0%;}

#DetailGallerie  div.controls a:hover.next{z-index:300;background-image: url(images/puce-gallery-next.png); background-position: 85% center;}
 #DetailGallerie  div.controls a:hover.prev{z-index:300;   background-image: url(images/puce-gallery-prev.png); background-position: 15% center;}


#DetailGallerie  div.ss-controls {
	float: left;
}
#DetailGallerie  div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 305px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#DetailGallerie  div.loadergalleriffic {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 305px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#DetailGallerie  div.slideshow {

}
#DetailGallerie  div.slideshow span.image-wrapper {
bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
	/*background-color:#0f0;*/
}
#DetailGallerie  div.slideshow a.advance-link {
	display: block;
	width: 100%;
	height: 305px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 305px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	overflow: hidden;

}
#DetailGallerie  div.slideshow a.advance-link:hover, #DetailGallerie  div.slideshow a.advance-link:active, #DetailGallerie  div.slideshow a.advance-link:visited {
	text-decoration: none;
}
#DetailGallerie  div.slideshow img {
	vertical-align: top;
	height: 310px;
	width: 100%;
	object-fit: cover;
}

#DetailGallerie  div#slideshow.slideshow img.largeur{height:102%; width:auto;}
#DetailGallerie  div#slideshow.slideshow img.hauteur {height:102%; width:auto;}

#DetailGallerie  div.download {
	float: right;
}
#DetailGallerie  div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
#DetailGallerie  span.image-caption {
	display: block;
	position: absolute;
	width: 505px;
	top: 0;
	left: 0;
}
#DetailGallerie  div.caption {
	padding: 12px;
}
#DetailGallerie  div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
#DetailGallerie  div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
#DetailGallerie  div.navigation {
	width:100%;
	float:right;
	padding-top:0px;
	position:relative;
}
#DetailGallerie  ul.thumbs {
	clear: both;
	margin: 0;
padding: 2px 1px;
	height:75px;
	overflow:hidden;
}
#DetailGallerie  ul.thumbs li {
	float: left;
	padding: 0 1px 0 0;
	list-style: none;
	width:25%;
}
#DetailGallerie  ul.thumbs li:nth-child(4n) { padding: 0;}

#DetailGallerie   ul.thumbs li a.thumb {
	width:100%;
	height:75px;
	overflow:hidden;
	display: block;
}
#DetailGallerie  ul.thumbs li.selected a.thumb {
	text-align:center;
}

#DetailGallerie   ul.thumbs li a.thumb:focus {
	outline: none;
}
#DetailGallerie   ul.thumbs li a img {
	border: none;
	display: block;
	height: 100%!important;
	width: 100%!important;
	object-fit: cover;
}
#DetailGallerie   ul.thumbs li a img.hauteur { width:auto; height:100%; margin:0 auto;}
#DetailGallerie  div.pagination {	clear: both; 	display:block!important;}
#DetailGallerie  div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
#DetailGallerie  div.navigation div.bottom {
	  bottom: 0;
    position: absolute;
    right: 0;
	   padding: 0;
}
#DetailGallerie  div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	font-weight:normal;
/*	margin-right: 4px;*/
	position:relative; 
	padding: 4px 7px;
	background-color:#fff ;


}

#DetailGallerie  div.pagination span,#DetailGallerie  div.pagination .NumPage{ }

#DetailGallerie  div.pagination a.next,
#DetailGallerie  div.pagination a.prev{display:none;}


#DetailGallerie  div.pagination a:hover { color:#000;}


#DetailGallerie  div.pagination a:hover.next{}
#DetailGallerie  div.pagination a:hover.prev{}

#DetailGallerie  div.pagination span.current {
	font-weight: bold;
	text-align:center;
	background-color: #fff;
	border-right:solid 1px #ddd;
	/*border-color: #ce3168;*/
	color: #33a3dc;



}
#DetailGallerie  div.pagination span.ellipsis {border-right: 1px solid #ddd;}
#DetailGallerie  div.pagination span.ellipsis:hover {}