* { margin: 0px; padding: 0px; border: 0px; }

body {
	width: 100%;
	font-family: Tahoma, Verdana, Arial, serif;
	font-size: 11px;
	color: #EEEEEE;
	background: #070312 url(./images/menu-gauche-motif.jpg) bottom left repeat-y;
	margin-bottom: 20px;
}

#navbar {
	background: #070312;
	border-top: 1px solid #FFFFFF;
	padding: 0px;
	position: fixed;
	bottom: 0px;
	height: 20px;
	width: 100%;
	z-index: 100;
	color: #EEEEEE;
}
#navbar p#lang { float: left; margin-left: 5px; z-index: 101; padding-top: 2px; width: 200px; }
#navbar p#design { float: right; margin-right: 5px; text-align: right; z-index: 102; padding-top: 0px; width: 200px; }
#navbar p#quicklinks { text-align: center; z-index: 103; padding-top: 2px; margin: auto; width: 100%; }
#navbar img { vertical-align: middle; padding-bottom: 3px; }
#navbar img:hover { vertical-align: middle; padding-bottom: 2px; }
#navbar a:hover, #speedbar a:hover { color: #48A6D2 !important; }

#container {
	width: 100%;
	min-width: 900px;
	background: #070312 url(./images/menu-droite-motif.jpg) bottom right repeat-y;
}
#subcontainer {
	width: 100%;
	min-width: 900px;
	background: url(./images/menu-gauche-motif.jpg) bottom left repeat-y;
}
#undersubcontainer {
	width: 100%;
	min-width: 900px;
	background: url(./images/menu-droite-motif.jpg) bottom right repeat-y;
}

#header {
	margin: auto;
	background: #000000;
	text-align: center;
	margin: auto;
	height: 150px;
}
#header img { width: 100%; height: 100%; max-width: 900px; max-height: 150px;	text-align: center; }

#speedbar {
	height: 15px;
	width: 100%;
	margin: auto;
	background: #000000 url(./images/speedbar-background.jpg) top center repeat-x;
	color: #EEEEEE;
}
#speedbar p#welcome {
	float: left;
	height: 15px;
	padding-left: 7px;
	width: 300px;
}
#speedbar p#info {
	float: right;
	height: 15px;
	padding-right: 7px;
	width: 300px;
	text-align: right;
}
#speedbar p#location {
	height: 15px;
	text-align: center;
	width: 100%;
}

