/*infobules*/
/* trouvé ici : http://red-team-design.developpez.com/tutoriels/css/infobulles-css3/ */
/* exemple : http://red-team-design.developpez.com/tutoriels/css/infobulles-css3/fichiers/ */
.tooltip
{
	position: relative;
	display: inline-block;
	text-decoration: none;
	outline: none;
	text-align:left;
	/*font-family: Courier New;
	font-size: 13px;
	font-weight: 400;*/

}

.tooltip b {font-size:1em;}

.tooltip span
{
	visibility: hidden;
	position: absolute; 
	top: -8em;
	left: 135px;
	z-index: 999;
	min-width: 350px;
	max-height: 600px;
	overflow : auto;
	margin-left: -127px;
	padding: 7px;
  	border: 1px solid rgb(46, 57, 77);
	opacity: .95;                     
	/*background: url("texture_coin_de_page_hg.png") #ffe no-repeat ;  */
	-moz-border-radius: 3px;
	border-radius: 3px;  
	/* -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; */
	/*box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; */
	box-shadow:2px 2px 2px rgb(46, 57, 77);
	/*text-shadow: 0 1px 0 rgba(255,255,255,.4); */
	cursor:auto;
	color:black;
}

.tooltip span h1, .tooltip span div{
	text-indent:-16px;
	padding-left:16px;
	font-family: Courier New;
	font-size:small;
	margin:0;
}

.tooltip span h1{
	color:black;
	background-color: transparent;
}


.tooltip span div.description{
	text-indent:16px;
	padding-left:0;
	text-align : justify;
}
.tooltip span div{
	margin: 11px 0;
}

.tooltip:hover{border: 0;} /* IE6 fix */

.tooltip:hover span{visibility: visible;}

.tooltip:hover hr{
	border: 0;
	height: 1px;
}


/* info */
.info-tooltip span{
	/* color:white; */
  	border-color: rgb(46, 57, 77);
	opacity: .95;                     
	background-color:rgb(134, 204, 239) ;
}


/* Yellow */
.yellow-tooltip span{
  	border-color: #ccb #776 #776 #ccb;
	background-color: #faffaa;
}