body {background: #8d6d3e url(../images/tile.jpg); margin: 0px; padding: 0px; border: 0px; font-size: 12pt; font-weight: normal; font-family: Times New Roman, Courier New, DejaVu Sans Condensed;}	
table, tr, td { margin: 0px; padding: 0px; border: 0px; font-size: 12pt; font-weight: normal; font-family: Times New Roman, Courier New, DejaVu Sans Condensed;}
body, b, h1, h2, h3, h4, h5, p, a, i, div, span, table, tr, td, th, form {margin: 0px; padding: 0px; border: 0px; font-size: 12pt;  font-family: Times New Roman, Courier New, DejaVu Sans Condensed}
b, h1, h2, h3, h4, h5 {font-weight: bold;}
li { font-size: 12pt;  font-family: Verdana, Arial, DejaVu Sans Condensed}
h1 { font-size: 18pt;}
h2 { font-size: 16pt;}
h3 { font-size: 14pt;}
h4 { font-size: 12pt;}
h5 { font-size: 10pt;}
	
input {margin: 0px; padding: 1px; font-size: 10pt; font-weight: bold; font-family: Times New Roman, Courier New;}  
ul {margin-bottom: 15px; font-family: Times New Roman, Courier New;}	
li {margin-bottom: 5px;margin-top: 5px; font-family: Times New Roman, Courier New;}

a:link, a:visited {color: #A29377; text-decoration: none; font-family: Times New Roman, Courier New;}	
a:hover { color: #9c642a; text-decoration: underline}	

td.bleft {width: 3px; background: #000000 url(../images/left.jpg);} 
td.page {width: 800px; background: #e7d4a9 url(../images/bg.jpg);}
td.bright {width: 3px; background: #000000 url(../images/right.jpg);}		  
div.page {width: 800px; position: relative}		

a.menu {position: relative; left: 10px; display: block; margin-bottom: 5px; font-weight: bold; font-size: 12pt; height: 28px; text-indent: 35px; width: 180px;}
a.menu:link, a.menu:visited {background: url(../images/puce01.gif) no-repeat}
a.menu:hover {background: url(../images/puce02.gif) no-repeat}
  
/* Présentation */  
div.titrePrenstation {width: 800px; height: 167px; background: url(../images/titre2.jpg) no-repeat;}	
td.menu { width: 227px; }
td.login { width: 200px; }
div.menu {position: relative; left: 25px; width: 202px; height: 478px; background: url(../images/menu.jpg) no-repeat;}
div.infos1 {position: relative; left: 20px; width: 333px; height: 466px; background: url(../images/pan01.jpg) no-repeat; }
div.infos1txt {position: relative; left: 5px; top: 25px; width: 323px; text-align: justify  }
div.login {position: relative; width: 179px; height: 150px; background: url(../images/login.gif) no-repeat }
input.login {position: absolute; top: 27px; left: 39px; width: 101px; border: 1px solid #9C744D; background: #c5b390 }
input.pws {position: absolute; top: 50px; left: 39px; width: 101px; border: 1px solid #9C744D; background: #c5b390}
input.btLog {position: absolute; top: 72px; left: 110px; height: 25px; width: 30px; }
a.loginOublie {position: absolute; top: 72px; left: 39px; font-size: 8pt }
a.loginInscription {position: absolute; top: 83px; left: 45px; font-size: 8pt}
a.inscrip {position: relative; top: 5px; font-size: 13pt; color: #FF0000; font-weight: bold}

/* Inscription */
div.inscript {position: relative; left: 7px; width: 555px;}
td.lib { font-weight: bold; text-align: right }
input.saisie {width: 250px; border: 1px solid #9C744D; background: #c5b390}
textarea.saisie {width: 250px; border: 1px solid #9C744D; background: #c5b390}
input.submit { width: 250px; border: 1px solid #c5b390; background: #9C744D }

/* infos */
div.titre {width: 800px; height: 167px; background: url(../images/titre.jpg) no-repeat;}	

div.iTitre {position: absolute; top: 11px; left: 140px; font-size: 10pt; font-weight: bold; color: #99ff99}	

div.iPtRoyaume {position: absolute; top: 42px; left: 150px; font-size: 12pt; font-weight: bold; color: #ffff00}
div.iPtReligion {position: absolute; top: 42px; left: 260px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iPtDefense {position: absolute; top: 42px; left: 370px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iPopulation {position: absolute; top: 42px; left: 485px; font-size: 12pt; font-weight: bold; color: #ffff00 }

div.iGold {position: absolute; top: 76px; left: 150px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iBois {position: absolute; top: 76px; left: 260px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iViande {position: absolute; top: 76px; left: 370px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iPoisson {position: absolute; top: 76px; left: 480px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iLegumes {position: absolute; top: 76px; left: 590px; font-size: 12pt; font-weight: bold; color: #ffff00 }
div.iPierre {position: absolute; top: 76px; left: 700px; font-size: 12pt; font-weight: bold; color: #ffff00 }

table.menuPrincipal {position: absolute; top: 105px; left: 50px;}

td.menuVide {width: 50px}
a.menuAccueil, a.menuAccueil:visited {display: block; width: 50px; height: 50px; background: url(../images/bt01.gif)}
a.menuAccueil:hover {background: url(../images/bt01o.gif)}
a.menuRoyaume, a.menuRoyaume:visited {display: block; width: 50px; height: 50px; background: url(../images/bt02.gif)}
a.menuRoyaume:hover {background: url(../images/bt02o.gif)}
a.menuRoi, a.menuRoi:visited {display: block; width: 50px; height: 50px; background: url(../images/bt03.gif)}
a.menuRoi:hover {background: url(../images/bt03o.gif)}
a.menuDruide, a.menuDruide:visited {display: block; width: 50px; height: 50px; background: url(../images/bt04.gif)}
a.menuDruide:hover {background: url(../images/bt04o.gif)}
a.menuOuvriers, a.menuOuvriers:visited {display: block; width: 50px; height: 50px; background: url(../images/bt07.gif)}
a.menuOuvriers:hover {background: url(../images/bt07o.gif)}
a.menuBardes, a.menuBardes:visited {display: block; width: 50px; height: 50px; background: url(../images/bt06.gif)}
a.menuBardes:hover {background: url(../images/bt06o.gif)}
a.menuGuerriers, a.menuGuerriers:visited {display: block; width: 50px; height: 50px; background: url(../images/bt05.gif)}
a.menuGuerriers:hover {background: url(../images/bt05o.gif)}
div.menuRessources {width: 50px; height: 50px; background: url(../images/bt09i.gif)}
a.menuRessources, a.menuRessources:visited {display: block; width: 50px; height: 50px; background: url(../images/bt09.gif)}
a.menuRessources:hover {background: url(../images/bt09o.gif)}
div.menuMarchers {width: 50px; height: 50px; background: url(../images/bt12i.gif)}
a.menuMarchers, a.menuMarchers:visited {display: block; width: 50px; height: 50px; background: url(../images/bt12.gif)}
a.menuMarchers:hover {background: url(../images/bt12o.gif)}
div.menuGuerre {width: 50px; height: 50px; background: url(../images/bt08i.gif)}
a.menuGuerre, a.menuGuerre:visited {display: block; width: 50px; height: 50px; background: url(../images/bt08.gif)}
a.menuGuerre:hover {background: url(../images/bt08o.gif)}
a.menuAchats, a.menuAchats:visited {display: block; width: 50px; height: 50px; background: url(../images/bt11.gif)}
a.menuAchats:hover {background: url(../images/bt11o.gif)}
a.menuDeconnexion, a.menuDeconnexion:visited {display: block; width: 50px; height: 50px; background: url(../images/bt10.gif)}
a.menuDeconnexion:hover {background: url(../images/bt10o.gif)}

a.menuAlliances, a.menuAlliances:visited {display: block; width: 50px; height: 50px; background: url(../images/bt21.gif)}
a.menuAlliances:hover {background: url(../images/bt21o.gif)}
a.menuForum, a.menuForum:visited {display: block; width: 50px; height: 50px; background: url(../images/bt14.gif)}
a.menuForum:hover {background: url(../images/bt14o.gif)}
a.menuChat, a.menuChat:visited {display: block; width: 50px; height: 50px; background: url(../images/bt15.gif)}
a.menuChat:hover {background: url(../images/bt15o.gif)}
a.menuClassements, a.menuClassements:visited {display: block; width: 50px; height: 50px; background: url(../images/bt20.gif)}
a.menuClassements:hover {background: url(../images/bt20o.gif)}
a.menuMessagerie, a.menuMessagerie:visited {display: block; width: 50px; height: 50px; background: url(../images/bt17.gif)}
a.menuMessagerie:hover {background: url(../images/bt17o.gif)}
a.menuConcours, a.menuConcours:visited {display: block; width: 50px; height: 50px; background: url(../images/bt16.gif)}
a.menuConcours:hover {background: url(../images/bt16o.gif)}
a.menuJeux, a.menuJeux:visited {display: block; width: 50px; height: 50px; background: url(../images/bt18.gif)}
a.menuJeux:hover {background: url(../images/bt18o.gif)}
a.menuGoodies, a.menuGoodies:visited {display: block; width: 50px; height: 50px; background: url(../images/bt19.gif)}
a.menuGoodies:hover {background: url(../images/bt19o.gif)}


a.menuLstMembres, a.menuLstMembres:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt55.gif)}
a.menuLstMembres:hover {background: url(../images/bt55o.gif)}
a.menuModProd, a.menuModProd:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt24.gif)}
a.menuModProd:hover {background: url(../images/bt24o.gif)}
a.menuAlDon, a.menuAlDon:visited {display: block; width: 33px; height: 33px; background: url(../images/bt26.gif)}
a.menuAlDon:hover { background: url(../images/bt26o.gif)}
a.menuQuitterAl, a.menuQuitterAl:visited {display: block; width: 33px; height: 33px; background: url(../images/bt29.gif)}
a.menuQuitterAl:hover { background: url(../images/bt29o.gif)}
a.menuDemAdAl, a.menuDemAdAl:visited {display: block; width: 33px; height: 33px; background: url(../images/bt31.gif)} 
a.menuDemAdAl:hover { background: url(../images/bt31o.gif)} 
a.menuGestDemAd, a.menuGestDemAd:visited {display: block; width: 33px; height: 33px; background: url(../images/bt27.gif)}
a.menuGestDemAd:hover { background: url(../images/bt27o.gif)}
a.menuGestPeuple, a.menuGestPeuple:visited {display: block; width: 33px; height: 33px; background: url(../images/bt22.gif)}
a.menuGestPeuple:hover { background: url(../images/bt22o.gif)}
a.menuGestMembres, a.menuGestMembres:visited {display: block; width: 33px; height: 33px; background: url(../images/bt33.gif)}
a.menuGestMembres:hover { background: url(../images/bt33o.gif)}
a.menuGestTaxes, a.menuGestTaxes:visited {display: block; width: 33px; height: 33px; background: url(../images/bt32.gif)} 
a.menuGestTaxes:hover { background: url(../images/bt32o.gif)} 
a.menuWrite, a.menuWrite:visited {display: block; width: 33px; height: 33px; background: url(../images/bt59.gif)}
a.menuWrite:hover { background: url(../images/bt59o.gif)}
a.menuModChef, a.menuModChef:visited {display: block; width: 33px; height: 33px; background: url(../images/bt36.gif)}
a.menuModChef:hover { background: url(../images/bt36o.gif)}
a.menuDelAl, a.menuDelAl:visited {display: block; width: 33px; height: 33px; background: url(../images/bt37.gif)}
a.menuDelAl:hover { background: url(../images/bt37o.gif)}
a.menuSendDem, a.menuSendDem:visited {display: block; width: 33px; height: 33px; background: url(../images/bt54.gif)}
a.menuSendDem:hover { background: url(../images/bt54o.gif)}
a.sendMsg, a.sendMsg:visited {display: block; width: 25px; height: 25px; background: url(../images/bt53mini.gif); margin:2px}
a.sendMsg:hover { background: url(../images/bt53omini.gif)}

a.menuNivUp, a.menuNivUp:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt25.gif)}
a.menuNivUp:hover {background: url(../images/bt25o.gif)}

a.menuMembreGrade1, a.menuMembreGrade1:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt60.gif)}
a.menuMembreGrade1:hover {background: url(../images/bt60o.gif)}
a.menuMembreGrade2, a.menuMembreGrade2:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt61.gif)}
a.menuMembreGrade2:hover {background: url(../images/bt61o.gif)}
a.menuMembreGrade3, a.menuMembreGrade3:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt62.gif)}
a.menuMembreGrade3:hover {background: url(../images/bt62o.gif)}
a.menuMembreGrade4, a.menuMembreGrade4:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt63.gif)}
a.menuMembreGrade4:hover {background: url(../images/bt63o.gif)}

a.menuOk, a.menuOk:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt39.gif)}
a.menuOk:hover {background: url(../images/bt39o.gif)}
a.menuRetour, a.menuRetour:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt46.gif)}
a.menuRetour:hover {background: url(../images/bt46o.gif)}

a.menuExclureMembre, a.menuExclureMembre:visited  {display: block; width: 33px; height: 33px; background: url(../images/bt38.gif)}
a.menuExclureMembre:hover {background: url(../images/bt38o.gif)}

a.menuDemOk, a.menuDemOk:visited {display: block; width: 33px; height: 33px; background: url(../images/bt51.gif)} 
a.menuDemOk:hover { background: url(../images/bt51o.gif)} 
a.menuDemNo, a.menuDemNo:visited {display: block; width: 33px; height: 33px; background: url(../images/bt52.gif)} 
a.menuDemNo:hover { background: url(../images/bt52o.gif)} 

a.menuVoir, a.menuVoir:visited {display: block; width: 33px; height: 33px; background: url(../images/bt41.gif)} 
a.menuVoir:hover { background: url(../images/bt41o.gif)} 

a.delMini, a.delMini:visited {display: block; width: 25px; height: 25px; background: url(../images/bt38mini.gif); margin:2px}
a.delMini:hover { background: url(../images/bt38omini.gif)}

div.concours {position: relative; margin-bottom: 10px; left: 25px; width: 499px; height: 87px; background: url(../images/concours.jpg) no-repeat;}
marquee.concours {position: absolute; left: 15px; top: 16px; width: 468px; height: 56px; overflow: hidden}

div.liens {position: relative; margin-bottom: 10px; width: 499px; height: 87px; background: url(../images/pub.jpg) no-repeat;}
img.liens {position: absolute; left: 15px; top: 14px; overflow: hidden}

div.pub {position: relative; left: 25px; width: 499px; height: 87px; background: url(../images/pub.jpg) no-repeat;}
div.ad {position: absolute; left: 15px; top: 14px; width: 468px; height: 60px; }
div.separateur01 {position: relative; left: 10px; width: 522px; height: 9px; background: url(../images/barre13.gif) no-repeat; overflow: hidden; margin: 5px}

td.TDregion {background: #cbb48a url(../images/fd01.jpg)}
th.TDregion {background: #cbb48a url(../images/fd01.jpg)}
td.TDpeuple {background: #e7ddb3 url(../images/fd02.jpg)}
th.TDpeuple {background: #e7ddb3 url(../images/fd02.jpg)}
td.TDresJ {background: #eee8cf url(../images/fd03.jpg)}
th.TDresJ {background: #eee8cf url(../images/fd03.jpg)}
td.TDresB {background: #ded2b5 url(../images/fd04.jpg)}
th.TDresB {background: #ded2b5 url(../images/fd04.jpg)}
td.TDsel {background: #ded2b5 url(../images/fd06.jpg)}
td.TDMax {background: url(../images/fd07.jpg); color: #990000; font-weight: bold}



div.panGains { width: 308px; height: 324px; background: url(../images/pan02.jpg) no-repeat; margin-top: 10px; margin-bottom: 30px}
div.evGuerre {position: relative; left: 60px; width: 708px; height: 482px; background: url(../images/event.jpg) no-repeat}
div.evReligion {position: relative; left: 60px; width: 708px; height: 482px; background: url(../images/pan03.jpg) no-repeat}
div.evComm {position: relative; left: 20px; width: 708px; height: 482px; background: url(../images/pan04.jpg) no-repeat}
div.evFidelite {position: relative; left: 20px; width: 708px; height: 482px; background: url(../images/pan06.jpg) no-repeat}
div.evFeteCelte {position: relative; left: 20px; width: 708px; height: 482px; background: url(../images/pan05.jpg) no-repeat}

img.screenshot {border: 2px solid #000000}

span.packs {background: url(../images/fd04.jpg); border: 1px solid #9a7c52; position: absolute; right: 5px;}
div.titrePack {background: url(../images/fd01.jpg); padding: 3px; position: relative;}
div.packJeu {background: url(../images/fd03.jpg); border: 2px solid #000000; width: 450px; padding: 2px; text-align: left; margin-bottom: 7px}
a.achatPack {display: block; margin-bottom: 15px; font-weight: bold; font-size: 14pt; height: 50px; text-indent: 45px; padding-top: 15px; width: 200px;}
a.achatPack:link, a.achatPack:visited {background: url(../images/bt13.gif) no-repeat}
a.achatPack:hover {background: url(../images/bt13o.gif) no-repeat}
   
a.aide, a.aide:link {position: absolute; font-weight: bold; right: 15px; top: 35px; display: block; width: 32px; height: 32px; background: url(../images/aide.gif)}
a.aide:hover {background: url(../images/aide_o.gif)}

table.mtbl {border: 2px solid black; width: 700px; margin: 10px}
table.mtbl tr.titre1 th, table.mtbl tr th{padding: 2px; font-weight: bold; text-align: center; background: #e7ddb3 url(../images/fd01.jpg)}
table.mtbl tr.titre2 th{padding: 2px; font-weight: bold; text-align: center; background: #e7ddb3 url(../images/fd02.jpg)}
table.mtbl tr td {padding: 2px; background: #eee8cf url(../images/fd03.jpg)}
table.mtbl tr td.td2 {padding: 2px; background: #eee8cf url(../images/fd04.jpg); font-weight: bold}

table.defaut {border: 2px solid black; margin: 10px}
table.defaut tr th {padding: 2px; font-weight: bold; text-align: center; background: #e7ddb3 url(../images/fd01.jpg)}

div.alliance, div.al_dem {border: 2px solid black; width: 600px; background: #e7ddb3 url(../images/fd13.jpg); padding: 5px; margin: 2px; text-align: justify}
h2.titre, h2.al_dem_titre {background: url(../images/fd20.jpg); text-align: center}
div.charte {border: 2px solid #000000; background: url(../images/fd04.jpg); width: 80%; padding: 3px; text-align: justify}

div.choix_dem {border: 2px solid black; width: 60px; background: url(../images/fd18.jpg); padding: 5px; margin: 2px; }

#lstAlliances {border: 2px solid black; width: 650px; background: #e7ddb3 url(../images/fd18.jpg); padding: 5px; margin: 2px}
#lstDem {border: 2px solid black; width: 650px; background: #e7ddb3 url(../images/fd19.jpg); padding: 5px; margin: 2px}

div.BFGgame {border: 2px solid black; width: 750px; background: #e7ddb3 url(../images/fd18.jpg); padding: 5px; margin: 2px}
td.BFGgamePrevue {border: 2px solid black; background: #e7ddb3 url(../images/fd19.jpg); padding: 5px; margin: 2px}
td.BFGgameTitre { background: #e7ddb3 url(../images/fd07.jpg); padding: 5px; margin: 2px}
td.BFGgameGenre { background: #e7ddb3 url(../images/fd11.jpg); padding: 5px; margin: 2px}
td.BFGgameDt { background: #e7ddb3 url(../images/fd12.jpg); padding: 5px; margin: 2px; font-size: 10pt; font-weight: bold; text-align: center}
td.BFGgameDescr { background: #e7ddb3 url(../images/fd10.jpg); padding: 5px; margin: 2px; vertical-align: top; text-align: justify}
