body{margin:auto; width:1227px; background: url(images/bg-ingame.jpg) repeat 5% 5%; }
input:active, input:focus{background-color: #FEE }
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------- INFOS POUR LE THEME DU JEU ------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#table_theme{margin:auto; border-collapse:collapse;}

#tete_de_page{background-image:url('images/toit.gif'); width:1227px; height:352px; background-repeat: no-repeat;}
#style_ressource{width:988px; margin-bottom:5px; border:1px solid #88734e; border-top:none; background-image:url('images/fade_leger.png');}
#bord_gauche{background-image:url('images/colonne_gauche.gif'); width:63px; background-repeat: repeat-y;}
#corps{height: auto;  width:836px; background-image: url("images/aplan1.jpg"); border-left:1px solid #9e8c6e; border-right:1px solid #9e8c6e; padding: 5px; }
#menu{width: 140px; margin:auto; text-align: center; font-size: 12px; font-weight: bold; font-family:  Times, serif}
#bord_droite{background-image:url('images/colonne_droite.gif'); width:64px; background-repeat: repeat-y;}
#pied_de_page {background-image:url('images/pied_de_page.gif');	margin-left:1px; width:1222px; height:148px; background-repeat: no-repeat; text-align:center; font-family:arial; font-size:10px;}

#fondu_haut{width:848px; height:15px;  background-image:url('images/dechirure1.gif')}
#fondu_bas{width:848px; height:15px;  background-image:url('images/dechirure.gif')}

#info{font-size: 12px; text-align: center; font-family: Arial ; background-image: url("images/aplan2.jpg"); border: 1px dotted black; margin: 10px; padding: 10px}
/*--------------------------------------------------------------------------------------------------*/

#icone{height:25px;width:25px;border: 1px solid black; margin:0px; cursor:help;}
#boutton{display:block; border:1px outset #9e8c6e; padding:10px; text-decoration:none; background-image:url('images/aplan3.jpg'); width:300px;}
#boutton:visited{color:blue}
#boussole{text-decoration:none; font:20px serif bold; color:maroon;}
#boussole:visited{color:maroon}
#bordermaroon {border:1px outset maroon}
#bordermaroon:hover {border:1px inset maroon; opacity:0.7}

.description{margin:0px 57px 0px 57px; border:2px groove black; text-align:justify; padding:10px; font-size:13px; font-weight:bold;background-image:url('images/fade.png');}


.lienpf a {border:1px outset #9e8c6e; cursor:pointer; margin:0; background-color:transparent; text-decoration:none}
.lienpf a:link { color:#33b; }
.lienpf a:visited { color:#33b }
.lienpf a:hover { color:#ff0000; background-image:url("images/aplan5.jpg");}

.tableau_prod table {margin:auto; border-collapse:separate}
.tableau_prod th{text-align:center; font-family:arial; font-weight:bold; font-size:11px; }
.tableau_prod td{text-align:center; border:1px outset #9e8c6e; background-image:url('images/aplan3.jpg'); font-size:10px;padding: 0 16px 0 16px;}
.tableau_prod td:hover{cursor:pointer;border:1px inset #9e8c6e; background-image:url('images/aplan5.jpg'); font-size:10px;}

.tableau_classement table {margin:auto; border-collapse:separate}
.tableau_classement th{text-align:center; font-family:arial; font-weight:bold; font-size:11px; }
.tableau_classement td{width:150px; text-align:center; border:1px outset #9e8c6e; background-image:url('images/aplan1.jpg'); font-size:10px;padding: 0 16px 0 16px;}
.tableau_classement tr:hover{background-image:url('images/aplan5.jpg'); color:red;}


.choixarchi table{margin:auto; border-collapse:separate}
.choixarchi th{text-align:center; font-family:arial; font-weight:normal; font-size:9px;}
.choixarchi td{height:13px; width:13px; text-align:center; font-size:10px;}
.choixarchi td:hover{background-image:url('images/aplan5.jpg'); cursor:pointer;}
.choixarchi2 table{margin:auto; border-collapse:separate}
.choixarchi2 th{text-align:center; font-family:arial; font-weight:normal; font-size:9px;}
.choixarchi2 td{height:13px; width:13px; text-align:center; font-size:10px;}

.temple table {border-collapse: separate; margin: auto;background-image: url("images/aplan14.jpg"); border: 1px solid black}
.temple td{width:40px; height:38px; border:1px dotted #c4d9e5; font-size:11px; text-align:center;}
.temple td:hover{border: 1px inset darkblue; cursor:pointer; }
.temple tr:hover{color:navy;}

.ressource{background-image: url("images/aplan3.jpg"); padding-top:5px; margin: 10px; font-family: Arial, Times, serif; border: 1px outset #9e8c6e}
.ressource td{padding-left: 40px; padding-right: 40px; font-size: 14px}
.ressource img{ border: 1px solid black }
.ressource img:hover{border: 1px solid #9e8c6e;cursor:pointer;}

.inscription {background-image: url("images/aplan2.jpg"); padding:15px; margin: 10px; font-family: Arial, Times, serif; border: 1px solid #9e8c6e; font-size:12px;}

.classement {background-image: url("images/aplan2.jpg"); padding:15px; margin: 10px; font-family: Arial, Times, serif; border: 1px solid #9e8c6e; font-size:12px;}
.classement a {display:block; border:1px solid #9e8c6e; background-image: url("images/aplan5.jpg");padding:5px 10px 5px 10px; margin:10px; width:150px; text-align:center; text-decoration:none; color:maroon;}

.tableau_ami table {margin:auto; width:700px;}
.tableau_ami th {font:9px Arial;text-align:center}
.tableau_ami td {text-align:center; border:1px solid #9e8c6e; background-image: url("images/aplan3.jpg");}
.tableau_ami2 table {margin:auto; width:700px;}
.tableau_ami2 th {font:9px Arial;text-align:center}
.tableau_ami2 td {width:200px; text-align:center; border:1px solid #9e8c6e; background-image: url("images/aplan2.jpg");}

.general{font-size: 14px; text-align: justify; font-family: Arial; background-image: url("images/aplan3.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.general a {color: #3f70a7;}
.general a:visited{color: #3f70a7;}
.general a:hover{color: #FF2000;}
.general legend {border: 1px groove grey}
.general table{ margin: auto; border-collapse:separate;}
.general table img{border:3px groove #847558}
.general table img:hover{border:3px ridge #847558}

.batiment{font: 11px Arial; text-align: justify; background-image: url("images/aplan2.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.batiment a {color: #3e6a32; font-size:12px;}
.batiment a:visited{color: #3e6a32;}
.batiment a:hover{color: #020;}
.batiment table{ margin: auto; border-collapse:separate;}
.batiment td{border:1px outset #9e8c6e;}
.batiment td:hover{color:maroon;}
.batiment th img{border:3px ridge #847558}
.batiment th img:hover{border:3px groove #847558}

.guide {font: 12px Arial; text-align: justify; background-image: url("images/aplan2.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.guide table{ margin: auto; border-collapse:separate;}
.guide td{border:1px outset #9e8c6e;}
.guide a {color: #3e6a32; font-size:12px;}
.guide a:visited{color: #3e6a32;}
.guide a:hover{color: #020;}
#grand_titre {font-weight:bold; font:20px Verdana; margin-bottom:6px; margin-top:6px;}
#petit_titre {font-weight:bold; font:18px Verdana; margin-bottom:4px; margin-top:6px; color:#030;}
#astuce {background:url("images/astuce.png") center left no-repeat; border:1px dashed #9e8c6e; padding:5px; padding-left:40px; margin-bottom:1px; height:30px;}
#remonter {text-align:right; border-bottom: 2px groove #9e8c6e; margin-bottom:15px; padding:5px;}
#remonter a{ text-decoration:none; font:10px arial; color:#191970;}

.lienguide{text-align:center; font-family: Verdana;}
.lienguide a:link {color:maroon; font-size:150%; text-decoration:none;}
.lienguide a:visited { color:maroon }
.lienguide a:hover { color:#ff0000; text-decoration:underline;}

.techno{font: 11px Arial; text-align: justify; background-image: url("images/aplan6.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.techno table{ margin: auto; border-collapse:collapse;}
.techno td{border:1px solid grey; background:url('images/fade.png'); height:25px;}
.techno td div{border:1px outset #9e8c6e; background:url('images/aplan2.jpg'); height:21px; padding-top:5px; text-align:center;}
.techno td div:hover{border:1px inset #9e8c6e; background:url('images/aplan5.jpg');cursor:help;}
.techno th img{border:3px ridge #847558}
.techno th img:hover{border:3px groove #847558}

.port{font: 11px Arial; text-align: justify; background-image: url("images/aplan11.png"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.port a {color: #3e6a32; font-size:12px;}
.port a:visited{color: #3e6a32;}
.port a:hover{color: #020;}
.port table{ margin: auto; border-collapse:separate;}
.port td{border:1px outset #9e8c6e; background-image: url("images/aplan2.jpg");}
.port td:hover{color:navy;}
.port th {text-align:center;}
.port th img{border:3px ridge #a7a4b5}
.port th img:hover{border:3px groove #a7a4b5}

.caserne{font: 11px Arial; text-align: justify; background-image: url("images/aplan4.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.caserne a {color: #3e6a32; font-size:12px;}
.caserne a:visited{color: #3e6a32;}
.caserne a:hover{color: #020;}
.caserne table{ margin: auto; border-collapse:separate;}
.caserne td{border:1px outset #9e8c6e; background-image: url("images/aplan2.jpg");}
.caserne td:hover{color:#060;}
.caserne th {text-align:center;}
.caserne th img{border:3px ridge #495b3c}
.caserne th img:hover{border:3px groove #495b3c}

.universite{font: 11px Arial; text-align: justify; background-image: url("images/aplan10.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.universite a {color: #3e6a32; font-size:12px;}
.universite a:visited{color: #3e6a32;}
.universite a:hover{color: #020;}
.universite table{ margin: auto; border-collapse:separate;}
.universite td{border:1px outset #9e8c6e; background-image: url("images/aplan2.jpg");}
.universite td:hover{color:#8c451d;}
.universite th {text-align:center;}
.universite th img{border:3px ridge #c2965a}
.universite th img:hover{border:3px groove #c2965a}

.forge{font: 11px Arial; text-align: justify; background-image: url("images/aplan6.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.forge a {color: #3e6a32; font-size:12px;}
.forge a:visited{color: #3e6a32;}
.forge a:hover{color: #020;}
.forge table{ margin: auto; border-collapse:separate;}
.forge td{border:1px outset #9e8c6e; background-image: url("images/aplan2.jpg");}
.forge td:hover{color:#493422;}
.forge th {text-align:center;}
.forge th img{border:3px ridge #493422}
.forge th img:hover{border:3px groove #493422}

.muraille{font: 11px Arial; text-align: justify; background-image: url("images/aplan9.jpg"); border: 1px outset #9e8c6e; margin: 10px; padding: 10px}
.muraille a {color: #3e6a32; font-size:12px;}
.muraille a:visited{color: #3e6a32;}
.muraille a:hover{color: #020;}
.muraille table{ margin: auto; border-collapse:separate;}
.muraille td{border:1px outset #9e8c6e; background-image: url("images/aplan2.jpg");}
.muraille th {text-align:center;}
.muraille th img{border:3px ridge #495b3c}
.muraille th img:hover{border:3px groove #495b3c}

.achat table{ margin: auto; border-collapse:collapse;}
.achat td {border:0px solid black; text-align:center}

.capture table{ margin: auto; border-collapse:separate;}
.capture td{border: 1px outset #9e8c6e; background-color: #bba497;text-align: center;padding-left: 15px;padding-right: 15px;font-size: 8px;color: #000000}
.capture td:hover{background-color: #cbb4a7;color: #000000}
.capture td img{border: 1px solid #7e6c4e;}
.capture td img:hover { opacity:.8 ; cursor: pointer;border: 1px outset #9e8c6e;}

.classementgen  {width:390px;}
.classementgen table { width:390px;}
.classementgen th {border: none; padding:0 10px 0 10px; font:10px Arial; color: darkblue; background-image: url("images/aplan3.jpg");}
.classementgen td {width:auto; text-align:center; border: 1px outset black; padding: 0 5px 0 5px;font:12px Arial;background-image: url("images/aplan2.jpg");}
.classementgen td img {height:30px; border:0; padding:0 5px 0 5px; margin:0;}
.classementgen td img:hover {border:0;}
.classementgen caption {font:12px Arial; color: black;}
.classementgen a{color: #B00; font:12px Arial; text-decoration: none;}
.classementgen a:visited{color: #B00; text-decoration: none;}
.classementgen a:hover{color: #A50; text-decoration: underline;}

.tableau_esclaves {border:1px inset maroon; padding:10px; background-image: url("images/aplan3.jpg");}
.tableau_esclaves table{border-collapse:collapse; margin:auto;background-image: url("images/aplan2.jpg");}
.tableau_esclaves th{border:1px outset #9e8c6e; text-align: center; font-size: 12px; padding:10px;}
.tableau_esclaves td{border:1px outset #9e8c6e; text-align: center; padding:10px;}

.tableaujs {border:2px groove grey; padding:10px; margin:2px; background-image: url("images/aplan3.jpg"); text-align:center;}
.tableaujs table{border-collapse:separate; margin:auto; width:700px}
.tableaujs th{border:1px outset #9e8c6e; text-align: center; font-size: 12px; padding:0 10px 0 10px; color:maroon; background-image: url("images/aplan5.jpg");}
.tableaujs td{border:1px outset #9e8c6e; text-align: center; padding:0 10px 0 10px;background-image: url("images/aplan2.jpg");}

.tableau_ally table{border-collapse:separate; margin:auto; font:11px Arial;}
.tableau_ally th{border:1px outset #9e8c6e; text-align: center; padding:0 20px 0 20px; font-size: 12px; color:maroon; background-image: url("images/aplan5.jpg");}
.tableau_ally td{border:1px outset #9e8c6e; text-align: center; padding:0 10px 0 10px;background-image: url("images/aplan2.jpg");}
.liens_ally a {text-decoration:none; display:block; font-variant: small-caps; font-size:15px;}
.liens_ally a:hover {background-image: url("images/aplan2.jpg"); color:darkgreen;cursor:pointer;}
.div_ally  {text-decoration:none; font-variant: small-caps; font-size:15px;}
.div_ally:hover {cursor:not-allowed; background-image: url("images/aplan2.jpg"); color:red;}

.tableau_ajax p{color:maroon; border:2px groove grey; padding:10px; margin:2px; background-image: url("images/aplan3.jpg"); text-align:center;}
.tableau_ajax table{border-collapse:separate; margin:auto; width:750px}
.tableau_ajax th{border:1px outset #9e8c6e; text-align: center; font-size: 12px; padding:0 10px 0 10px; color:navy; background-image: url("images/aplan5.jpg");}
.tableau_ajax td{border:1px outset #9e8c6e; text-align: center; padding:0 10px 0 10px;background-image: url("images/aplan2.jpg");}
.tableau_ajax input{border:1px outset #9e8c6e; background-image: url("images/backtablehover.png"); cursor:pointer;width:200px; font:11px Verdana; color:red; font-weight:bold;}
.tableau_ajax input:hover{border:1px inset #9e8c6e;}

.tableau_connectes table{border-collapse:separate; width:100%}
.tableau_connectes td{border:1px outset #9e8c6e; text-align: left; padding:0; background-image: url("images/aplan2.jpg");}
.tableau_connectes td:hover{background-image: url("images/aplan5.jpg");}

.tableau_banque  table{border-collapse:separate; width:100%}
.tableau_banque th{background:url("images/fade.png"); border:1px solid #9e8c6e;width:50%; text-align:center;}
.tableau_banque td{background:url("images/aplan2.jpg"); border:1px solid #9e8c6e;width:50%; font:12px Arial;}
.tableau_banque td img{opacity:0.7}
.tableau_banque td img:hover{opacity:1}
.tableau_banque input{border:1px outset #9e8c6e; background-image: url("images/backtablehover.png"); cursor:pointer;width:200px; font:11px Verdana; color:red; font-weight:bold;}

.tableau_options table{border-collapse:separate; width:100%}
.tableau_options th{background:url("images/fade.png"); border:1px solid #9e8c6e;width:50%; text-align:center;}
.tableau_options td{background:url("images/aplan2.jpg"); border:1px solid #9e8c6e;width:50%; font:12px Arial;}
.tableau_options td img{opacity:0.7}
.tableau_options td img:hover{opacity:1}

.tableau_marche table{border-collapse:separate; width:100%}
.tableau_marche th{background:url("images/fade.png"); border:1px solid #9e8c6e;width:200px;text-align:center;}
.tableau_marche td{background:url("images/aplan2.jpg"); border:1px outset #9e8c6e;width:200px; font:12px Arial;text-align:center;}
.tableau_marche td img{opacity:0.8}
.tableau_marche td img:hover{opacity:1}
.tableau_marche input{border:1px outset #9f9eaf; background-image: url("images/backtablehover.png"); cursor:pointer;width:150px; font:11px arial; color:navy;}

.tableau_evenements table{border-collapse:separate; width:100%}
.tableau_evenements td{height:34px; background:url("images/aplan2.jpg"); border:1px outset #9e8c6e; font:12px Arial;text-align:center;}
.tableau_evenements td img{border:1px outset #9f9eaf; float:left; width:28px; height:28px}
.tableau_evenements td img:hover{border:1px inset #9f9eaf; opacity:0.8;}
.tableau_evenements td a:link { color:#118; text-decoration:none;}
.tableau_evenements td a:visited { color:#118; text-decoration:none;}
.tableau_evenements td a:hover { text-decoration:underline;}

.tableau_ensemble table{border-collapse:separate; width:100%}
.tableau_ensemble td{font:11px Arial; background:url("images/aplan2.jpg"); border:1px outset #9e8c6e; text-align:center;}
.tableau_ensemble th{font-weight:normal; font-variant:small-caps; background:url("images/fade_leger.png"); border:1px outset #9e8c6e; text-align:center; color:navy}

.simu{background:#efe7d1 url("images/fond_simu.jpg") bottom left no-repeat; font-size: 11px; text-align: justify; font-family: Arial; border: 1px outset #9e8c6e;  margin:10px; padding: 10px;}
.simu h1 {text-align:center; width:300px; background-color:#cabb9e; border: 2px groove #e0d1a7; padding:5px; font-size:20px; font-variant: small-caps;}
.simu h2 {text-align:center; color:navy; font-size:14px; font-variant: small-caps;}
.simu h3 {text-align:justify; font-family:arial; font-size:10px; border:2px ridge #9e8c6e; padding:10px; background:url("images/fade2.png");margin:0}
.simu h4{text-align:center; padding:10px; font-size:20px;}
.simu h5{text-align:center; margin:0px; font: 20px Times;}
.simu table{margin: auto;  border-collapse:separate;}
.simu caption{text-align:center; font-family: Arial; font-size: 10px; color:#030;}
.simu td{border: 1px inset #9e8c6e; background-image: url("images/aplan1.jpg"); text-align: center; font-size: 12px;color: #000000; width:150px;}
.simu td img{float:left; border:1px outset #9e8c6e}
.simu td img:hover{ border:1px inset #9e8c6e; opacity:0.8;}
.simu select {font:10px Arial; color:blue; width:40px;}
.simu a {cursor:pointer; background-color:transparent; text-decoration:none}
.simu a:link { color:#33b; }
.simu a:visited { color:#339 }
.simu a:hover { color:#ff0000;}

.rapports{background:url('images/aplan2.jpg'); font-size: 11px; text-align: justify; font-family: Arial; border: 1px outset #9e8c6e; padding: 10px;}
.rapports a:link { color:#33b; text-decoration:none;}
.rapports a:visited { color:#339 }
.rapports a:hover { color:#ff0000; text-decoration:underline;}
.rapports caption {font:10px Arial; text-decoration:underline;}
.rapports td{border: 1px outset grey; padding:0 10px 0 10px; text-align:center; background:url('images/aplan5.jpg');}
.rapports th{color:red; text-align:center; text-decoration:blink;}

.flagclassement {cursor:pointer; border:1px solid #9e8c6e; border-top:none; width:20px; padding:5px; background:#ead8c3;}
.flagclassement:hover{border:1px solid #9e8c6e; border-top:none; width:20px;  background:#fae8d3; color:red;}

/* Pour le menu */
.frise{background-image: url('images/frise.jpg');background-repeat: repeat-x; height:19px; font:12px Arial; font-weight:bold; text-align:right;}
.cadre_menu{background-image: url("images/backtable.png");background-repeat: repeat-y;border: 1px double #9e8c6e;margin-left: 6px;margin-right: 6px;font-size: 12px;}
.element_menu{background-image: url("images/aplan1.jpg");border: 1px solid #9e8c6e; margin-bottom:2px;}
.element_menu a{color: #200;text-decoration: none}
.element_menu a:hover{color: #3e3e35;}
.menuok {display:block; border: 1px outset #9e8c6e; margin: 2px 5px 0px 5px; background-image: url("images/backtable.png");}
.menuok:hover{border: 1px inset #9f9eaf;background-image: url("images/backtablehover.png");}
.menunon {display:block; border: 1px outset black; margin: 2px 5px 0px 5px; background-image: url("images/backtablegrey.png"); color:grey;}

.menu2  {font-size:12px; background-image:url("images/aplan3.jpg"); color:#000; border: 1px outset #9e8c6e;}
.menu2 a {cursor:pointer; display:block; padding:.3em .4em; margin:0; background-color:transparent; text-decoration:none;}
.menu2 a:link { color:#33c; }
.menu2 a:visited { color:#33c }
.menu2 a:hover { color:#ff0000; background-image:url("images/aplan5.jpg");}
.menu2 i{font-size:10px;}

.messages {width:49%; margin:0px; border:1px outset #9e8c6e; background-image:url("images/aplan7.jpg");}
.messages table {border-collapse:collapse;}
.messages th{border:1px solid grey; background-image:url("images/fade.png"); padding:3px 0px 3px 0px; font:12px Arial; font-weight:bolder}
.messages a{color:darkgreen; font-weight:bolder; text-decoration:none; font-size:10px;}
.messages a:visited{color:darkgreen;}
.messages a:hover{text-decoration:underline;}

.productable hr {border:1px dotted #9e8c6e;}
.productable table {margin:auto; border-collapse:separate;}
.productable td{border:1px outset #9e8c6e; background-image: url("images/aplan3.jpg");width:200px; font:11px Arial; text-align:center;}
.productable th img{border:3px ridge #c2965a; height:50px; width:50px;}
.productable th img:hover{border:3px groove #c2965a}

div#tipDiv
	{
	text-align:justify;
	padding:5px;
	position:absolute; visibility:hidden;
	left:0; top:0; z-index:1000;
	width:150px; font-size:11px;
	background-image:url("images/fade_fort.png"); color:#000;
	border: 1px outset #9e8c6e;
	}