body, html,  #menu  {height:100%;overflow:auto;margin:0;padding:0;}

#menu
{
position:absolute;
        background-color:red;
        width:150px;
        bottom:0;/* ou top au choiX */
        left:0;
}

body {padding-left: 170px;}

#menu a
{
color : yellow;
}

h1
{
color : red;
font-weight: bold;
text-align: center;
}

h2
{
color: blue;
font-weight: bold;
text-align: left;
}

h3, #fort
{
color : red;
font-weight: bold;
text-align: center;
}

h5, .sous-titre
{
color : red;
font-weight: bold;
text-align: center;
}
.sous-titre-souligne
{
color : red;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

#center, .refrain 
{
color: blue;
font-size: medium;
font-weight: bold;
text-align: center;
}

/* Un simple texte centré, sans modifications*/
.center_small
{
text-align: center;
}

.left
{
color: blue;
font-size: medium;
font-weight: bold;
text-align: left;
}

strong
{
color: orange;
}

#index
{
font-size: medium;
font-weight: bold;
text-align: center;
}

#index a, .left a, #red
{
color : red;
}

.couplet
{
color: red;
font-size: medium;
font-weight: bold;
text-align: center;
}

.image-left
{
color: red;
font-size: 18px;
}

#noir
{
color: black;
font-size: medium;
}

.middle
{
 float : right;
 width : 95 px ;
 height : 160px;
}

.entrainement
{
color: black;
font-size: medium;
font-weight: bold;
text-align: left;
}