/* -*- indented-text -*- */

#principal {
    background: url(fond-atelier.jpg) 100% 0 no-repeat;
}

a.prochainsateliers {
     display: block; /* la balise a doit être en bloc */
     width: 98px; /* largeur de l'image réactive */
     height: 22px; /* hauteur de l'image réactive */
     position: absolute;
     top: 100px;
     left: 50px;
     background-image: url(prochainsateliers-noir.png); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.prochainsateliers:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(prochainsateliers-rouge.png); /* source de l'image d'arrivée */
     }