/* les champs marqué par templat sont a modifier lors de la mise en place d'une nouvelle template

/* ---------------------------------------------------------------------------------------------------*/
/* -------------------------------------------- COMMON -----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/

BODY {
	font-family		: Arial;
	font-size		: 12px;
	font-weight		: normal;
	color			: #b6b6b6;
	background		: #000000;
	margin-top		: 0;
	margin-bottom	: 0;
}

.pageTitle{
	font-size		: 26px;
	font-weight		: normal;
	color			: #fbbd5e;			/* template */
	text-align		: center;
	text-decoration	: underline;
}

H1{
	font-size		: 22px;
	font-weight		: normal;
	color			: #fbbd5e;			/* template */
	text-decoration	: underline;
	margin-top		: 20px;
	margin-bottom	: 1px;
}

H2{
	font-size		: 18px;
	font-weight		: normal;
	color			: #fbbd5e;  		/*template */
	text-decoration	: none;
	margin-top		: 10px;
	margin-bottom	: 1px;
}

H3{
	font-size		: 16px;
	font-weight		: bold;
	color			: #fbbd5e; 			 /* template */
	text-decoration	: none;
	margin-top		: 10px;
	margin-bottom	: 1px;
}


A 		{ text-decoration : none; font-size : 12px;color : #fbbd5e;cursor : pointer; }
A:link 	{ text-decoration : none; font-size : 12px;color : #fbbd5e;cursor : pointer; }
A:hover { text-decoration : none;				   color : #a8a8a8;	cursor: pointer; }


.ficheLabel{
	font-weight		: normal;
	font-size		: 12px;
	text-align		: right;
}

.error{
	font-size		: 13px;
	font-weight		: bold;
	color			: #ff2222;
}



/* affichage avatar sur toutes les pages */ 
.avatarBoardTable{
	border-left		: #8f8f8f 2px solid; /* template */
	border-top		: #8f8f8f 2px solid; /* template */
	border-right	: #d5d4d5 2px solid; /* template */
	border-bottom	: #d5d4d5 2px solid; /* template */
	background		: #454545;
	width			: 100%;	
	font-size		: 12px;
}
.avatarBoardLeft{
	padding-left	: 10px;
	padding-top		: 10px;
	padding-bottom	: 10px;
}
.avatarBoardRight{
	width			: 700px;
	padding-right	: 10px;
	padding-top		: 10px;
	padding-bottom	: 10px;
}

.legendSpan{
	color			: #ffd18a; 			 /* template */
	font-weight		: bold;
	font-size		: 12px;	
}
/* obligatory because IE automaticaly applies a inverted color --> we must force the white text */
.legend{
	color			: #ffd18a; 			 /* template */
	font-weight		: bold;
	font-size		: 12px;
}
.kyrandeFieldset{
	border-left		: #8f8f8f 2px solid; /* template */
	border-top		: #8f8f8f 2px solid; /* template */
	border-right	: #d5d4d5 2px solid; /* template */
	border-bottom	: #d5d4d5 2px solid; /* template */	
	background		: #454545; 			 /* template */
	font-size		: 12px;
	padding-left	: 4px;
	padding-right	: 4px;
}

/* small text for picture legends and remarks */
.infoText {
	
	font-size		: 10px;
	font-weight		: normal;
	color			: #a2a1a2; 			/* template */
	text-decoration	: none;
}

/* medium sized text bigger than infoText, smaller than large fonts used in the site */
.mediumText {
	
	font-size		: 12px;
	font-weight		: normal;
	color			: #a2a1a2;			/* template */
	text-decoration	: none;
}

/* normal used in the site */
.standardText {
	
	font-size		: 14px;
	font-weight		: normal;
	color			: #a2a1a2;			/* template */
	text-decoration	: none;
}

/* affiche ou efface les commentaires dans la page de gestion du royaum*/
#speechRessource {
    display			: none;
}
#speechBuilding {
    display			: none;
}
#speechUnit{
    display			: none;
}


/*------------- Standart displaying TABLES --------------*/
.standardTable {
	//background	: #ede1cb;
	background		: #ede1cb;
	border 			: solid 1px #5B0000;
}

.standardTable td {
	border 			: solid 1px #5B0000;
}



