body {
background-color:black;
margin: 0;  
font-family: verdana, arial, sans-serif;
font-size: 75%; 
scrollbar-face-color :#000000;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
}


.titre
{
background-image: url('images/titre.gif');
width: 873px;
height: 113px;
margin-left: 0px;
margin-top: 10px;
}
.titre2
{
background-image: url('images/titreexpo.gif');
width: 939px;
height: 113px;
margin-left: 0px;
margin-top: 10px;
}
.logo
{

float: left; 
margin-left: 20px; 
margin-top: 20px;
border: 0;
width: 100px;
height: 100px;
}
.menu 
{
position: absolute;
background-color:black;
color : #ffffff;
margin-left: 10px;
margin-top: 20px;
width: 130px;
height: 337px;
}
.centre
{
position: absolute;
background-color:black;
color : #ffffff;
margin-left: 150px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
margin-top: 20px;
width: 850px;
height: 350px;
font-family:comic sans ms, sans-serif;
font-size: 100%;
}

h2 
{
color : #ffffff;
font-size: 140%;
font-weight: bold;
}
ul,li 
{
list-style-type: none; /* pour ne pas avoir de puces */
margin: 0;
padding:0;
line-height: 30px; /* interligne */
}

table 
{
color : #ffffff;
font-size: 100%;
font-weight: bold;
line-height: 30px;
}

a:link {color: #ffffff; text-decoration:none;}
a:visited {color: #ffffff; text-decoration:none;}
a:hover {color: #bbbbbb; text-decoration:none;}

a.logotattoo { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 400px;  
     height: 400px;
     background-image: url(images/logotattoo3.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.logotattoo:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/logotattoo4.jpg); /* source de l'image d'arrivée */
     }

a.mlogotattoo { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
float: left; /* alignement du logo à droite */
	margin-left: 10px; /* placement du logo dans son conteneur, head1 */
	margin-top: 10px;
	border: 0;
     width: 100px;  
     height: 100px;
     background-image: url(images/m_logotattoo.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.mlogotattoo:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/m_logotattoo2.jpg); /* source de l'image d'arrivée */
     }

a.artiste { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/artiste.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.artiste:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/artiste2.jpg); /* source de l'image d'arrivée */
     }

a.photos { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/albumphotos.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.photos:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/albumphotos2.jpg); /* source de l'image d'arrivée */
     }

a.magasin { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/magasin.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.magasin:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/magasin2.jpg); /* source de l'image d'arrivée */
     }

a.expo { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/expo.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.expo:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/expo2.jpg); /* source de l'image d'arrivée */
     }

a.hygiene { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/hygiene.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.hygiene:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/hygiene2.jpg); /* source de l'image d'arrivée */
     }

a.association { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/association.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.association:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/association2.jpg); /* source de l'image d'arrivée */
     }

a.piercing { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/piercing.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.piercing:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/piercing2.jpg); /* source de l'image d'arrivée */
     }

a.lien { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 120px;  
     height: 32px;
     background-image: url(images/lien.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.lien:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/lien2.jpg); /* source de l'image d'arrivée */
     }