em
{font-style:normal;font-weight:bold ;color:#ff6633;}
h2{font-size:15px;}
h3{font-size:17px;color:white;}
span{color:white;}

a img, a:visited img, a:hover img	{border: none;}
.note{float: left;  display: block; font-style:oblique;font-weight:lighter;color:#4682b4;}
.important{font-size:13px;color:#a0b01f;}

#fond
{background-color:#ebebeb;width:800px;
height:600px;}

#texte
{position:absolute;top:20px;left:160px;width:570px;height:200px;}
#fondmussa
{position:absolute;top:220px;left:100px;background-image:url(../jpg/mussamolo.jpg);
background-repeat:no-repeat;width: 600px;height:201px;z-index:1;}

.image1 { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     position:absolute;top:210px;left:140px;
	 width: 50px; /* largeur de l'image réactive */
     height:330px; /* hauteur de l'image réactive */
     background-image:none;/* source de l'image de départ */
	 background-repeat: no-repeat;z-index:3;}/*clip: rect(valeur1, valeur2, valeur3, valeur4);*/
	 .image1:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../jpg/musvign/fran.jpg); /* source de l'image d'arrivée */
      width:51px; /* largeur de l'image réactive */
     height:330px; position:absolute;top:210px;left:140px;background-position:1px 220px;z-index:4; }
	 
.image2 {
     display: block; 
     position:absolute;top:210px;left:189px;
	 width: 55px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:5;}
	 a.image2:hover {
     background-image: url(../jpg/musvign/fifi.jpg); 
     width:55px;  
     height:330px; position:absolute;top:210px;left:189px;background-position:2px 220px;z-index:6; }
	 
.image3 {
     display: block; 
     position:absolute;top:210px;left:242px;
	 width: 96px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:7;}
	 a.image3:hover {
     background-image: url(../jpg/musvign/baroncopie.jpg); 
     width:96px;  
     height:330px; position:absolute;top:210px;left:242px;background-position:1px 220px;z-index:8; }
	  

.image4 {
     display: block; 
     position:absolute;top:210px;left:308px;
	 width: 40px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:9;}
	 a.image4:hover {
     background-image: url(../jpg/musvign/sop.jpg); 
     width:40px;  
     height:330px; position:absolute;top:210px;left:308px;background-position:1px 220px;z-index:10; }
	  
.image5 {
     display: block; 
     position:absolute;top:210px;left:355px;
	 width:75px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:11;}
	 a.image5:hover {
     background-image: url(../jpg/musvign/abdou.jpg); 
     width:75px;  
     height:330px; position:absolute;top:210px;left:355px;background-position:1px 220px;z-index:12; }
	  
.image6 {
     display: block; 
     position:absolute;top:210px;left:430px;
	 width:95px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:9;}
	 a.image6:hover {
     background-image: url(../jpg/musvign/marccopie.jpg); 
     width:95px;  
     height:330px; position:absolute;top:210px;left:430px;background-position:1px 220px;z-index:13; }
	  
.image7 {
     display: block; 
     position:absolute;top:210px;left:525px;
	 width:90px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:14;}
	 a.image7:hover {
     background-image: url(../jpg/musvign/tamacopie.jpg); 
     width:90px;  
     height:330px; position:absolute;top:210px;left:525px;background-position:1px 220px;z-index:15; }
	 
.image8 {
     display: block; 
     position:absolute;top:210px;left:610px;
	 width:88px; 
     height: 198px; 
     background-image: none;
     background-repeat: no-repeat;z-index:17;}
	 a.image8:hover {
     background-image: url(../jpg/musvign/khadycopie.jpg); 
     width:88px;  
     height:330px; position:absolute;top:210px;left:610px;background-position:1px 220px;z-index:18; }

a {text-decoration: none;}
a span {display: none;}
a:hover span {display: inline;position: absolute;top:-22px;left: 0px;width: 50px;
height:50px;text-decoration:none;text-align:center;color:#a0b01f;}	  



a {text-decoration:none;font-size:10px;color:#a9a9a9;}
a:hover{color:#ff7f50;}
.intro
{position:absolute;
left:24px;
top:-23px;} 
 
 .disco
{position:absolute;
left:-15px;
top:5px;} 

 .chrono
{position:absolute;
left:-50px;
top:25px;}
 
.trio
{position:absolute;
left:-25px;
top:60px;}

.texto
{
position:absolute;
left:44px;
top:5px;} 

.amigo
{position:absolute;
left:35px;
top:30px;}

.accueil
{position:absolute;
left:34px;
top:60px;}
.arob
{position:absolute;
top:40px;
left:8px;
}
.info
{position:absolute;
left:5px;
top:80px;}
#index        
{position:absolute;
top:50px;
left:60px;
width:100px;
height:100px;z-index:10;}

#ret
{position:absolute;top:285px;left:720px;background-repeat:no-repeat;width: 74px;height:32px;}
#suit
{position:absolute;top:345px;left:720px;background-repeat:no-repeat;width: 74px;height:32px;}