#menuleft {
	width: 160px;
	float: left;
	background: url(./images/menu-gauche-motif.jpg) top left repeat-y;
	color: #EEEEEE;
	text-align: center;
	margin-top: -10px !important;
	border-right: 1px solid #000000;
}
#menulefttop { display: none; }
.menulefttitle {
	font-size: 20px;
	color: #EEEEEE;
	margin: 10px 0px 10px 5px;
	padding: 2px 0px;
	text-align: center;
	font-family: "Trebuchet MS", "Century Gothic", serif;
	border-top: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
	background: #0C0F16;
}
.menulefttitle img { vertical-align: top }
.menuleftimage { text-align: center; font-size: 15px; }
.menuleftimage img { text-align: center; }
.menuleftlist li, .menurightlist li { list-style-type: none; }
.menuleftlist li a:hover { color: #48A6D2 !important; }
#menuleftbottom { display: none; }

#menuright {
	width: 160px;
	float: right;
	background: url(./images/menu-droite-motif.png) top right repeat-y;
	color: #CCCCCC;
	margin-top: -10px !important;
	border-left: 1px solid #000000;
}
#menuright p { padding: 1px 2px; }
#menurighttop { display: none; }
.menurighttitle {
	font-size: 20px;
	color: #EEEEEE;
	margin: 10px 5px 10px 0px;
	padding: 2px 0px;
	text-align: center;
	font-family: "Trebuchet MS", "Century Gothic", serif;
	border-top: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
	background: #0C0F16;
}
.menurighttitle img { padding-left: 3px; vertical-align: top; }
#img_affilates img { filter: alpha(opacity=50); opacity: .50;  -moz-opacity: 0.50; }
#img_affilates img:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.menurightlist { padding: 0px 5px 0px 12px !important; }
#member_menu a:before { content: '× '; }
#member_menu a:hover:before { content: '» '; }
#menurightbottom { display: none; }
#tchat_msg_box {
	width: 148px;
	background: black;
	border: 1px solid #FFFF00;
	padding: 0px 1px 1px 1px;
	margin: 2px 10px 1px 2px;
	text-align: left;
}
#tchat_messages { background: #070312; color: #EEEEEE; margin-top: -1px; margin: auto; max-height: 250px; overflow: auto; }
.tchat_msg_1 { background: #070312; }
.tchat_msg_2 { background: #071322; }
.tchat_msg_1, .tchat_msg_2 { margin-top: 1px; padding: 1px 0px; }

#quote {
	font-size: 10px;
	text-align: center;
	margin: 0px 165px;
	clear: both;
}
.secret, .spoiler2_hidden {
	padding: 5px;
	border: 1px dashed black;
	background: #072332;
	margin-left: 10px;
	cursor: pointer;
}
.spoiler3_hidden { display: none; cursor: default !important; }
.citation div.quote {
	padding: 5px;
	border: 1px dashed black;
	background: #072332;
	margin-left: 10px;
}

#content {
	margin: auto;
	width: 100%-336px;
	margin: 5px 168px;
}
#advertisement {
	margin: auto;
	text-align: center;
	width: 468px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
	z-index: 105;
}
#advertisement img, #advertisement div { margin: auto; text-align: center; }

#contenttop { display: none; }
#subcontent {
	background: #070312;
}
#undersubcontent {
	background: #070312;
}
#contentbottom { display: none; }
#contenttext {
	padding: 10px;
	color: #EEEEEE;
}

#footer {
	margin-top: 15px;
	padding-bottom: 10px;
	background: #000000 url(./images/footer.jpg) top center repeat-x;
	height: 85px;
	color: #EEEEEE;
}
#footerleft {
	float: left;
	padding: 12px 0px 0px 5px;
	width: 143px;
	height: 75px;
}
#footerright {
	float: right;
	padding: 12px 5px 0px 0px;
	width: 143px;
	height: 75px;
}
#footercenter {
	text-align: center;
	margin: 0px 143px;
	padding-top: 12px;
}

