/* CSS du menu horizontal, cascade bourghelles */

.menu{
    position:absolute;
    display:block;
     left:100px;
    margin:0;
    padding:0;
    width:725px;
   top:0px; 
<!-- position vertical menu 1 2 3 -->
    }

.menu ul{
    position:absolute;
    display:block;
    margin:0px;
    padding:0px;
    width:124px; <!-- largeur commune menus -->
    }
    
.menu li ul{

    margin-left:0px;
    visibility:hidden;
    background:#D2691E;     <!-- alignement smenu 123  -->
    }

.menu li li ul{
    background:#D2691E;    
    position:absolute;

    margin-top:-15px; <!-- alignement ssmenu  -->
    }
    
.menu li{
    list-style:none;
    width:120px;
    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-color: #A0522D;
	color:white;
	font-size:8px;
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	border:1px solid #FFDAB9;
	padding:2px;
    display:block;
    width:120px;
    text-decoration:none;
    margin:0px;
    }
.menu li li ul a{
	 background-color: #D2691E;
	font-size:11px; font-family: Tahoma, Verdana;


}
.menu li ul a{font-size:11px; font-family: Tahoma, Verdana;


}
    
.menu a:hover{
        border:1px #aaa solid;
 
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: orange; <!-- #A0522D; -->
}

a.linkOver{
    background-color: #D2691E;
    }

#mdiv1 a {
  margin:0;
    padding:0;
margin-left:0px; 
width:178px}

#mdiv2 {
margin-left:180px; 
}