/* CSS Document for multimedia page */
.horizon div#edMedias {
	margin:1em auto 0;
	clear:both;
	overflow:hidden;
	width:99%;
	height:430px;
}
.horizon div#edMediasContainer {
	margin:0 auto;
	float:left;
	overflow:hidden;
	width:920px;
	height:415px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.horizon div#edMediasContent {
	width:9999px; 
	height:425px; 
	background:url(/img/charte/fonds/fondHorizonMultimedia.jpg) repeat-x 0 0; /*test*/
	opacity:0.7;
	}
.horizon div#edMediasContent ul {
	float:left;
	width:auto;
	height:415px;
	margin:0; 
	padding:0;
	}
.horizon div#edMediasContent li {
	list-style:none;
	display:inline;/* useless ???*/
	float:left;
	width:auto;
	height:410px;
	margin:0 1px 0 0; 
	padding:0;
	text-align:center;
	font-size:0.9em;
	cursor:pointer;
}
.horizon div#edMediasContent li div.thumbTitle { 
	margin:5px 0;
	clear:left; 
	}
.horizon div#edMediasContent li.thumbInActive { opacity:0.50; }
.horizon div#edMediasContent li.thumbInActive:hover { 
	opacity:1.00; 
	/*cursor:crosshair;*/
	}
.horizon div#edMediasContent li.thumbActive { opacity:1.00; }
/*.horizon div#edMediasContent li.thumbInActive .thumbArrow { 
	background:transparent url(/include/models/portfolio/bottom.png) top center no-repeat;
	height:20px; }
.horizon div#edMediasContent li.thumbInActive:hover .thumbArrow { opacity:0.50; }*/
.horizon div#edMediasContent li div.imgContainer { z-index:2; }
.horizon div#edMediasContent li div.thumbFilet {
	clear:left;
	background: url(/include/models/portfolio/multimedia/filet.png) center top repeat-y;
	z-index:1;
	overflow:hidden;
}
.horizon div#edMediasContent li div.thumbDot {	
	background: url(/include/models/portfolio/multimedia/dot.png) center no-repeat;
	cursor:default;
	 }
/*div#edShortDesc {
	padding:3px;
	border:1px solid #333;
	opacity:0.90;
	background:#000;
	width:200px; 
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	color:#ccc;
	font-size:0.7em;
	overflow:hidden;
	}*/
/* left/right buttons */
.horizon div.edMediasBtn {
	opacity:0.30;
	background:#000;
	position:absolute;
	top:1px;
	z-index:999;
	color:#fff;
	width:32px;
	height:415px;
	overflow:hidden;/* useless */
	cursor:pointer;
}
.horizon div.edMediasBtn:hover {
	opacity:0.80;
	cursor:pointer;
}
.horizon div.edMediasBtn p {margin: 20em auto 0;	}
.horizon div.btnLeft {
	position:absolute;
	left:0px;
	z-index:1000;
	}
.horizon div.btnRight {
	position:absolute;
	left:888px;
	z-index:1001;
	}
/* ascenceur horizontal */
div.slider {
	width:920px;
	margin:5px 4px 15px;
	height:15px;
	background:url(/img/tools/line.png) repeat-x 0 50%;
	position: relative;
	cursor:pointer;
	}
div.slider div.handle {
	width:50px;
	height:15px;
	background:#222 url(/img/gui/controls/sliderHandle3.png) no-repeat center;
	opacity:0.8;
	cursor:move;
	position: absolute;
	border:1px dotted #333;
	border-width: 0 1px 0;
	}
div.slider div.handle:hover {opacity:0.95;}
div#edStatus,
div#mouseStatus {
	position:absolute;
	padding:3px;
	background:#000;
	font:normal normal normal 0.70em/12px "Courier New", Courier, mono;
	vertical-align:middle;
	color:#ccc;
	border:1px solid #333;
}
div#edStatus {
	width:850px; 
	height:12px;
	top:548px;
	left:63px;
	z-index:99;
	border-width:1px 0 0;
	opacity:0.50;

	}
div#mouseStatus {
	width:8em; 
	height:10px;
	top:145px;
	left:640px;
	z-index:100;
	border-width: 0 1px 1px;
	text-align:center;
	}