body {
	width: 100%; height: 100%;
	font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size: 13px;
}

a { text-decoration: none ;}
a:link {color:#ffffff;}
a:visited {color:#bfe0f8;}
p {margin : 5px; }
img { border: none; vertical-align:middle; }


a b { display: none;}
a:hover b { position:absolute; margin-left: 10px; display: inline;  }
h1, .playlist_title { text-align : center; font-weight : bold; color : #bfe0f8; }

h1 {font-size : 10px}

.audio {
	text-align : left; 
	background-color : #dddddd;
}

table { 
	width:290px;
	font-family: "Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	font-size: 10px;
	color : #ffffff;
}

.message {
	position: absolute;
	font-size: 10px;
	width:320px;
	height:50px;
	overflow:auto;
	z-index :3;
}

.codebox {
	position: absolute;
	left: 0px;
	width:320px;
	height:50px;
	text-align: left;
	background-color: #fffff5;
	overflow: hidden;
}

.code {
	position: relative;
	width:316px;
	height:46px;
	text-align: left;
	font-size: 10px;
	color: #000000;
	overflow: hidden;
	border : none;
	background-color: transparent
}



.player { /* Taille du player */
	position: absolute;
	width: 340px;
	height: 90px;
}

/*------------------------------------- Contour du player-------------------------------------------- */
.topleft { 
	position: absolute;
	width: 10px;
	height: 30px;
	background: url(/aha/camper/itheora/skins/defaut//player/topleft.png) no-repeat; }

.topright {
	position: absolute;
	left: 330px; 
	width: 10px;
	height: 30px;
	background: url(/aha/camper/itheora/skins/defaut//player/topright.png) no-repeat; }

.bottomleft {
	position: absolute;
	top: 80px;
	width: 10px;
	height: 10px;
	background: url(/aha/camper/itheora/skins/defaut//player/bottomleft.png) no-repeat; }

.bottomright {
	position: absolute;
	left: 330px; 
	top: 80px;
	width: 10px;
	height: 10px;
	background: url(/aha/camper/itheora/skins/defaut//player/bottomright.png) no-repeat; }

.top {
	position: absolute; 
	left: 10px;
	top: 0px;
	width: 320px;
	height: 30px;
	background: url(/aha/camper/itheora/skins/defaut//player/top.png) repeat-x; }

.left {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 10px;
	height: 50px;
	background: url(/aha/camper/itheora/skins/defaut//player/left.png) repeat-y; }

.right {
	position: absolute;
	left: 330px; 
	top: 30px;
	width: 10px;
	height: 50px;
	background: url(/aha/camper/itheora/skins/defaut//player/right.png) repeat-y; }

.bottom {
	position: absolute;
	left: 10px;
	top: 80px;
	width: 320px;
	height: 10px;
	background: url(/aha/camper/itheora/skins/defaut//player/bottom.png) repeat-x; }

/* --------------------------------------------------------- Textes------------------------------------*/ 
.info {
	position: absolute;
	top: 10px;
	left: 70px;
	width: 215px;
	height: 16px;
	text-align:center;
}

.titleon, .titleoff {
	position: absolute;
	top: 25px ;
	left : 55px;
	height: 50px;
	width:  262px !important;
	width:  270px ; /*stupid IE */
	text-align:left;
	padding-left :4px ;
	padding-right : 4px ;
	z-index :2;
}


.error{ 
	position: absolute;
	top: 10px;
	left:10px;
	text-align: center;
	width:320px;
	height: 16px;
	background-color: #ff0000;
	color: #ffffff;
}

/*--------------------------------------------------------------- Icones -----------------------------*/
.big_Java, .big_VLC, .big_Wikipedia, .big_Download, .big_Torrent, .big_Coral, .big_Playlist {
	position : relative;
	margin-left: auto;
	margin-right : auto;
	width: 50px;
	height : 50px;
	text-align: left ; /*stupid IE */
}

.big_Java {
	margin-left : 100px !important;  
	margin-left : auto;
	background : url(/aha/camper/itheora/skins/defaut//icones/big_Java.png) no-repeat;
}

.big_VLC {
	margin-left : 170px !important; 
	margin-left : auto;
	margin-top : -50px !important; 
	margin-top : 0px; /* stupid IE n'alignera pas big_Java et big_VLC */
	background : url(/aha/camper/itheora/skins/defaut//icones/big_VLC.png) no-repeat;
}

.big_Wikipedia { background : url(/aha/camper/itheora/skins/defaut//icones/big_Wikipedia.png) no-repeat; }

.big_Download, .big_Coral, .big_Playlist { background : url(/aha/camper/itheora/skins/defaut//icones/big_Download.png) no-repeat; }

.big_Torrent { background : url(/aha/camper/itheora/skins/defaut//icones/big_Torrent.png) no-repeat; }

.big_Download a, .big_Coral a, .big_Playlist a, .big_Torrent a { cursor : move;}

.big_Java a, .big_VLC a, .big_Wikipedia a, .big_Download a, .big_Torrent a, .big_Coral a, .big_Playlist a {
	position : absolute;
	width: 50px;
	height : 50px;
}

/*----------------------------------------------------------------Boutons---------------------------*/
.big_Play a {
	position: absolute; /* A l'interireur de video */
	left: 135px; 
	top: 0px;
	width:50px;
	height:50px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/off_big_Play.png) no-repeat;
	z-index : 1;
}
.big_Play a:hover { background : url(/aha/camper/itheora/skins/defaut//boutons/big_Play.png) no-repeat; }

.back a, .playlist a, .share a, .torrent a, .download a, .fullscreen a, .close a, .options a {
	position: absolute;
	top: 7px;
	width: 20px;
	height : 20px;
}	

.back a {
	left:10px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/off_back.png) no-repeat;
}
.playlist a {
	left:10px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/off_playlist.png) no-repeat;
}

.download a, .torrent a {
	left:30px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/off_download.png) no-repeat;
}
.share a {
	left:50px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/off_share.png) no-repeat;
}

.fullscreen a, .close a {
	left:286px;
	width: 21px;
	height : 21px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/fullscreen.png) no-repeat;
}
.close a { background : url(/aha/camper/itheora/skins/defaut//boutons/close.png) no-repeat;}
.options a {
	left:310px;
	width: 21px;
	height : 21px;
	background : url(/aha/camper/itheora/skins/defaut//boutons/options.png) no-repeat;
}

.back a:hover { background : url(/aha/camper/itheora/skins/defaut//boutons/back.png) no-repeat; }
.playlist a:hover {	background : url(/aha/camper/itheora/skins/defaut//boutons/playlist.png) no-repeat; }
.share a:hover { background : url(/aha/camper/itheora/skins/defaut//boutons/share.png) no-repeat; }
.download a:hover, .torrent a:hover { background : url(/aha/camper/itheora/skins/defaut//boutons/download.png) no-repeat; }

/*------------------------------------------------------ Place et taille de la video-----------------------------*/

.video {
	position: absolute;
	top: 30px;
	left: 10px;
	width:320px;
	height:50px;
	color: #ffffff;
	background-color: #000000;
}