/* GAUCHE */

.menugauche { list-style: none; padding: 10px 0 40px 0; margin: 0; width: 25px; }
.menugauche li { display: block; width: 25px; margin-bottom: -29px;}
.menugauche li a { text-decoration: none; color: #fff; font: 11px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; line-height: 13px; }
.menugauche li a em { display: block; width: 25px; height: 29px; background: url('/menus/vertical-gauche.gif') left top; font-weight: bold; }
.menugauche li a b { display: block; width: 15px; padding: 0 3px 29px 7px; text-align: center; text-decoration: none; background: url('/menus/vertical-gauche.gif') left bottom; color: #fff; }

.menugauche li a:hover { border: 0; position: relative; z-index: 100; cursor: pointer; }
.menugauche li a:hover em { background-position: center top;}
.menugauche li a:hover b { background-position: center bottom; color: #fff;}

.menugauche li a.selected, .menugauche li a:hover.selected { border: 0; position: relative; z-index: 200; cursor: default; }
.menugauche li a.selected em, .menugauche li a:hover.selected em { background-position: right top; }
.menugauche li a.selected b,.menugauche li a:hover.selected b { background-position: right bottom; color: #242; }

/* DROIT */

.menudroit { list-style: none; padding: 10px 0 40px 0; margin: 0; width: 25px; }
.menudroit li { display: block; width: 25px; margin-bottom: -29px;}
.menudroit li a { text-decoration: none; color: #fff; font: 11px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; line-height: 13px; }
.menudroit li a em { display: block; width: 25px; height: 29px; background: url('/menus/vertical-droit.gif') left top; font-weight: bold; }
.menudroit li a b { display: block; width: 15px; padding: 0 3px 29px 7px; text-align: center; text-decoration: none; background: url('/menus/vertical-droit.gif') left bottom; color: #fff;}

.menudroit li a:hover { border: 0; position: relative; z-index: 100; cursor: pointer; }
.menudroit li a:hover em { background-position: center top;}
.menudroit li a:hover b { background-position: center bottom; color: #fff;}

.menudroit li a.selected, .menudroit li a:hover.selected { border: 0; position: relative; z-index: 200; cursor: default; }
.menudroit li a.selected em, .menudroit li a:hover.selected em { background-position: right top; }
.menudroit li a.selected b,.menudroit li  a:hover.selected b { background-position: right bottom; color: #242; }