/*LES INFOS BULLES*/

/* Info bulle des cartes géographiques */

.infobulle{
	/* border: solid 1px #000000; */
	position: absolute;
	z-index:190;
	visibility : hidden;
	
}

.bulle{
	width:250px;
	color:#FFFFFF;
	border: solid 1px #000000;
	float:left;
}

								/*MER*/
h1.bulle_1{
	font-weight:bold;
	background-color:#4FB0AA;
	font-size:11px;
	padding:3px; 
	margin:0;
	text-align:center;
}

.contenu_1{
	height:78px;
	padding:4px;
	margin:0;
	background-color:#68e7df;
}

										/*CAMPAGNE*/
h1.bulle_2{
	font-weight:bold;
	background-color:#87B400;
	font-size:11px;
	padding:3px;
	margin:0;
	text-align:center;
}

.contenu_2{
	height:76px;
	padding:4px;
	margin:0;
	background-color:#ade700;
}

										/*MONTAGNE*/
h1.bulle_3{
	font-weight:bold;
	background-color:#DC4B0D;
	font-size:11px;
	padding:3px;
	margin:0;
	text-align:center;
}

.contenu_3{
	height:76px;
	padding:4px;
	margin:0;
	background-color:#f97238;
}
										/*VILLE*/
h1.bulle_4{
	font-weight:bold;
	background-color:#7271AC;
	font-size:11px;
	padding:3px;
	margin:0;
	text-align:center;
}

.contenu_4{	
	height:76px;
	padding:4px;
	margin:0;
	background-color:#9290da;
}

/* La classe à mettre dans les balises de liens est info : */

	
a.info{											/* ou se situe le lien sur la page */
     /*background-color:#G25F7J;*/
    color:blue;
    text-decoration:none;
	
	}

a.info:hover{z-index:25;}

a.info span{display: none ; }  /* n'affiche pas le span donc l'info contenue dans la bulle */

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;  /* permet de ne pas décaler les autres éléments en passant par dessus */
    
    
    /*top: -5em;*/
	/*top:-3em; left:-1em; width:20em;   position de la bulle par rapport au lien lorsqu'on le survol */
	width:13em; left:1em; 
    border:1px solid #e98600;
    background-color:#eeeeee; color:#e98600;
   /*  text-align: center; */
    /*font-weight:none;*/
    padding:1px;
}

div.bulle img.triangle_g{
	position: absolute;
	padding: 0;
	margin: 43px 0 0 -20px;
}

div.bulle img.triangle_d{
	position: absolute;
	padding: 0;
	margin: 43px 0 0 250px;
}

img.miniature
{
	float:left; 
	height:75px;
	width:91px;
	margin: 0 6px 0 0;
}

img.logos_miniature
{
	width:40px;
	height:20px;

}