Menu CSS vertical à droite n°2 / 3 colonnes avec en-tête et pied de page

CSS pour le menu vertical à droite

#contenu2{
position:relative;
width:9em;
}
#menu{
text-align:center;
position:relative;
height:8em;
}
#menu a{
position:relative;
text-decoration:none;
background-color:#D2E1FB;
color:#0A00B0;
font-family:"courier new", "sans serif";
display:block;
width:9em;
height:1em;/*erreur d'arrondi Mozilla*/
font-size:.9em;
padding:5px;
border-bottom:1px solid #0A00B0;
}
#menu a .hautgauche, #menu a .hautdroite{
position:absolute;
top:0;
width:0;
height:0;
overflow:hidden;
border-top:10px solid #E9F5FE;
}
#menu a .hautgauche{
left:0;
border-right:10px solid #D2E1FB;
}
#menu a .hautdroite{
left:9em;
border-left:10px solid #D2E1FB;
}
#menu a:hover{
background-color:#A9CFFE;
color:#FFF;
}
#menu a:hover .hautgauche{
border-right:10px solid #A9CFFE;
}
#menu a:hover .hautdroite{
border-left:10px solid #A9CFFE;
}

Cliquez sur un des menus pour afficher son code CSS.
Passez le curseur sur les rubriques pour animer les liens.

CSS / 3 colonnes / en-tête / pied de page