BODY {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #FFF8DC;
	background-color:black;
	margin-left: 20px;
	margin-bottom: 0;
}

.pageTitle{
	font-family: Arial;
	font-size: 26px;
	font-weight: normal;
	color: #FFF8DC;
	text-align: center;
	text-decoration: underline;
}

H1{
	font-family: Arial;
	font-size: 22px;
	font-weight: normal;
	color: #FFF8DC;
	text-decoration: underline;
	margin-top: 20px;
	margin-bottom: 1px;
}

H2{
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #FFF8DC;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 1px;
}

H3{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF8DC;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 1px;
}

TABLE {
	BORDER-COLLAPSE: collapse;
}

TABLE TH {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-image: url('../imgs/fond17.jpg');
}


A {
	text-decoration: underline;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:pointer;
}

A:link {
	text-decoration: underline;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	cursor:pointer;
}

A:hover{
	COLOR: #FFF8DC;
	text-decoration: underline;
}


/* links for programmers only */
.programmersLink {
	text-decoration: underline;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BBBB99;
	cursor:pointer;
}

.buttonKyrande {
    COLOR:  white;
	font-family: Arial, serif;
	font-size: 12px;
    text-decoration: underline;
    background-color: rgb(141,64,36);
}
.bigLink {
	TEXT-DECORATION: underline;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFF8DC;
	cursor:pointer;
}

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

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

