#text {margin:50px auto; width:500px; z-index: 50;}
.hotspot {color:#000; cursor:pointer}

#tt {position:absolute; display:block; z-index: 50; }
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:0px; margin-left:5px; background:#fff; color:#FFF; border: 2px solid #666;}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}

#ttF {position:absolute; display:block; z-index: 50; }
#ttFtop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttFcont {display:block; padding:0px; margin-left:5px; background:#fff; color:#FFF; border: 2px solid #929BD6;}
#ttFbot {display:block; height:5px; margin-left:5px; overflow:hidden}

.tooltip-offres-emploi #ttFcont{border-color: #9A3ACC !important;}
.tooltip-offres-emploi #ttFcont .PopupRecrut span{padding: 3px; display: block;}
.tooltip-offres-emploi #ttFcont .PopupRecrut{color:#000; border-color: #9A3ACC !important; text-align: left ;}
.tooltip-offres-emploi #ttFcont .PopupRecrut p.TitrePop {color:#fff;padding: 3px;font-weight: bold; font-size: 11px; background-color: #9A3ACC; margin-bottom: 0px;}
.tooltip-offres-emploi #ttFcont li{list-style: outside url(../images/puce-turquoise.gif) !important; margin-left: 18px;}