/* CSS Document */

/* bouton des cartes */

.bouton1 {
position:absolute;
top:511px;
left:550px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton2 {
position:absolute;
top:545px;
left:489px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton3 {
position:absolute;
top:505px;
left:619px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton4 {
position:absolute;
top:635px;
left:577px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton5 {
position:absolute;
top:648px;
left:543px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton6 {
position:absolute;
top:574px;
left:273px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton7 {
position:absolute;
top:552px;
left:234px;
width:35px;
height:25px;
background-color:transparent;
}
.bouton8 {
position:absolute;
top:609px;
left:242px;
width:35px;
height:25px;
background-color:transparent;
}

.bouton9 {
position:absolute;
top:518px;
left:302px;
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;

}