.kyrandeFieldset{
	background:#705F57;
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

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




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

.headerContainer{
	background: url('../imgs/humanTheme/testFond3.jpg');
	float : left;
}

.headerTopBorder {
	width: 950px;
	height: 10px;
	background-image: url('../imgs/humanTheme/horizontalBorder.gif');
	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;
}

.headerLeftElement {
	width: 225px;
	float : left;
}

.header {
	width: 500px;
	height: 169px;
	background-image: url('../imgs/humanTheme/title.jpg');
	float: left;
}

.headerRightElement {
	width: 225px;
	float : left;
}

.headerBottomBorder {
	width: 950px;
	height: 10px;
	background-image: url('../imgs/humanTheme/horizontalBorder.gif');
	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;
}


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

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

.topMenuTopBorder {
	display: none;
}

.topMenu {
	width: 950px;
	height: 30px;
	background: url('../imgs/humanTheme/testFond3.jpg');
	float: left;
}

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

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


.topMenuBottomBorder {
	width: 950px;
	height: 10px;
	background-image: url('../imgs/humanTheme/horizontalBorder.gif');
	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;
}


.subHeaderSection{
	background-image: url('../imgs/humanTheme/fond-sub-header-section.gif');
	float: left;
}

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


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


.mainPane {
	width: 730px;
	float: left;
	/*height: 100%;	n'est pas supporté par Internet Explorer*/
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
    background: url('../imgs/humanTheme/testFond3.jpg');
    background-repeat: repeat-y;
	text-align: left;
    margin: auto;
}

.subPane{
	border: 1px solid #FFCC00;
	width: 90%;
	margin: 10px auto;
	background-image: url('../imgs/humanTheme/panneau_gauche_motif.png');
}


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

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

.leftMenu {
	margin-bottom: 20px;
	background-image: url('../imgs/humanTheme/centremilieu.jpg');
	width: 160px;
	float: left;
	position: relative;
	left: 20px;
}

.leftMenuTable {
	width: 147px;
	float: left;
	margin: 3px;
	/*font-size: 1px; */			/* ie ne peut afficher un div plus petit qu'un caractère : il faut donc lui donner une toute petite taille */
	clear: both;
	
}

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

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

/*************************************
 *		BARRE DE TITRE MENU COTE
 *
 */
.leftMenutitleBar {
	background-image: url('../imgs/humanTheme/centremilieu.jpg');
	border:0px;
	float: left;
	padding-bottom: 10px;
	width: 160px;
}

.titleBarBorderLeft {
	height: 18px;
	width: 16px;
	background-image: url('../imgs/humanTheme/titleBorder.gif');
	float: left;
}

.titleBarCenter {
	width: 128px;
	height: 18px;
	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/humanTheme/titleBarCenter.gif');
}

.titleBarBorderRight {
	height: 18px;
	width: 16px;
	background-image: url('../imgs/humanTheme/titleBorder.gif');
	float: left;
}



/*************************************
 *		BARRE DU BAS MENU COTE
 *
 */
.leftMenuBottomBar {
	padding-top: 10px;
	background-image: url('../imgs/humanTheme/centremilieu.jpg');
	border:0px;
	float: left;
}

.leftMenuBottomBarLeftBorder {
	height: 18px;
	width: 16px;
	background-image: url('../imgs/humanTheme/titleBorder.gif');
	float: left;
}

.leftMenuBottomBarCenter {
	width: 128px;
	height: 18px;
	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/humanTheme/titleBarCenter.gif');
}

.leftMenuBottomBarRightBorder {
	height: 18px;
	width: 16px;
	background-image: url('../imgs/humanTheme/titleBorder.gif');
	float: left;
}




.footerBottomBorder {
	width: 950px;
	height: 10px;
	background-image: url('../imgs/humanTheme/horizontalBorder.gif');
	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: -10px;
}


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



 /* --------------------------- ONGLET MENU -------------------------------------------	*/
 .ongletMenu {
	clear:both;
	width:100%;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url('../imgs/fond15.jpg');

}

.ongletMenu div{
	width:66%;
}

.ongletMenu span{
	margin-right:10px;
}

.ongletMenu a {
	margin-left:5px;
	margin-right: 5px;
	COLOR: 	#FFF8DC;
	TEXT-DECORATION: none;
}

.ongletMenu a:hover {
	margin-left:5px;
	margin-right:5px;
	COLOR: #FFF8DC;
	TEXT-DECORATION: none;
}

.ongletMenu a:link {
	margin-left:5px;
	margin-right:5px;
	COLOR: #FFF8DC;
	TEXT-DECORATION: none;
}



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

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

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

.alignCenter {
	clear:both;
 	text-align:center;
}

.tdCenter {
	text-align:center;
}

.tdRight{
	text-align:right;
}

.ficheLabel{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFF8DC;
	text-align: right;
}

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

.hotNews{
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
	color: #DDB2B2;
}


.ficheTitreObjet{
	font-family: Tahoma;
	font-size: 26px;
	font-weight: normal;
	color: #FFF8DC;
	font-weight: bold;
}

.ficheTitreDescriptifObjet{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: normal;
	color: #FFF8DC;
	font-weight: bold;
}

.ficheDescriptionDescriptifObjet{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #FFF8DC;
	Text-align:justify;
}

.descriptionCell{
	margin-left:5px;
	padding:5px;
	width:90%;
}
 /* --------------------------------------------------------------------------	*/


 /* Kyrande Presentation	*/
.tablePresentation {
	border:0px none;
}

.tablePresentation td{
	padding:0px;
}

.tablePresentation tr{
	padding:0px;
}

.tableHeaderPresentation {
 	border: none;
}

.tableHeaderPresentation td{
	padding:0px;
}

.tableHeaderPresentation tr{
	padding:0px;
}

.menuTable {
 	vertical-align:top;
}

.tableFooterPresentation {
 	border: none;
}

.tableFooterPresentation td{
 	padding:0px;
}

.tableFooterPresentation tr{
 	padding:0px;
}

.tableColonne {
	float:left;
	vertical-align:top;
	width:750px;
}

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

.imgWeather {
	clear:both;
	width:100%;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

.temperature {
	clear:both;
	width:100%;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

.seasons{
	clear:both;
	width:100%;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

.country{
	clear:both;
	width:100%;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

.language{
	clear:both;
	width:100%;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

 /* --------------------------------------------------------------------------	*/
 /* COMMON */
 .menuTDLink {
 	height:20px;
 }

 .menuLink {
 	font-family:Arggotsc, serif;
		font-size: 18px;
	font-weight: normal;
		margin-left:3px;
		margin-right:3px;
		COLOR: #FFF8DC;
		TEXT-DECORATION: none;
		background-image: url('../imgs/fond15.jpg');
}

.menuLink:link {
 	font-family: Arggotsc, serif;
		font-size: 18px;
	font-weight: normal;
		COLOR: #FFF8DC;
		TEXT-DECORATION: none;
}

.menuLink:hover {
	font-family: Arggotsc, serif;
 	font-size: 18px;
	font-weight: normal;
	 	COLOR: #DEB896;
		TEXT-DECORATION: none;
}

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

.oneColumnTwoElements div{
	width:100%;
}

.oneColumnTwoElements label {
	float: left;
	width:40%;
	text-align:right;
}

.oneColumnTwoElements span {
	float: left;
	width:60%;
	text-align:left;
}

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

.oneColumnThreeElements div{
	 width:100%;
}

.oneColumnThreeElements label {
 	float: left;
	width:30%;
	text-align:right;
}

.oneColumnThreeElements span {
	width:33%;
}

.buttonSelectList {
	text-align:left;
}

 /* --------------------------------------------------------------------------	*/
.unBouton{
	clear: both;
	float:left;
	align: center;
 	padding-top:10px;
 	padding-left:350px;
}

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

}

.deuxBoutons{
	clear: left;
	float:left;
 	position:relative;
 	left:40%;
 	padding-top:10px;
}

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

 /* --------------------------------------------------------------------------	*/
.titleTable {
	float:left;
	width:100%;
	FONT-SIZE: 1.2em;
	COLOR: #FFF8DC;
	HEIGHT: 1.8em;
	margin-top:5px;
}

.table{
	clear: left;
	float:left;
	width:100%;
	padding-top:1em;
	margin-top:10px;
}

.linkPagine {
	float:left;
	width:100%;
}

.linkPagine div{
	width:100%;
	margin-top:1.5%;
}

.previous {
	float:left;
	width:40%;
	text-align:left;
}
.page {
	float:left;
	width:15%;
	text-align:center;
}
.next {
	float:left;
	width:40%;
	text-align:right;
}

 /* --------------------------------------------------------------------------	*/
 /* LIST PLAYER*/
 .avatarDescriptionPlayerList {
 	float:left;
 	width:100%;
}

.avatarDescriptionPlayerList div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}

.avatarDescriptionPlayerList span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/interieur.jpg');
		background-repeat: no-repeat;
		height: 96px;
}

.avatarDescriptionPlayerList label {
			width:85%;
			text-align:left;
}

.tablePlayerList {
	float:left;
	text-align:center;
	width:100%;
	margin-top:5px;
}

.tableLeagueMood {
	clear:both;
	float:left;
	text-align:center;
	width:100%;
	margin-top:20px;
}

.joueurListeA	a {
			font-family: Arial;
			font-size: 12px;
	font-weight: normal;
	color: #FFF8DC;
	TEXT-DECORATION: none;
}

.joueurListeA a:hover {
	TEXT-DECORATION: none;
}

.joueurListeA a:link {
	TEXT-DECORATION: none;
}

.styleNotSameAlliance {
}

.styleSameAlliance {
	color: rgb(120,180,255);
}
#infoBulle{
	background-image: url('../imgs/humanTheme/centremilieu.jpg');
}
#insideBulle{
    margin:5px;
    font-size:10px;
}
 /* --------------------------------------------------------------------------	*/
 /* LOGIN */

.pierrefondserveurLogin {
	width:468px;
	background: url('../imgs/pierrefondserveur.jpg');
}
.inputLogin {
	float:left;
	width:100px;
}

.mailToAdmin {
}

.authentification{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
    clear: left;
	float:left;
	width:80%;
}
.errorAuthentification {
	font-size: 10px;
    color :red;
}
.authentification div{
	width:100%;
    text-align:center;
}

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

.authentification span {
    clear:both;
	float: left;
	width:100%;
    padding-left:10%;
}
.connexion {
    clear:both;
	float: left;
	width:100%;
    padding-top:5px;
    font-weight: bold;
}
.newMessage {
    clear:both;
	float: left;
	width:100%;
    padding-top:5px;
}
.powerIndex {
    clear:both;
	float: left;
	width:100%;
    padding-top:5px;
}
.inscription {
    clear:both;
	float: left;
	width:100%;
    padding-top:5px;
    font-weight: bold;
}
.deconnexion {
    clear:both;
	float: left;
	width:100%;
    padding-top:5px;

}
.gradePlayerAuthentification {
	font-weight: bold;
}
.avatarURL {
    padding-top:5px;
    padding-bottom:5px;
}
.fieldsetInscription {
    float:left;
    clear:left;
    width:90%;
    margin-left:2%;
    margin-right:2%;
    margin-top:10px;
    margin-bottom:10px;
}
.fieldsetInscription legend {
    font-size:16px;
    font-weight: bold;
    color:white;
}
.rulesSet {
    float:left;
    clear:left;
}
 /* --------------------------------------------------------------------------	*/
 /* ENCYCLOPEDIA */
.avatarDescriptionEncyclopedia {
 	float:left;
 	width:100%;
 	clear:both;
 	padding-top: 5px;
 	padding-bottom: 10px;
}

.avatarDescriptionEncyclopedia div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}

