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

h1, h1 a {font-size : 13px} 

a { text-decoration: none ;}
a:link {color:#ffffff;}
a:visited {color:#bfe0f8;}

a b { display: none;}
a:hover b { position:absolute; margin-left: 50px; display: inline; z-index : 4; } /* Vignettes, pochettes album dans playlist */

p {margin : 5px; }
img { border: none; vertical-align:middle; }
h1, .playlist_title, h1 a { text-align : center; font-weight : bold; color : #bfe0f8; }

.msg_playlist, .msg_error, .msg_share, 
.msg_download, .msg_options, .msg_info { /* Texte dans video */
	position: absolute;
	width: 320px; height: 80px;
	text-align: justify;
	overflow: auto;
	background : url(/cgi-bin/itheora/skins/defaut/player/background.jpg) repeat-y #000000;
	z-index :3;
}

.msg_playlist .msg, .msg_error .msg, .msg_share .msg, 
.msg_download .msg, .msg_options .msg, .msg_info .msg, 
.msg_share table, .msg_download table, .msg_options table, .msg_error table  {
	width: 290px;
	margin-top: 5px;
	margin-left : auto; margin-right : auto;
	text-align : left;
	color : #ffffff;
}

.msg_playlist .msg, .msg_playlist table { width: 305px; }
#tab_playlist .tab_tools {width : 200px; margin-left : auto; margin-right : auto;}

.icons { width : 26px }
.loader {
	position : relative;
	width: 32px; height : 32px;
	margin-top : 26.666666666667px;
	margin-left: auto; margin-right : auto;
	background : url(/cgi-bin/itheora/skins/defaut/player/loader.gif) no-repeat; 
}

input {width : 200px; }

.submit {width : 30px; margin-left : 10px;}

form, .center { margin-left : auto; margin-right : auto; text-align : center; }

.codebox { /* Zone en jaune */
	position: relative;
	margin-left : auto; margin-right : auto;
	margin-top: 5px; margin-bottom : 20px;
	width: 290px; height:20px;
	background-color: #fffff5;
	text-align: left;
	overflow : hidden;
}

.code { /* Code de partage */
	position: relative;
	margin-top: 2px;
	margin-left : 2px;
	width: 2000px; height: 16px;
	text-align: left;
	color: #000000;
	overflow: hidden;
	border : none; 
}

h1, table, .msg, .codebox, .code {font-size : 10px;}
p {margin : 2px; }

.codebox { height : 18px; margin-bottom : 18px;}
.code { height : 14px; }

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

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

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

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

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

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

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

.left {
	position: absolute;
	top: 30px;
	width: 10px; height: 80px;
	background: url(/cgi-bin/itheora/skins/defaut/player/left.png) repeat-y; }

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

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

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

.titleon, .titleoff {
	position: absolute;
	top: 30px ;
	left : 90px;
	height: 80px; width:  232px;
	text-align:left;
	padding-left :4px ; padding-right : 4px ;
	overflow: hidden;
	z-index :2;
}

/* ".titleon span, titleoff span { display : none; }" pour masquer "| 01:23" */
.time, .title {display : none}

/*--------------------------------------------------------------- Icones -------------------------------------------------*/
.big_Java, .big_VLC, .big_Wikipedia, .big_Email, .big_TS {
	position : relative;
	width: 32px; height : 32px;
	margin-left: auto; margin-right : auto;
	text-align: left ;
}

.big_Java a, .big_VLC a, .big_Wikipedia a, .big_Email a, .big_TS a {
	position : absolute;
	width: 32px; height : 32px;
}

.big_Java { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Java.png) no-repeat; }
.big_VLC { background : url(/cgi-bin/itheora/skins/defaut/icones/big_VLC.png) no-repeat; }
.big_Wikipedia { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Wikipedia.png) no-repeat; }
.big_Email { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Email.png) no-repeat; }
.big_TS { background : url(/cgi-bin/itheora/skins/defaut/icones/big_TS.png) no-repeat; }

/* --------------------------------------------Icones Telechargements / Liste de Lecture -------------------------------------------- */
.big_Ogv, .big_Ogg, .big_Torrent {
	position : relative;
	width: 32px; height : 32px;
	margin-left: auto; margin-right : auto;
	text-align: left ;
}
.big_Ogv a, .big_Ogg a, .big_Torrent a { 
	position : absolute;
	width: 32px; height : 32px;
	cursor : move;
}

.big_Ogv { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Ogv.png) no-repeat; }
.big_Ogg { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Ogg.png) no-repeat; }
.big_Torrent { background : url(/cgi-bin/itheora/skins/defaut/icones/big_Torrent.png) no-repeat; }

.Ogv, .Ogg, .Srt, .Sub, .Torrent, .Miro, .RSS, .Xspf, .Share_Playlist {
	position : relative;
	width: 24px; height : 24px;
	margin-left: auto; margin-right : auto;
	text-align: left ;
}

.Ogv a, .Ogg a, .Srt a, .Sub a, .Torrent a, .Miro a, .RSS a, .Xspf a, .Share_Playlist a { 
	position : absolute;
	width: 24px; height : 24px;
	cursor : move;
}

.Miro a, .RSS a, .Xspf a, .Share_Playlist a { cursor : pointer; }

.Ogv { background : url(/cgi-bin/itheora/skins/defaut/icones/Ogv.png) no-repeat; }
.Ogg { background : url(/cgi-bin/itheora/skins/defaut/icones/Ogg.png) no-repeat; }
.Srt { background : url(/cgi-bin/itheora/skins/defaut/icones/Srt.png) no-repeat; }
.Sub { background : url(/cgi-bin/itheora/skins/defaut/icones/Sub.png) no-repeat; }
.Torrent { background : url(/cgi-bin/itheora/skins/defaut/icones/Torrent.png) no-repeat; }
.Miro { background : url(/cgi-bin/itheora/skins/defaut/icones/Miro.png) no-repeat; }
.RSS { background : url(/cgi-bin/itheora/skins/defaut/icones/RSS.png) no-repeat; }
.Xspf { background : url(/cgi-bin/itheora/skins/defaut/icones/Xspf.png) no-repeat; }
.Share_Playlist { background : url(/cgi-bin/itheora/skins/defaut/icones/Share_Playlist.png) no-repeat; }

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

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

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

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

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

.options a {
	left:310px;
	width: 21px; height : 21px;
	background : url(/cgi-bin/itheora/skins/defaut/boutons/options.png) no-repeat;
}

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

.tool_download, .tool_share, .tool_fullscreen { display : none } /* Dans Options */

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

.video {
	position: absolute;
	top: 30px; 
	left: 10px;
	width:320px; height:80px;	
}