/*------------- Standart displaying TABLES --------------*/
.noGridTable {
	width			: 100%;
	background		: #ede1cb;
	border 			: solid 1px #FFFFFF;
}

.noGridTable td {
	border 			: none;
}

.tableNoBorder {
	float			: left;
	text-align		: center;
	width			: 100%;
	margin-top		: 5px;
	BORDER-COLLAPSE	: collapse;
}

.buttonKyrande {
    COLOR			: #b6b6b6;
	font-family		: Times;
	font-size		: 12px;
    text-decoration	: none;
    background-color: #585858;
}
/**/
/*--------------------------------------------------  COMMON TABLES ------------------------------------*/
/**/

table {
	BORDER-COLLAPSE	: collapse;
	
}

table th {
	font-size		: 12px;
	height			: 22px;
	font-weight		: bold;
	color			: #ffd18a;
	text-align		: center;
	vertical-align	: text-top;	
	background-image: url('../imgs/accueil/globaltitle.png');
	padding-top		: 7px;
	padding-right	: 5px;
	padding-left	: 5px;	
}

.fieldsetTh {
	font-size		: 11px;
	height			: 25px;
	/*font-weight		: bold;*/
	color			: #ffd18a;
	text-align		: center;
	vertical-align	: text-top;	
	background-image: url('../imgs/human_Skin/fond-sub-th-market.jpg');
	padding-top		: 7px;
	padding-right	: 5px;
	padding-left	: 5px;	
}


.backgroundTr {
	border-left		: 1px solid #a2a1a2;	/* template */
	border-top		: none;
	border-right	: 1px solid #a2a1a2; 	/* tempalte */
	border-bottom	: none;
	background		: #454545;
}

.standardTable {
	background		: #454545; 				/* Template */
	border-left		: 1px solid #a2a1a2;	/* Template */
	border-top		: none;
	border-right	: 1px solid #a2a1a2;	/* Template */
	border-bottom	: 1px solid #a2a1a2;	/* Template */
}

.standardTable td {
	border 			: solid 1px #a2a1a2;	/* Template */
	font-size		: 12px;
}

/* Table standard sans bordure */
.noBorder {
	background		: #454545; 				/* Template */
	font-size		: 12px;
	border 			: none;
}

.leftBorder {
	background		: #454545; 				/* Template */
	border-left		: 1px solid #a2a1a2;	/* Template */
	font-size		: 12px;
	border-top		: none;
	border-right	: none;
	border-bottom	: none;
}

.rightBorder {
	background		: #454545; 				/* Template */
	font-size		: 12px;
	border-left		: none;
	border-top		: none;
	border-right	: 1px solid #a2a1a2;	/* Template */
	border-bottom	: none;
}

.bottomBorder {
	background		: #454545; 				/* Template */
	font-size		: 12px;
	border-left		: 1px solid #a2a1a2;	/* Template */
	border-top		: none;
	border-right	: 1px solid #a2a1a2;	/* Template */
	border-bottom	: 1px solid #a2a1a2;	/* Template */
}

.tableNoBorder {
	background		: #454545; 				/* Template */
	float			: left;
	text-align		: center;
	width			: 100%;
	margin-top		: 5px;
	BORDER-COLLAPSE	: collapse;
}

/* Standart displaying TABLES */
.noGridTable {
	width			: 100%;
	background		: #454545; 				/* Template */
	border 			: solid 1px #FFFFFF;
}

.noGridTable td {
	border 			: none;
}

/*  standart row title  */
.rowTitle {
	font-weight		: bold;
	text-align		: center;
	background-color: #454545;				/* Template */
	border			: 1px solid #a2a1a2; 	/* Template */
}

/*  standart pane */
.standardPane {
	background		: #454545; 				/* Template */
	border 			: solid 1px #a2a1a2; 	/* Template */
	padding-top		: 10px;
	padding-left	: 4px;
	padding-right	: 4px;
	margin-top		: 10px;
}

/* STANDARD NON SYMETRIC TABLES (prod report like) */
.stdNonSymetricTbl {
	border			: none;
	margin-bottom	: 15px;
	BORDER-COLLAPSE	: separate;
}

.nstfilledCell {
	background-color: #454545;				/* template */ 
	border			: 1px solid #a2a1a2; 	/* template */
	text-align		: center;
	
}

