/* GLOBAL */
html{font-size:80%; font-family:Arial, Helvetica, sans-serif;}
html a{}
body{margin:0px;padding:0px;font-size:1em; }
#main_frame{width:971px;margin:auto;position:relative;}
.debug{/*border:dotted 1px #f00;*/background:#6666CC; }
.test{border:solid 1px #f00;}
.separator{clear:both;}
#content_result{display:none;}

/* ----------------------------------------- */
/* HEADER */
#header{height:108px; background:url(../images/main/header.jpg) no-repeat; }
#logo_link{height:60px; width:400px; position:absolute; top:0px; left:300px; display:block;}
#site_name{loat:left;padding:30px 0px 0px 30px;}
#site_name a{ text-decoration:none;}

/* ----------------------------------------- */
/* ACCESSIBILITY */
#accessibility{ float:right; margin-right:20px; display:none;}
#accessibility a{text-decoration:none;}


/* ----------------------------------------- */
/* MENU 
- Horizontal
	-	#menu a{display:inline-block;}
	-	for good placement, remember :
					.undermenu_container margin-left = (#menu a margin-left * -1)
*/
#menu{ height:21px; padding-top:68px; text-align:center; #padding-top:66px; }

#menu a{ text-align:center; display:inline-block; padding:2px 15px; text-decoration:none; color:#fff; font-weight:bold;}
#menu a.first{margin-left:0px;}
#menu a.last{}
#menu a:hover, #menu a.selected{color:#FFFF99;}

.undermenu_container {Z-INDEX: 200; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px; margin-top:19px; #margin-top:21px; margin-left:-40px; }
#menu .undermenu_container a{  display:block; line-height:.9em; padding:6px 10px;  border-top:none; background:url(../images/main/bg_th.jpg) 50% -200px;  }
#menu .undermenu_container a.first{margin-left:0px;}
#menu .undermenu_container a.last{}
#menu .undermenu_container a:hover{background:#2372a6;}

/* ----------------------------------------- */
/* MAIN */
#main{ border-left:solid 1px #133c5c; border-right:solid 1px #133c5c; padding:0px 20px 20px 20px; background:url(../images/main/main_bg.gif);}

/* ----------------------------------------- */
#pathway { 
	/*margin-left:210px;*/
	margin-right:210px;
	padding-left:10px;
	display:none;
}
#pathway ul{ margin:0px; padding:0px;}
#pathway li{ margin:0px 10px 0px 0px; display:inline;}
#pathway li.last a{background:#999;}

/* ----------------------------------------- */
/* ALERT_ALL_PAGES */
#alert_all_pages{background:#FF0000;color:#FF6; padding:5px; }
#alert_all_pages_round_corner{background:#FF0000; height:1px; margin:0px 1px;}
#alert_all_pages a{color:#060;}

/* ----------------------------------------- */
/* CONTENT */
#content{ width:675px; padding-top:15px; float:left;}
#content .top{}
#content .main{}
#content .bottom{}

/* ----------------------------------------- */
/* BLOC CONTENT */
#bloc_content{	display: none;
	clear:left;
	float:left;
	width:180px; height:80px;
	padding:10px;
	background:#F9C;
}
#bloc_content .top{}
#bloc_content .main{}
#bloc_content .bottom{}

/* ----------------------------------------- */
/* BLOC PLUGINS */
#bloc_plugins{	display: block;
	clear:left;
	float:right;
	width:225px;
	padding:15px 0px;
	
}
#bloc_plugins a{ }
#bloc_plugins a:hover{}
#bloc_plugins .main{margin-bottom:20px;}

/* ----------------------------------------- */
/* MAIL FRIEND */
#mail_friend{ margin-bottom:10px;padding:0px; }
#mail_friend .top{}
#mail_friend .main{}
#mail_friend .bottom{}
#mail_friend a{ text-decoration:none;}

#mail_friend_result{background:#FFF;text-align:center;height:600px;}

#contact_result{background:#FFF;text-align:center;}

/* ----------------------------------------- */
/* NEWS */
#news{color:#666;font-size:1em;}
#news .top{}
#news .main{}
#news .bottom{}
#news .unit{padding-bottom:10px; border-bottom:1px dotted #693;}
#news h3{ font-size:1.2em; margin:0px; margin-top:10px;}
#news p{ margin:0px;}
#news .date{color:#999;font-size:.8em;}
#news a.readmore{display:block; text-align:right;font-size:.8em;}

#page_news{color:#000;}
#page_news .date{color:#999;font-size:.9em;}
#page_news .tdvline{width:30px;}
#page_news .tdhline{ height:20px;}

/* ----------------------------------------- */
/* SEARCH */
#search{margin-left:22px;}
#search .top{}
#search .main{}
#search .bottom{}
.highlight_search{}
.search_input{width:140px;padding-left:20px;}
.search_result_item a{}



