body
{text-align:center;font-size:13px;color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;}
em{font-weight:bold;color:#ff6633;}
a {text-decoration:none;color:#666666;}
a:hover{color:#ffb000;} 
a img, a:visited img, a:hover img{border: none;}
/*h5{top:40px;left:600px;   font-style:oblique;font-weight:lighter;color:#4682b4;}*/
p{font-size:13px;color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;}
h4{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;color:#666666;font-weight:lighter;}
h2{font-size:18px;color:#a9a9a9;}
h3{font-size:17px;color:white;}
h1{font-size:15px;color:#a9a9a9;}
span{font-size:10px;}

#fond
{background-color:#ebebeb;width:800px;
height:600px;}

#clic2{position:absolute;top:20px;left:200px;font-size:12px;font-style:oblique;font-weight:lighter;color:#0099ff;width:190px;
height:10px;}


.nom1{font-size:18px;font-weight:bold;color:#FF3399;}
.nom2{font-size:18px;font-weight:bold;color:#6699FF;}
.nom3{font-size:18px;font-weight:bold;color:#90c850;}
.nom4{font-size:18px;font-weight:bold;color:#FFCC33;}
.nom5{font-size:18px;font-weight:bold;color:#30ccd0;}
.nom6{font-size:18px;font-weight:bold;color:#FF6633;}
.nom7{font-size:18px;font-weight:bold;color:#FF66FF;}


 /*les images survolées */
a.image1 { /* définition de la classe "image" de la balise <a> */display: block; /* la balise a doit être en bloc */width: 60px; /* largeur de l'image réactive */
height: 60px; /* hauteur de l'image réactive */background-image: url(../jpg/extrjpg/facecov.jpg); /* source de l'image de départ */
background-repeat: no-repeat;}
a.image1:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(../jpg/extrjpg/mainkit.jpg); /* source de l'image d'arrivée */} 
#b1vaille{position:absolute;top:65px;left:531px;width:60px;height:60px;border:none;}
#lect1{position:absolute;top:90px;left:631px;width: 61px;height:20px;}

a.image2 { display: block; width: 60px; height: 60px; background-image: url(../jpg/extrjpg/main.jpg); 
background-repeat: no-repeat;}
a.image2:hover { background-image: url(../jpg/extrjpg/mainbleue.jpg); } 
#b2larme{position:absolute;top:140px;left:531px;width:60px;height:60px;border:none;}
#lect2{position:absolute;top:160px;left:631px;width: 61px;height:20px;}

a.image3 { display: block; width: 60px; height: 60px;background-image: url(../jpg/extrjpg/mainfifi.jpg); background-repeat: no-repeat;}
a.image3:hover { background-image: url(../jpg/extrjpg/mainverte.jpg); } 
#b3erre{position:absolute;top:215px;left:531px;width:60px;height:60px;border:none;}
#lect3{position:absolute;top:235px;left:631px;width: 61px;height:20px;}

a.image4 { display: block; width: 60px; height: 60px; background-image: url(../jpg/extrjpg/bbas.jpg); 
background-repeat: no-repeat;}
a.image4:hover { background-image: url(../jpg/extrjpg/bbasjau.jpg);} 
#b4taire{position:absolute;top:290px;left:531px;width:60px;height:60px;border:none;}
#lect4{position:absolute;top:310px;left:631px;width: 61px;height:20px;}

a.image5 { display: block; width: 60px; height: 60px;background-image: url(../jpg/extrjpg/bbas2.jpg); 
background-repeat: no-repeat;}
a.image5:hover { background-image:url(../jpg/extrjpg/bbasbleue.jpg);  } 
#b5pieds{position:absolute;top:363px;left:531px;width:60px;height:60px;border:none;}
#lect5{position:absolute;top:380px;left:631px;width: 61px;height:20px;}

a.image6 {display: block;  width: 60px; height: 60px; background-image: url(../jpg/extrjpg/fifi.jpg); background-repeat: no-repeat;}
a.image6:hover {  background-image: url(../jpg/extrjpg/fifioran.jpg);} 
#b6amis{position:absolute;top:438px;left:531px;width:60px;height:60px;border:none;}
#lect6{position:absolute;top:460px;left:631px;width: 61px;height:20px;}

a.image7 { display: block;  width: 60px; height: 60px;  background-image:url(../jpg/extrjpg/visage.jpg); 
background-repeat: no-repeat;}
a.image7:hover { background-image:url(../jpg/extrjpg/visagemauv.jpg);}
#b7visage{position:absolute;top:515px;left:531px;width:60px;height:60px;border:none;}
#lect7{position:absolute;top:535px;left:631px;width: 61px;height:20px;}




/*le .flash */
#fleche{position:absolute;top:35px;left:270px;width:30px;height:40px;}	
	
/* les titres */
#vaille{position:absolute;top:70px;left:202px;width:250px;height:30px;border:none;}
#larme{position:absolute;top:140px;left:202px;width:200px;height:30px;border:none;}
#erre{position:absolute;top:216px;left:152px;width:297px;height:32px;border:none;}
#taire{position:absolute;top:290px;left:182px;width:235px;height:29px;border:none;}
#pieds{position:absolute;top:370px;left:182px;width:228px;height:30px;border:none;}
#amis{position:absolute;top:440px;left:153px;width:301px;height:31px;border:none;}
#visage{position:absolute;top:520px;left:150px;width:328px;height:24px;border:none;}

#titres{position:absolute;height:225px;width:305px;
}


.vailleko{position:absolute; left:220px; top:104px; width:120px; height:10px; z-index:17;}
.larmeko{position:absolute; left:220px; top:172px; width:120px; height:10px; z-index:18;} 
.erreko{position:absolute; left:210px; top:250px; width:120px; height:10px; z-index:19;}
.taireko{position:absolute; left:210px; top:323px; width:120px; height:10px; z-index:20;}
.amisko{position:absolute; left:210px; top:472px; width:120px; height:10px; z-index:22;} 
.visageko{position:absolute; left:213px; top:555px; width:121px; height:10px; z-index:23;} 
.piedsko{position:absolute; left:210px; top:400px; width:120px; height:10px; z-index:21;}

#paroles
{position:absolute;top:640px;left:180px;width:460px;
border-style:solid;border-color:#ebebeb;padding-left:20px;padding-bottom:20px;}
.intro
{position:absolute;
left:20px;
top:-23px;} 
 
 .disco
{position:absolute;
left:-15px;
top:5px;} 

 .chrono
{position:absolute;
left:-35px;
top:30px;}
 
.trio
{position:absolute;
left:-40px;
top:45px;}

.texto
{
position:absolute;
left:44px;
top:5px;} 

.amigo
{position:absolute;
left:35px;
top:30px;}

.accueil
{position:absolute;
left:35px;
top:57px;}
.arob
{position:absolute;
left:9px;
top:39px;}
.info
{position:absolute;
left:5px;
top:80px;}
#index        
{position:absolute;
top:30px;
left:80px;
width:60px;
height:50px;z-index:10;}







 