/* for row titles */
.nstRowTitle {
	font-weight		: bold;
	text-align		: center;
	background-color: #454545; 				/* template */
	border			: 1px solid #a2a1a2; 	/* Template */
}

.nstNumberValue {
	font-size		: 12px;
	text-align		: center;
	background-color: #454545; 				/* Template */
	border			: 1px solid #a2a1a2; 	/* Template */
}

.nstTotal {
	font-weight		: bold;
	text-align		: right;
	background-color: #454545; 				/* Template */
	border			: 1px solid #a2a1a2; 	/* Tempalte */
}
.nsTotalnegative {
	font-weight		: bold;
	text-align		: right;
	background-color: #454545; 				/* Template */
	border			: 1px solid #a2a1a2; 	/* Tempalte */
	color			: #ff2222; 
}

/* obligatory because IE automaticaly applies a inverted color --> we must force the white text */
.legend{
	color			: #5B0000;
}

/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------------- MISE EN PAGE GLOBAL -----------------------------------*/
/*-------------------------------------------------------------------------------------------------*/

.pagePane {
	width			: 950px;
	/*float: left; si vous voulez que le site soit collé à gauche*/
}

.globalAccueil {
	float			: left;	
}

.header {
	width			: 989px;
	height			: 153px;
	background-image: url('../imgs/accueil/header_top.jpg');
	float			: left;
}

.headerBottom{
	background		: url('../imgs/accueil/header_bottom.jpg') top left no-repeat;
	float 			: left;
	width			: 989px;
	height			: 132px;
	padding-left	: 50px
}

.headerTopBorder {
	display 		: none;
}

.headerLeftElement {
	display 		: none;
}

.headerRightElement {
	display 		: none;
}

.headerBottomBorder {
	display 		: none;
}

.iconHtml {
	float 			: left;
    clear			: left;
}

.upperBody{
	background		: url('../imgs/accueil/fond3.jpg') top left ;
	border			: 2px solid #000000;
	width			: 750;
	
}



/************** TOP MENU ************************/

.menuItemImage{
	width			: 15px;
	height			: 15px;
	background		: url('../imgs/accueil/boules.png') center left no-repeat;
	float			: left;
}

.topMenuTopBorder {
	display			: none;
}

.topMenu {
	width			: 989px;
	height			: 53px;
	background		: url('../imgs/accueil/header_center.jpg') top left no-repeat;
	float			: left;
	
}

/* pour nous permettre d'alligner les éléments du menu */
.topMenuItemContainer {
	width			: 88%;
	margin			: auto;
	padding-top		: 15;
}

.topMenuItem{
	width			: 92px;
	height			: 41px;
	font-family		: Arial, serif;
	font-size		: 12px;
	font-weight		: bold;
	/*background		: url('../imgs/skin2/linkBackground.gif') top left no-repeat;*/
	margin-left		: 5px;
	margin-right	: 5px;
	margin-top		: 2px;
	margin-bottom	: 2px;
	padding-top		: 10px;
	color			: #FFCC00;
	float			: left;
	vertical-align	: bottom;			/* TODO: voir pourquoi ça ne fonctionne pas : il n'aligne rien */
}

.topMenuBottomBorder {
	display 		: none;
}

.subHeaderSection{
	background-image: url('../imgs/accueil/fond2.jpg');
	float			: left;
	width			: 989px;
}

.leftPane {
	width			: 185px;
	float			: left;
	padding-bottom	: 20px;
	padding-left	: 10px;
}

.verticalSeparator {
	/* background-image: url('../imgs/skin2/verticalBorder.gif'); */
	width			: 10px;
	height			: 100%;	/* n'est pas supporté par Internet Explorer */
	float			: left;
	padding-bottom	: 20px;
}

.mainPane {
	width			: 730px;
	float			: left;
	/*padding-top		: 60px;*/
	padding-bottom	: 0px;
	padding-left	: 30px;
	padding-right	: 5px;
	margin-top		: -95px;
    text-align		: left;
	z-index         : 1px;
	position		: relative;
   	
}

/***************** MENU COTE GAUCHE *********************/

.leftMenuHeader {
	width			: 160px;
	height			: 10px;
	float			: left;	
}