/* ----------------------------------------- */
/* SOCIABLE PLUGIN */
#sociable { text-align:right; float:right;}
/* ----------------------------------------- */
/* SITE MAP BOTTOM PLUGIN */
#site_map_bottom { margin-bottom:10px; padding:10px 10px; color:#999; font-size:.9em;}
#site_map_bottom ul{ margin:0px 10px 30px 0px; clear:left; border-bottom:1px solid #999;list-style:none;}
#site_map_bottom ul li {  clear:both; padding-top:10px;}
#site_map_bottom ul li ul li{padding-top:0px; border-bottom:none; float:left; clear:none; margin:0 0 0 20px;list-style:disc;width:250px;}
#site_map_bottom a{padding:0px 20px 0px 0px; display:block; color:#999;text-decoration:none;}
#site_map_bottom ul li ul li a{ border-bottom:none;}
#site_map_bottom a:hover{ color:#ccc;}
#site_map_bottom .menu_sel{}

/* ----------------------------------------- */
/* SITE MAP PAGE PLUGIN */
#site_map { margin-bottom:10px; color:#999; }
#site_map ul{ margin:0px; margin-top:50px; padding:0px; list-style:none;}
#site_map li{ margin:0px 10px 0px 0px; width:140px; float:left; margin-top:20px;}
#site_map ul li ul{ }
#site_map ul li ul li{ border-bottom:none;margin-top:0px;margin-left:20px; list-style:disc;}
#site_map a{color:#999; text-decoration:none;border-bottom:solid 1px #999; padding:0px 20px 0px 0px;}
#site_map ul li ul li a{ border-bottom:none;}
#site_map a:hover{text-decoration:underline;}
#site_map .menu_sel{color:#2276C2;}

/* ----------------------------------------- */
/* FOOTERS */
#footer1{ height:45px; background:url(../images/main/footer.jpg) no-repeat;text-align:center;padding-left:10px;padding-top:5px; color:#fff;}
#footer1 a, #footer1 a:visited{color:#fff;}
#footer1 a:hover{}
#footer2{ padding: 5px 0px;}
#footer_toppage{float:right;margin-right:20px;}
#footer_links{float:left;}

/* ----------------------------------------- */
/* SDJC links */
#sdjc_links{float:left;}

/* ----------------------------------------- */
/* BOTTOM */
#main_frame_bottom{width:971px;margin:auto;padding:8px 0px;}
#copyright{ float:right; color:#999; font-size:.9em;}
#copyright, #copyright a{ color:#999; }
#validator_w3c{ float:left; }

/* ----------------------------------------- */
/* UNDERMENU */
#undermenu{padding:0px;}
#undermenu ul, #undermenu li{ padding:0px; margin:0px;}
#undermenu li{list-style:none; display:inline;}
#undermenu a {display:inline-block;margin:0px 0px 0px 10px;}
#undermenu .top{ background: none;padding:0px;margin:0px }
#undermenu .main{ background: none;padding:0px;margin:0px; min-height:0px;}
#undermenu .bottom{ background: none;padding:0px;margin:0px }
#undermenu li.last a{background:none;}

/* ----------------------------------------- */
/* BOTTOM MENU */
#bottom_menu{ }
#bottom_menu a{display:inline-block; text-decoration:none; margin-left:20px;}
#bottom_menu a:link, #bottom_menu a:visited{}
#bottom_menu a.first{margin-left:0px;}
#bottom_menu a.last{}
#bottom_menu a:hover, #bottom_menu a.selected{}


/* Here are some css rules used by install, configurateur, admin */