.avatarDescriptionEncyclopedia span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/old_golem.jpg');
		background-repeat: no-repeat;
		height: 96px;
}

.avatarDescriptionEncyclopedia label {
			width:85%;
			text-align:left;
}

.encyclopediaIndex {
	clear:both;
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;
	width:80%;			/* obligatoire sinon IE compresse le div pour une raison mystérieuse */
	margin-left: 10px;	/* obligatoire sinon IE décale tout assez fortement sur la droite (pouquoi ???)*/
}

.indent1 {
	text-indent:35px;
}

.linkEncyclopedia {
}

.linkEncyclopedia div {
}

.linkEncyclopedia label{
	margin-right:10px;
}

.avatarDescriptionArchitecte div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}

.avatarDescriptionArchitecte span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/architecte.jpg');
		background-repeat: no-repeat;
		height: 96px;
}

.avatarDescriptionArchitecte label {
			width:85%;
			text-align:left;
}

.tableRoyaume {
	clear:both;
	float:left;
	width:100%;
	border:0;
	padding-left:10px;
	padding-right:10px;
}
.tableSousRoyaume {
	clear:both;
	float:left;
	width:100%;
	border:0;
    margin-top:10px;
    margin-bottom:10px;
}
.tableSousRoyaume td{
	width:15%;

}
.speechTableRoyaume {
    padding-left:10px;
	font-size: 12px;
	font-weight: normal;
    padding-top:5px;
    padding-bottom:5px;
}
#speechRessource {
    display:none;
}
#speechBuilding {
    display:none;
}
#speechUnit{
    display:none;
}
.labelTableRoyaume {
    font-size: 12px;
    font-weight: bold;
}
.quantityTableRoyaume {
 font-size: 12px;

}
.productionReport {
	border:solid black 0.8pt;
}

