/******************************************************************************
* gershShowrooms.css
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2006									                          *
*                                                                             *
******************************************************************************/

#imgBox {
	position:relative;
}

#targetZones {
	list-style:none;
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	/*height:100%;*/
	width:100%;
	color:#ffffff;
}
	.targetZone {
		position:absolute;
		width:21px;
		height:21px;
		cursor:pointer;
		
		background-image:url(../iso_icons/gershCiblePlus.gif);
		background-position:center;
		background-repeat:no-repeat;
		z-index:3;
	
	}

#descrZooms {
	/*z-index:2;/ *au dessus des zones réactives*/
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	height:100%;
	width:100%;
}
.infosGauche {
	left:0;
}
.infosDroite {
	right:0;
}
	#descrZooms li {
		cursor:pointer;
		width:290px;
		position:absolute;
		top:0;
		height:100%;
		z-index:10;
	}
	#descrZooms li.infosOff {
		display:none;
	}
	#descrZooms li.infosOn {
		display:block;
	}
		#descrZooms li .bgGrey {
			background-color:#000;
			color:#FFF;
			filter:alpha(opacity=70);
			opacity: 0.7;
			-moz-opacity:0.7;
			z-index:10;
			position:absolute;
			top:0;
			height:100%;
			width:100%;
			z-index:1;
		}
		#descrZooms li p {
			position:relative;
			margin:0;
			padding:5px;
			z-index:2;
		}
#zonePhoto {
	position:relative;
	top:0;
	right:0;
	float:right;
	/*border:1px dotted red;*/
	width:600px;
}
/***************************************************************************/
.infosOff {
	display:none;
}
.infosOn {
	display:block;
}
.descrZoom{
	color:#ffffff;
	cursor:pointer;
	width:290px;
	position:absolute;
	top:0;
	height:100%;
	z-index:4;
	/*display:none;*/
}
	.descrZoom .bgGrey {
		background-color:#000;
		filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		z-index:0;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		z-index:1;
	}
	.descrZoom .contenuZoom {
		z-index:2;
		position:absolute;
		top:0;		
	}
		.descrZoom .contenuZoom p{
			position:relative;
			margin:0;
			padding:5px;
			z-index:2;
		}
/****************************************************************************/
ul.boxList{
	list-style:none;
	margin:0;
	padding:0 0 15px 0;
}
	ul.boxList li{
		font-size:12px;		
		background:url(../iso_icons/bg_li_sous_menu.gif) bottom left repeat-x;
		text-align:right;
		padding:5px 10px;
		margin:0;
	}
	ul.boxList li a{
		color:#78732ef;
	}
	ul.boxList li a:hover{
		color:#988f10;
	}
	ul.boxList li.boxOn a{
		color:#6b650c;
		font-weight:bold;
	}
	
ul.boxPhotoList	{
	list-style:none;
	margin:0;
	min-height:150px;
	padding:0 5px;
}
ul.boxPhotoList	li {
	list-style:none;
	float:left;
	margin:5px 20px;
	padding:0;
	display:inline-block;
}

ul.boxPosterList{
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	width:130px;
	/*float:left;*/
}
ul.boxPosterList li.posterOn img{
	border:5px solid #6E446C;
}
ul.boxPosterList li.posterOff img{
	border:5px solid #FFFFFF;
}


/*--------------------------------------------*/
#posterList {
	overflow:hidden;
	height:350px;
	/*border:1px solid #BBBBBB;*/
	position:relative;
	float:left;
	width:132px;
}
#upBtn,
#downBtn {
	position:absolute;
	display:inline-block;
	width:132px;
	height:16px;
	text-align:center;
	background-color:#FFFFFF;
	z-index:10;
	
	left:0;
	cursor:pointer;
}
#upBtn{
	top:0;
	/*border-bottom:1px solid #BBBBBB;*/
	background:url(../iso_icons/btn_up.gif) 0 0 no-repeat;
}
#downBtn {
	/*border-top:1px solid #BBBBBB;*/
	background:url(../iso_icons/btn_down.gif) 0 0 no-repeat;
	bottom:0;
}
	#upBtn:hover{
		background:url(../iso_icons/btn_up_hover.gif) 0 0 no-repeat;
	}
	#downBtn:hover {
		background:url(../iso_icons/btn_down_hover.gif) 0 0 no-repeat;
	}
#scrollList {
	position:absolute;
	z-index:1;
	margin:15px 0;
	border:1px solid #BBBBBB;
}