@import "reset.css";
@import "calendar.css";
@import "forms.css";
@import "fsbcode.css";
@import "mooRainbow.css";

/* Corps de la page */
body
{
	margin:			5px;
	font-family:	"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size:		62.5%;
	color:			#333333;
	background:		#f3f8ea;
}

#header
{
	height:		140px;
	background:	url("img/layout/top_background.png") repeat-x transparent left center;
}

#header .left
{
	width:		15px;
	height:		140px;
	float:		left;
	background:	url("img/layout/top_left.png") no-repeat transparent left center;
}

#header .right
{
	width:		15px;
	height:		140px;
	float:		right;
	background:	url("img/layout/top_right.png") no-repeat transparent right center;
}

#header .top
{
	padding-top:	12px;
}

#welcome_msg
{
	float:		left;
	font-size:	80%;
}

#right_menu
{
	font-weight:	bold;
	font-size:		80%;
	text-align:		right;
}

#right_menu a
{
	text-decoration:	none;
}

#header_right
{
	float:	right;
}

#header_quicksearch
{
	margin-top:	54px;
	text-align:	center;
}

#header_quicksearch a
{
	font-weight:	bold;
	font-size:		80%;
	color:			black;
}

#header h1
{
	text-align:	center;
}

#header p
{
	font-size:	80%;
	text-align:	center;
}

#header_left
{
	width:	266px;
	float:	left;
}

#menu
{
	margin-top:		-5px;
	font-weight:	bold;
	font-size:		110%;
	text-align:		center;
}

#menu a
{
	color:	#333333;
}

#menu a:hover
{
	color:				black;
	text-decoration:	none;
}

.nav
{
	height:				22px;
	line-height:		20px;
	margin:				5px;
	padding:			0 5px;
	font-size:			1em;
	font-weight:		bold;
	border:				1px solid #52575c;
	background:			white;
	-moz-border-radius:	7px;
}

.main
{
	margin:		0;
	padding:	0 6px;
}

.small
{
	font-size:	85%;
}

.moderators
{
	font-size:	85%;
	font-style:	italic;
}

.moderators span
{
	font-weight:	bold;
}

.round
{
	margin:				10px 0;
	padding:			5px;
	border:				1px solid #52575c;
	background:			white;
	-moz-border-radius:	7px;
}

.round h1
{
	margin-top:		-1px;
	margin-bottom:	2px;
	padding-left:	5px;
	font-size:		1.1em;
	font-weight:	bold;
	color:			#52575c;
}

.round h1 a
{
	font-weight:		bold;
	color:				#52575c;
	text-decoration:	none;
}

.round h1 a:hover
{
	color:				black;
	text-decoration:	none;
}

.t
{
	width:				99.5%;
	margin:				0 auto;
	margin-bottom:		5px;
	border:				1px solid #999999;
	border-collapse:	collapse;
	background:			#eeeeee;
}

.t td
{
	padding:	5px 10px;
	border:		1px solid #999999;
}

.t tr:hover td
{
	background:	#e5efd1;
}

.t th
{
	height:		21px;
	background:	url("img/table_th.png") repeat-x transparent;
}

.t th.other
{
	font-size:	0.85em;
	background:	#e5eedd;
}

.forumrules
{
	border:				1px solid #999999;
	background-color:	#f8dbb1;
	-moz-border-radius:	7px;
}

.forumrules h1
{
	padding:			3px;
	padding-bottom:		5px;
	background:			#e7c491;
	-moz-border-radius:	7px 7px 0px 0px;
}

.forumrules div
{
	margin:		0;
	padding:	10px 20px;
	font-size:	85%;
}

a.markread
{
	font-weight:	bold;
	font-size:		85%;
}

.admin, .admin:hover
{
	font-size:		85%;
	font-weight:	bold;
	color:			#980101;
}

.modosup, .modosup:hover
{
	font-size:		85%;
	font-weight:	bold;
	color:	#bb891d;
}

.modo, .modo:hover
{
	font-size:		85%;
	font-weight:	bold;
	color:	#2eb214;
}

.user, .user:hover
{
	font-size:		85%;
	color:	#000000;
	font-weight:	normal;
}

/* Couleur des bots */
.bot
{
	color:	#1F3E0D;
	font-weight:	normal;
}

.content, .dhtml_popup .error
{
	margin-bottom:	6px;
	padding:		5px;
	font-size:		85%;
	border:			1px solid #999999;
	background:		#eeeeee;
}

