/* ================================
        Boutons
================================ */

a.button { cursor: pointer; color: #fff; display: inline-block; padding: 0 5px 0 0; font-weight: bold; font-size: 15px;
    text-align: center; overflow: visible; vertical-align: top; height: 25px; text-decoration: none; margin: 18px 0 18px 0;
    background: transparent url(boutons/rose_droit.gif) no-repeat scroll top right; }
a.button-grey { margin: 18px 10px 18px 0;
    background: transparent url(boutons/gris_droit.gif) no-repeat scroll top right; }
a.button-blue { margin: 18px 10px 18px 0;
    background: transparent url(boutons/blue_droit.gif) no-repeat scroll top right; }
a.button span { display: inline-block; top: 0; white-space: nowrap; height: 25px; padding: 0 5px 0 10px; line-height: 25px;
    background: transparent url(boutons/rose_gauche.gif) no-repeat scroll top left; }
a.button-grey span {
    background: transparent url(boutons/gris_gauche.gif) no-repeat scroll top left; }
a.button-blue span {
    background: transparent url(boutons/blue_gauche.gif) no-repeat scroll top left; }
a.button:hover { color: #000; outline: none;
    background: transparent url(boutons/jaune_droit.gif) no-repeat top right; }
a.button:hover span {
    background: transparent url(boutons/jaune_gauche.gif) no-repeat top left; }
a.button-crea-right { padding: 0 15px 0 0; height: 35px;
    background: transparent url(boutons/rose_droit_crea.gif) no-repeat scroll top right; }
a.button-crea-right span { line-height: 35px; height: 35px;
    background: transparent url(boutons/rose_gauche_crea.gif) no-repeat scroll top left; }
a.button-crea-right:hover {
    background: transparent url(boutons/jaune_droit_crea.gif) no-repeat top right; }
a.button-crea-right:hover span {
    background: transparent url(boutons/jaune_gauche_crea.gif) no-repeat top left; }
a.button-small-right { padding: 0 12px 0 0; height: 20px; z-index: 9999;
    background: transparent url(boutons/rose_droit_small.gif) no-repeat scroll top right; }
a.button-small-right span { line-height: 20px; height: 20px; padding: 0 4px 0 4px;
    background: transparent url(boutons/rose_gauche_small.gif) no-repeat scroll top left; }
a.button-small-right:hover {
    background: transparent url(boutons/jaune_droit_small.gif) no-repeat top right; }
a.button-small-right:hover span {
    background: transparent url(boutons/jaune_gauche_small.gif) no-repeat top left; }
a.button-crea-left { color: #000; padding: 0 5px 0 0; height: 35px;
    background: transparent url(boutons/gris_droit_crea.gif) no-repeat scroll top right; }
a.button-crea-left span { line-height: 35px; height: 35px; padding: 0 5px 0 20px;
    background: transparent url(boutons/gris_gauche_crea.gif) no-repeat scroll top left; }
a.button-crea-left:hover {
    background: transparent url(boutons/jaune_droit_crea2.gif) no-repeat top right; }
a.button-crea-left:hover span {
    background: transparent url(boutons/jaune_gauche_crea2.gif) no-repeat top left; }
a.button-crea-calcul { color: #000; padding: 0 32px 0 0; height: 35px;
    background: transparent url(boutons/gris_droit_calcul.gif) no-repeat scroll top right; }
a.button-crea-calcul span { line-height: 35px; height: 35px;
    background: transparent url(boutons/gris_gauche_calcul.gif) no-repeat scroll top left; }
a.button-crea-calcul:hover {
    background: transparent url(boutons/jaune_droit_calcul.gif) no-repeat top right; }
a.button-crea-calcul:hover span {
    background: transparent url(boutons/jaune_gauche_crea.gif) no-repeat top left; }