/*
//	Original Artemis Theme for phpBB version 2.0x & Categories Hierarchy 2.1.6 and +
//
//	file: templates/Artemis/Artemis.css
//
//	template: Artemis
//	author: Vjacheslav Trushkin
//	created by: Freestyle XL
//	copyright: (C) 2005-2007 Freestyle XL
//	site/forum: http://www.freestylexl.com
//
//	template: Artemis CH edition
//	author: GilGraf
//	copyright: (C) 2006-2007 GGWeb-FR
//	created by: GGWeb-FR design
//	site/forum: http://ggweb-fr.com/phpbbfre/
//	begin: 2007/02/16  - 19:38:15
//	version: 1.4.0-1 - 2007/02/23
//	license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*/

/* General page style ======================================================= */
html,
body {
	height: 100%;
}

body {
	background-color: #7C7C7C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
/* ========================================================================== */



/* Elements - Configuration ================================================= */
html body form {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}
html body a,
img {
	border: none;
}
html body input {
	margin: 0;
	vertical-align: middle;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
html body hr {
	height: 0px;
	border: solid #505050 0px;
	border-top-width: 1px;
}
html body br.spacer {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
	overflow: hidden;
}
html body br.both {
	clear: both;
}
html body label {
	cursor: pointer;
}
html body table {
	border: 0;
	empty-cells: show;
}
html body,
th,
td { 
	font-size: 12px;
}
html body p,
td {
	color: #000000;
}
html body p
{
	font-size: 11px;
}
/* ========================================================================== */

/* General font families for common tags ==================================== */
a {
	text-decoration: underline;
	color: #333;
}
a:visited {
	color: #444;
}
a:hover,
a:active {
	color: #FFF;
}

.forumline a {
	text-decoration: none;
	color: #CCC;
}
.forumline a:visited {
	color: #C8C8C8;
}
.forumline a:hover,
.forumline a:active {
	color: #FFF;
	text-decoration: underline;
}
/* ========================================================================== */

/* This is the border line & background colour round the entire page ======== */
.bodyline {
	border: solid 1px #505050;
	background-color: #7a7a7a;
}
/* ========================================================================== */

/* This is the outline round the main forum tables ========================== */
.forumline {
	background-color: #505050;
	text-align: left;
}
* html .forumline {
	width: 98%; /* width fix for IE 5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
.forumline th {
	text-align: center;
}

.forumline2 {
	border: solid 1px #505050;
	background-color: #7a7a7a;
}
/* ========================================================================== */

/*
//====================================================================== |
//==== Start Advanced BBCode Box MOD =================================== |
//==== v5.1.0E - CH216E ================================================= |
//====
*/
.postimage {
	cursor: pointer;
	cursor: hand;
}
.postimage:hover {
	background-color: #C2CFE5;
	cursor: pointer;
	cursor: hand;
}
/*
//====
//==== End Advanced BBCode Box MOD ==================================== |
//===================================================================== |
*/

/* Main table cell colours and backgrounds ================================== */
td.row,
.row1,
.row2,
.row3,
.row3Right {
	background-color: #7A7A7A;
	font-size: 11px;
}

td.row1:hover {
	background: #878787; 
}


/* Categories Hierarchy administration */
td.row1-flat {
	background: #7A7A7A;
}
td.row2-flat {
	background: #6F6F6F;
}
td.row3-flat {
	background: ##5B5B5B;
}

td.spaceRow {
	background: #BBB url('./images/css/bg_th.gif') top left repeat-x;
	height: 2px;
	padding: 0;
}
/* ========================================================================== */

/* Header cells - the gradient backgrounds ================================== */
th,
td.th {
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	border-width: 0px 1px 0px 1px;
	padding: 0 2px;
	white-space: nowrap;
	background: #BBB url('./images/css/bg_th.gif') top left repeat-x;
}
/* ========================================================================== */

/* ========================================================================== */
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.cat,
td.catHead,
td.catLeft,
td.catRight,
td.catBottom {
	color: #CCC;
	font-size: 11px;
	height: 25px;
	padding: 1px;
	background: #5b5b5b url('./images/css/bg_cat.gif') top left repeat-x;
}
td.catSides {
	color: #DDD;
	font-size: 11px;
	height: 20px;
	padding: 1px;
	background: #5b5b5b url('./images/css/bg_cat.gif') top left repeat-x;
}
td.catHead {
	font-size: 12px;
}
/* ========================================================================== */

/* The largest text used in the index page title and toptic title etc. ====== */
.maintitle,
h1,
h2 {
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height : 120%;
	color : #000000;
}
/* ========================================================================== */

/* General text ============================================================= */
html body .gen-px { font-size: 1px; }
html body .gen-px2 { font-size: 2px; }
html body .gen-px3 { font-size: 3px; }
html body .gen-spacer { font-size: 4px; }
html body .gen-mini { font-size: 6px; }
html body .gen-tiny { font-size: 8px; }

.gen,
.generror {
	font-size: 12px;
}
.genmed,
.genmederror {
	font-size: 11px;
}
.gensmall,
.gensmallerror {
	font-size: 10px;
}

.generror,
.genmederror,
.gensmallerror {
	font-weight: bold;
	color: #C00000;
}
/* ========================================================================== */

/* Used navigation text, (Page 1,2,3 etc) and the navigation bar ============ */
.nav {
	font-weight: bold;
	font-size: 11px;
}
.nav a,
.nav a:visited {
	text-decoration: underline;
}
.nav a:hover,
.nav a:active {
	text-decoration: underline;
}

.nav {
	color: #DDD;
}
.nav a,
.nav a:visited {
	color: #CCC;
	text-decoration: underline;
}
.nav a:hover,
.nav a:active {
	color: #FFF;
	text-decoration: underline;
}

table.nav {
	background: #5b5b5b url('./images/css/bg_cat.gif') top left repeat-x;
	border: solid 1px #505050;
	height: 25px;
}
/* ========================================================================== */

/* Forum title: Text and link to the forums used in: index.php ============== */
.forumlink {
	font-weight: bold;
	font-size: 12px;
}
.forumline a.forumlink,
.forumline a.forumlink:visited {
	text-decoration: none;
}
.forumline a.forumlink:hover,
.forumline a.forumlink:active {
	text-decoration: underline;
}
.forumlink_new {
	font-weight: bold;
	font-size: 12px;
}
.forumline a.forumlink_new,
.forumline a.forumlink_new:visited {
	color: #F0F0F0;
	text-decoration: none;
}
.forumline a.forumlink_new:hover,
.forumline a.forumlink_new:active {
	text-decoration: underline;
}
/* ========================================================================== */

/* Moderators link colour =================================================== */
.moderators {
	font-size: 10px;
}
.moderators a,
.moderators a:visited {
	color: #444;
	text-decoration: underline;
}
.moderators a:hover,
.moderators a:active {
	text-decoration: underline;
	color: #000;
} 
/* ========================================================================== */

/* titles for the topics: could specify viewed link colour too ============== */
.topictitle,
.topiclink
{
	font-weight: bold;
	font-size: 11px;
}
a.topictitle:link,
a.topictitle:visited,
.forumline a.topiclink,
.forumline a.topiclink:visited {
	text-decoration: none;
}
a.topictitle:hover,
a.topictitle:active,
.forumline a.topiclink:hover,
.forumline a.topiclink:active {
	text-decoration: underline;
}

.topiclink_new {
	font-weight: bold;
	font-size: 11px;
}
.forumline a.topiclink_new {
	text-decoration: none;
	color: #f0f0f0;
}
.forumline a.topiclink_new:visited {
	text-decoration: none;
	color: #e8e8e8;
}
.forumline a.topiclink_new:hover,
.forumline a.topiclink_new:active {
	text-decoration: underline;
}
/* ========================================================================== */

/* Post data ================================================================ */
.post-left {
	border-right: solid 1px #505050;
	background-color: #6D6D6D;
	text-align: center;
	width: 150px;
	padding: 2px;
}
.post-top {
	border-bottom: solid 1px #505050;
	background: #535353 url('./images/css/bg_post1.gif') top left repeat-x;
	height: 15px;
	vertical-align: middle;
	text-align: left;
	font-size: 9px;
	color: #B0B0B0;
	padding: 0;
}
.post-bottom {
	border-top: solid 1px #505050;
	background: #595959 url('./images/css/bg_post2.gif') top left repeat-x;
	text-align: left;
	font-size: 9px;
	line-height: 9px;
}
/* ========================================================================== */

/* The content of the posts (body of text) ================================== */
.postbody {
	font-size: 12px;
	color: #000;
	wrap-option: emergency;
	padding: 4px;
}
.postbody a,
.postbody a:visited {
	text-decoration: underline;
}
.postbody a:hover,
.postbody a:active {
	text-decoration: underline;
}
html>body .postbody {
	display: block;
	overflow: auto;
}
/* ========================================================================== */

/* Name of poster in viewmsg.php and viewtopic.php and other places ========= */
.name {
	font-weight: bold;
	font-size: 11px;
}
.name a,
.name a:visited {
	text-decoration: underline;
	color: #d4d4d4;
}
.name a:hover,
.name a:active {
	text-decoration: underline;
	color: #fff;
}
/* ========================================================================== */

/* Location, number of posts, post date etc ================================= */
.postdate {
	font-size: 10px;
	color: #b0b0b0;
}

.postdetails {
	color: #333;
	font-size: 9px;
}

.postrank {
	color: #303030;
	font-size: 9px;
}

.signature {
	font-size: 12px;
	color: #222;
}
/* ========================================================================== */

/* Quote & Code blocks ====================================================== */
table.quote {
	background-color: #494949;
	margin: 3px 0;
}
td.quote_user {
	background: #989898 url('./images/css/bg_quote.gif') top left repeat-x;
	font-size: 11px;
	color: #333;
	padding: 2px 5px;
}
td.quote {
	background-color: #888;
	wrap-option: emergency;
	color: #000;
}

table.code {
	background-color: #494949;
	margin: 3px 0;
}
td.code_header {
	background: #989898 url('./images/css/bg_quote.gif') top left repeat-x;
	font-size: 11px;
	color: #333;
	padding: 2px 5px;
}
td.code {
	background-color: #888;
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 11px;
	color: #000;
	wrap-option: emergency;
}
/* ========================================================================== */

/* Page navigation ========================================================== */
.pagination {
	color: #333;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
}
.pagination a,
.pagination a:visited {
	color: #333;
	border: #555 1px solid;
	padding: 1px;
	background-color: #888;
}
.pagination a:hover,
.pagination a:active {
	color: #555;
	border-color: #444;
	background-color: #AAA;
}

.gotopage {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 1px;
}
.gotopage a,
.gotopage a:visited {
	border: #555 1px solid;
	padding: 1px;
	background-color: #888;
	color: #333;
}
.gotopage a:hover,
.gotopage a:active {
	border-color: #444;
	background-color: #AAA;
	color: #555;
}
/* ========================================================================== */

/* Copyright and bottom info ================================================ */
#admin-link {
	text-align: center;
	font-size: 10px;
	clear: both;
	margin: 10px;
}

#copyright { 
	font-size: 10px; 
	color: #444; 
	text-align: center; 
	margin: 5px; 
}
#copyright a,
#copyright a:visited { 
	color: #C8C8C8; 
	text-decoration: none; 
}
#copyright a:hover,
#copyright a:active { 
	color: #FFF; 
	text-decoration: underline; 
}