.productionReport table{
	border: none;
}

.productionReport tr{
	border:solid black 0.8pt;
}

.productionReport td{
	border:solid black 0.8pt;
}
.titleProductionReport {
	font-weight: bold;
	text-align: center;
}

.quantityProductionReport {
	text-align: right;
}

.negativeProductionReport {
	text-align: right;
	color: red;
}

.titleProduct {
	font-weight: bold;
    text-decoration: underline;
}

.tableRepartition {
	float:left;
	width:100%;
	border: none;
}

.geography {
	clear:both;
	width:100%;
}

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

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

.tableMood tr{
	height:15px;
}

.tableMood td{
	text-align:center;
}

.level1{
	background-color : #008000;
}

.level1message {
	color : #008000;
}

.level2{
	background-color : #008020;
}

.level3{
	background-color : #008040;
}

.level4{
	background-color : #008050;
}

.level5{
	background-color : #008060;
}

.level6{
	background-color : #FF0060;
}
.level7{
	background-color : #FF0050;
}

.level8{
	background-color : #FF0040;
}

.level9{
	background-color : #FF0020;
}

.level10{
	background-color : #FF0000;
}

.level10message {
	color : #FF0000;
}

.tableAttackStats {
	width:50%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}

.titleTableAttackStats {
	text-align:center;
	font-weight: bold;
}

 /* --------------------------------------------------------------------------	*/
 /* ALLIANCE	*/
