/* 
    Document   : menu
    Created on : 19 mai 2010, 14:07:29
    Author     : Nouas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#menu{
    width: 298px;
    padding-top: 33px;
}

#menu a {
    display: block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    line-height: 31px;
    vertical-align: middle;
    padding-left: 38px;
}

#menu a:hover, #menu a.on{
    color: #fff;
}


#menu li{
    margin-left: 32px;
}

/* ACCUEIL */
#menu_2{
    background: url('../img/m-accueil-off.png') no-repeat;

}

#menu_2:hover, #menu_2_on{
    background: url('../img/m-accueil-on.png') no-repeat;
}

#menu_2,  #menu_2_on{
    height:30px;
    width: 236px;
}

/* ANNONCES */
#menu_5{
    background: url('../img/m-annonces-off.png') no-repeat;
}

#menu_5:hover, #menu_5_on{
    background: url('../img/m-annonces-on.png') no-repeat;
}

#menu_5_on, #menu_5{
    height:30px;
    width: 236px;
}

/* ABOUT */
#menu_4{
    background: url('../img/m-qsn-off.png') no-repeat;
}

#menu_4:hover, #menu_4_on{
    background: url('../img/m-qsn-on.png') no-repeat;
}

#menu_4_on, #menu_4{
    height:30px;
    width: 236px;
}
/* CONSEILS */
#menu_8{
    background: url('../img/m-conseils-immo-off.png') no-repeat;
}

#menu_8:hover, #menu_8_on{
    background: url('../img/m-conseils-immo-on.png') no-repeat;
}

#menu_8_on, #menu_8{
    height:31px;
    width: 236px;
}

/* ESTIMATION */
#menu_16{
    background: url('../img/m-estimation-off.png') no-repeat;
}

#menu_16:hover, #menu_16_on{
    background: url('../img/m-estimation-on.png') no-repeat;
}

#menu_16_on, #menu_16{
    height:30px;
    width: 236px;
}

/* OUTILS */
#menu_17{
    background: url('../img/m-outils-off.png') no-repeat;
}

#menu_17:hover, #menu_17_on{
    background: url('../img/m-outils-on.png') no-repeat;
}

#menu_17_on, #menu_17{
    height:31px;
    width: 236px;
}

/* DIAGNOSTIQUE */
#menu_18{
    background: url('../img/m-diagnostiques-off.png') no-repeat;
}

#menu_18:hover, #menu_18_on{
    background: url('../img/m-diagnostiques-on.png') no-repeat;
}

#menu_18_on, #menu_18{
    height:29px;
    width: 236px;
}

/* CONTACT */
#menu_19{
    background: url('../img/m-contact-off.png') no-repeat;
}

#menu_19:hover, #menu_19_on{
    background: url('../img/m-contact-on.png') no-repeat;
}

#menu_19_on, #menu_19{
    height:31px;
    width: 236px;
}