a.tooltip em {
    display:none;
}

a.tooltip:hover {
    position: relative; 
    z-index: 500;
    border: 0; 
    text-decoration:none;
}

a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 18px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width: 300px;
}

a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 60px; 
    background: transparent url('images/infobulle.gif') top left no-repeat; 
    margin:0; 
    padding: 0; 
    border: 0;
}

a.g:hover em {
    left: -10px;
	right: auto;
}

a.d:hover em {
	left: auto;
    right: -10px;
}

a.g:hover em span {
    left: 15px;
	right: auto;
    background: transparent url('images/infobulle.gif') top left no-repeat; 
}

a.d:hover em span {
    left: auto;
    right: 15px;
    background: transparent url('images/infobulle.gif') top right no-repeat; 
}

a.wowloot em {
    display: none;
	font: normal 8pt Verdana ;
	text-align: left;
    font-style: normal;
}

a.wowloot,
a.wowloot:hover em b {
	font: bold 8pt Verdana ;
}

a.wowloot:hover em i {
	font: normal 8pt Verdana ;
	color: #00FF00;
}

a.wowloot:hover em i.joke {
	font: normal 8pt Verdana ;
	color: #FFFF00;
}

a.wowloot:hover em i.socket {
	font: normal 8pt Verdana ;
	color: #808080;
}

a.wowloot:hover em i.socket span {
	float: none;
	display: inline-block;
	left: auto;
	right: auto;
	width: 13px;
	height: 13px;
}

a.wowloot:hover em i.socket span.b { background: transparent url('images/wow/socketb.gif') top left no-repeat; }
a.wowloot:hover em i.socket span.r { background: transparent url('images/wow/socketr.gif') top left no-repeat; }
a.wowloot:hover em i.socket span.y { background: transparent url('images/wow/sockety.gif') top left no-repeat; }

a.mauvais { color: #666666; }
a.commun  { color: #000000; }
a.inhabituel { color: #33CC00; }
a.rare { color: #0000FF; }

a.mauvais:hover em b { color: #808080; }
a.commun:hover  em b { color: #FFFFFF; }
a.inhabituel:hover em b { color: #33CC00; }
a.rare:hover em b { color: #0000FF; }

a.epique,
a.epique:hover em b { color: #CC00FF; }

a.wowloot:hover {
    position: relative; 
    z-index: 500;
    border: 0; 
    text-decoration:none;
}

a.wowloot:hover em {
    display: block; 
    position: absolute; 
    bottom: 20px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #ffffff;
    width:300px;
    background: #505050;
	color: #ffffff;
}

a.l:hover em {
    left: 0px;
	right: auto;
}

a.r:hover em {
	left: auto;
    right: 0px;
}

a.l:hover em span {
	float: right;
}

a.r:hover em span {
	float: right;
}