/* Css Document
------------------------------------------ */
*{ padding: 0; margin: 0; }

header, footer, nav, section, aside, article{ display: block; }

body{ 
	background-image: url("../images/h_bg.png"), url("../images/bg_html.png");
	background-repeat: repeat-x, repeat;
	background-position: 0px 0px, 0px 170px; }

h1{ 
	font-family: Arial, Helvetica, Sans-serif;
	font-style: italic;
	font-size: 12px;
	color: #999999; }

h2{ 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #ec3433; }

h3{ 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 20px;
	color: #1494d1; }

h4{ 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666; }

img{ border: 0px; }

img.signature{
	max-width: 720px;
	max-height: 128px; }

a{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #1494d1;
	text-decoration: none; }

a:hover{ color: #106b96; }

a.current, a:hover.current{ color: #1494d1; }

blockquote{ 
	padding: 5px;
	background: #faf8f5;
	border: 1px dashed #c2c2c2; }

abbr{ border: none; }

abbr:hover{ cursor: help; }

abbr:hover.date{
	cursor: help;
	border-bottom: 1px dotted #c2c2c2; }

#pagination a{ 
	font-size: 12px;
	background: #eee8e8;
	border: 1px solid #cecdcd; }

span.hl{ background-color: #ffff00; }

/* Navigation
------------------------------------------ */	
nav{ 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	background: url(../images/nav_bg.png) repeat-x; }

nav ul{ 
	margin: 0px auto;
	width: 1000px;
	height: 50px;
	list-style: none; }

nav li{
	float: left;
	height: 50px;
	line-height: 50px; }

nav li:hover{ background: url(../images/nav_h.png) repeat-x center; }

nav li.current{ background: url(../images/nav_c.png) repeat-x center; }

nav li:hover.current{ background: url(../images/nav_hc.png) repeat-x center; }

nav li a{
	display: block;
	padding: 0px 20px; }

nav li a span{
	float: left;
	position: relative;
	width: 0px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none; }

nav li a img{ vertical-align: middle; }

/* Bannière Noob, aléatoire
------------------------------------------ */		
#slideshow{ 
	margin: 0px auto;
	padding-top: 97px; }
	
/* BBCodes
------------------------------------------ */	
img.bbcodeimg{ max-width: 720px; }

/* Page Index, Forum
------------------------------------------ */
#content{ 
	margin: 0px auto;
	padding-bottom: 20px;
	width: 1000px; }

#contentCol{
	display: table-cell; 
	margin: 0px auto; 
	padding-top: 90px;
	width: 1000px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666; }

#varHeader{
	margin: 0px auto; 
	padding-bottom: 15px;
	width: 1000px; }

#varHeaderCol{
	display: table; 
	margin: 0px auto;
	padding : 10px;
	width: 978px; 
	background-color: #f6f6f6;
	border: 1px solid #cecdcd;
	border-radius: 10px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666; }

#varHeaderColLeft, #varHeaderColMid, #varHeaderColRight{ 
	display: table-cell;
	padding: 0px 5px;
	width: 33%;
	vertical-align: top; }
	
#forum-index thead th{ padding: 20px 0px 15px 0px; }

#forum-index tbody td{ 
	vertical-align: middle;
	padding: 13px 0px 15px 0px;
	border-bottom: 1px dashed #c2c2c2; }
	
#fiTab1{ 
	margin-bottom: -10px;
	padding-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	background: url(../images/tab_1000_3.png) no-repeat; }

#fiTab2{ 
	margin-bottom: -10px;
	padding-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	background: url(../images/tab_1000_2.png) repeat-y; }

#events5{ 
	margin: 3px 0px; 
	padding: 0px 5px 2px 0px;
	background: #f1f1f1;
	border-bottom: 1px solid #e4e3e3; }

#events5 p{ 
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis; /* Opera 9/10 */
	text-overflow: ellipsis; }

#events5 a{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #1494d1;
	text-decoration: none; }

#events5 a:hover{ color: #106b96; }

#events5 a.current, #events5 a:hover.current{ color: #1494d1; }

#top5Sujets{ 
	margin: 3px 0px; 
	padding: 0px 5px 2px 0px;
	background: #f1f1f1;
	border-bottom: 1px solid #e4e3e3; }

#top5Sujets p{
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis; /* Opera 9/10 */
	text-overflow: ellipsis; }

#top5Sujets a{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #1494d1;
	text-decoration: none; }

#top5Sujets a:hover{ color: #106b96; }

