/* CSS Document */

/* bouton des cartes */

.bouton1 {
position:absolute;
top:583px;
left:290px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton2 {
position:absolute;
top:560px;
left:232px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton3 {
position:absolute;
top:490px;
left:161px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton4 {
position:absolute;
top:490px;
left:284px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton5 {
position:absolute;
top:493px;
left:376px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton6 {
position:absolute;
top:545px;
left:403px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton7 {
position:absolute;
top:492px;
left:547px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton8 {
position:absolute;
top:540px;
left:411px;
width:35px;
height:25px;
background-color:transparent;
}

.bouton9 {
position:absolute;
top:467px;
left:564px;
width:35px;
height:25px;
background-color:transparent;
}

.bouton10 {
position:absolute;
top:484px;
left:601px;
width:35px;
height:25px;
background-color:transparent;
}



a span {display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black} /* met le texte <span> en noir */

a:hover span {
	display: block; /* Montre le texte <span> lors du survol */
	position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
	top: 110px; /* cette zone se situe à 155 pixels du haut */
	left: 20px;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
		border: 1px solid #B57556;
		padding:5px;
		background-image: url(../images/transparent.gif);
	background-repeat: repeat;

}