/* CSS Document */

/* Infobulle avec texte */

a.info {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display:none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:3.9em;
  right:9em;
  z-index: 20;
  background: #7B953D;
  color: #F4D970;
  border:1px solid #7B953D;
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
}

/* Infobulle avec image */

/* Texte Gargantua */

a.info1 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info1 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info1 span {display: none;}
a:hover.info1 span {
  display: inline;
  position:absolute; 
  top:-11em;
  left:-12em;
  margin-left: -255px;
  z-index: 20;
  background: none;
  background-image:url(infobullegargantua.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:350px;
  height:626px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
}

/* Flūtes.jpg */

a.info2 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info2 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info2 span {display: none;}
a:hover.info2 span {
  display: inline;
  position:absolute; 
  top:38em;
  left:41.2em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(flutes.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:350px;
  height: 337px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
/* Flūte.jpg */

a.info3 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info3 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info3 span {display: none;}
a:hover.info3 span {
  display: inline;
  position:absolute; 
  top:37.2em;
  left:19em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(flute.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:231px;
  height: 293px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
  
  /* cornemuse.jpg */

a.info4 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info4 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info4 span {display: none;}
a:hover.info4 span {
  display: inline;
  position:absolute; 
  top:26em;
  left:53.7em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(cornemuse.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:227px;
  height: 484px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
  /* cornemuse2.jpg */

a.info5 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info5 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info5 span {display: none;}
a:hover.info5 span {
  display: inline;
  position:absolute; 
  top:34.5em;
  left:28em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(cornemuse2.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:171px;
  height: 400px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
  /* sacqueboutes.jpg */

a.info6 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info6 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info6 span {display: none;}
a:hover.info6 span {
  display: inline;
  position:absolute; 
  top:41em;
  left:39em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(sacqueboutes.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:373px;
  height: 330px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
    /* sacqueboutes2.jpg */

a.info7 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info7 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info7 span {display: none;}
a:hover.info7 span {
  display: inline;
  position:absolute; 
  top:23em;
  left:18.7em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(sacqueboutes2.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:317px;
  height: 456px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
      /* liradabraccio.jpg */

a.info8 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info8 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info8 span {display: none;}
a:hover.info8 span {
  display: inline;
  position:absolute; 
  top:23em;
  left:49.3em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(liradabraccio.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:272px;
  height: 520px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
  /* vielle2.jpg */

a.info9 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info9 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info9 span {display: none;}
a:hover.info9 span {
  display: inline;
  position:absolute; 
  top:24em;
  left: 36em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(vielle2.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:406px;
  height: 504px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
  /* vielle.jpg */

a.info10 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info10 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info10 span {display: none;}
a:hover.info10 span {
  display: inline;
  position:absolute; 
  top:37.5em;
  left:20em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(vielle.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:250px;
  height: 311px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
    /* guitare_morlaye.jpg */

a.info11 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info11 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info11 span {display: none;}
a:hover.info11 span {
  display: inline;
  position:absolute; 
  top:20.6em;
  left:44.1em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(guitare_morlaye.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:320px;
  height: 114px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
      /* guitare_phalese.jpg */

a.info12 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info12 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info12 span {display: none;}
a:hover.info12 span {
  display: inline;
  position:absolute; 
  top:20.6em;
  left:19em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(guitare_phalese.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:320px;
  height: 107px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
        /* luthchanteurs.jpg */

a.info13 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info13 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info13 span {display: none;}
a:hover.info13 span {
  display: inline;
  position:absolute; 
  top:46.2em;
  left:51.4em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(luthchanteurs.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:250px;
  height: 288px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
          /* Luthdevinci.jpg */

a.info14 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info14 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info14 span {display: none;}
a:hover.info14 span {
  display: inline;
  position:absolute; 
  top:48em;
  left:27em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(Luthdevinci.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:295px;
  height: 271px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }
  
        /* percussion.jpg */

a.info15 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info15 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info15 span {display: none;}
a:hover.info15 span {
  display: inline;
  position:absolute; 
  top:17.5em;
  left:50em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(percussion.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:264px;
  height: 570px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }

/* violon2.jpg */

a.info16 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info16 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info16 span {display: none;}
a:hover.info16 span {
  display: inline;
  position:absolute; 
  top:46em;
  left:29.5em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(violon2.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:471px;
  height: 290px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }

/* chalemie2.jpg */

a.info17 {

	border-bottom: none;
	text-decoration: none;
	font-weight: none;
	visibility: none;
}
a:hover.info17 {
  text-decoration: none;
  html * .info:hover{z-index:1}
}
a.info17 span {display: none;}
a:hover.info17 span {
  display: inline;
  position:absolute; 
  top:15em;
  left:20em;
  margin-left: -150px;
  z-index: 20;
  background: none;
  background-image:url(chalemie2.jpg);
  background-repeat:no-repeat;
  color: none;
  border: none;
  width:245px;
  height: 500px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  font-family:"Trebuchet MS";
  line-height:12px;
  padding:2px 4px;
  }