body{
width:800px;
background-color:#fefefe;
position:absolute;
left:50%;
top:0px;
margin-left:-400px;
font-family:trebuchet ms,verdana;
font-size:10px;

}

/*--------------esthétique des liens : <a></a>-------------------------------*/

a {
text-decoration:none;
color:#FF6600;
}

a:hover{
color:#00afa8;
}

/*--------------esthétique de "corps"-------------------------------*/

.corps{
height:600px;
width:800px;
background-image:url(fondredim/accueil_maud_biron.jpg);
background-repeat: no-repeat; 
padding-top:0px;

}

/*---------menu----------------*/
.menu{
height:600px;
width:142px;
padding-left: 72px;

}

li{
list-style-type:none;

}

a.fond5{
display: block;
width: 142px; /*----- largeur de l'image, important !  -----*/
height: 128px;
background-image: url(menuaccueil/fond5.jpg);/*----- dossier/fichier.jpg où est rangés l'image passive-----*/
background-repeat: no-repeat;
}

a.fond5:hover {
background-image: url(menuaccueil/fond5.jpg);/*----- dossier/fichier.jpg où est rangés l'image active-----*/
} 

a.accueil{
display: block;
width: 142px; 
height: 86px;
background-image: url(menuaccueil/accueilbleu.jpg);/*----- dossier/fichier.jpg où est rangés l'image passive-----*/
background-repeat: no-repeat;
}

a.accueil:hover {
background-image: url(menuaccueil/accueilviolet.jpg);/*----- dossier/fichier.jpg où est rangés l'image active-----*/
} 


a.graphisme{
display: block;
width: 142px; 
height: 86px;
background-image: url(menuaccueil/graphismebleu.jpg);
background-repeat: no-repeat;
}

a.graphisme:hover {
background-image: url(menuaccueil/graphismeviolet.jpg);
} 

a.illustration{
display: block;
width: 142px; 
height: 86px;
background-image: url(menuaccueil/illustrationbleu.jpg);
background-repeat: no-repeat;
}

a.illustration:hover {
background-image: url(menuaccueil/illustrationviolet.jpg);
} 


a.spectacle{
display: block;
width: 142px; 
height: 86px;
background-image: url(menuaccueil/spectaclebleu.jpg);
background-repeat: no-repeat;
}

a.spectacle:hover {
background-image: url(menuaccueil/spectacleviolet.jpg);
} 



a.info{
display: block;
width: 142px; 
height: 86px;
background-image: url(menuaccueil/infosbleu.jpg);
background-repeat: no-repeat; 
}

a.info:hover {
background-image: url(menuaccueil/infoviolet.jpg);
} 


a.ecriture{
display: block;
width: 142px; 
height:86px;
background-image: url(menuaccueil/ecriturebleu.jpg);
background-repeat: no-repeat; 
}

a.ecriture:hover {
background-image: url(menuaccueil/ecritureviolet.jpg);
}