BODY, TABLE {
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  font-family: Verdana;
  font-size: 13px;
}

a, a:hover, a:visited {
  color:black;
}


input {
  vertical-align:middle;
}

select {
  vertical-align:middle;
}

img {
  border:0;
  behavior: url(iepngfix.htc);
}

#GLOBAL {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  height:1000;
  text-align: left; /* on rétablit l'alignement normal du texte */
  position:relative;
  top:0;
  left:0;
  background-repeat:no-repeat;
  background-position:top center;
}

#infos {
  position:absolute;
  text-align:center;
  vertical-align:middle;
  width:400px;
  height:50px;
  left:300px;
  top:75px;
}

#batprestige {
  position:absolute;
  text-align:center;
  vertical-align:middle;
  width:500px;
  height:150px;
  left:250px;
  top:140px;
}

#PONT {
  position:absolute;
  width:135px;
  height:90px;
  left:40px;
  top:275px;
}

#DONJON {
  background-image: url(images/donjon.png);
  background-repeat:no-repeat;
  background-position:bottom;
  position:absolute;
  left:840px;
  top:225px;
  width:25px;
  height:40px;
  padding-top:3px;
  text-align:center;
  font-weight:bold;
  font-size:13px;
}

#MURAILLE {
  background-image: url(images/muraille.png);
  background-repeat:no-repeat;
  background-position:bottom;
  position:absolute;
  left:880px;
  top:225px;
  width:25px;
  height:40px;
  padding-top:3px;
  text-align:center;
  font-weight:bold;
  font-size:13px;
}

#TOUR {
  background-image: url(images/tour.png);
  background-repeat:no-repeat;
  background-position:bottom;
  position:absolute;
  left:920px;
  top:225px;
  width:25px;
  height:40px;
  padding-top:3px;
  text-align:center;
  font-weight:bold;
  font-size:13px;
}

#chemin {
  position:absolute;
  height:400px;
  width:590px;
  top:270px;
  left:210px;
}

#Joueur1 {
  position:absolute;
  top:399px;
  left:26px;
  width:165px;
  height:210px;
}

#Joueur2 {
  position:absolute;
  top:406px;
  left:809px;
  width:165px;
  height:210px;
}

#Joueur3 {
  position:absolute;
  left:21px;
  top:646px;
  width:165px;
  height:210px;
}

#Joueur4 {
  position:absolute;
  top:645px;
  left:808px;
  width:165px;
  height:210px;
}

#pseudo {
  position:absolute;
  top:175px;
  width:165px;
  text-align:center;
  font-size:18px;
}

#pioche {
  position:absolute;
  text-align:center;
  left:13px;
  top:7px;
  font-size:10px;
  z-index:3;
}

#defausse {
  position:absolute;
  text-align:center;
  top:7px;
  left:87px;
  font-size:10px;
  z-index:3;
}

#CartesEnMain {
  position:absolute;
  top:90px;
  left:39px;
  font-weight:bold;
  width:25px;
  text-align:center;
}

#Deniers {
  position:absolute;
  top:88px;
  left:130px;
  font-weight:bold;
  width:25px;
  text-align:center;
}

#Prestige {
  position:absolute;
  top:123px;
  left:34px;
  font-weight:bold;
  width:20px;
  text-align:center;
  font-size:10px;
}

#DetPrestige {
  position:absolute;
  top:121px;
  left:87px;
  font-weight:bold;
  text-align:center;
}

#Ouvriers {
  position:absolute;
  top:90px;
  left:90px;
  font-weight:bold;
}

#Stock {
  position:absolute;
  top:146px;
  left:23px;
  font-weight:bold;
  color:white;
}

#main {
  background-repeat:no-repeat;
  background-position:top center; 
  position:absolute;
  left:198px;
  width:620px;
  text-align:center;
}

#chat {
  position:absolute;
  top:20px;
  left:730px;
  width: 260px;
  height: 130px;
}

#scroll 
{
  position:absolute;
  top:20px;
  left:730px;
  width: 260px;
  height: 130px; 
  overflow: auto;
  border :solid 1px;
  background-color: white;
  
}

#textchat {
  position:absolute;
  top:152px;
  left:730px;
  width: 260px;
  height: 30px;
}

.item {
  font-size: 9px;
}