/*
  The original Aither2 Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
     scrollbar-face-color: #270800;
     scrollbar-shadow-color: #000;
     scrollbar-highlight-color: #4a2d1a;
     scrollbar-3dlight-color: #a1603c;
     scrollbar-darkshadow-color: #000;
     scrollbar-track-color: #000;
     scrollbar-arrow-color: #270800;
	 background:url(images/fond.gif) repeat-y top center;
	 background-color:#000;
	 margin: 0;
	 padding:0;
	 position: relative;
}


/* Special Halloween */
div.fond_6{
	background:url("./images/fond_6.jpg") repeat-x top center;
	width:100%;
}
div.halloween{
	background:url("images/headers/halloween.jpg") no-repeat top center;
	width:100%;
}




/* Dégradé en haut de page */
div.fond_1{
	background:url("./images/fond_1.jpg") repeat-x top center;
	width:100%;
}
div.fond_2{
	background:url("./images/fond_2.jpg") repeat-x top center;
	width:100%;
}
div.fond_3{
	background:url("./images/fond_3.jpg") repeat-x top center;
	width:100%;
}
div.fond_4{
	background:url("./images/fond_4.jpg") repeat-x top center;
	width:100%;
}
div.fond_5{
	background:url("./images/fond_5.jpg") repeat-x top center;
	width:100%;
}


/* Les cinq headers divers */
div.divers1{
	background:url("images/headers/divers1.jpg") no-repeat top center;
	width:100%;
}
div.divers2{
	background:url("images/headers/divers2.jpg") no-repeat top center;
	width:100%;
}
div.divers3{
	background:url("images/headers/divers3.jpg") no-repeat top center;
	width:100%;
}
div.divers4{
	background:url("images/headers/divers4.jpg") no-repeat top center;
	width:100%;
}
div.divers5{
	background:url("images/headers/divers5.jpg") no-repeat top center;
	width:100%;
}

/* Les cinq autres headers divers */
div.accueil{
	background:url("images/headers/accueil.jpg") no-repeat top center;
	width:100%;
}
div.divers6{
	background:url("images/headers/divers6.jpg") no-repeat top center;
	width:100%;
}
div.divers7{
	background:url("images/headers/divers7.jpg") no-repeat top center;
	width:100%;
}
div.personnages{
	background:url("images/headers/personnages.jpg") no-repeat top center;
	width:100%;
}
div.bestiaire{
	background:url("images/headers/bestiaire.jpg") no-repeat top center;
	width:100%;
}

/* Les cinq headers des quartiers */
div.pyrite{
	background:url("images/headers/pyrite.jpg") no-repeat top center;
	width:100%;
}
div.jade{
	background:url("images/headers/jade.jpg") no-repeat top center;
	width:100%;
}
div.marbre{
	background:url("images/headers/marbre.jpg") no-repeat top center;
	width:100%;
}
div.lazuli{
	background:url("images/headers/lazuli.jpg") no-repeat top center;
	width:100%;
}
div.onyx{
	background:url("images/headers/onyx.jpg") no-repeat top center;
	width:100%;
}

/* Les cinq headers des continents */
div.taku{
	background:url("images/headers/taku.jpg") no-repeat top center;
	width:100%;
}
div.mori{
	background:url("images/headers/mori.jpg") no-repeat top center;
	width:100%;
}
div.ikari{
	background:url("images/headers/ikari.jpg") no-repeat top center;
	width:100%;
}
div.shima{
	background:url("images/headers/shima.jpg") no-repeat top center;
	width:100%;
}
div.makkura{
	background:url("images/headers/makkura.jpg") no-repeat top center;
	width:100%;
}

td.menu{
	background:url(images/menu.jpg) no-repeat top center;
	width:960px;
	height:30px;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
}

td.corpsdusite {
	background:url(images/fond.gif) repeat-y top center;
	width:960px;
}

div.contenu{
	width:930px;
	text-align:justify;
}

div.aide{
	background:url(../../images/aide.jpg) no-repeat top center;
	width:420px;
	height:420px;
}

div.aide2{
	width:253px;
	height:393px;
	overflow:auto;
	color:#000000;
	font-size:11px;
	text-align:justify;
}