#top5Sujets a.current, #top5Sujets a:hover.current{ color: #1494d1; }

#pubBa1{ 
	margin: 0px auto;
	min-height: 250px;
	background: url(../images/pub_offline.png) no-repeat center; }

#pubBa1 img{ padding-bottom: 5px; }

/* Page 403 et 404
------------------------------------------ */
#err403, #err404{ 
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	border: 1px solid #cecdcd; 
	background-color: #f6f6f6; }

/* Page FAQ
------------------------------------------ */
#faq{ 
	width: 100%;
	border: 1px solid #cecdcd; 
	background-color: #f6f6f6; }

#faqTab{ padding: 5px; }

#faqTab tbody td{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: justify; }

/* Page Topic/Report, N/E/M-Topic et N/E-Post
------------------------------------------ */
#topicTabMsg{
	margin-bottom: 15px; 
	padding: 5px;
	width: 100%;
	height: 160px;
	border: 1px solid #cecdcd; 
	background-color: #f6f6f6; }

#topicTabMsgHeader{ 
	margin-bottom: 20px; 
	width: 100%; 
	border-collapse: collapse; }

#topicTabMsgHeader a{ 
	font-size: 17px;
	color: #35a2d9; }

#topicTabMsgContent{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666; 
	width: 786px; }

#topicTabMsgContent p{
	overflow: hidden;
	text-overflow: ellipsis; }

#topicTabMsgSignature{ 
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #cecdcd;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666; 
	width: 786px;}

#topicTabMsgSignature p{
	overflow: hidden;
	text-overflow: ellipsis; }

#topicTabMsgAvatar{ 
	margin-left: 5px; 
	padding-left: 5px;
	width: 100%; 
	border-left: 1px solid #cecdcd; }
	
#topicTabReport{
	padding: 5px;
	width: 100%;
	border: 1px solid #cecdcd; 
	background-color: #ffe6e6; }
	
#topicTabReplyTopic{ 
	margin-bottom: 5px; 
	width: 100%;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#topicTabReplyTopic td{ padding: 5px; }

#topicTabReplyQuickTopic{ 
	margin-bottom: 15px; 
	width: 100%;
	display: table; }
	
#topicColLeftReplyQuickTopic{ 
	display: table-cell;
	padding: 5px;
	width: 69%;
	vertical-align: top;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#topicColMidReplyQuickTopic{ 
	display: table-cell;
	width: 1%; }
	
#topicColRightReplyQuickTopic{ 
	display: table-cell;
	width: 30%; }
	
#topicTabSocialNote{
	margin-bottom: 15px; 
	padding: 5px;
	width: 100%;
	border: 1px solid #cecdcd; 
	background-color: #f6f6f6; }
	
#topicSocial{ 
	margin: 0;
	list-style: none; }
	
#topicSocial li.social-text{ 
	margin-top: 3px;
	display: inline-block;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666; }

#topicSocial li.social-fb{ 
	margin-left: 6px;
	display: inline-block;
	vertical-align: top; }

#topicSocial li.social-twitter{ 
	margin-left: 6px;
	display: inline-block; }

#topicSocial li.social-google{ 
	margin-left: 6px;
	display: inline-block; }
	
#topicNote select{ 
	margin: 0; 
	padding: 2px 7px 2px 3px; 
	width: 150px; 
	height: 20px; 
	vertical-align: top; 
	background: url(../images/vote.png); 
	border: 0; 
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px; 
	color: #666666; }

#topicNote option{ padding: 0px 0px 1px 5px; }

#topicPoll{ 
	padding: 10px 123px 10px 123px;  
	border: 1px dashed #c2c2c2;
	background-color: #f6f6f6; }
	
#topicPoll label{ padding: 0px 0px 0px 10px; }

#topicPollView{ margin: 0px 0px -5px 0px; }

#topicPollView img{ 
	height: 20px; 
	vertical-align: bottom; }

/* Page Reply-Topic et Edit-Post
------------------------------------------ */
#replyTopicTab{ 
	margin-bottom: 5px; 
	width: 100%;
	height: 300px;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#replyTopicTab td{ padding: 5px; }

#replyTopicTabPreview{ 
	width: 100%;
	border: 1px dashed #c2c2c2;
	background-color: #f6f6f6; }

#replyTopicTabPreview td{ padding: 5px; }

/* Page New-Topic et Edit-Topic
------------------------------------------ */
#newTopicTab{ 
	margin-bottom: 5px; 
	width: 100%;
	height: 300px;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#newTopicTab td{ padding: 5px; }

