/* ----------- Liste des numéros de pages et liens "précédent" / "suivant" --------- */


.pagination {
    position : relative;
    float : left;
    clear : both;
    width : 100%;
    padding : .8em .4em .8em 1em;
}



/**
 * Liens suivant / précédent
 */

.suivant,
.precedent {
    float : left;
    width : auto;
    font-size : .75em;
    background : #858E98 url(../img/admin/precedent_fond.gif) top left no-repeat;
    border : 1px solid #fff;
    padding : 0px 4px 1px 12px;
    margin : 0 .2em 0 0;
}

.suivant {
    background : #858E98 url(../img/admin/suivant_fond.gif) top right no-repeat;
    padding : 0px 12px 1px 4px;
}

.suivant a,
.precedent a {
    color : #fff;
    font-size : 1em;
}


/**
 * Petit formulaire "aller à"
 */

.aller-a {
    float : left;
    width : auto;
    padding : 0 1em 0 .5em;
    font-size : .8em;
}


.aller-a label {
    float : left;
    width : auto;
    font-size : .8em;
}

.aller-a input.champ-texte {
    float : left;
    border : 1px solid #D2D1D1;
    border-top : 1px solid #A9A8A8;
    width : 3em;
    padding : 0;
    font-size : .8em;
    margin : 0 2px 0 0;
}


/**
 * Liste des numéros de page
 */

.liste-numeros {
    float : left;
    width : auto;
    padding-left : 1em;
}

.liste-numeros span {
    float : left;
    color : #4D4D4D;
    width : auto;
    padding : .2em .3em;
    margin : 0 .3em 0 0;
    font-size : .85em;
    line-height : 100%;
}

.liste-numeros a:hover,
.liste-numeros a {
    float : left;
    width : auto;
    color : #4D4D4D;
    border : 1px solid #CFCECE;
    line-height : 100%;
    padding : .2em .3em;
    margin : 0 .3em 0 0;
    text-decoration : none;
    font-size : .85em;
}

.liste-numeros a:hover {
    background : #ADD6E7;
}

.liste-numeros span.actif {
    font-weight : bold;
    background : #ECECEC;
    border : 1px solid #ECECEC;
}