.page .menu{
        float: left;
        padding: 185px 0 0 0;
        width: 150px;
    }

        .page .menu h4{
            color: #8CA2B9;
            padding: 7px 13px;
            margin: 0 0 0 10px;
            font-weight: normal;
        }

        .page .menu .menu_principal{
            color: #86898A;
            margin-bottom: 60px;
            list-style-position: outside;
        }
            .page .menu .menu_principal li{
                margin: 0;
                padding: 0;
            }

            .page .menu .menu_principal li a{
                display: block;
                border-bottom: 1px solid #86898A;
                padding: 7px 2px 7px 13px;
                margin: 0 10px 0 10px;
                text-decoration: none;
                color: #86898A;
            }

            .page .menu .menu_principal li a:hover, .page .menu .menu_principal li a.selected{
                border: 0;
                padding: 7px 10px 8px 23px;
                position: relative;
                bottom: 1px;
                margin: 0;
                text-decoration: none;
                color: inherit;
                color: white;
            }
                
                .page .menu .menu_principal li a.colorDefault:hover, .page .menu .menu_principal li a.colorDefault.selected{
                    background: #EEEEEE url(../img/puces/bleuindex/puce-3.png) no-repeat 10px 11px;
                    color :  #86898A;
                }
                
                .page .menu .menu_principal li a.gris:hover, .page .menu .menu_principal li a.gris.selected{
                    background: #4C4F58 url(../img/puces/gris/puce-3.png) no-repeat 10px 11px;
                }

                .page .menu .menu_principal li a.rouge:hover, .page .menu .menu_principal li a.rouge.selected{
                    background: #B00547 url(../img/puces/rouge/puce-3.png) no-repeat 10px 11px;
                }

                .page .menu .menu_principal li a.bleu:hover, .page .menu .menu_principal li a.bleu.selected{
                    background: #249FAF url(../img/puces/bleu/puce-3.png) no-repeat 10px 11px;
                }
                
                .page .menu .menu_principal li a.bleuindex:hover, .page .menu .menu_principal li a.bleuindex.selected{
                    background: #dc3b78 url(../img/puces/bleuindex/puce-3.png) no-repeat 10px 11px;
                }

                .page .menu .menu_principal li a.jaune:hover,.page .menu .menu_principal li a.jaune.selected{
                    background: #FAB921 url(../img/puces/jaune/puce-3.png) no-repeat 10px 11px;
                }

                .page .menu .menu_principal li a.beige:hover, .page .menu .menu_principal li a.beige.selected{
                    background: #B7AAA2 url(../img/puces/beige/puce-3.png) no-repeat 10px 11px;
                }

                .page .menu .menu_principal li a.vert:hover, .page .menu .menu_principal li a.vert.selected{
                    background: #ACCC43 url(../img/puces/vert/puce-3.png) no-repeat 10px 11px;
                }

        .page .menu .menu_personne{
            color: #8CA2B9;
            margin-bottom: 45px;
            list-style-position: outside;
        }

            .page .menu .menu_personne li{
                background: url(../img/puce-menu.jpg) no-repeat center left;
                padding: 2px 10px 2px 13px;
                margin: 0px 0 0 10px;
            }

                .page .menu .menu_personne li a{
                    color: #8CA2B9;
                    text-decoration: none;
                }

                .page .menu .menu_personne li a:hover{
                    text-decoration: underline;
                }

        .page .menu .recherche{
            color: #184876;
            margin: 0 0 0 10px;
        }

            .page .menu .recherche a{
                color: #184876;
                position: relative;
                top: 2px;
            }

            .page .menu .recherche a:hover{
                color: #8CA2B9;
                position: relative;
                top: 2px;
            }

            .page .menu .recherche .champ_recherche{
                display: inline-block;
                margin-top: 4px;
                width: 125px;
            }

            .page .menu .recherche .envois_recherche, .page .envois_recherche{
                margin: 2px 11px 0 0;
                color: #184876;
                float: right;
                border: none;
                padding: 0;
                background: transparent url(../img/recherche.png) no-repeat top left;
                width: 27px;
                height: 16px;
            }

            .page .menu .recherche .envois_recherche:hover, .page .envois_recherche:hover{
                background: transparent url(../img/recherche.png) no-repeat bottom left;
                cursor: pointer;
            }

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}