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

	MultiBox
	v1.3

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

.MultiBoxContainer {
	position: absolute;
	background: transparent url(gfx/bg-player-top-little2.png) no-repeat -3px top;
	display: none;
	z-index: 3;
	text-align: left;
	width:800px;
	padding: 18px 0 0 0;
	font: normal 11px 'Arial', sans-serif;
	color: #000;
	/*overflow: hidden;
	border:1px solid blue;*/
}

.MultiBoxLoading {
	background: url(gfx/loader.gif) no-repeat center;
}

.MultiBoxContent {
	background: transparent url(gfx/bg-player-center-little2.png) repeat-y -4px top;
	position: relative;
	width: 770px;
	overflow: hidden;
}

.MultiBoxBtm{
	position: absolute;
	bottom:0px;
	left:0;
	width:100%;
	height: 20px;
	background: #fff url(gfx/bg-player-btm-little2.png) no-repeat -3px top;
	}

.MultiBoxClose {
	position: absolute;
	z-index:5;
	top: 12px;
	right:45px;
	background: transparent url(gfx/closelabel.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {/*c'est lui qui bouge*/
	overflow: hidden;
	position: absolute;
	top:42%;
	left:-57px;
	width:864px;
	z-index:1;
}

.MultiBoxControls {
	width: 100%;
	height: 65px;
	position: relative;
	z-index:1;
}


.MultiBoxPrevious {
	position: absolute;
	background: transparent url(gfx/left.png) no-repeat;
	width: 30px;
	height: 65px;
	left: 30px;
	margin: 5px 0; 
	cursor: pointer;
}
.MultiBoxPrevious:hover {	
	position: absolute;
	background: transparent url(gfx/leftRoll.png) no-repeat;
	width: 35px;
	height: 65px;
	left: 25px;
	margin: 5px 0; 
	cursor: pointer;
	z-index:10;
 }

.MultiBoxNext {
	position: absolute;
	background: transparent url(gfx/right.png) no-repeat;
	width: 35px;
	height: 65px;
	right: 13px;
	margin: 5px 0;
	cursor: pointer;
}
.MultiBoxNext:hover {	
	position: absolute;
	background: transparent url(gfx/rightRoll.png) no-repeat;
	width: 35px;
	height: 65px;
	right: 13px;
	margin: 5px 0; 
	cursor: pointer;
	z-index:10;
 }



.MultiBoxNextDisabled {
	cursor: default;
	background: transparent url() no-repeat;
}
.MultiBoxNextDisabled:hover {
	cursor: default;
	background: transparent url() no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: transparent url() no-repeat;
}
.MultiBoxPreviousDisabled:hover {
	cursor: default;
	background: transparent url() no-repeat;
}

.MultiBoxTitle {
	position: absolute;
	width:320px;
	top: 0px;
	right: 20px;
	color:#e7511e;
	font: bold 14px 'Arial', sans-serif;
	text-transform: uppercase;
	z-index:3;
}

.MultiBoxNumber {
	position: absolute;
	bottom: 10px;
	right: 50px;
	z-index:3;
	display: none;
}

.MultiBoxDescription {
	width:320px;
	position: absolute;
	top: 30px;
	right: 25px;
	height:auto;
	font-size:11px;
	z-index:3;
}
.MultiBoxDescription ul{list-style:inside}

.MultiBoxDescription p {width:auto;}

#MultiBoxMediaObject{position:absolute; left:50px; top:0;}

#multiBoxIframe{background-color:transparent}

#MultiBoxContentContainer body{position: relative; background: #fff url(); margin:0 0 0 15px; z-index:2;}
#MultiBoxContentContainer{ padding-left:10px}


.iframebody{ }

/*div, iframe, p, span, html, body {background-color:transparent;}
************************************************************/