/* Form elements ============================================================ */
input {
	text-indent: 2px;
}
input,
textarea,
select {
	color: #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
input.post,
textarea.post,
select {
	background-color: #666;
	border: solid 1px #333;
}
input.post {
	height: 17px;
}
select {
	vertical-align: middle;
}

input.button {
	background-color: #7A7A7A;
	color: #222;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #666;
	cursor: pointer;
}

input.mainoption {
	background-color: #666;
	font-weight: bold;
	border: solid 1px #333;
	height: 17px;
	color: #000;
	cursor: pointer;
}
input.liteoption {
	background-color: #666;
	font-weight: normal;
	border: solid 1px #333;
	height: 17px;
	color: #000;
	cursor: pointer;
}

input.mainoption:hover,
input.liteoption:hover,
input.post:hover,
textarea:hover {
	border-color: #222;
	background-color: #777;
}
input.mainoption:focus,
input.liteoption:focus,
input.post:focus,
textarea:focus {
	border-color: #000;
	background-color: #AAA;
}

select optgroup {
	background-color: #444;
	color: #DDD;
}
select option,
select optgroup option {
	background-color: #000;
	color: #EEE;
}
/* ========================================================================== */

/* Objects - Miscellaneous ================================================== */
/* This is the line in the posting page which shows the rollover help line ---*/
.helpline {
	background-color: #7a7a7a;
	border: solid 1px #7a7a7a;
	color: #444;
}
/* ========================================================================== */

/* Elements - Text logical marking ========================================== */
html body abbr,
acronym {
	color: #9CC4DF;
	border-bottom: 1px dotted #C8C8C8;
	cursor: help;
}
html body strong {
	font-weight: bold;
	text-decoration: none;
}
/* ========================================================================== */

/* Objects - Attributs - Alignment ========================================== */
/* Texts - Attributs - Position */
html body .hleft { text-align: left; }
html body .hcenter { text-align: center; }
html body .hright { text-align: right; }
html body .hjustify { text-align: justify; }

html body .abstop { vertical-align: top; }
html body .absmiddle { vertical-align: middle; }
/* Categories Hierarchy */
html body .absbottom { vertical-align: text-bottom; }
/* -------------------- */
html body .middle { text-align: center; vertical-align: middle; }
html body .bottom { vertical-align: bottom; }

html body .float-left { float: left; text-align: left; }
html body .float-right { float: right; text-align: right; }

/* Cells - Attributs - Paragraph */
html body .nowrap { white-space: nowrap; }

/* Miscellaneous - Definitions - Dimensions */
html body .w-full { width: 100%; }
html body .h-full { height: 100%; }

html body .both { clear: both; }
/* ========================================================================== */

/* Categories Hierarchy ===================================================== */
/* TC */
html body .dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}
/* -- */
/* ATT */
html body .attachtable {
	border: #505050 1px solid;
	border-collapse: collapse;
	padding: 3px;
}
html body .attachrow {
	font-size: 11px;
	border: #505050 1px solid;
}
html body .attachheader {
	background: #5b5b5b url('./images/css/bg_cat.gif') top left repeat-x;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 120%;
	border-bottom: solid 1px #505050;
	padding: 3px;
}
/* --- */
/* ========================================================================== */

