/* ------------------------
	INTERFACE
--------------------------*/

#overlay {
	position: absolute;
	z-index:99;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#cadre {
	position: absolute;
	z-index:99;
	background-color: #fff;
	overflow:hidden;
}
#image{
	position:relative;
	border: 10px solid #fff;
}
.loading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

/* ------------------------
	BUTTONS
--------------------------*/

#close {
	display: block;
	position: absolute;
	z-index:99;
	width: 20px;
	height: 20px;
	background: transparent url(../images/close.png) no-repeat center !important;
	background: transparent url(../images/close.gif) no-repeat center;
}

#prec, #suiv {
	display: block;
	position: absolute;
	z-index:99;
	top: 0;
	width: 20%;
	height:100%;
	outline: none;
}

#prec {
	left: 0;
}
#prec:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#suiv {
	right: 0;
}
#suiv:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

/* ------------------------
	THUMBS
--------------------------*/

#thumbs{
	position: absolute;
	z-index:99;
}

#thumbsCache{
	position:relative;
	height:112px;
	width: 100%;
	overflow:hidden;
}
#thumbsContent{
	position:absolute;
	z-index:99;
	height:100%;
}
#precThumbs, #suivThumbs {
	display: block;
	width:100%;
	height:13px;
}

#precThumbs {
	background: transparent url(../images/prevThumbs.gif) no-repeat 50% 0%;
	outline:none;
}
#suivThumbs {
	background: transparent url(../images/nextThumbs.gif) no-repeat 50% 0%;
	outline:none;
}
/***
 * Action
 */
#action a{
	clear:both;
	line-height:25px;
	float:left;
}
#action{
	position:absolute;
	z-index:99;
	width:270px;
	border-left:1px solid #FFFFFF;
	margin:20px 0px 0px 20px;
	padding:10px;
}
/* ------------------------
	COMMENTS
--------------------------*/
#ftscomments{
	position: absolute;
	z-index:99;
	width: 200px;
	background-color:#000;
}