/* Style pour un bouton seul sans image 

    largeur disponible et nom de la classe à utiliser
        150px : bouton ou bouton150
        100px : bouton100
        50px  : bouton50
        30px  : bouton30

*/

a.bouton, a.bouton150, 
a.bouton100, a.bouton50, a.bouton30 {
    display: block;
    height: 20px;
    width: 150px;
    line-height: 20px;
    background: url('../../common/images/bouton150.gif') no-repeat 0px 0px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    margin: auto;
    margin-bottom: 5px;
}

a.bouton:hover, a.bouton150:hover,
a.bouton100:hover, a.bouton50:hover, a.bouton30:hover {
    background-position: 0px -20px;
}

a.bouton100 {
    background: url('../../common/images/bouton100.gif') no-repeat 0px 0px;
    width: 100px;
}

a.bouton50 {
    background: url('../../common/images/bouton50.gif') no-repeat 0px 0px;
    width: 50px;
}

a.bouton30 {
    background: url('../../common/images/bouton30.gif') no-repeat 0px 0px;
    width: 30px;
}