body {
background-color : #cdcdcd;
}

ul, li { /* utilisation de liste pour le menu */
list-style-type: none;  /* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
position: absolute; /* positionnement pour IE5 et IE5.5 */
left: 1%;
top: 130px;
background: transparent url(menu1.jpg) top left no-repeat; /* arrière-plan général du menu */
height: 400px;
width: 160px;
text-align: center;
}

li {
display: inline; /* correction pour IE5 et IE5.5 */
}

li a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 40px;
width: 160px;
line-height: 40px;  /* hauteur de ligne pour éviter les paddings */
color: #ffffff;
font-size: 18px;
font-weight : bolder;
font-family: verdana;
text-decoration: none;
}

li a:hover {
color: #FFFFF;
background: transparent url(menu2.jpg) top left no-repeat;
}

a#menu1:hover {
background-position: 0% 0px; /* décalage de l'arrière-plan pour chaque bouton */
}

a#menu2:hover {
background-position: 0% -40px;
}

a#menu3:hover {
background-position: 0% -80px;
}

a#menu4:hover {
background-position: 0% -120px;
}

a#menu5:hover {
background-position: 0% -160px;
}

a#menu6:hover {
background-position: 0% -200px;
}

a#menu7:hover {
background-position: 0% -240px;
}

a#menu9:hover {
background-position: 0% -280px;
}

a#menu10:hover {
background-position: 0% -320px;
}


div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: auto;
margin-left: 180px;
margin-right: 10px;
color: #000000;
text-align: center;
font-size: 14px;
padding-bottom:5px;
padding-left: 15px; 
padding-right: 15px;
}

div#contenu { /* cadre d'écriture */
width: auto;
color: #000000;
text-align: left;
font-size: 14px;
margin-left: 180px;
margin-right: 0px;
font-family: verdana;
padding-bottom:25px;
padding-top: 10px;
padding-left: 25px; 
padding-right: 15px;
height: 400px;
max-height: 440px;
}