.avatarDescriptionAlliance {
 	float:left;
 	width:100%;
}
.avatarDescriptionAlliance div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}
.avatarDescriptionAlliance span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/Righthand.jpg');
		background-repeat: no-repeat;
		height: 96px;
}
.avatarDescriptionAlliance label {
			width:85%;
			text-align:left;
}
.titleAlliance {
	float:left;
	width:90%;
	background-color:#FFF8DC;
	color: black;
	text-align:center;
	margin-bottom:1%;
}
.allianceNoConfirm {
	font-style: italic;
}
.tableAllianceSelect {
	 float: left;
	width:100%;
}
.tableAllianceStrategy {
	float: left;
    clear: left;
	width:100%;
    margin-top:20px;
}
.tableAllianceStrategy td{
	text-align:center;
}
.tableAllianceStrategy td.allianceAllied{
    color:#9999ff;
    text-align:center;
}
.tableAllianceStrategy td.allianceEnnemy{
	text-align:center;
    color:#ff6666;
}
.tableAllianceStrategy td.allianceNeutral{
	text-align:center;
}
.buttonStrategy{
    text-align:center;
}
 /* --------------------------------------------------------------------------	*/
 /* CONSTRUCTION */
.avatarDescriptionConstruction {
 	float:left;
 	width:100%;
}
.avatarDescriptionConstruction div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}
.avatarDescriptionConstruction span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/architecte.jpg');
		background-repeat: no-repeat;
		height: 96px;
}
.avatarDescriptionConstruction label {
			width:85%;
			text-align:left;
}
.buildingListElement {
	float:left;
	width:100%;
}

.buildingListElement div{
	float:left;
	width:100%;
}

.buildingListElement label{
	float:left;
	width:20%;
	vertical-align:top;
}

.buildingListElement span{
	float:left;
	width:35%;
	vertical-align:top;
	text-align:left;
}

.resourcesCost {
	float:left;
	width:100%;
}
.resourcesCost div{
	float:left;
	width:100%;
}
.resourcesCost label{
	float:left;
	width:20%;
	vertical-align:top;
}
.resourcesCost span{
	float:left;
	width:35%;
	vertical-align:top;
	text-align:left;
}

.buildingName {
	width:100%;
	font-weight: bold;
}

.resourceName {
}

.resourceName div{
	width:100%;
}
.resourceName label{
	text-align:left;
	float:left;
	width:20%;
}
.resourceName span{
	float:left;
	width:80%;
}

.goldCoins {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/goldCoins.gif');
		background-repeat: no-repeat
}
.stone {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/stone.gif');
		background-repeat: no-repeat
}
.wood {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/wood.gif');
		background-repeat: no-repeat
}
.fruitbasket {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/fruitbasket.gif');
		background-repeat: no-repeat
}
.metal-fusion {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/metal-fusion.jpg');
		background-repeat: no-repeat
}
.mow {
float: left;
		width:50px;
		height:50px;
		border:0px none;
		background-image: url('../imgs/farmer.gif');
		background-repeat: no-repeat
}
 /* --------------------------------------------------------------------------	*/
 /* HOLIDAYS */
 .avatarDescriptionHolidays {
 	float:left;
 	width:100%;
}
.avatarDescriptionHolidays div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}
.avatarDescriptionHolidays span {
		float: left;
		width:15%;
		background-image: url('../imgs/palmier.gif');
		background-repeat: no-repeat;
		height: 96px;
}
.avatarDescriptionHolidays label {
			width:85%;
			text-align:left;
}
 /* --------------------------------------------------------------------------	*/
 /* ATTACK STAT */
 .tableAttackStat {
	float:left;
	width:75%;
	margin-bottom: 45px;
}
 .tableAttackWhite {
		 float:left;
	width:10%;
}
.attackStat div{
	 clear: left;
	 float:left;
	 width:100%;
	 margin-top:2%;
}
.tableAttackDetailStat{
		float:left;
	width:100%;
}

 /* --------------------------------------------------------------------------	*/
 /* MARKET */
 .avatarDescriptionMarket {
 	float:left;
 	width:100%;
}
.avatarDescriptionMarket div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}
.avatarDescriptionMarket span {
		float: left;
		width:15%;
		background-image: url('../imgs/avatars/market_manager.jpg');
		background-repeat: no-repeat;
		height: 96px;
}
.avatarDescriptionMarket label {
			width:85%;
			text-align:left;
}
.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 {
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
}