/* Skins ==================================================================== */
/* borders */
.border-left {
	width: 15px;
	background: url('./images/css/border_left.gif') top right repeat-y;
}
.border-right {
	width: 15px;
	background: url('./images/css/border_right.gif') top left repeat-y;
}
.content {
	background-color: #979797;
}
.border-over {
	margin: 0 -15px;
	width: auto;
	position: relative;
	z-index: 1;
}
* html .border-over {
	float: left;
} /* workaround for IE negative margin bug */

.logo {
	background-image: url('./images/css/logo_bg.gif');
	height: 66px;
	text-align: center;
}

/* buttons */

.unread_messages {
	color: yellow;
	font-family: "Arial Black";
	font-size: 24px;
}

.no_unread_messages {
	color: #000000;
	font-family: Arial;
	font-size: 0px;
}


.buttons-bg1,
.buttons-table .buttons-border {
	height: 28px;
}
.buttons-bg1a {
	background: url('./images/css/buttons_left1.gif') top left no-repeat;
	padding-left: 15px;
	height: 28px;
}
.buttons-bg1b {
	background: url('./images/css/buttons_right1.gif') top right no-repeat;
	padding-right: 15px;
	text-align: middle;
	height: 28px;
}
.buttons-table {
	height: 28px;
	padding: 0;
	text-align: center;
}
.buttons-buttons {
	vertical-align: top;
	padding-top: 5px;
	overflow: hidden;
	color: #DDD;
	font-size: 10px;
	font-weight: bold;
	height: 28px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 23px;
}
html>body .buttons-buttons {
	height: 23px;
}
.buttons-buttons a,
.buttons-buttons a:visited {
	color: #DDD;
	text-decoration: none;
}
.buttons-buttons a:hover,
.buttons-buttons a:active {
	color: #EEE; text-decoration:
	underline;
}
/* header/footer */
.hdr-bg1 {
	height: 29px;
	margin: 0;
	width: auto;
}
.hdr-bg1-left {
	height: 29px;
	padding-left: 20px;
}
.hdr-bg1-left-small {
	height: 29px;
	padding-left: 10px;
}
.hdr-bg1-right {
	height: 29px;
	padding-right: 20px;
	text-align: center;
}
.hdr-bg1-right-small {
	height: 29px;
	padding-right: 10px;
	text-align: center;
}
.hdr-table {
	text-align: center;
	height: 29px;
	padding: 0;
}
/* FAUX -> EMPECHE LES LIENS IMAGES DE S'ALIGNER - PROVOQUE UN SAUT DE LIGNE
* html .hdr-table img {
	display: block;
}
*/
.hdr-table td.hdr-table-title
{ 
	text-align: center;
	vertical-align: top;
	color: #DDD;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	padding-top: 9px;
	height: 29px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
}
html>body .hdr-table .hdr-table-title {
	height: 20px;
}

