/* Tooltip classique */
.tooltipok {
	width:300px;
	background:#dee4e9;
	border:1px solid #324759;
	border-radius:5px;
	z-index:1500;
}
.tooltipok .tip-top{
	/*background:url(../../images/background/back-haut.png);*/
	height:10px;
}
.tooltipok .tip{
	/*background:url(../../images/background/back-milieu.png);*/
	padding:0 10px 0 10px;
}
.tooltipok .tip-title{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#324759;
}
.tooltipok .tip-text{
	display:none;
}
.tooltipok .tip-bottom{
	/*background:url(../../images/background/back-bas.png);*/
	height:10px;
}

ul.tooltipok li{
	background:url(../../images/background/back-milieu.png);
	padding:0 10px 0 10px;
}

.tooltipok.pre {
	white-space: pre;
}

/* Tooltip Attention */
.tooltipAttention {
	width:300px;
}
.tooltipAttention .tip-top{
	background:url(../../images/background/back-hautA.png);
	height:10px;
}
.tooltipAttention .tip{
	background:url(../../images/background/back-milieuA.png);
	padding:0 10px 0 10px;
}
.tooltipAttention .tip-title{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e00000;
}
.tooltipAttention .tip-text{
	display:none;
}
.tooltipAttention .tip-bottom{
	background:url(../../images/background/back-basA.png);
	height:10px;
}
/******************************/
/* Construction de la tooltip */
/******************************/
/*
<div class="options.className">
	<div class="tip-top"></div>
	<div class="tip">
			<div class="tip-title"></div>
			<div class="tip-text"></div>
	</div>
	<div class="tip-bottom"></div>
</div>
*/