.proposePact label {
	width:80%;
}

.proposePact span {
	text-align:left;
	width:20%;
}

 /* --------------------------------------------------------------------------	*/
 /* MESSAGERIE	*/
.messageRead {
	font-family: Arial, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    float: left;
    width: 140px;
	COLOR: 	rgb(165,42,42);
}

.messageRead:link {
	font-family: Arial, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    float: left;
	COLOR: rgb(165,42,42);
    TEXT-DECORATION: none;
}

.messageRead:hover {
	font-family: Arial, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    float: left;
	COLOR: rgb(165,42,42);
    TEXT-DECORATION: none;
}

.linkMessage {
}

.linkMessage div {
}

.linkMessage label{
	margin-right:10px;
}

.tableMessage {
	clear: left;
	float:left;
	width:100%;
	padding-top:1em;
}

.tableMessage td {
	text-align:center;
}

.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;
}

.tableMessageBottom {
	float:left;
	width:100%;
}

.buttonMess {
	width:70%;
	text-align:center;
}

.imgMess {
	width:15%;
}

.tableMessageNouveau {
	text-align:right;
}

.tableMessageRead {
	text-align:right;
}

.tableMessageReadLabel {
	width:100%;
}

.linkMessageRead {
	text-align:right;
}

.linkMessageRead div {
	text-align:right;
}

.linkMessageRead label{
	margin-right:10px;
}

.messageSend {
	float:left;
	clear: left;
	width:100%;
}

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

.tableSendForm {
	width:100%;
	border: solid #FFF8DC 1pt;
}

.tableSendForm tr{
	border: solid #FFF8DC 1pt;
}

.tableSendForm td{
	border: solid #FFF8DC 1pt;
}

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

.tableSendList {
	width:100%;
	border: solid #FFF8DC 1pt;
	text-align:center;
}

.pagineSendList {
	text-align:center;
	border: solid #FFF8DC 1pt
}

.tableSendListPlayer {
	width:100%;
	text-align:center;
}

.linkMessageSendSearch {
	text-align:center;
}
 /* --------------------------------------------------------------------------	*/
 /* HISTORY PROD	*/
.tableHistoryReportHeader{
    clear:both;
    float:left;
	border:1px;
}
.histogram {
    clear:both;
    float:left;
	border:0;
}
.htmlHistogram{
	border:0;

}
.htmlHistogramBar {
	border:1px;
}
 /* --------------------------------------------------------------------------	*/
 /* ATTAQUER	*/
.avatarDescriptionAttaque {
 	float:left;
 	width:100%;
}

.avatarDescriptionAttaque div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}

.avatarDescriptionAttaque span {
	float: left;
	width:15%;
	background-image: url('../imgs/avatars/knight.jpg');
	background-repeat: no-repeat;
	height: 96px;
}

.avatarDescriptionAttaque label {
	width:85%;
	text-align:left;
}
.fieldsetAttackChoise {
    float:left;
    clear:left;
    width:80%;
    margin-top:10px;
    margin-bottom:10px;
}
.fieldsetAttackChoise legend {
    font-weight: bold;
    color:white;
}
.attackChoiseAlliance {
     width:70%;
}
.attackChoiseAllianceCategory {
    float:left;
    clear:left;
    width:100%;
    font-size:13px;
    margin-top:10px;
}
.attackChoiseAlliance td {
     font-size:13px;
}

.showTypeSearch {
    float:left;
    clear:left;
}
.allianceNameAttack a{
    font-size:13px;
}
.labelChoise {
    text-align:right;
}

