/* ****************************************************************************************** */
/* DIAPORAMA */
/* ****************************************************************************************** */
.diaporama{
	position:relative;
	overflow : hidden;
}

.diaporama img{
	border:0;
}

.diaporama .imageManager{
	margin:0px;
	
}

.diaporama .zoom{
	position:relative;
	margin:0px auto;
	text-align:center;
	background-repeat:no-repeat;
	padding-top:1px;
	text-align:center;
	width : 600px;
	height : 400px;
}
.diaporama .zoom .photo{
	margin:0 auto 0 auto;
	overflow:hidden;
}

.diaporama .zoom .photo img{

}

.diaporama .zoom .loading{
	position:absolute;
	width:600px;
	margin-left : 100px;
	height:201px;
	top:0;
	left:0;
	z-index:1;
}
.diaporama .zoom .loading img{
	position:absolute;
	top:100px;
	left:160px;
}

.diaporama .thumbs{
	text-align:center;
	position:relative;
	height : 400px;
	padding-top : 20px;
	padding-bottom : 5px;
}

.diaporama .glob_thumbs{
  position : relative;
}

.diaporama .legende{
  background : url(../images/css/barre_legende-trans.png) no-repeat center bottom;
  margin-bottom : 10px;
}
.diaporama .legende p{
	padding:5px;
	margin : 0px;
	color:white;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
}

.diaporama .photo{
	position : relative;
}

.diaporama #masque{
	position : absolute;
	top : 0px;
	left: 0px;
	z-index: 1000;
}

/* **************************************************************************************************** */

.diaporama  #prev{
	position:absolute;
	top:1px;
	left:194px;
	z-index: 2000;
	width : 28px;
	height : 400px;
	cursor:pointer;
}
.diaporama  #next{
	position:absolute;
	top:1px;
	right:5px;
	width : 28px;
	z-index: 2000;
	height : 400px;
	cursor:pointer;
}

.diaporama .thumbs .scroll{
	margin:0px;
	width:180px;
	height:400px;
}
.diaporama .thumbs .scroll ul{
	width:180px;
	height:400px;
}

.diaporama .thumbs .scroll ul li{
	width:180px;
	height:400px;
	font-size:0.8em;
	margin-left: 8px;
	margin-bottom: 8px;
	overflow : hidden;
	background  : none;
	padding-left:0px;
	float : left;
}

.diaporama .thumbs .scroll ul li div a{
	width : 45px;
	height : 45px;
	display : block;
	margin-left: 6px;
	margin-bottom: 4px;
	float : left;
	border : 3px solid white;
}

.diaporama .thumbs .scroll ul li div a.current{
	border : 3px solid #95124B;

}

.diaporama .thumbs .scroll ul li a img{

}

.diaporama .thumbs .prevCarousel{
		position : absolute;
		top : 0px;
		left: 12px;
		z-index: 100;
}

.diaporama .thumbs .nextCarousel{
		position : absolute;
		bottom : 5px;
		left:12px;
		z-index: 100;
}

.diaporama {
	float : left;
	background : none;
	padding : 0px;
	overflow : hidden;
	width : 800px;
	height : 420px;
}

.diaporama .glob_thumbs{
	float : left;
	width : 180px;
	height : 400px;
	margin-right : 15px;
}

.diaporama .glob_thumbs ul{
	padding-left: 0px;
	margin-left: 0px;
}

.diaporama .imageManager{
	float : left;
	width : 600px;
	height : 401px;
}