body
{
	padding:0px;
	font-size: 12px;
	color: #523a2d;
	font-family : Arial;
	margin:0px;
	text-align: center;
	background-color: #000000;
	scrollbar-3d-light-color: #000000;
	scrollbar-arrow-color: #B6A88D;
	scrollbar-base-color: #000000;
	scrollbar-dark-shadow-color: #000000;
	scrollbar-face-color:  #000000;
	scrollbar-highlight-color: #B6A88D;
	scrollbar-shadow-color: #B6A88D;
}

* {margin: 0;padding: 0;} 

/* Factice conainer for browser compatibility */
.centrecontainer {
position : relative;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 1000px;
}

/*****************/
/* COMMON STYLE  */
/*****************/


/*****************/
/* HEADER STYLE  */
/*****************/

#header
{
	height: 132px;
	width: 1000px;
	color: white;
	margin:0px;
	background-image:url(../img/header.jpg);
	background-position:0px 20px; 
	background-repeat:no-repeat;
	text-align : center;
	FONT-SIZE: 10px;
	COLOR: #F1EC8B;
	font-weight: normal;
}
#server_stamp
{
	float: right;
}
#log_info
{
	float: left;
}
#header_ressources
{
	position : absolute ;
	width: 572px;
	height: 20px;
	top: 110px;
	left: 433px;
	text-align : left;
	background-image:url(../img/barrerss.gif);
	background-position:-5px -8px; 
	background-repeat:no-repeat;
	padding-left: 30px;
}

.header_rss
{
	padding-left: 10px;
	width: 85px;
}

.header_rssa
{
   padding-left: 5px;
   font-size: 12px;
}