.criteriaSearchChoise {
    float:left;
    clear:left;
    text-align:center;
    margin-top:10px;
     width:100%;
}
.criteriaSearchChoise span {
    float:left;
    width:30%;
}
.criteriaSearchChoise label {
    width:70%;
}
.criteriaSearchChoiseSearch {
    text-align:right;
}
.inputChoise {
    text-align:left;
}
.tableAttackAlliance {
    float: left;
    width:300px;
    margin-top:15px;
    margin-right:15px;
}
#tableAttackAlliancePlayer {
    float: left;
    width:300px;
    margin-top:15px;
}
#tableAttackAlliancePlayer td{
    text-align:center;
}
.dateRefAttack {
    float:left;
    clear:left;

}
.tableAttack {
    float:left;
    clear:left;
	margin-top:10px;
	width:80%;
}

.tableAttack td {
	border: solid #FFF8DC 1pt;
	text-align:center;
}

.optionAttack {
	font-weight: bold;
	vertical-align: top;
}

.optionCostAttack {
	text-align: right;
	vertical-align: top;
}

.optionTypeAttack {
	text-align: center;
	vertical-align: top;
}

.boutonAttack {
	float:right;
 	text-align:right;
 	padding-top:1%;
}

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

.commentAttackSabotage {
	text-align:center;
}

.tableAttackRaid {
	float:left;
	width:80%;
	margin-top:5px;
}

.tableAttackRaid td{
	text-align:center;
}

.commentAttackRaid {
	text-align:center;
}

.tableAttackRaid {
	width:100%;
}

.tableAttackRaid td{
	text-align:center;
}

.attackEnemy {
	 color:#ff6666;;
}

.attackAllied{
	color:#9999ff;
}

.attackEnemy:link {
    color:#ff6666;;
}

.attackAllied:link{
	color:#9999ff;
}

.attackEnemy:hover {
	color:#ff6666;;
}

.attackAllied:hover {
	color:#9999ff;
}

.attackPact{
	color:white;
}

.attackPact:link{
	color:white;
}

.attackPact:hover {
	color:white;
}

/********* ACCOUNT ********/
.avatarDescriptionAccount {
 	float:left;
 	width:100%;
}

.avatarDescriptionAccount div{
	 clear: left;
	 width:100%;
	 margin-top:0.3%;
}

.avatarDescriptionAccount span {
	float: left;
	width:15%;
	background-image: url('../imgs/avatars/interieur.jpg');
	background-repeat: no-repeat;
	height: 96px;
}

.avatarDescriptionAccount label {
	width:85%;
	text-align:left;
}
.titleAccountTable {
    font-size: 14px;
	font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align:center;
}
.accountTable {
    float:left;
    width:100%;
    font-size: 13px;
}
.labelAccountTable {
    text-align:right;
}


/***** Layout for DESCRIPTION *****/

.descriptionGlobalFrame{
		padding: 15px;
		}

.imageAndTitle{
		position:relative;
		width:230px;
		height:270px;
		}

.buildingsHostedUnits{
		position:relative;
		left:240px;
		top:-240px;
		}

.buildingsNeeded{
		position:relative;
		top:-240px;
		left:270px;
		}

.costBuildingsOrUnits{
		position:relative;
		left:270px;
		top:-210px;
		}

.consumptionBuildingsOrUnits{
		position:relative;
		left:270px;
		top:-200px;
		}

.descriptionBuildings{
		position:relative;
		top:-160px;
		}

.descriptionUnits{
		position:relative;
		top:-330px;
		border:0px dashed #FFC400;
		width:230px;
		text-align:justify;
		}

.descriptionUnitsDetails{
		position:relative;
		top:-180px;
		width:300px;
		left:270px;
		}

.fieldsetUnitCost {
		width:350px;
		height:50px;
		border:1px dashed #999999;
		}

.fieldsetUnitConsumption {
		width:350px;
		height:50px;
		border:1px dashed #999999;
		}

.fieldsetBuildingCost {
		width:400px;
		height:50px;
		border:1px dashed #999999;
		}

.fieldsetBuildingConsumption {
		width:400px;
		height:50px;
		padding: 2px;
		border:1px dashed #999999;
		}

.verticalAlign {
		vertical-align:middle;
		}