.error, .dhtml_popup .error
{
	padding:		10px;
	font-weight:	bold;
	font-size:		100%;
	color:			black;
	text-align:		center;
	background:		#d8e7bb;
	border-color:	#90a75d;
}

.error ul
{
	list-style:	none;
}

#topic_review
{
	max-height:	400px;
	overflow:	auto;
}

.post
{
	margin-bottom:	8px;
	width:	100%;
}

.post td
{
	vertical-align:top;
	margin-left:10px;
}

.post .userinfo
{
	width:	200px;
	vertical-align:	top;
}

.post .userinfo .userinfo_box
{
	margin-right:	8px;
	padding:	4px;
	-moz-border-radius:	7px;
	border:	none;
	background:#F1F1F1;
	clear:	both;
}

.post .userinfo .username
{
	height:	20px;
	font-size:	1.1em;
	border-bottom:	1px solid #CCCCCC;
	vertical-align:	middle;
	margin-bottom:	2px;
}

.post .userinfo .username img
{
	margin-right:	4px;
	vertical-align:	middle;
}

.post .userinfo .rank
{
	text-align:	center;
	color:	#999999;
	margin-bottom:	2px;
}

.post .userinfo ul.list
{
	margin:	0px;
	padding:	3px;
	padding-top:	5px;
}

.post .userinfo ul.list li
{
	list-style:	none;
}

.post .postcontent
{
	border:	none;
	background:	#FFFFFF;
	padding:	3px;
	-moz-border-radius:	7px;
}
.post .postcontent .postheader
{
	height:				22px;
	line-height:		22px;
	margin-bottom:		5px;
	padding:			0px 10px;
	font-size:			85%;
	vertical-align:		middle;
	background:			#c4ddaa;
	-moz-border-radius:	7px;
}

.post .postcontent .postheader span
{
	float:	right;
	color:	#777777;
}

.post .postfooter
{
	text-align:	right;
	font-weight:	bold;
	font-size:	9px;
	padding-top:	3px;
}

.post .message
{
	padding:	5px;
	overflow:	auto;
	clear:	both;
}

#tabs
{
	width:	25%;
	margin:	10px 10px 10px 0;
	float:	left;
}

#tabs h1
{
	height:				22px;
	line-height:		21px;
	padding-left:		20px;
	font-size:			100%;
	font-weight:		bold;
	background:			url("img/table_th.png") repeat-x transparent;
	border:				1px solid #52575c;
	border-bottom:		none;
	cursor:				default;
	-moz-border-radius:	7px 7px 0 0;
}

#tabs ul
{
	margin:			0;
	padding:		0;
	list-style:		none;
}

#tabs li
{
	line-height:	20px;
	padding-bottom:	1px;
	padding-left:	17px;
	color:			#333333;
	border:			1px solid #52575c;
	border-bottom:	none;
	background:		white;
	display:		block;
}

#tabs ul ul li
{
	padding-left:	34px;
}

#tabs li.curent, #tabs li:hover
{
	background:	#fff0f0;
}

#tabs li.start, #tabs li.start a
{
	border-top-color:	#52575c;
}

#tabs li.curent, #menu li.curent a, #tabs li:hover
{
	font-weight:		bold;
	color:				#831f48;
	text-decoration:	none;
	background:			#e5efd1;
}

#tabs li.curent:hover
{
	font-weight:	bold;
	background:		#e5efd1;
}

#tabs li.curent:before
{
	content:	"» ";
}

#tabs a:hover, #tabs li.curent a:hover
{
	color:				black;
	text-decoration:	none;
}

#tabs li.end, html>body #tabs li.end a
{
	border:				1px solid #52575c;
	border-top-color:	#cccfd3;
	-moz-border-radius:	0 0 7px 7px;
}

html>body #tabs li, html>body #tabs li.curent:before, html>body #tabs li.end
{
	margin:		0;
	padding:	0;
	border:		none;
	content:	"";
}

html>body #tabs a
{
	padding-bottom:	1px;
	padding-left:	17px;
	border:			1px solid #52575c;
	border-top:		1px solid #cccfd3;
	border-bottom:	none;
	display:		block;
}

html>body #tabs ul ul a
{
	padding-left:	34px;
}

html>body #tabs li.curent a:before
{
	content:	"» ";
}

#tabs_main
{
	margin:		0;
	overflow:	hidden;
}

#forum_tree
{
	overflow:	auto;
	max-height:	350px;
	width:	350px;
	border:	1px solid #999999;
	background-color:	#fafafa;
}

#forum_tree label
{
	vertical-align:	middle;
	display:	block;
	padding:	2px;
}

