html {
	width:100%; 
	height:100%;
	}
body {
	background: #333333;
	width:100%; 
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: normal; 
	color:#4F4F4F;
	overflow:hidden;
	}
#avisnoscript {
	position:absolute;
	background:#000000;
	left:570px;
	top: 180px;
	width:200px;
	height:auto;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	font-weight: bold; 
	color:#4F4F4F;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 10px 10px 25px #191919;
		-webkit-box-shadow: 10px 10px 25px #191919;
		box-shadow: 10px 10px 25px #191919;
	z-index: 10;
	}
	#fondpsg {
		position:absolute;
		background:#333;
		top:0;
		width:100%;
		height:626px;
		text-align:center;
	 }
#son {
	position:absolute;
	width:1px;
	height:1px;
	}
#titre {
	position:absolute;
	right:80px;
	top:20px;
	width:631px;
	height:auto;
	text-align:center;
	}
#contentvideo {
	position:absolute;
	background:#000000;
	right:60px;
	top: 110px;
	width:650px;
	height:auto;
	padding: 15px 15px 0 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 10px 10px 25px #191919;
		-webkit-box-shadow: 10px 10px 25px #191919;
		box-shadow: 10px 10px 25px #191919;
	z-index: 10;
	}
#video {
	position: relative;
	float: left;
	width:650px;
	height:calc(650px / 4 * 3);
	text-align:center;
	color:red;
	z-index:1;
	}
#vide_a {
	display:none;
	}
#vide_o {
	display:block;
}
#cmdvideo {
	position: absolute;
	background: url(../images/fond_barreyt.gif);
	left:26px;
	top: 325px;
	width:125px;	/*428px;*/
	height:24px;
	visibility: hidden;
	z-index:2;
	}
#contentpage {
	position:absolute;
	background:transparent url(../images/voile_noir.png);	/*#4A4B52;*/
	top:0px;
	width:540px;	/* 0 */
	height:100%;	/* 0 */
	border-right:#000 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 10px 10px 25px #191919;
		-webkit-box-shadow: 10px 10px 25px #191919;
		box-shadow: 10px 10px 25px #191919;
	z-index: 10;
	overflow-y:scroll;
	}
.ongletp {
	position:absolute;
	background:transparent url(../images/ongletp.png);
	left: 45%;
	bottom:10px;
	width:96px;
	height:115px;
	z-index:8;
	}
.onglet1 {
	position:absolute;
	background:transparent url(../images/onglet1.png);
	left:60%;
	bottom:50px;
	width:65px;
	height:128px;
	z-index:8;
	}
.onglet2 {
	position:absolute;
	background:transparent url(../images/onglet2.png);
	left:55%;
	bottom:20px;
	width:62px;
	height:150px;
	z-index:8;
	}
.barre {
	position:absolute;
	background:transparent url(../images/barre4.png) left top no-repeat;
	left:40%;
	bottom:100px;
	width:232px;
	height:218px;
	z-index:9;
	}
.barre2 {
	position:absolute;
	background:transparent url(../images/barre4.png) left -218px no-repeat;
	left:161px;
	top:378px;
	width:232px;
	height:218px;
	z-index:9;
	}
.barre3 {
	position:absolute;
	background:transparent url(../images/barre3.png) no-repeat;
	left:0px;
	top:0px;
	width:162px;
	height:32px;
	cursor: pointer;
	z-index:11;
	}
#legende1 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	color:#ffffff;
	}
#contentdivpage {
	position:relative;
	float:right;
	right:10px;
	top:0px;
	width:400px;
	height:100%;
	color:#CCCCCC;
	/*overflow: hidden;*/
	display:block;	/*display:none;*/
	}
#divpage {
	position:relative;
	float:left;
	top: 0px;
	width:400px;
	height:auto;
	}
#manchescroll {
	position:fixed;
	float:left;
	display:block;	/*display:none;*/
	width:162px;
	height:100%;
	}
#manchescroll img {
	width: 100%;
	height: 100%;
	}
.player {
	width:23px;
	height:23px;
	cursor: pointer;
	}
.inactif {
	background:transparent url(../images/cmdson.png) left top no-repeat;
	}
.playeractif {
	background:transparent url(../images/cmdson.png) left -23px no-repeat;
	}
.playerpause {
	background:transparent url(../images/cmdson.png) left bottom no-repeat;
	}
#contentpsgflash {
	position:absolute;
	background:#fff;
	bottom: 200px;
	left: 200px;
	width:750px;
	height:400px;
	padding: 20px;
	border:#F1C208 2px solid;
	z-index:11;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
		-moz-box-shadow: 10px 10px 25px #191919;
		-webkit-box-shadow: 10px 10px 25px #191919;
		box-shadow: 10px 10px 25px #191919;
	visibility:hidden;
	}
.dragflash {
	position:absolute;
	background:transparent;
	top:4px;
	left: 4px;
	width:630px;
	height:20px;
	text-align: center;
	border:gray 1px solid;
	z-index:12;
	cursor: move;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#page {
	position:relative;
	float:left;
	background:#FFEFCF;
	top:10px;
	left:0px;
	width:800px;
	height:auto;
	border-left:#D2D0D0 2px solid;
	border-right:#606060 3px solid;
	border-bottom:#606060 3px solid;
	z-index:1;
	}
a {
	color:#A73401;
	text-decoration:none;
	}
a:hover {
	color:green;
	}
.tabliens {
	width:100%;
	margin:0px;
	padding:0px;
	}
.tabliens td {
	height:40px;
	border-bottom: #333333 1px dashed;
	}
.filtre {
	position:absolute;
	background: #000 url(../images/load.gif) 50% 50% no-repeat; 
	width:100%; 
	height:100%;
	left:0px;
	top:0px; 
	z-index:110; 
	}
.temoindiapo {
	position:absolute;
	background: transparent; 
	width:70px; 
	height:20px;
	left:50%;
	margin-left: -90px;
	top:30px; 
	text-align: center;
	color: #fff;
	z-index:115; 
	}
.zoom {
	cursor: -Moz-Zoom-In;
	cursor: -webkit-Zoom-In;
	}
.zoom0 {
	cursor: -Moz-Zoom-Out;
	cursor: -webkit-Zoom-Out;
	}
.zoomie {
	cursor: url(../images/zoom1.cur),auto;
	cursor: pointer;
	}
.zoom0ie {
	cursor: url(../images/zoom0.cur),auto;
	cursor: default;
	}
.imgclasszoom {
	position: absolute;
	display: block;
	top: 50%;
	width: auto;
	border: #fff 6px solid;
	z-index: 111; 
	}
/*************************/