/* CSS Document */

@charset "utf-8";

body
{
	margin:0px;
	padding:0px;
	background-image:url(bckgrd.gif);
	background-color:#000;
	font:12px arial;
	color:#FFF;
}

p, div, form, img
{
	margin:0px;
	padding:0px;
	border:0px;
}

input
{
	margin:0px;
	padding:0px;
}

img.title
{
	margin:4px
}

h1
{
	margin:16px;
	padding:0px;
	font:32px Arial, Helvetica, sans-serif;
}

h2
{
	margin:8px 0px 8px 0px;
	padding:0px;
	font:24px Arial;
	font-weight:bold;
}

div.page
{
	margin:16px auto 0px auto;
	width:980px;
	height:768px;
	background-image:url(box_bckgrd.jpg);
	overflow:hidden
}

div.column_left
{
	width:18%;
	overflow:hidden;
	float:left
}

div.column_center
{
	width:66%;
	overflow:hidden;
	float:left
}

div.column_right
{
	width:16%;
	overflow:hidden;
	float:right
}

div.footer
{
	margin:0px auto 16px auto;
	width:980px;
	clear:both
}

/*==================================================================================

	Menu

==================================================================================*/

div.menu_box
{
	width:160px;
	margin:24px auto 24px auto;
}

div.menu_row
{
	width:160px;
	height:32px;
	margin:24px 0px 24px 0px;
}

p.menu_text
{
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center
}

p.menu_text_disabled
{
	font:24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#666
}

a.menu_lnk:link, a.menu_lnk:active, a.menu_lnk:visited
{
	text-decoration:none;
	color:#EEE
}

a.menu_lnk:hover
{
	color:#FFF
}

/*==================================================================================

	design interne du player

==================================================================================*/

div.player_box
{
	margin:8px;
}

div.player_box_media
{
	text-align:center;
}

div.player_box_info
{
	margin:8px;
}

img.player_button
{
	margin:0px 8px 0px 8px;
}

/*==================================================================================

	design des vignettes

==================================================================================*/

div.thumb_box
{
	margin:auto;
	width:600px;
	overflow:hidden;
	clear:both
}

div.thumb_row_small
{
	width:400px;
	height:100px;
	overflow:hidden;
	clear:both
}

div.thumb_row
{
	width:600px;
	height:100px;
	overflow:hidden;
	clear:both
}

div.thumb_case
{
	width:100px;
	height:100px;
	overflow:hidden;
	float:left
}

img.thumb
{
	position:static;
	top:-12px;
	left:-12px;
	border:2px solid white;
}

/*==================================================================================

	design des petits dossiers

==================================================================================*/

div.folder_box
{
	margin:0px;
	width:640px;
	height:500px;
	clear:both
}

div.folder_row
{
	width:640px;
	height:176px;
	clear:both
}

div.folder
{
	width:160px;
	height:176px;
	background-image:url(folder_blue.gif);
	background-repeat:no-repeat;
	float:left
}

div.folder:hover
{
	background-image:url(folder_green.gif);
}

p.folder_title
{
	text-align:center
}

a.folder:link, a.folder:active, a.folder:visited
{
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#EEE;
	text-align:center
}

a.folder:hover
{
	text-decoration:underline
}

div.folder_shift
{
	margin:26px auto 12px auto;
	width:140px;
	height:120px;
	cursor:pointer
}

div.mini_thumb
{
	width:70px;
	height:60px;
	float:left
}

img.mini_thumb
{
	border:1px solid black;
	margin:3px 0px 0px 6px;
}

div.button_box
{
	margin:0px 16px 0px 16px;
	height:110px;
	clear:both
}

div.player_box
{
	margin:auto;
	width:584px;
	height:318px;
}

div.box
{
	margin:auto;
	width:578px;
	border:3px solid white;
}

.floatBreaker
{
	visibility:hidden;
	clear:both
}

p.msgOk, p.message_positive
{
	margin:24px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#060;
	text-align:center
}

p.msgBad, p.message_negative
{
	margin:24px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#900;
	text-align:center
}

p.msgNote, p.message_note
{
	margin:24px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C60;
	text-align:center
}

div.login_box
{
	margin:16px 8px 16px 8px;
}

div.side_ad
{
	margin:16px;
	text-align:center;
}

div.top_ad
{
	height:60px;
	margin:16px 16px 0px 16px;
	text-align:center;

}

p.plain_text
{
	font-size:16px;
	text-align:justify
}

div.cmd_box
{
	margin:0px 8px 0px 8px;
}

div.cmd_box_case
{
	margin:0px 8px 0px 8px;
	float:left
}

p.cmd_box_line
{
	text-align:center
}

/* vote */
div.player_vote
{
	width:218px;
	height:62px;
	border:1px solid #666;
	background-color:#000;
	position:absolute;
	top:40%;
	left:45%;
	visibility:hidden
}

p.player_vote_text
{
	margin:8px;
	font:16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

a.player_vote_green:link, a.player_vote_green:active, a.player_vote_green:visited
{
	font:20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none
}

a.player_vote_green:hover
{
	color:#090;
}

a.player_vote_red:link, a.player_vote_red:active, a.player_vote_red:visited
{
	font:20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-decoration:none
}

a.player_vote_red:hover
{
	color:#900;
}