a.b_go{display:inline-block; width:298px; height:52px; font-size:25px; background:url(../images/ico/b_go.png); padding-left:80px; line-height:50px;text-align:left; color:#333; font-weight:bold;text-decoration:none;}
a.b_go:link, a.b_go:visited{text-decoration:none; color:#2372A6}
a.b_go:hover{background:url(../images/ico/b_go_hi.png);}

a.b_dl{display:inline-block; width:298px; height:52px; font-size:25px; background:url(../images/ico/b_dl.png); padding-left:80px; line-height:50px;text-align:left; color:#333;}
a.b_dl:link, a.b_dl:visited{text-decoration:none; color:#2372A6}
a.b_dl:hover{background:url(../images/ico/b_dl_hi.png);}

/*------------------------------------*/
/* duplicated in article.css */
.alert{ min-height:35px; padding:10px; margin:5px 0px; border:solid 1px #f33; border-left:solid 10px #f33; padding-left:60px; background:url(../images/ico/alert_big.png) 5px 50% no-repeat #FFEEEE; color:#cc3300; }
.caution{min-height:35px; padding:10px; margin:5px 0px; border:solid 1px #F60; border-left:solid 10px #F60; padding-left:60px; background:url(../images/ico/caution_big.png) 5px 50% no-repeat #FC6; color:#F60;  }
.good{ min-height:20px; padding:10px; margin:5px 0px;  border:solid 1px #3d3; border-left:solid 10px #3d3;  padding-left:45px; background:url(../images/ico/ok_big.png) 5px 50% no-repeat #EEFFEE; color:#006633; }

/*------------------------------------*/

a.button, a.button:hover, a.button:visited{display:inline-block;
	line-height:30px; text-decoration:none; color:#000;}

.button {
	height: 31px;
	width:150px;
	background:url(../images/ico/button.png) no-repeat;
	border:none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.button:hover {background:url(../images/ico/button_hi.png) no-repeat;}

/*------------------------------------
/* not used 
.tf_alert{border:solid 1px #990000;background:#CCTTCC;color:#990000;}
.tf_good{border:solid 1px #009900;background:#CCFFCC;color:#009900;}
*/

/*-------------------------------------*/
/* LOGIN FORM */
#login_form_bloc{padding-right: 10px; text-align:right;}
#login_form_bloc .txtfield { padding:0px 1px;border:solid 1px #fff;background:url(../images/main/hi30.png);font-size:1em; color:#fff;}
#login_form_bloc form{padding:0px; margin:0px;}

#login_form_bloc{font-size:.9em; color:#fff;}
#login_form_bloc a{color:#fff;} 
#login_form_bloc a:hover{ color:#fb376c;}

#login_submit_button{ margin:0px; padding:0px; font-size:.8em;}

#user_salutation{ margin-right:10px;text-align:right; color:#CFF;}
#user_salutation a{ color:#fff;}/* 9CC */
#user_salutation a:hover{ color:#fff;}


#user_form{width:550px; margin:auto; padding:15px; border:solid 2px #ddd;}
.bloc_button{text-align:center;}

#user_form .bloc_button{margin-top:40px;}
.text_result{display:none; font-size:.9em; color:#999;}

.mandatory{ font-style:italic; color:#F90;}

.txtfield{
padding:0px 1px;
border:solid 1px #ccc;
font-family:arial,Tahoma,Arial,Verdana,sans-serif;
font-size:1em;
}

#captcha_img_img{border:solid 1px #BBB;}

.form_main{width:520px; margin:auto; padding:15px; border:solid 2px #ddd;}

#user_form .td_left{float:left; width:310px; margin-top:0px; padding:10px 10px 10px 0px; border-top:solid 1px #eee;}
#user_form .td_right{float:left; width:200px; clear:right; margin-top:0px;padding:10px 0px;  }

/* ------------------------------------- */
#community_add_bloc{text-align:right;}
#invitation_form{width:550px; margin:auto; padding:15px; border:solid 2px #ddd;}
#invitation_form .td_left{float:left; width:150px; margin-top:0px; padding:10px 10px 10px 0px; border-top:solid 1px #eee;}
#invitation_form .td_right{float:left; width:220px; clear:right; margin-top:0px;padding:10px 0px; text-align:right;  }

/* ------------------------------------- */


#home_bloc_bg{ height:667px; margin-left:30px;}
#bloc_button_on_img{}

/* ------------------------------------- */
#cadeaux_bg{ width:800px; height:400px; margin-left:30px;}
#subscribe_bloc_bg{ }
#subscribe_bloc_bg ol{text-align:left;}

/*---------------------------------------- */
#flashcontent{margin-left:25px;}

/*---------------------------------------- */
#games_list{ margin-top:20px;}
#games_list_content{width:650px; margin:auto; margin-top:20px; text-align:center;}

/*---------------------------------------- */
div#hiscores_list { margin-bottom:15px; }
#hiscores_list_content{width:1000px; margin:auto; margin-top:20px; text-align:center; font-size:.9em;
}
	
	#hiscores_list table {border:dotted 1px #ccc; width:296px; }
	#hiscores_list table tr td {padding: 1px 8px;text-align:left; }
	#hiscores_list tr.alt td {background:#eee;} 
	#hiscores_list th{background:url(../images/main/bg_th.jpg) repeat-y -200px;color:#FFFFFF;font-variant:small-caps;font-weight:bold;padding:3px;padding-left:15px; font-size:1.3em; text-align:center;}
	#hiscores_list .s{ text-align:right; padding-right:15px; width:60px;}
	#hiscores_list .s_big{font-size:2em; font-weight:bold;}
	#hiscores_month, #hiscores_week, #hiscores_day{float:left;}
	#hiscores_month, #hiscores_week{margin-right : 20px;}
	.hiscore_unit{ margin:5px; float:left; text-align:center;padding-right:20px;}/*border:solid 1px #666;padding:3px; */
	.hiscore_unit_score{width:200px;border:solid 1px #ccc; border-top:none;border-bottom:none; background:#F3F3F3; padding:3px; margin:auto;}
	.hiscore_unit_score .date{font-size:.4em;}
	.hiscore_unit_score_bottom{width:200px; height:1px;border-top:solid 1px #ccc; margin:auto; padding:3px;}
	
	.hiscore_unit_score_friend{font-size:1em;width:250px;border:solid 1px #ccc; border-top:none;border-bottom:none; background:#F3F3F3; padding:3px; margin:auto; height:150px; overflow:auto;}
	.hiscore_unit_score_friend_bottom{width:250px; height:1px;border-top:solid 1px #ccc; margin:auto; padding:3px;}
	
	.hiscore_unit_score_friend .your_best_score{font-size:1.3em; font-weight:bold;}
	.hiscore_unit_score_friend td{border-top:solid 1px #ddd; }
/*---------------------------------------- */
#report_bug_link{text-align:right; margin-bottom:5px;}