/* ACCENTUATION DU FOND */
.overlay_background { background: #071322; }

/* STATS */
table.stats { width: 98%; border: 0px; margin: auto; }
table.stats tr { border: 0px; }
table.stats td { border: 0px; padding: 5px; width: 25%; vertical-align: top; }
div.stats { border: 2px solid black; }
div.stats_title { background: #000000; text-align: center; font-size: 14px; font-weight: bold; color: #FFFF00; border-bottom: 2px solid black; }
div.stats_row { background: #071322; text-align: center; border-top: 1px solid black; padding: 1px; }
div.stats_row :first-child { background: #071322; text-align: center; border-top: 0px !important; padding: 1px; }

/* NEWS */
.news {
	width: 98%;
	border: 1px solid black;
	margin: 10px auto;
}
.news_titre {
	height: 22px;
	background: #111111;
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	padding-left: 4px;
}
.news_details {
	background: black;
	color: white;
	padding-left: 4px;
	padding-bottom: 1px;
	text-align: left;
	font-style: italic;
}
.news_contenu {
	width: 100%-10px;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background: #071322;
	overflow: auto;
}
.news_commentaires {
	height: 14px;
	padding: 1px 0px 1px 0px;
	text-align: center;
	background: #000000 url(./images/news-comm-background.jpg) center left repeat-x;
	vertical-align: middle;
}

.rules, .profile_box {
	width: 95%;
	margin: auto;
	background: #071322;
	border: 1px inset black;
	padding: 5px;
}

/* GUESTBOOK */
.gstbk {
	margin: 10px auto;
	width: 85%;
	border: 1px solid #000000;
	background: url(./images/sub-content-bg-color.png) top center repeat;
}
.gstbk_author {
	font-weight: bold;
	background: #000000;
	color: white;
	text-align: center;
	padding: 2px;
}
.gstbk_message { padding: 5px; }

/* LIEN */
a, .a { color: #EEEEEE; font-weight: bold; text-decoration: underline; cursor: pointer; }
a:hover, .a:hover { color: #48A6D2; text-decoration: underline; cursor: pointer; }
#menus a, #footer a { color: #EEEEEE; font-weight: bold; text-decoration: none !important; }
#menus a:hover, #footer a:hover { color: #48A6D2; font-weight: bold; }
#menuleft li a:hover { color: ##48A6D2; font-weight: bold; text-decoration: none; }
#navbar a { color: #EEEEEE; font-weight: bold; text-decoration: underline; }
#navbar a:hover { color: #48A6D2; text-decoration: none; }

/* SEMANTIQUE */
h1 { font-family: 'Arial Black', Arial, Verdana, serif; text-align: center; margin-bottom: 5px; }
hr { width: 90%; height: 0px; margin: 10px auto; border-top: 1px solid #000000; border-bottom: 1px solid #ffffff; }
table { border-color: #ffffff !important; }
#apercu { width: 100%; overflow: auto; }
.apercu {
	min-width: 90%;
	width: 90%;
	margin: auto;
	padding: 10px;
	border: 1px solid #000000;
	background: #072332;
}
div.action {
	width: 480px;
	min-height: 50px;
	padding: 10px;
	background: #000000;
	border: 1px solid #FFFF00;
	margin: auto;
	text-align: justify;
}
div.splitbox {
	width: 50%;
	margin: auto;
	padding: 10px;
	border: 1px solid #000000;
	background: #072332;
}
table { width: 100%; }
td.splitbox {
	width: 50%;
	min-height: 125px;
	margin: auto;
	padding: 10px;
	border: 1px solid #000000;
	background: #072332;
}
.txt_xs { font-family: Arial, Vrinda, serif; font-size: 10px; }
.txt_s { font-family: Arial, Vrinda, serif; font-size: 11px; }
.txt_m { font-size: 12px; }
.txt_l { font-size: 14px; }
.txt_xl { font-size: 16px; }

/* FORUM */
.author {
	width: 150px;
	padding: 2px;
	text-align: center;
}
.author img, img.avatar { max-height: 200px; max-width: 150px; }
tr.top td.author { padding: 0px; }

table.forum {
	width: 100%;
	border-width: 2px;
	border-collapse: collapse;
	border-color: #000000;
	border-style: solid;
	background: #004545;
}
table.forum tr, table.forum td { border: 1px solid white; }
table.forum td { padding: 2px; }

tr.forum_top { background: #0C0F16; border-left: 0px !important; border-right: 0px !important; }
tr.forum_top td, tr.forum_top td p { color: #FFFF00; font-weight: bold; text-align: center; border-left: 0px !important; border-right: 0px !important; }

tr.forum_cat { background: #000000; }
td.forum_cat { background: url(./images/gradient.jpg) top left repeat-y; color: #FFFF00; }
td.forum_cat img { margin: 0px 12px; vertical-align: top; }
span.forum_cat_name { font-size: 16px; color: #FFFF00; font-weight: bold; }
span.forum_cat_name:after { content: '. '; }
span.forum_cat_descr { font-family: Arial, Verdana, Vrinda, serif; font-size: 10px; color: #FFFF00; font-style: italic; }
span.forum_cat_descr:before { content: '» '; }

tr.forum_forum  { /* N/A */ }
td.forum_forum_read { width: 40px; text-align: center; }
td.forum_forum_icon { width: 50px; padding: 2px; text-align: center; background: #071322; }
p.forum_forum_name { text-align: center; font-size: 14px; }
p.forum_forum_descr { text-align: center; font-family: Arial, Verdana, Vrinda, serif; font-size: 10px; font-style: italic; }
td.forum_forum_count { text-align: center; vertical-align: middle; width: 50px; }
td.forum_forum_reply { text-align: center; vertical-align: middle; width: 225px; font-weight: bold; }

tr.forum_thread { /* N/A */ }
tr.forum_thread_0 { background: #111111 !important; }
tr.forum_thread_1 { background: #070312 !important; }
tr.forum_thread_2 { background: #070312 !important; }
td.forum_thread_read { width: 40px; text-align: center; }
td.forum_thread_icon { width: 50px; padding: 2px; text-align: center; }
.forum_thread_name { text-align: left; font-size: 14px; }
.forum_thread_sub { text-align: left; font-family: Arial, Verdana, Vrinda, serif; font-size: 10px; font-style: italic; }
td.forum_thread_count { text-align: center; vertical-align: middle; width: 50px; }
td.forum_thread_reply { text-align: center; vertical-align: middle; width: 225px; font-weight: bold; }
a.no_u { text-decoration: none; }

tr.forum_mess_top { background: #070322 !important; padding: 2px; vertical-align: middle; }
tr.forum_mess_top img { vertical-align: middle; }
tr.forum_mess_top td.forum_mess_top_author { text-align: center; }
tr.forum_mess_top td.forum_mess_date { text-align: left; padding-left: 5px; }
tr.forum_mess_content { background: #070312 !important; padding: 2px; }
tr.forum_mess_content td.forum_mess_user { padding: 2px; text-align: center; overflow: hidden; vertical-align: top; }
tr.forum_mess_content td.forum_mess_message { padding: 5px !important; text-align: left; overflow: auto; vertical-align: top; }
div.signature { max-width: 500px; overflow: auto; max-height: 310px; }
div.forum_mod { width: 500px; padding: 10px; border: 1px inset white; background: #071322; }

table.forum_info { border: 2px solid black; background: #000000 url(./images/gradient.jpg) top left repeat-y; width: 100%; margin-top: 20px; }
td.forum_stats, td.forum_last_topics, td.forum_last_posts { width: 33%; vertical-align: top; padding: 5px; }

/* BBCODE */
p.bbcode img { cursor: pointer; }
.color_imp { color: #FFFF00; }
p.img_resize_info {
	display: block;
	width: 492px;
	height: 13px;
	padding: 1px;
	padding-left: 5px;
	border: 1px solid black;
	background: #000000;
	color: #EEEEEE;
	font-weight: normal;
}

/* Emphasis */
.b, .gras, .bold { font-weight: bold; }
.i, .italique, .italic { font-style: italic; }
.u, .souligne, .underline { text-decoration: underline; }
.s, .barre, .stroke { text-decoration: line-through; }

/* Position */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

div.center, table.center { margin: auto; }
.float_left { float: left; padding-right: 10px; }
.float_right { float: right; padding-left: 10px; }
.float_center { margin: auto; padding: 0px 5px; }
.clear { clear: both; }

/* List */
ul.normal, ul.none, ol.num, ol.alpha { margin: 0px 0px 0px 20px; }
ul.normal ul.normal { list-style-type: circle; }
ul.normal ul.normal ul.normal { list-style-type: square; }
ol.alpha { list-style-type: upper-alpha; }
ol.alpha ol.alpha { list-style-type: lower-alpha; }
ul.none { list-style-type: none; list-style-image: url(.././images/spacer.gif); }

/* Table */
table.bbcode_b0, table.bbcode_b1 { margin: 10px 0px; width: 100%; }
table.bbcode_b0, table.bbcode_b0 tr, table.bbcode_b0 td { border: 0px; vertical-align: top; }
table.bbcode_b1, table.bbcode_b1 tr, table.bbcode_b1 td { vertical-align: top; }
table.bbcode_b0 td, table.bbcode_b1 td { padding: 2px; }
table.bbcode_b1 {
	border-collapse: collapse;
	border-color: #ffffff;
	border-style: solid;
	background: #070312;
}
table.bbcode_b1 tr, table.bbcode_b1 td { border: 1px solid black; }
tr.top { background: #000000 !important; color: red !important; font-weight: bold !important; text-decoration: none !important; text-align: center !important; }
tr.top td { padding: 0px; }

.sign { max-width: 504px; max-height: 300px; overflow: hidden; padding: 2px; }

/* PSEUDO-POPUP INFORMATIF */
#box {
	background-color: #000000;
	position: absolute;
	display: none;
	border: 1px solid #ffffff;
	color: #EEEEEE;
	padding: 3px;
	-moz-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	z-index: 300;
}
#imgbox {
	background-color: #000000;
	position: absolute;
	display: none;
	border: 1px solid #ffffff;
	color: #EEEEEE;
	padding: 3px;
	-moz-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	z-index: 300;
	text-align: center;
}
.infobox { cursor: help; }

/* STYLE DU MESSAGE SUITE AUX ACTIONS */
.info, .info p { color: #61d21c !important; }
.info { background: url(../dev.v3/images/info.png) top left no-repeat; margin: 10px 0px 0px 10px; padding-left: 54px; min-height:50px; }

.warn, .warn p { color: #ffcc00 !important; }
.warn { background: url(../dev.v3/images/warn.png) top left no-repeat; margin: 10px 0px 0px 10px; padding-left: 54px; min-height:50px; }

.block, .block p { color: #dc0000 !important; }
.block { background: url(../dev.v3/images/block.png) top left no-repeat; margin: 10px 0px 0px 10px; padding-left: 54px; min-height:50px; }

.quest, .quest p { color: #0084ff !important; }
.quest { background: url(../dev.v3/images/quest.png) top left no-repeat; margin: 10px 0px 0px 10px; padding-left: 54px; min-height:50px; }

/* FORMULAIRE */
input:focus { outline: none; }
input {
	border: 1px solid #FFFF00 !important;
	background: #071322;
	margin-top: 1px;
	padding-left: 2px;
	text-align: left;
	color: #EEEEEE;
	font-family: Verdana, Arial, Tahoma, serif;
	font-size: 11px !important;
}

input[type=submit] {
	border: 1px solid #FFFF00;
	background: #071322;
	margin-top: 3px;
	text-align: center;
	font-size: 10px;
	color: #EEEEEE;
	font-family: Verdana, Arial, Tahoma, serif;
}
textarea {
	border: 1px solid #FFFF00;
	background: #071322;
	margin-top: 1px;
	padding: 2px;
	text-align: left;
	color: #EEEEEE;
	font-family: Verdana, Arial, Tahoma, serif;
	font-size: 11px !important;
	height: 200px;
	width: 400px;
}
#container input { height: 14px; padding: 0px 2px; margin-top: 2px; }
#container input[type=submit], #container input[type=button] { padding: 0px 1px 1px 2px !important; height: 17px !important; }
#navbar input[type=submit], #navbar select { height: 16px; font-size: 10px; margin-top: 2px !important; vertical-align: middle; }
input[type=radio], input[type=checkbox] { vertical-align: middle; }
select {
	border: 1px solid #FFFF00;
	background: #071322;
	margin-top: 1px;
	height: 16px;
	text-align: left;
	color: #EEEEEE;
	font-family: Verdana, Arial, Tahoma, serif;
	font-size: 11px !important;
}
option { border: 0px; background: #071322; color: #EEEEEE; font-size: 11px !important; padding-right: 3px; }
option:after { content: " "; }