/*****************/
 /**STYLE GENERAL**/
/*****************/
body
{
	width:975px;
	margin:auto;
	background-color:#e9eaec;
}

a
{
	text-decoration:none;
	color:#666666;
}

a:visited
{
	color:black;
}

h1
{
	text-align:left;
	margin:0;
	padding-left:20px;
	font-family:Verdana;
	color:#333333;
}

h3
{
	text-align:left;
	margin:0;
	padding-left:20px;
	font-family:Verdana;
	font-size:0.8em;
	color:#666666;
}

progress
{
	display:none;
	width:100%;
}

  /*******************/
 /**STYLE DU HEADER**/
/*******************/
header
{
	margin:0px auto 10px;
	padding:5px 15px 5px 15px;
	/*overflow:hidden;*/
	/*border:1px solid;*/
}

header nav
{
	display:inline-block;
	vertical-align:top;
	margin-left:595px;
	height:89px;
	/*border:1px solid;*/
}

header nav img
{
	/*border:1px solid;*/
	vertical-align:top;
	margin-top:20px;
	margin-right:10px;
}

header nav #menu_user
{
	display:inline-block;
	/*border:1px solid;*/
	text-align:left;
}

header nav #menu_user a
{
	display:block;
	margin-bottom:5px;
	display:none;
	font-family:Verdana;
}

header nav #menu_user:hover a
{
	display:block;
}

header nav p
{
	display:inline-block;
	margin-top:25px;
	padding:10px;
	text-align:center;
	font-family:Verdana;
	color:#666666;
}

header nav p:hover
{
	border:1px solid #CCC;
}

  /*************************/
 /**STYLE DES FORMULAIRES**/
/*************************/
#con_block, #reg_block, #rec_block
{
	border-top:1px solid #CCC;
	margin:auto;
	overflow:hidden;
	text-align:center;
}

#info_up
{
	text-align:center;
	margin-top:20px;
	font-family:Verdana;
	color:red;
}

#con_block h3, #reg_block h3, #rec_block h3
{
	margin-top:20px;
	margin-bottom:20px;
}

#con_block form, #reg_block form, #rec_block form, #upload_form
{
	width:50%;
	margin:auto;
}

#con_block form
{
	border:1px solid #CCC;
	border-radius:4px;
}

#reg_block form label, #con_block form label, #rec_block form label, #upload_form label
{
	display:block;
	width:39%;
	float:left;
	padding-right:1%;
	text-align:right;
	letter-spacing:1px;
	color:#636363;
}

#reg_block form input, #con_block form input, #rec_block form input, #reg_block form select, #upload_form input
{
	margin-left:1%;
	width: 40%;
	border:#CCC 1px solid;
}

#reg_block input:hover, #rec_block input:hover, #con_block input:hover, #reg_block select:hover, #upload_form input:hover
{
	border-color:#5794bf;
}

#reg_block form fieldset, #rec_block form fieldset
{
	margin-bottom:10px;
	border:#636363 1px solid;
	padding:10px 10px 10px 10px;
	border-radius:4px;
}

#reg_block form fieldset legend, #rec_block form fieldset legend
{
	padding:0px 10px 0px 10px;
	border-left:#636363 1px solid;
	border-right:#636363 1px solid;
	font-size: 0.8em;
	font-family:Verdana;
	color:#636363;
}

#registered
{
	color:green;
}

.error
{
	color:red;
	margin:10px;
}

  /*******************/
 /**STYLE DU PLAYER**/
/*******************/
#player
{
	margin:auto;
	padding:0;
	text-align:center;
}

#player video
{
	margin-top:10px;
	background-color:black;
}

#player ul
{
	display:inline-block;
	padding:0;
	list-style-type:none;
	vertical-align:top;
	width:270px;
	max-height:480px;
	overflow:auto;
	margin:10px 0px 10px 25px;
}

	/*LISTE*/
	#player ul li
	{
		background-color:#f2f2f3;
		width:250px;
		height:100px;
		margin:7px 0px 7px 2px;
		-moz-box-shadow:0 0 10px #1111;
		-webkit-box-shadow:0 0 10px #111;
		border-radius:4px;
		box-shadow:0 0 7px #111;
	}
		
		/*ELEMENTS DE LA LISTE*/
		#player li img
		{
			margin:4.8px 0px 0px 3px;
			border:0px;
		}

		#player li div
		{
			display:inline-block;
			vertical-align:top;
			margin-top:21px;
			width:50%;
			color:#666666;
			font-family:Verdana;
			font-size:0.9em;
		}
		
			/*CONTENU DES ELEMENTS*/
			#player li div .vid_title
			{
				display:block;
				margin-bottom:10px;
			}

			#player li div .info
			{
				display:block;
				font-size:0.7em;
			}
			
  /************************************/
 /**STYLE DU CHANNEL DE CONVERSATION**/
/************************************/
#ajax_chat
{
	/*border:1px solid;*/
	margin-top:10px;
}

#ajax_view
{
	border:1px solid #CCC;
	border-radius:4px;
	height:300px;
	overflow:auto;
}

input[type="text"]
{
	width:751px;
}

#submit, #reset
{
	display:inline-block;
	text-align:center;
	border:#CCC 1px solid;
	color:#333333;
	width:100px;
	height:20px;
	background-color:#f0f0f0;
}

#submit:hover, #reset:hover
{
	border-color:#5794bf;
	cursor:default;
}

#ajax_chat ul
{
	padding:0;
	list-style-type:none;
	overflow:auto;
}

#ajax_chat li div
{
	overflow:hidden;
	font-family:arial;
	margin:15px 20px 5px 40px;
	background-color:#f2f2f3;
	-moz-box-shadow:0 0 10px #1111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 7px #111;
	border-radius:4px;
	padding:10px 10px 10px 10px;
	width:400px;
	max-height:200px;
}

#ajax_chat li .interloc
{
	margin-left:500px;
	background-color:#abd8fb;
}

#ajax_chat .com
{
	display:block;
	font-size:1em;
	color:#666666;
}

#ajax_chat .pseudo
{
	font-family:Verdana;
	font-size:0.7em;
	color:#333333;
}

#ajax_chat .time
{
	font-size:0.7em;
	color:#666666;
}

  /*************************/
 /**STYLE DU PIED DE PAGE**/
/*************************/
footer
{
	margin-top:25px;
	padding-top:25px;
	border-top:1px #CCCCCC solid;
	text-align:center;
	color:#666666;
}

footer a
{
	color:#333333;
}