#newTopicTabPreview{ 
	width: 100%;
	border: 1px dashed #c2c2c2;
	background-color: #f6f6f6; }

#newTopicTabPreview td{ padding: 5px; }

#newTopicTabPoll{ 
	width: 100%;
	border: 1px dashed #c2c2c2;
	background-color: #f6f6f6; }

#newTopicTabPoll td{ padding: 5px; }

#newTopicTabPoll input{ margin: 5px; }

/* Page Profile
------------------------------------------ */
#profileTab{ 
	margin-bottom: 5px; 
	width: 100%;
	display: table; }
	
#profileColLeft{ 
	display: table-cell;
	width: 20%;
	vertical-align: top; }

#profileColLeft ul{ 
	margin-bottom: 25px;
	list-style: none; }

#profileColLeft li{ 
	height: 25px;
	line-height: 25px; }

#profileColLeft li a{
	padding-left: 5px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 25px;
	text-decoration: none; }

#profileColLeft li a:hover, #profileColLeft li a.current, #profileColLeft li a:hover.current{ color: #333333; }
	
#profileColRight{ 
	display: table-cell;
	width: 80%;
	vertical-align: top; }
	
#profileTabHome{ 
	padding: 10px;
	width: 100%;
	display: table;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }
	
#profileColLeftHome{ 
	display: table-cell;
	width: 10%;
	vertical-align: top;
	text-align: center; }
	
#profileColRightHome{ 
	display: table-cell;
	width: 90%;
	padding-left: 10px;
	vertical-align: top; }
	
#profileTabSign{ 
	margin-bottom: 5px; 
	padding: 5px;
	width: 100%;
	display: table;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#profileTabSign td{ padding: 5px; }

#profileTabSignPreview{ 
	width: 100%;
	border: 1px dashed #c2c2c2;
	background-color: #f6f6f6; }

#profileTabSignPreview td{ padding: 5px; }

#profileTabSignPreviewDiv{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666; 
	width: 602px; }

#profileTabSignPreviewDiv p{
	overflow: hidden;
	text-overflow: ellipsis; }

/* Page Account
------------------------------------------ */
#accountTab{ 
	margin: 0px auto;
	width: 100%;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#accountTab textarea{ margin: 12px 5px 12px 5px; }

#accountTab td{ padding: 5px; }

/* Page Search et Global search
------------------------------------------ */
#search input[type="text"], #page-search input[type="text"], #forum-search input[type="text"]{ 
	margin-right: 3px; 
	width: 175px; 
	height: 18px; 
	vertical-align: top; 
	border: 1px solid #cecdcd;  
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #666666; }

#page-search{
	margin: 0px auto;
	padding: 5px;
	border: 1px dashed #c2c2c2;
	font-weight: normal;
	background-color: #f6f6f6; }
	
#forum-search{ float: right; }
	
/* Page Member list
------------------------------------------ */
#memberlistTab{ 
	margin: 15px auto;
	width: 100%;
	border: 1px solid #cecdcd;
	background-color: #f6f6f6; }

#memberlistTab thead th{ padding: 15px 0px 15px 0px; }
	
#memberlistTab tbody td{ 
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #c2c2c2; }

#memberlistTab tbody tr:hover{ background-color: #ffffff; }

#memberlist input[type="text"]{ 
	width: 400px; 
	height: 18px;
	border: 1px solid #cecdcd;  
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 12px; 
	color: #666666; }
	
#memberlist input[type="image"]{ vertical-align: middle; }

#memberlistAchievement {
	margin: 0px auto;
	width: 30px;
	height: 30px; }

#memberlistAchievement img{
	width: 30px;
	height: 30px; }

/* Footer
------------------------------------------ */
footer{ 
	margin: 0px auto;
	background: url(../images/f_bg.png) repeat-x;
	height: 253px; }

#footerCol{
	display: table; 
	margin: 0px auto;
	width: 1000px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666; }

#footerColLeft{
	display: table-cell; 
	padding-top: 30px;
	width: 550px; }

#footerColMid{
	display: table-cell; 
	padding-top: 30px;
	width: 50px; }

#footerColRight{
	display: table-cell; 
	padding-top: 30px;
	width: 400px; }

/* Copyright
------------------------------------------ */
#copyright{ 
	margin: 20px 20px;
	text-align: center; }

#copyright a{ 
	font-size: 12px;
	color: #1494d1; }