/* This is where you can customize the appearance of the tooltip */

div#tipDiv ul { margin:.5em .4em .5em 1em; padding:0 }
div#tipDiv ul li { margin: 0 0 .4em 1em }
div#tipDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	background-color: #dee7f7;
	border:2px solid #000000;
	width:200px;
	/* valeur precedente de 300 px mais probleme avec une barre horizontale de defilement pour le menu*/
	padding:4px;
	color:#000;
	font-size:12px;

}
div#tipDiv a:link {
	color:#33b;

}
div#tipDiv a:visited { color:#339 }
/*ajout provisoire*/
div.tipDiv a:hover { color:#33c; border-bottom:1px dashed #33c }
/*fin ajout provisoire*/

/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.msg { text-align:left; margin-top:4px }

/* These are the style specifications for the menu layers.  
   Set width to get more browsers' corporation  */
div.tipmenu  { 
  position:absolute; visibility:hidden; 
  width:110px; left:0; top:0; z-index:500;
  font-size:12px; 
  background-color:#eeeeef; 
  border: 2px solid;	border-color: #f7faff #99a #99a #f7faff; 
}

/* Style specifications for menu items and links  */
div.tipmenu ul { margin:.5em 1em .6em 0; padding:0 }
div.tipmenu ul li { line-height:1em; list-style-type:none; margin:0 0 .8em .4em; }

div.tipmenu a { text-decoration:none; white-space:nowrap; }  
div.tipmenu a:link { color:#33b }
div.tipmenu a:visited { color:#339 }
div.tipmenu a:hover { color:#33c; border-bottom:1px dashed #33c }
.underlined {
	border-bottom-style: dotted;
	border-bottom-color: #FF3366;
	text-decoration: none;
	border-bottom-width: 2px;
	color: #3366FF;
}