/* CSS du menu vertical, par bieler batiste */

body   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; margin-left: 0 }

.menu   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0; position: absolute; width: 150px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000 }
    
.menu span   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; display: none }
    
.menu ul   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0; position: absolute; width: 150px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000 }
    
.menu li ul   { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; visibility: hidden }
            
.menu li ul   { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: -24px; margin-left: 150px }
    
.menu a    { color: #000; font-size: x-small; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; background-color: #ccc; text-align: center; display: block; margin: 0; padding: 3px 0; width: 150px; border-bottom: 1px solid #000; text-weight: bold    }
    
.menu a:hover   { font-size: x-small; background-color: #666 }
    
/* for a mozilla better display with key nav */
.menu a:focus    { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; background-color: #666 }

.menu span   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; display: none }
        
.menu li   { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; list-style: none; display: block; margin: 0; padding: 0; width: 150px; float: left }
    
/* IE PC selector */
* html .menu li    { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; display: inline; float: none }
    
a.linkOver    { font-size: x-small; font-family: Verdana, Helvetica, sans-serif; background-color: #ccc }