div.shout {
	width:200px;
	height:200px;
	overflow:auto;
}

div.revue {
	width:100%;
	height:300px;
	overflow:auto;
}

input.nobutton{
	color : #fffcc8;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	background-color:#270800;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
a:link,a:active,a:visited { color : #fffcc8; text-decoration: none; }
a:hover		{ text-decoration: none; color : #ffc938; }
hr	{ height: 0px; border: solid #a1603c 0px; border-top-width: 1px;}
img { border-style: none; }
body { font-family: {T_FONTFACE1} }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.nowrap { white-space: nowrap; }
.bold { font-weight : bold; }
.italic { font-style : italic; }
.spacer { height: 1px; font-size: 0; }
.complet { width: 100%; }
.demi { width: 50%; }
.tiers { width: 33%; }
.quart { width: 25%; }
.w200px { width: 200px; }
/* Classes complétées */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom, th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR { padding: 0 2px; }
.forumline { margin: 2px 0; }
/* Formulaires */
form { margin: 0; padding: 0; }
input { margin: 0; }
input.gen { height: {T_FONTSIZE3}px; }
input.genmed { height: {T_FONTSIZE2}px; }
input.gensmall { height: {T_FONTSIZE1}px; }
/* Alignements */
.lt { text-align: left; vertical-align: top; }
.rt { text-align: right; vertical-align: top; }
.ct { text-align: center; vertical-align: top; }
.jt { text-align: justify; vertical-align: top; }
.lm { text-align: left; vertical-align: middle; }
.rm { text-align: right; vertical-align: middle; }
.cm { text-align: center; vertical-align: middle; }
.jm { text-align: justify; vertical-align: middle; }
.lb { text-align: left; vertical-align: bottom; }
.rb { text-align: right; vertical-align: bottom; }
.cb { text-align: center; vertical-align: bottom; }
.jb { text-align: justify; vertical-align: bottom; }
/* Flottement */
.fl { float:left; }
.fr { float:right; }
.clear { clear: both; visibility: hidden; } 


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

/* This is the outline round the main forum tables */
.forumline	{ background-color: #5e311a; border: 1px #6a2505 solid; }
.forumline2	{ background-color: #270800; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #270800; }
td.row2	{ background-color: #270800; }
td.row3	{ background-color: #270800; }


/*
  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.rowpic {
		background-color: #270800;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

td.intro {
		background-color: #270800;
		background-image: url(images/cellpic.gif);
		background-repeat: repeat-y;
		background-position:left;
		border:#5e311a solid 1px;
}

td.intro2 {
		background-color: #270800;
		border:#5e311a solid 1px;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFCC99; font-size: 11px; font-weight : bold;
	background-color: #270800; height: 25px;
	background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#270800; border: #a1603c; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #000; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #a1603c; border: #000; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop	 { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* 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 : #fff;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #fff; }
a.gen,a.genmed,a.gensmall { color: #fffcc8; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #ffc938; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #fff }
a.mainmenu		{ text-decoration: none; color : #fffcc8;  }
a.mainmenu:hover{ text-decoration: none; color : #ffc938; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #fffcc8}
a.cattitle		{ text-decoration: none; color : #fffcc8; }
a.cattitle:hover{ text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #fffcc8; }
a.forumlink 	{ text-decoration: none; color : #fffcc8; }
a.forumlink:hover{ text-decoration: none; color : #ffc938; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #fff;}
a.nav			{ text-decoration: none; color : #fffcc8; }
a.nav:hover		{ text-decoration: none; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #fff; }
a.topictitle:link   { text-decoration: none; color : #fffcc8; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: none; color : #ffc938; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #fff;}

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #fffcc8 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: none; color : #ffc938}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #a1603c; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
	overflow: auto; max-height: 400px;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #a1603c; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.textenoir{ 
	color:#000000;
	font-size: 11px;
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: none;}


/* Form elements */
input,textarea, select {
	color : #fff;
	background-color : #000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #a1603c;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #000;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #270800;
	color : #fff;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #270800;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #270800;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #270800; border-style: none; }

a.aidelien,a.aidelien:active,a.aidelien:visited	{ text-decoration: none; color : #333; }
a.aidelien:hover								{ text-decoration: none; color : #333; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");