/**

 Liens de type boutons.

 Principe :
 4 spans imbriqués au dessus de la balise.
*/
.linkButton:link,
    .linkButton:visited,
    .linkButton:hover {
    border: none;
}

.linkButton * {
    display: block;
    /*font-weight: bold;*/
    cursor: pointer;
}

.linkButton-red * {
    display: block;
    /*font-weight: bold;*/
    cursor: pointer;
}

span.linkButton {
/* Top left corner, top edge */
    float: right;
    background: #333 url(/images/buttons/button_bg_green.gif) no-repeat;
    text-decoration: none;
    font-size:150%;
    overflow: hidden; /* Contexte pour le float, hidden préféré à auto pour éviter l'apparition de la barre de scroll */
}

span.linkButton-red {
    float: right;
    background: #333 url(/images/buttons/button_bg_red.gif) no-repeat;
    text-decoration: none;
    font-size:150%;
    line-height:120%;
    overflow: hidden;
}

span.linkButton span {
/*Top right corner */
    background: url(/images/buttons/corners_bg_green.gif) no-repeat right top;
    padding: 4px 0 0 0;
}

span.linkButton-red span {
    background: url(/images/buttons/corners_bg_red.gif) no-repeat right top;
    padding: 4px 0 0 0;
}

span.linkButton span span {
/* Bottom left corner, left and bottom edges */
    background: url(/images/buttons/button_bg_green.gif) no-repeat left bottom;
    padding: 0 0 0 4px;
}

span.linkButton-red span span {
    background: url(/images/buttons/button_bg_red.gif) no-repeat left bottom;
    padding: 0 0 0 4px;
}

span.linkButton span span span {
/* Bottom right corner */
    padding: 0 0 4px;
    background: url(/images/buttons/corners_bg_green.gif) no-repeat right bottom;
}

span.linkButton-red span span span {
/* Bottom right corner */
    padding: 0 0 4px;
    background: url(/images/buttons/corners_bg_red.gif) no-repeat right bottom;
}

span.linkButton span span span a {
/*Right edge */
    padding: 3px 12px 3px 6px; /*Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room*/
    background: url(/images/buttons/button_bg_green.gif) no-repeat right center;
    color: #fff;
    font: bold;
    outline: none;
    text-decoration: none;
}

span.linkButton-red span span span a {
/*Right edge */
    padding: 3px 12px 3px 6px; /*Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room*/
    background: url(/images/buttons/button_bg_red.gif) no-repeat right center;
    color: #fff;
    font: bold;
    outline: none;
    text-decoration: none;
}

span.linkButton span span span a:hover,
    .linkButton:focus,
    .linkButton:active {
/* Make the button more visible on :hover and :focus */
/*outline: 2px solid #ff0; *//* Not supported by IE/Win :-( */
    color: #eee;
}

span.linkButton-red span span span a:hover,
    .linkButton:focus,
    .linkButton:active {
/* Make the button more visible on :hover and :focus */
/*outline: 2px solid #ff0; *//* Not supported by IE/Win :-( */
    color: #eee;
}

.linkButton {
    margin: 0 0 1em;
}

.linkButton-red {
    margin: 0 0 1em;
}