.hdr-table-title a,
.hdr-table-title a:visited {
	color: #DDD;
	text-decoration: none;
	border-bottom: solid 1px #BBB;
}
.hdr-table-title a:hover,
.hdr-table-title a:active {
	color: #FFF;
	text-decoration: none;
	border-bottom-color: #FFF;
}

.tbl-left {
	background: #696969 url('./images/css/tbl_left.gif') top left repeat-y;
	padding-left: 10px;
}
.tbl-right {
	background: #696969 url('./images/css/tbl_right.gif') top right repeat-y;
	padding-right: 10px;
}

.ftr-bg {
	margin: 0;
	height: 12px;
}
.ftr-left {
	height: 12px;
}
.ftr-right {
	height: 12px;
}

.buttons-bg1,
.buttons-table .buttons-border {
	background-image: url('./images/css/buttons_bg1.gif');
}
.buttons-table {
	background-image: url('./images/css/buttons_bg2.gif');
}

.hdr-bg1 {
	background-image: url('./images/css/hdr_bg1.gif');
}
.hdr-bg1-left {
	background: url('./images/css/hdr_left1.gif') top left no-repeat;
}
.hdr-bg1-right {
	background: url('./images/css/hdr_right1.gif') top right no-repeat;
}
.hdr-bg1-left-small {
	background: url('./css/default/hdr_left_small1.gif') top left no-repeat;
}
.hdr-bg1-right-small {
	background: url('./css/default/hdr_right_small1.gif') top right no-repeat;
}

.hdr-table td.hdr-table-title {
	background-image: url('./images/css/hdr_bg2.gif');
}

.ftr-bg {
	background: url('./images/css/ftr_bg.gif') top left repeat-x;
}
.ftr-left {
	background: url('./images/css/ftr_left.gif') top left no-repeat;
}
.ftr-right {
	background: url('./images/css/ftr_right.gif') top right no-repeat;
}

/* Start Nav Menu Additions */
.row-nav {
	background: #FFF url('./images/css/bg_th.gif') top left repeat-x;
	color: #333;
	font-weight: bold;
	font-size: 11px;
}

.tbl-left-small {
	background: #696969 url('./images/css/tbl_left.gif') top left repeat-y;
	padding-left: 7px;
}
.tbl-right-small {
	background: #696969 url('./images/css/tbl_right.gif') top right repeat-y;
	padding-right: 7px;
}
/* End Nav Menu Additions */
/* ========================================================================== */