.leftMenu {
	margin-bottom	: 0px;
	background		: url('../imgs/accueil/accueil_menu_centre.png') top left repeat-y;
	width			: 185px;
	height			: 162px;
	float			: left;
	padding-left	: 45px;
	padding-top		: 10px;
	text-align		: left;
	
	
}

.menuSectionTitle{
	text-decoration : none;
	font-weight		: bold;
	font-style		: italic;
	text-align		: left;
	font-size		: 12px;
}

.leftMenuFooter {
	width			: 160px;
	height			: 10px;
	float			: left;
}

.leftMenuSeparator{
	height			: 20px;
	float			: left;
	margin-top		: 20px;
}

/*********************** BARRE DE TITRE MENU COTE ***************/

.leftMenutitleBar {
	border			: 0px;
	float			: left;
	padding-bottom	: 0px;
	width			: 187px;
	position		: relative;
	left			: 5px;
}

.titleBarBorderLeft {
	display : none;
}

.titleBarCenter {
	width			: 185px;
	height			: 22px;
	font-family		: Arial, serif;
	font-size		: 14px;
	font-weight		: bold;
	color			: #765d5d;
	line-height		: 25pt;
	text-decoration	: none;
	text-align		: center;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/barre_sup.jpg');
}

.titleEspaceMembreBar {
	width			: 185px;
	height			: 22px;
	color			: #765d5d;
	line-height		: 25pt;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/espacemembre.jpg');
}
.titlePartenaireBar {
	width			: 185px;
	height			: 22px;
	color			: #765d5d;
	line-height		: 25pt;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/partenaires.jpg');
}
.titleNavigationBar {
	width			: 185px;
	height			: 22px;
	color			: #765d5d;
	line-height		: 25pt;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/navigation.jpg');
}

.titleLanguageBar {
	width			: 185px;
	height			: 22px;
	color			: #765d5d;
	line-height		: 25pt;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/languages.jpg');
}

.titleBarBorderRight {
	display 		: none;
}



/*************************************
 *		BARRE DU BAS MENU COTE
 *
 */
.leftMenuBottomBar {
	padding-top		: 0px;
	border			: 0px;
	float			: left;
	position		: relative;
	left			: 5px;
}

.leftMenuBottomBarLeftBorder {
	display 		: none;
}

.leftMenuBottomBarCenter {
	width			: 185px;
	height			: 22px;
	font-family		: Arial, serif;
	font-size		: 14px;
	font-weight		: bold;
	color			: #FFCC00;
	text-decoration	: none;
	text-align		: center;
	vertical-align	: middle;
	float			: left;
	background-image: url('../imgs/accueil/barre_inf.jpg');
}

.leftMenuBottomBarRightBorder {
	display 		: none;
}


.footerBottomBorder {
	width			: 989px;
	height			: 213px;
	background-image: url('../imgs/accueil/bottom.jpg');
	font-size		: 1px;	/* à cause de ie qui ne peut afficher une height plus petite qu'un caractère (il faut donner une toute petite taille) */
	float			: left;
	margin-top		: 0px;
}

.timeGenerated {
	text-align		: center;
	float			: left;
	margin			: auto;
	width			: 100%;
}

/* ---------------------------------------------------------------------------------------------------*/
/* -------------------------------------------- Accueil ----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/


.titleNewsBar {
	width			: 325px;
	height			: 59px;
	font-size 		: 11px;
	padding-top		: 12px;
	padding-left	: 65px;
	background-image: url('../imgs/accueil/title_news.png');
}

.titleClassementBar {
	width			: 325px;
	height			: 59px;
	font-size 		: 11px;
	padding-top		: 12px;
	padding-left	: 65px;
	background-image: url('../imgs/accueil/title_classement.png');
}

.bottomNewsBar {
	height			: 26px;
	background-image: url('../imgs/accueil/bottomnews.png');
}

.MiddleNewsBar {
	height			: 182px;
	background-image: url('../imgs/accueil/centernews.png');
}

.titlePresentationBar {
	width			: 675px;
	height			: 58px;
	font-size 		: 11px;
	padding-top		: 12px;
	padding-left	: 65px;
	background-image: url('../imgs/accueil/presentationtitle.png');
}

.centrePresentationBar {
	height			: 282px;
	background-image: url('../imgs/accueil/presentationcentre.png');
}
.txtPresentation {
	font-size 		: 12px;
}
.txtColorClassement {
	color 			: #fbbd5e;
	font-size 		: 12px;
}


.bottomPresentationBar {
	height			: 26px;
	background-image: url('../imgs/accueil/presentationbottom.png');
}




/* ---------------------------------------------------------------------------------------------------*/
/* -------------------------------------------- SPECIAL ----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/


.inputError {
	border			: black 0.05em solid;
	background-color: red;
	color			: #5B0000;
}

.inputOK {
	border			: black 0.05em solid;
	background-color: #5B0000;
	color			: black;
}

.inputReadOnly {
	border			: 0px none;
	background-color: transparent;
	color			: #5B0000
}

.protectEmperor {
	COLOR			: #5B0000;
	font-weight		: bold;
	text-align		: center;
}

 /* --------------------------------------------  LIST PLAYER ------------------------------------	*/

