body {
     font: normal 90% Verdana,Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
 }

.menu {
    width:750px;
    margin:0px auto;
    text-align:left;

}.menu ul{ 
    list-style:none;
    margin:0;
    padding:0px 0px 25px;

}.menu li{
    float:left;
    /* chaque menu à droite du précédent */ padding:0px 5px 0px 0px;
}

.menu li ul { 
    /* sous-menu */ display:none;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    position:absolute;
    top:35px;
    width:225px;
    padding:0px 0px 0px;
    z-index:1;
 }

.menu li:hover ul{
    /* afficher sous-menu */ display:block;
} 

.menu li a {
    position:relative;
    left:0px;
    padding: 5px ;
    text-decoration:none;
    border:1px solid #000000;
    font: bold 18px Verdana,Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
    background: #000000;
    color:#FFFFFF;
 }


.menu li li { 
    display:block;
    float:none;
    /* elem sous-menu les uns en dessous des autres */ padding:0px;
 }

.menu li ul a { 
    /* liens sous-menu */ display:block;
    background:#ffffff;
    color:#000000;
    border:none;
    font: normal 13px Verdana,Arial,'Bitstream Vera Sans',Helvetica,sans-serif;
 }

.menu li ul a:hover{ 
    background:#00B6C1;
}


#home a:hover { 
    background: #FF1493;
}

#coding a:hover { 
    background: #52ADED;
}