/*vagabond*/
a.vagabond {
  position:relative;
  text-decoration: none; 
}

a.vagabond span {display: none;}

a:hover.vagabond span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/vagabond.jpg) no-repeat;
  width:171px;
  font-weight:normal;
  height:194px;
  padding:2px 4px;
}

/*mercenaire*/
a.mercenaire {
  position:relative;
  text-decoration: none; 
}

a.mercenaire span {display: none;}

a:hover.mercenaire span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/mercenaire.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*acolyte*/
a.acolyte {
  position:relative;
  text-decoration: none; 
}

a.acolyte span {display: none;}

a:hover.acolyte span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/acolyte.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*acrobate*/
a.acrobate {
  position:relative;
  text-decoration: none; 
}

a.acrobate span {display: none;}

a:hover.acrobate span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/acrobate.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*magicien*/
a.magicien {
  position:relative;
  text-decoration: none; 
}

a.magicien span {display: none;}

a:hover.magicien span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/magicien.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*chevalier*/
a.chevalier {
  position:relative;
  text-decoration: none; 
}

a.chevalier span {display: none;}

a:hover.chevalier span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/chevalier.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*assassin*/
a.assassin {
  position:relative;
  text-decoration: none; 
}

a.assassin span {display: none;}

a:hover.assassin span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/assassin.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*moine*/
a.moine {
  position:relative;
  text-decoration: none; 
}

a.moine span {display: none;}

a:hover.moine span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/moine.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*pretre*/
a.pretre {
  position:relative;
  text-decoration: none; 
}

a.pretre span {display: none;}

a:hover.pretre span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/pretre.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*jester*/
a.jester {
  position:relative;
  text-decoration: none; 
}

a.jester span {display: none;}

a:hover.jester span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/jester.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*ranger*/
a.ranger {
  position:relative;
  text-decoration: none; 
}

a.ranger span {display: none;}

a:hover.ranger span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/ranger.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*sorcier*/
a.sorcier {
  position:relative;
  text-decoration: none; 
}

a.sorcier span {display: none;}

a:hover.sorcier span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/sorcier.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*elementaliste*/
a.elementaliste {
  position:relative;
  text-decoration: none; 
}

a.elementaliste span {display: none;}

a:hover.elementaliste span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/elementaliste.jpg) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*templier*/
a.templier {
  position:relative;
  text-decoration: none; 
}

a.templier span {display: none;}

a:hover.templier span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/templier.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*spadassin*/
a.spadassin {
  position:relative;
  text-decoration: none; 
}

a.spadassin span {display: none;}

a:hover.spadassin span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/spadassin.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*chanoine*/
a.chanoine {
  position:relative;
  text-decoration: none; 
}

a.chanoine span {display: none;}

a:hover.chanoine span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/chanoine.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*primat*/
a.primat {
  position:relative;
  text-decoration: none; 
}

a.primat span {display: none;}

a:hover.primat span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/primat.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*envouteur*/
a.envouteur {
  position:relative;
  text-decoration: none; 
}

a.envouteur span {display: none;}

a:hover.envouteur span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/envouteur.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*arcaniste*/
a.arcaniste {
  position:relative;
  text-decoration: none; 
}

a.arcaniste span {display: none;}

a:hover.arcaniste span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/arcaniste.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*arbaletrier*/
a.arbaletrier {
  position:relative;
  text-decoration: none; 
}

a.arbaletrier span {display: none;}

a:hover.arbaletrier span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/arbaletrier.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}

/*sylphide*/
a.sylphide {
  position:relative;
  text-decoration: none; 
}

a.sylphide span {display: none;}

a:hover.sylphide span {
  display: inline;
  position: absolute; 
  top:2.5em;
  left:3.5em;
  z-index: 20;
  background: url(../images/classes/sylphide.png) no-repeat;
  width:227px;
  font-weight:normal;
  height:227px;
  padding:2px 4px;
}