/* GLOBAL ELEMENT*/
.clear{clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;border:0;}

a:link,a:visited,a:active{ color:#000; }

/*LAYOUT*/
body{ background-color:#13282a; margin:0; background-image:url(../../layout/header_barre.jpg); background-repeat:repeat-x; color:#3A3A3A; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#wrapper{width:1000px;   text-align:center; margin: 0 auto;}
	#header{width:940px; height:291px;  margin: 0 auto; margin-bottom:10px;}
		#header_stats{ position:absolute; top:3px; text-align:center; width:940px; margin:0 auto; color:#CCC}
		#header_stats div{ float:left}
		
	#register_header_button{  width:262px; margin:auto 0; margin-top:-100px; margin-left:320px;}
	#content{ width:100%;  margin: 0 auto;}
		#column_left{width:202px;  float:left;margin-left:30px;}
		#column_middle{width:530px;; float:left;}
		#column_right{width:202px; float:left; margin-left:5px;}
		
	.middle_box{width:536px; }
		.middle_box	.top{ background-image:url(../../layout/frames/content_middle_01.png);height:53px; background-repeat:no-repeat;}
			.middle_box	.top  div{ color:#FFF; font-size:20px;   font-weight:bolder; padding-top:15px;}
			.middle_box	.top  h1{ color:#FFF; font-size:20px;   font-weight:bolder; padding-top:15px;}
		.middle_box	.content{ padding-top:30px; background-color:#FFF; text-align:left; padding:10px;}
		.middle_box	.bottom{background-image:url(../../layout/frames/content_middle_03.png);height:31px; background-repeat:no-repeat}
	
	#footer{ color:#FFF; text-align:center;}	
		#footer a:link,#footer a:visited,#footer a:active{ color:#fff; }
		#footer a:hover{ color:#fff; text-decoration:none }
	input{ color: #000; padding-top:5px; ;height:18px; background-color: #F1DAE3; border: 0; padding:2px; }
	
	
	.form_button{ background-color:transparent; ;background-image:url(../../layout/register/valid.png); width: 150px; height:30px; background-repeat:no-repeat; text-align:center; color:#FFF; font-size:15px; }
/* MAIL BOX*/
	#mailbox{}
		#mailbox .preview{ font-size:9px}
		#mailbox label{ width:40px; border:#000 1px solid}
		#mailbox .unread{ background:#eee; }
		#mailbox .del{ text-align:right; width:30px; float:left;}
			/*#mailbox .unread a:link,#mailbox .unread a:active,#mailbox .unread a:visited{ background:#13282a; color:#FFF }
			#mailbox .unread a:hover{ background:#13282a; color:#FFF; text-decoration:none; }*/
		#inbox{ margin-bottom:30px;}
			#inbox .element{ border:#CCC 1px solid; padding:2px; margin-bottom:2px;}
			#inbox .element .from{ width:150px; float:left;}
			#inbox .element .subject{width:200px; float:left;}
			#inbox .element .moment{font-size:9px; text-align:right; float:left;}
		#outbox{}
			#outbox .element{ border:#CCC 1px solid; padding:2px; margin-bottom:2px;}
			#outbox .element .from{ width:150px; float:left;}
			#outbox .element .subject{width:200px; float:left;}
			#outbox .element .moment{font-size:9px; text-align:right;float:left;}
		#view_message{ width:500px; margin: 0 auto ;}
			#view_message .from{ width:150px; float:left;}
			#view_message .to{width:150px; float:left;}
			#view_message .moment{font-size:9px; text-align:right;}
			#view_message .subject{ border:#CCC 1px solid; padding:5px; margin-bottom:4px;margin-top:4px; background-color:#eee}
			#view_message .content{ border:#CCC 1px solid; padding:5px; margin-bottom:4px; background-color:#eee}
		#reply_message{}
			#reply_message .input_text{background-color:#eee;border:#CCC 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
			#reply_message textarea{width:500px; height:300px; padding:5px; background-color:#eee; border:0;border:#CCC 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
			
/* POLL */
	.poll .poll_name{ font-weight:bolder}

	.poll{ padding:10px;}
		.poll .poll_questions li{margin-left:-35px;; list-style:none; height:25px;  padding: 5px; }
		.poll .poll_questions .radio{ float:inherit; margin:0; padding:0; margin-right:5px; margin-top:-2px;}
		.poll .poll_questions .answer_title{margin-top:5px;float:left;  }
		
	.poll .answer_poll{}
		.poll .answer_poll li{margin-left:-35px;; list-style:none;  padding: 3 px; margin-bottom:8px;}
		.poll .answer_poll .title{ font-weight:bold}
		.poll .answer_poll .pool_barre{ height:14px; background-color:#06C;float:left;}
		.poll .answer_poll .value{float:left; margin-left:3px;}
/* MENU SIDE */
	.content_menu{ width:130px; text-align:left}
	.content_menu a:link,.content_menu a:visited,.content_menu a:active{ text-decoration:none}
	.content_menu a:hover{ color:#666; }
	.content_menu lu{ margin-left:-30px;}
	.content_menu li{ list-style:none; font-size:12px; margin-bottom:10px;margin-left:-30px;  color:#000;}
	
	#player_online li{ font-size:10px; color:#666;  margin-bottom:3px;}
	
	#content_menu_login{ text-align:left;}
	#content_menu_login form{ text-align:center;}
		#content_menu_login a:link,#content_menu_login a:visited,#content_menu_login a:active{ text-decoration:none}
		#content_menu_login a:hover{ color:#666;text-decoration:none }
		#content_menu_login h3{ text-align:center}
		#content_menu_login lu{}
		#content_menu_login li{ list-style:none; font-size:12px; margin-bottom:10px; margin-left:-20px; color:#000;}
		
	#webcam_preview{ text-align:center;  margin-top:15px; margin-left:-35px;}
	
	#content_menu_stats{ text-align:left; padding: 5px; overflow:auto; height:160px; width:150px; margin: 0 auto; margin-top:10px;}	
		#content_menu_stats .position{ float:left;}
		#content_menu_stats .name{ float:left; margin-left:5px;}
		
	#table_forumTopLinks{ margin-left:0;}
		#table_forumTopLinks li{margin-left:-35px;; list-style:none}
/* INDEX */
	#splash_content{ text-align:center; margin: 50px auto;}
/* Stats */
	#stats_group{}
		#stats_unit .position{ float:left;}
		#stats_unit .name{ float:left; margin-left:5px; width:350px;}
/* CHAT */
	#chatZone{ height:350px; overflow:auto;}
	#chat_menu{ padding: 5px; margin: 3px;}
	#chat_menu a{ margin-left:10px; padding:3px; background-color:#09C;}
/* HOME */
			#intro_box{}
			#intro_box .presentation{}
			
			#intro_box .presentation_image{ }
			#news_group{ }
							.news_unit{position:relative;padding: 0 10px 30px 10px;}
							.news_unit .title{position:relative;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#3A3A3A; font-weight:bold;float:left;}
							.news_unit .date{ position:relative; text-align:right;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3A3A3A; font-weight:bold;right:0px; padding:2px;}
							.news_unit .content{ position:relative; text-align:left;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3A3A3A;right:0px; padding:2px; }
								.news_unit .content a:active,.news_unit .content a:link,.news_unit .content a:visited {  	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3A3A3A; text-decoration:none; font-weight:bold;}
								.news_unit .content a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#3A3A3A; text-decoration:underline; }
								

/* OPTION PERSO */
	#avatar_choose { padding:0px; margin:0px; width:450px;  }
	#avatar_choose .avatar{width:50px;  float:left; margin: 5px;  text-align:center; }
/* GAME */
	#subirionSWF{ text-align:center; border: 5px solid #FFF}
	#banner_news{ background-color:#13282a; color:#FFF; padding:2px;}
	#banner_news a:active,#banner_news a:link,#banner_news a:visited {  	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; font-weight:bold;}
		#banner_news  a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:underline; }
								
/* BONUS */
	#bonus_content a:link,#bonus_content a:active,#bonus_content a:visited{ text-decoration:underline}
	#bonus_content a:hover{ text-decoration:none}
	.my_bonus_show{ width:100px; height:100px; border:#CCC 1px solid; background-color: #F1DAE3; padding:3px; float:left; margin-right:5px; }
	.my_bonus_show .point{font-size:25px; color:#900; font-weight:bold; text-align:center}
	.product{ padding:5px; margin:2px; border: #CCC 1px dashed; margin-bottom:10px;}
	.product .status{ font-weight:bold;}
/* REGISTER */
	#subscribe{}
		#subscribe #register_content{width:450px; margin: 0 auto;}
		#subscribe .character{ float:right; z-index:2; margin-top:-25px;}
		#subscribe input.text{width:210px;}
		#subscribe input.radio{ background-color:transparent;}
		#subscribe input.checkbox{ background-color:transparent;}
		#subscribe .chooseAvatar{ padding:0px; margin:0px; width:450px; }
		#subscribe .separator{ width:350px; height:1px; background-color:#666; margin:  0  auto; margin-top:20px; margin-bottom:20px;}
		#subscribe .chooseAvatar .avatar{width:50px;  float:left; margin: 5px;  text-align:center}
		#subscribe .content_avatar{ text-align:center}
		#subscribe #totalBox{ text-align:center}
		#subscribe #totalPoint{ font-size:30px; color:#900; font-weight:bold;}
		
		#subscribe #carac_choice{ width:498px; margin: 0 auto; margin-top:20px;}		
		#subscribe #carac_choice .caracBox{ width:140px; float:left;margin:10px; text-align:left }
			#subscribe #carac_choice .caracBox h4{ text-align:center;}
			#subscribe #carac_choice .caracBox .pointsContainer{height:70px; }
			#subscribe #carac_choice .caracBox .pointBox{width:15px;float:left;font-size:20px; color:#900;font-weight:bold; margin-left:40px; height:30px; background-color:transparent; }
			#subscribe #carac_choice .caracBox .actionContainer{float:right; width:35px;  margin-right:30px;   }
			#subscribe #carac_choice .caracBox .actionContainer img{ margin-bottom:5px;   }
		#subscribe .errorField{ color:#F00}
		#subscribe #caracpoint_error,#subscribe #email_error,#subscribe #login_error{ display:none;}
/*	WEBCAM	*/
		.webcam_pics{ border: solid 1px #CCC; margin:5px; float:left;}
			.webcam_pics .pic{ text-align:center;}
			.webcam_pics .name{ text-align:center;}
		.webcam_comments{border-top: 1px solid black; padding-top:6px; margin-top: 4px; }
		.webcam_comments > img{float:left; margin:5px; width:20%; height:20%;}
/* HELP FAQ */
	#faq_list{}
		#faq_list li{ margin-bottom:20px; list-style:none}
		#faq_list .question{ background-color: #eee; font-weight:bold;}