#forum_tree label:hover
{
	background-color:	#f0f0f0;
	cursor:	pointer;
}

/* Options des MP */
#mp_options img
{
	margin-left:	10px;
	margin-right:	10px;
}

/* Recherche dans les MP */
#mp_options form
{
	display:	inline;
}

/* Quota de MP */
#mp_options div
{
	margin-right:	10px;
	float:	right;
}

/* Liste des membres avancée */
.advanced_userlist
{
	width:	100%;
	empty-cells:	show;
	border-spacing:	3px;
}

/* Header de la liste avancée */
.advanced_userlist th, .advanced_userlist .title
{
	background:	#DDDDDD;
	-moz-border-radius:	7px;
	padding:	6px;
	text-align:	left;
	font-size:	1.2em;
	font-weight:	bold;
}

/* Titre de la liste avancée */
.advanced_userlist .title
{
	background:	#CCCCCC;
}

/* Cellules de la liste avancée */
.advanced_userlist td
{
	width:	33%;
}

/* Cellule d'information sur un membre */
.advanced_userlist td.userinfo
{
	border:	1px solid #999999;
	background-color:	#F8F8F8;
	vertical-align:	top;
	-moz-border-radius:	7px;
}

/* Effet de souris sur la cellule */
.advanced_userlist td.userinfo:hover
{
	background-color:	#f5fcf0;
}

/* Avatar du membre dans la liste avancée */
.advanced_userlist td.userinfo .avatar
{
	padding:	5px;
	margin-right:	2px;
	float:	left;
	width:	60px;
}

/* Profil du membre dans la liste */
.advanced_userlist td.userinfo .profile
{
	float:	left;
}

/* Profil du membre dans la liste */
.advanced_userlist td.userinfo .profile p
{
	margin-left:	7px;
	margin-top:	2px;
	font-size:	11px;
}

/* Image en ligne dans le profil du membre */
.advanced_userlist td.userinfo .online
{
	float:	right;
	margin-right:	3px;
	margin-top:	3px;
}

.delimiter
{
	width:	50%;
	margin:	20px auto;
	border-top:	1px dashed #999999;
}

/* Style de la pagination */
.pagination_block
{
	margin-bottom:	0;
	position:		relative;
}

/* Style sur le lien courant de la pagination */
.pagination_block_cur
{	
	display:			inline;
	border:				1px solid #aacc77;
	margin:				1px;
	padding:			2px 5px 1px 5px;
	background-color:	#e7e8ef;
	font-weight:		bold;
	cursor:				pointer;
}

/* Style de la pop up Goto de la pagination */
.pagination_form
{
	width:				130px;
	position:			absolute;
	top:				25px;
	right:				70px;
	text-align:			center;
	border:				1px solid #aacc77;
	background-color:	#e7e8ef;
	display:			none;
}

/* Style des input de saisie de text et bouton Go de la pagination */
.pagination_form input
{
	margin:		4px;
	padding:	2px 5px;
	width:		30px;
}

/* Style sur les liens de la pagination */
.pagination_block a
{
	display:			inline;
	border:				1px solid #aacc77;
	margin:				1px;
	padding:			2px 5px 2px 5px;
	background-color:	white;
	font-weight:		bold;
}

.pagination_block a:hover
{
	background-color:	#e4ffcc;
}

/* Style sur les liens de la pagination lorsque le curseur passe dessus */
.pagination_block a:hover
{
	text-decoration:	none;
}

td.t_desc
{
	padding:	10px;
	font-size:	90%;
}

.dhtml_popup
{
	border: 1px solid #999999;
	background: #e5e5e5;
	position: absolute;
	-moz-border-radius: 7px;
	padding: 4px;
}

.dhtml_popup .dhtml_popup_title
{
	padding: 2px 6px;
	margin-bottom: 2px;
	font-weight: bold;
}

.dhtml_popup .error
{
	font-size:	85%;
}

/* Options des MP */
#mp_options img
{
	vertical-align: middle;
	margin-right: 10px;
}

/* Recherche dans les MP */
#mp_options form
{
	display: inline;
}

/* Quota de MP */
#mp_options div
{
	float: right;
}

#block_stat td, #block_wio p
{
	font-size:	87%;
}

#copyright
{
	height:				22px;
	line-height:		23px;
	margin:				0 6px;
	padding:			0 5px;
	font-size:			90%;
	text-align:			center;
	border:				1px solid #52575c;
	background:			white;
	-moz-border-radius:	7px;
}

#copyright a
{
	font-weight:		bold;
	text-decoration:	none;
}