/* template */
.joueurListeA	a 		{	font-size : 11px; color : #ffd18a;	TEXT-DECORATION	: none; }
.joueurListeA a:hover 	{	TEXT-DECORATION	: none;						}
.joueurListeA a:link 	{	TEXT-DECORATION	: none;						}

.styleSameAlliance 		{	color : rgb(120,180,255);
}


/* --------------------------------------------  Alliance ------------------------------------	*/

.allianceAllied{
    color			: #9999ff;
    text-align		: center;
}
.allianceEnnemy{
	text-align		: center;
    color			: #ff6666;
}
.allianceNeutral{
	text-align		: center;
}

/* --------------------------------------------  MOOD ------------------------------------	*/

.mood {
	clear			: both;
	float			: left;
	width			: 100%;
}

.tableMood {
	clear			: both;
	float			: left;
	width			: 20%;
	margin-right	: 5%;
	margin-left		: 5%;
}

.tableMood tr{
	height 			: 15px;
}

.tableMood td{
	text-align		: center;
}

.level1{
	background-color : #008000;
}

.level1message {
	color 			: #008000;
}

.level10{
	background-color : #FF0000;
}

.level10message {
	color 			: #FF0000;
}






 /* -------------------------------------------- HOLIDAYS 		----------------------------------------*/
.PlayerInHolliday {
	font-weight		: bold;
	COLOR			: rgb(200,0,0);
}

 /* -------------------------------------------- MARKET          ---------------------------------------*/

.tableMarket {
	width			: 100%;
}
.tableMarket	a {
	color			: black;
}

.numberMarket {
	text-align		: right;
}
.textMarket {
	text-align		: center;
}
.boutonMarket{
	clear			: left;
	float			: left;
	width			: 85%;
 	text-align		: right;
 	padding-top		: 1%;
}

.boutonMarket input {
	display			: inline;
	list-style-type	: none;

}
.tableMarketPrice {
 	width			: 100%;
}
 /* -----------------------------------------            PACT ---------------------------------	*/
 
.tablePactList {
	clear			: both;
	float			: left;
	width			: 100%;
	margin-top		: 10px;
}
.typePact {
	clear			: both;
	float			: left;
	width			: 100%;
	margin-top		: 10px;
}

.proposePact {
	float			: left;
	width			: 100%;
	margin-top		: 10px;
}

/**/
/* -------------------------------------------------------  MESSAGERIE     ---------------------------------------------------	*/
/**/ 
 

.readMess {
	float			: left;
	width			: 20px;
	height			: 20px;
	background-image: url('../message/img/read_mess.gif');
	background-repeat: no-repeat;
	border			:0px none;
}

.notReadMess {
	float			: left;
	width			: 20px;
	height			: 20px;
	background-image: url('../message/img/not_read_mess.gif');
	background-repeat: no-repeat;
	border			: 0px none;
}


.messageSend {
	float			: right;
	clear			: left;
	width			: 97%;
}

.messageSendForm {
	float			: left;
	clear			: left;
	width			: 60%;
}

.messageSendlist {
	float			: right;
	width			: 30%;
	text-align		: center;
}




 

/* for the battle page */
.ground{
	background-image: url('../imgs/units/small/ground2.gif');
}