/* CSS du menu horizontal, bieler batiste, www.magnin-sante.ch/journal
   attention au hack IEPC ça fait buger IE5 mac */



#navi {
display:none;
}

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px; /* important pour Opera7 */
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:124px;
    margin:0;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a {
    text-align:center;
    background:url(link_bg.jpg);
    filter:Alpha(opacity=90);
    border:1px #000 solid;
    color:#000000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    /*margin:1px;*/
    font-weight:bold;
    }
    
.menu a:hover {
    background: url(hover_bg.jpg);
    border:1px #000 solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}



/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */
/*
.menu li li a{
    }
    
.menu li li li a{
    }
    
.menu li li li li a {
    }
*/

/* ######################################### */

div[id="navi"]>.menu a {
    text-align:center;
    background: url(link_bg.png);
    border:1px #000 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    }
    
div[id="navi"]>.menu a:hover {
    border:1px #000 solid;
    background: url(hover_bg.png);
    }

/* ######################################### */


#content p a:link, a:visited {

}

#content a:hover {

}