/* ****************************************************************************************** */
/* DIAPORAMA */
/* ****************************************************************************************** */
#back_diapo {
	background:url(../images/diapo/cadre-trans.png) no-repeat;
	z-index:50;
	width:424px;	
	height:220px;
	position:absolute;
	top:0;
}

#ref_b {
	color:white;
	font-size:4em;
	left:230px;
	margin-top:-2px;
	position:absolute;
	top:0;
	z-index:100;
}

.diaporama{
	float:left;
	margin:-66px 20px 0 0;
	padding:0;
	position:relative;
	width:400px;
	z-index:10;
}
.diaporama img{
	border:0;	
}

.diaporama .imageManager{
	margin:0 22px 0 0;
}

.diaporama .zoom{
	width:423px;
	height:250px;
	position:relative;
	margin:0 auto 14px;
	text-align:center;	
	padding-top:1px;
}
.diaporama .zoom .photo{
	margin:0 auto 0 10px;
	overflow:hidden;
	width:400px;
	height:250px;
	border:1px solid white;
}

.diaporama .zoom .loading{
	background-color:white;
	height:250px;
	left:11px;
	position:absolute;
	top:2px;
	width:400px;
	z-index:1;
}
.diaporama .zoom .loading img{
	left:10px;
	position:relative;
	top:115px;
}

.diaporama .legende{
	position:absolute;
	top:207px;	
	background-color:#000000;
    opacity : 0.5;
    filter : alpha(opacity=50); 
}
.diaporama .legende p{
	padding:5px 5px 5px 0;
	color:white;
	text-align:right;
	width:295px;
	font-size:0.9em;	
	font-weight:bold;
}

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

.diaporama .thumbs{
	float:left;
	width:400px;
	height:56px;	
	position:relative;	
	margin-left:13px;
}

.diaporama .thumbs #prev{
	position:absolute;
	top:20px;
	left:0px;
	cursor:pointer;
	z-index:100;
}
.diaporama .thumbs #next{
	position:absolute;
	top:20px;
	right:0px;	
	cursor:pointer;
}

.diaporama .thumbs .scroll{
	margin: 5px 0 0 25px;
}
.diaporama .thumbs .scroll ul{
	height:56px;	
	list-style-type:none;	
}
.diaporama .thumbs .scroll ul li{
	width:60px;
	height:45px;
	font-size:0.8em;
	margin:0 10px 0 0;
	border: 1px solid white;
}
.diaporama .thumbs .scroll ul li a img{
	width:60px;
	height:45px;
}