@import url("accesstoolbar.css");

/*desactive les commandes de la toolbar non désirée*/
#acctbPP{
	display : none;
}

/*-----------*/
div#videoPanel{
	position : relative;
	width: 447px;
	height : 344px;
	padding : 0;
	top : 50px;
	left : 120px;
	background-image : url(../images/videoplayer/select_02.gif);
	background-position : 0 0;
	background-repeat : repeat-x;
}

div#videoPanel img{
	position : absolute;
	margin: 0;
}

img#vtop{
	left: 20px;
	top: 0px;
}

img#vright{
	top: 0px;
	right : 0px;
}

img#vbottom{
	left : 20px;
	bottom: 0px;
}

img#vleft{
	left : 0px;
	top: 0px;
}

div#CqSelect
{	
	position: relative;
	left:110px;
	top:55px;
	height: 75px;
	width:468px;
	background-image : url(../images/videoplayer/select_02.gif);
	background-position : 0 0;
	background-repeat : repeat-x;
	background-color : #aaaaa5;
	overflow:hidden;
	}

div#videoSelect{
	position: relative;
	left: 110px;
	top : 65px;
	width : 468px;
	height : 200px;
	background-image : url(../images/videoplayer/select_02.gif);
	background-position : 0 0;
	background-repeat : repeat-x;
	background-color : #aaaaa5;
	overflow:hidden;
}

div#videoSelect img, div#CqSelect img{
	position: absolute;
	margin : 0;
}

div#videoSelect div, div#videoPanel div, div#CqSelect div{
	position : absolute;
}

img.sTopLeft{
	top : 0px;
	left : 0px;	
}

img.sTopRight{
	top: 0px;
	right: 0px;
}

img.sBottomLeft{
	bottom : 0px;
	left : 0px;
}

img.sBottomRight{
	bottom : 0px;
	right : 0px;
}

div#videoBckLeft
{
	background-image : url(../images/videoplayer/select_05.gif);
	background-repeat : repeat-y;
	top : 11px;
	left : 0px;
	height : 323px;
	width : 9px;
}


div#videoBckRight
{
	background-image : url(../images/videoplayer/select_07.gif);
	background-repeat : repeat-y;
	top : 11px;
	width : 8px;
	height : 323px;
	right : 0px;
}



div#videoBckBottom
{
	background-image : url(../images/videoplayer/select_11.gif);
	background-repeat : repeat-x;
	bottom : 0px;
	left : 9px;
	width : 430px;
	height : 10px;
}



div#bckgLeft{
	background-image : url(../images/videoplayer/select_05.gif);
	background-repeat : repeat-y;
	top : 11px;
	left : 0px;
	height : 179px;
	width : 9px;
}

div#DivLeftBckg
{
	background-image : url(../images/videoplayer/select_05.gif);
	background-repeat : repeat-y;
	top : 11px;
	left : 0px;
	height : 54px;
	width : 9px;	
}

div#bckgRight{
	background-image : url(../images/videoplayer/select_07.gif);
	background-repeat : repeat-y;
	top : 11px;
	width : 8px;
	height : 179px;
	right : 0px;
}

div#DivRightBckg
{
	background-image : url(../images/videoplayer/select_07.gif);
	background-repeat : repeat-y;
	top : 11px;
	width : 8px;
	height : 54px;
	right : 0px;
}

div#bckgBottom{
	background-image : url(../images/videoplayer/select_11.gif);
	background-repeat : repeat-x;
	bottom : 0px;
	left : 9px;
	width : 451px;
	height : 10px;
}

div#DivBottomBckg
{
	background-image : url(../images/videoplayer/select_11.gif);
	background-repeat : repeat-x;
	bottom : 0px;
	left : 9px;
	width : 451px;
	height : 10px;
}

.titlecm
{
	/*margin: 15px 0 0 20px;*/
	position: absolute;
	top:11px;
	left:9px;
	width: 451px;
}

.iconHelp
{
	position: absolute;
	top:0px;
	right: 0px;
	cursor: pointer;
}

#promptChapter
{
	color: white;
	background-color: Blue;
}

#videoListe{
	/*margin : 11px 8px 10px 9px;*/
	position: absolute;
	left:9px;
	bottom: 10px;
	width : 451px;
	height : 150px;
}

#CQ_DDL
{	
	position:absolute;
	left:9px;
	top:40px;
	width:451px;	
}

#chapterListe
{
	position: absolute;
	left:9px;
	bottom: 10px;
	width : 451px;
	height : 150px;
}


#myPlayer
{
	position:absolute;
	z-index: 10;
	top:11px;
	left:9px;
}
/*fin panel*/

div#pluginHelper
{
	display:none;
	width: 430px;
	top:11px;
	left:9px;
	z-index:1000;
}

#help
{
	display:none;
	position:absolute;
	width: 300px;
	height: 90px;
	background-color: Orange;
	left:50px;
	top: 50px;
}

#help p
{
	margin: 20px 5px 0px 40px;
}

.notVisible
{
	visibility: hidden;	
}