/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:200;
    color:#3CA3FF;
    text-decoration:none;
}
a.tt span{ display: none; z-index:200; }

a.tt h1 {
	font-size:14px;
	text-align:center;
	margin-bottom:3px;
	background-color:transparent;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:200; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	z-index:200;
    display:block;
    position:absolute;
    top:83px; left:-265px;
	padding: 10px 0 0 0;
	width:312px;
	height:163px;
	color:#333333;
    text-align:justify;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	background: url(../images/bulle.gif) no-repeat top;
}

/* tooltips alternatifs pour la page service+ */
a.tt_formation:hover span.tooltip{
    top:-20px; left:-30px;
	width:160px;
	height:60px;
	background: url(../images/bulle-formation.gif) no-repeat top;
}
*:first-child+html a.tt_formation:hover span.tooltip{ top:70px; }
* html a.tt_formation:hover span.tooltip{ top:70px; }

a.tt_matos:hover span.tooltip{
    top:-15px; left:-30px;
	width:160px;
	height:60px;
	background: url(../images/bulle-matos.gif) no-repeat top;
}
*:first-child+html a.tt_matos:hover span.tooltip{ top:75px; }
* html a.tt_matos:hover span.tooltip{ top:75px; }


a.tt:hover span.top{
	z-index:200;
	display: block;
	padding: 25px 8px 0;
   /* background: url(../images/bulle.png) no-repeat top;*/
}
a.tt:hover span.middle{ /* different middle bg for stretch */
z-index:200;
	display: block;
	padding: 13px 14px; 
	/*background: url(../images/bulle.png) repeat bottom;*/ 
}
a.tt:hover span.bottom{
	z-index:200;
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  /* background: url(../images/bulle.png) no-repeat bottom;*/
}