A.menutop:link {FONT-SIZE: 12px; COLOR: #F1EC8B; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
A.menutop:active {FONT-SIZE: 12px; COLOR: #FBE1B5; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
A.menutop:visited {FONT-SIZE: 12px; COLOR: #F1EC8B; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
A.menutop:hover {FONT-SIZE: 12px; COLOR:  #E8B969; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: underline overline;font-weight: bold;}


/********************/
/* LEFT PANE STYLE  */
/********************/

#leftpane 
{
	float: left;
	width: 150px;
	color: white;
	font-size: 10px;
}

/*********************/
/* RIGHT PANE STYLE  */
/*********************/

#rightpane 
{
	float: right;
	width: 150px;
	color: white;
  font-size: 10px;	
}

#leftpane p, #rightpane p 
{
	margin-left:1em;
}

/*****************/
/* FOOTER STYLE  */
/*****************/

#footer 
{
	clear: both;
	width: 1000px;
	text-align: center;
	background: black url(../img/footer-background.gif) repeat-x top left;
	height: 32px;
	color: #B6A88D;
}

/****************/
/* INPUT STYLE  */
/****************/


input.input1{font-family:Arial,Verdana,Helvetica; font-size:11px; color:#E8B969; background-color:#4E453D;}
input.submit{font-family:Arial,Verdana,Helvetica; font-size:11px; color:#E8B969; background-color:#4E453D;}

/*************/
/* SPEEDBAR  */
/*************/

#speedbar
{
  list-style-type: none;
  margin-left:0;
  padding-left: 0;
  margin-top:0;
  padding-top: 0;
  height: 35px;
  font-size: 13px;
}



#speedbar li
{
  padding-left: 5px;
  padding-right: 15px;
  text-align: center;
  padding-top: 1px;
  float: left;
  /*border-right: 1px solid black;*/
  background: transparent url("../img/speedbar_sep.gif") no-repeat bottom right;
  
}
#speedbar li a
{
  text-decoration: none;
  color: #046690;
  font-weight: bold;
}

#speedbar li.end_speedbar
{
	background: none;
}

#speedbar li.page_title
{
	float: right;
	border: 0px;
	margin-right: 100px;
	background: none;
}


/**********************/
/* CENTER PANE STYLE  */
/**********************/
#global 
{
	width: 1000px;
	background-color:#5A4838;
}

#index
{
	position: absolute;
	top: 175px;
	left: 325px;
	border: 5px solid #EDE4D4;	
	width: 650px;
	height: 450px;
	background: transparent url("../img/paper_kachelt.jpg") repeat-y center top;
}

#index_top_menu
{
	border-bottom: 5px solid #EDE4D4;
	height: 50px;
	width: 650px;
}

#index_top_menu a
{
	font-size: 14px;	
}

#index p, #index table
{
	margin: 0em 0em 1em 0.5em;
}

#contenu1, #contenu2, #contenu3
{
	/*background-color: #665E47;*/
	background: transparent url("../img/paper_kachelt.jpg") repeat-y center top;
	border: #735E3C 1px solid;
	height: 500px;
	padding-left: 1em ;
	padding-right: 1em ;
}
/* Astuce pour forcer le scrollbar vertical dans firefox et ne plus voir décaler la page lorsque celui-ci apparait (dépassement de tooltips) */
html { min-height: 100%; margin-bottom: 1px; }


/* Astuce pour avoir un min-height avec contenu extenssible en IE */
html>body #contenu1, html>body #contenu2, html>body #contenu3 {
	height: auto;
	min-height: 500px;
} 


#contenu2, #contenu3
{
	margin-left: 150px;
}

#contenu3
{
	margin-right: 150px;
}

#contenu1 p, #contenu2 p, #contenu3 p
{
	margin: 0em 0em 0em 1em;
}

.toggle
{
	cursor: pointer;	
}



.castel_building
{
		border: 1px solid red;
		width: 75px;
		height: 75px;
		position: absolute;
		padding: 10px;
}

#cb1 {top: 200px;left: 160px;}
#cb2 {top: 325px;left: 225px;}
#cb3 {top: 500px;left: 250px;}
#cb4 {top: 225px;left: 325px;}
#cb5 {top: 300px;left: 425px;}
#cb6 {top: 475px;left: 475px;}
#cb7 {top: 350px;left: 650px;}
#cb8 {top: 250px;left: 600px;}
#cb9 {top: 300px;left: 750px;}
#cb10 {top: 450px;left: 450px;}
#castel_bc 
{	
	position: absolute;
	top : 575px;
	left: 750px;
	width: 200px;
}
#castel_bs
{	
	position: absolute;
	top : 600px;
	left: 750px;
	width: 200px;
}



.HPMP100
{ 
	color: darkgreen; 
}
.HPMP75
{ 
	color: green; 
}
.HPMP50
{ 
	color: GoldenRod; 
}
.HPMP25
{ 
	color: orange; 
}
.HPMP0
{ 
	color: red; 
}

.form_disabled
{
	color: #959595;
	font-weight: bold;
}

.error_message
{
	color: #E9004B;
	font-weight: bold;
}

p 	
{
	margin:0 0 1em 0;
}

.intro
{
	border: #C9AB00 1px solid;	
	padding: 5px;
}

img
{
	border : 0px;	
}

a:link {FONT-SIZE: 12px; COLOR: #997607; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
a:active {FONT-SIZE: 12px; COLOR: #997607; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
a:visited {FONT-SIZE: 12px; COLOR: #997607; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none;font-weight: bold;}
a:hover {FONT-SIZE: 12px; COLOR:  #B09339; text-align: CENTER; FONT-FAMILY: Arial; TEXT-DECORATION: none ;font-weight: bold;}

#hero_left_list
{
	list-style: none;
	margin-left: 0.5em;
	margin-top: 1em;
}

#hero_left_list li.current a
{
	color: white;
}

#hero_event_list
{
	list-style: none;
	margin-left: 0.5em;
	margin-top: 1em;	
}

#hero_event_list img
{
	vertical-align:middle;
	margin-right: 0.5em;
}

#hero_event_list li a
{
	font-size: 10px;
}

#hero_event_list li.current a
{
	color: white;
}

.report_hide
{
	display: none;
}


/* Page title in speedbar*/
h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	/*margin-left : 100px;*/
	font-size: 1.5em;
	border : 0px;
	
}
/* Sub menu in main page*/
h2
{
	text-transform: uppercase;
	color: #4f301f;
	font-size: 1.2em;
	font-family: "Times New Roman","Lucida Grande",Verdana,sans-serif;
	text-align: left;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 5px;
}

/* Sub menu in main page*/
h3
{
	font-size: 1.1em;
	font-family: "Times New Roman","Lucida Grande",Verdana,sans-serif;
	text-align: left;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-decoration: underline
}
  
.align_image img, .align_image span
{
	display: inline-block; 
	vertical-align:middle;
}

.sell_OK_report
{
	font-weight: bold;
	color: green;
	margin-top: 15px;
	/*margin-bottom: 15px;*/
}

.sell_KO_report
{
	font-weight: bold;
	color: #E9004B;
	margin-top: 15px;
	/*margin-bottom: 15px;*/
}

.shop_buttonS
{
	border: 1px solid;
	width: 150px;
	height: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	
}

.shop_buttonB
{
	border: 1px solid;
	width: 150px;
	height: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	
}

.progress_bar
{
	display: block;
	height: 9px;
	width:	50px;
	border: 1px solid;
	color: #959595;
}


/* Tooltips */

.jHelperTipAttrContainer
{ 
	z-index: 100000;
	color:blue; 
	background: transparent url(../img/shadow.png) no-repeat;
	width: 220px;
	height: 145px;
	padding : 15px;
}

.jHTipContainer_unit
{ 
	z-index: 100000;
	color:black; 
	width: 100px;
	padding : 5px;
	border: 1px solid black;
	font-weight: bold;
	background-color :rgb(235,235,194);
}

/* Table */
.titre1{
  background-image:url('../img/titre.gif'); 
  height:20px;
  border: #735E3C 1px solid;
  margin-bottom:5px;
	color: #B6A88D;
	font-size: 10px;
}

.Style1 { /*texte orange titre*/
  font-size: 11px;
  color: #E8B969;
  font-family : Arial;
	font-weight: bold;
} 

.odd_table{
	border: #735E3C 1px solid;
	background-color :#40372f;
  border-collapse:collapse;
	color: #B6A88D;
	font-size: 10px;
}

.odd_table thead{
	font-size: 11px;
	text-align:'left';
	background-image:url('../img/titre.gif'); 
	padding : 2px;
}


.odd_table th{
	border-bottom:1px solid;
	height:20px;
}
.odd_table td{
padding : 5px;
font-size: 12px;
} 

.od_row1{
	background-color :#4E453D;
}

.my_row{
	background-color :#1E453D;
	font-size: 10px;
}

.clear
{
	clear: both;
	padding: 0px;
	margin: 0px;
}

#dommap span
{
	position:absolute;
	width:40px;
	height:40px;
	margin:0px;
} 

#dommap span img
{
	position:absolute;
	left:0px;
	z-index:99;
} 

.y1{left:260px}
.y2{left:300px}
.y3{left:340px}
.y4{left:380px}
.y5{left:420px}
.y6{left:460px}
.y7{left:500px}
.y8{left:540px}
.y9{left:580px}
.y10{left:620px}
.y11{left:660px}

.x1{top:210px;}
.x2{top:250px;}
.x3{top:290px;}
.x4{top:330px;}
.x5{top:370px;}
.x6{top:410px;}
.x7{top:450px;}
.x8{top:490px;}
.x9{top:530px;}
.x10{top:570px;}
.x11{top:610px;}

a.wa_left:link {FONT-SIZE: 11px; COLOR: #997607;   TEXT-DECORATION: none;font-weight: bold;}
a.wa_left:active {FONT-SIZE: 11px; COLOR: #997607;   TEXT-DECORATION: none;font-weight: bold;}
a.wa_left:visited {FONT-SIZE: 11px; COLOR: #997607;  TEXT-DECORATION: none;font-weight: bold;}
a.wa_left:hover {FONT-SIZE: 11px; COLOR:  #B09339;  TEXT-DECORATION: none ;font-weight: bold;}
a.wa_leftreaded:link {FONT-SIZE: 10px; COLOR: #997607;   TEXT-DECORATION: none;font-weight: normal;}
a.wa_leftreaded:active {FONT-SIZE: 10px; COLOR: #997607;   TEXT-DECORATION: none;font-weight: normal;}
a.wa_leftreaded:visited {FONT-SIZE: 10px; COLOR: #997607;  TEXT-DECORATION: none;font-weight: normal;}
a.wa_leftreaded:hover {FONT-SIZE: 10px; COLOR:  #B09339;  TEXT-DECORATION: none ;font-weight: normal;}

/* Missive table */

#missive_table
{
	margin:10px;
	border: 1px solid #C9AB00;
	background-color: rgb(255,255,224);
	border-collapse: collapse;
}

#missive_table tr
{
	border-bottom: 1px solid lightgrey;
}

#missive_table tbody tr:hover
{
	background-color: rgb(205,205,164);
}

#missive_table thead, #missive_table tfoot
{
	background-color: #B09139;
}

#missive_table thead tr
{
	border-bottom: 1px solid black;
}

#missive_table .odd 
{
	background-color: rgb(235,235,194);
}

#missive_table .new 
{
	font-weight: bold;
}

#missive_table .ico_msg
{
	background-image : url(../img/email-open-grey.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;

}

#missive_table .ico_new_msg
{
	background-image : url(../img/email-orange.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

#missive_table input,#missive_table img
{
	margin: 5px;	
}

#missive_table tfoot
{
	text-align: right;	
}

.misdate
{
	padding-right: 10px;
	text-align: right;	
}

/* Items table */


#items_table
{
	margin-top:10px;
	width: 825px;
	border: 1px solid #C9AB00;
	background-color: rgb(255,255,224);
	border-collapse: collapse;
}


#items_table tr
{
	border-bottom: 1px solid grey;
}

#items_table .items_tablemagic_tr 
{
	background-color: rgb(202,201,246);
}


#items_table tbody tr:hover
{
	background-color: rgb(205,205,164);
}

#items_table thead, #items_table tfoot
{
	background-color: #B09139;
	text-align: left;
	font-weight: bold;
}

.items_table_td_center
{
	text-align: center;
}

#items_table thead tr
{
	border-bottom: 1px solid black;
}

#items_table input,#items_table img
{
	margin: 3px;	
}

#items_table tfoot
{
	text-align: right;	
}


.infopadskills {
  top: 200px;
  left: 500px;
  position:absolute;
  margin: 0px;
  width: 350px;
  height: 350px;
  text-align: left;
  background-color: #EFF2FB;
  padding-top:10px;
  padding-left:5px;
  border: 1px solid #5773AD;
}

.infopadskills ul
{
	margin-left : 35px;	
}

#skill_descr .infopadskills p
{
	margin : 10px 5px 5px 5px;	
}


.skill
{
	margin:5px;
	cursor: pointer;
}

.skill img
{
	vertical-align: middle;
}

#hero_hire_speech p
{
		margin: 1em 0em 0em 1em;
}

#hero_hire_speech p em 
{
		font-weight: bold;
}

#stat_hero_hire
{
	float:left;
	margin: 20px 150px 0em 1em;
}

.bold
{
	font-weight: bold;
}