/*
 *
 *  Provide by Go On Web : http://www.go-on-web.com
 *
 */

/* button { border: 0; background: none; padding: 0 !important; margin: 0 !important; } */

/* Mise en forme des buttons et liens */
.buttons { border: 0; background: none; text-decoration: none; cursor: pointer; padding: 0 !important; margin: 0 !important; white-space: nowrap; overflow: visible; }
.buttons span { vertical-align: top; }
.buttons span.buttons-left { width: 8px; /* background-position: 0px 0px; */ }
.buttons span.buttons-right { width: 8px; /* background-position: -18px 0px; */ }
.buttons span.buttons-center { /* background-position: -36px 0px; */ }
.buttons span.buttons-center span img { position: relative; top: 1px; left: -3px; }

/* Bouton de 25 px de haut */
.buttons-25 span { display: inline-block; height: 25px; line-height: 20px; }
.buttons-25 span.buttons-center span { background: none; color: #fff; font-size: 13px; text-decoration: none; padding: 3px 5px 0 5px; }
.buttons .buttons-25 span.buttons-left  { background-position: 0px 0px; }
.buttons .buttons-25 span.buttons-center { background-position: 0px -35px; background-repeat: repeat-x; }
.buttons .buttons-25 span.buttons-right { background-position: 0px -70px; }
.buttons:hover .buttons-25 span.buttons-left { background-position: 0px -105px; }
.buttons:hover .buttons-25 span.buttons-center { background-position: 0px -140px; }
.buttons:hover .buttons-25 span.buttons-right { background-position: 0px -175px; }

/* Bouton de 33 px de haut */
.buttons-33 span { display: inline-block; height: 33px; line-height: 22px; }
.buttons-33 span.buttons-center span { background: none; color: #fff; font-size: 15px; text-decoration: none; padding: 5px 5px 0 5px; }
.buttons .buttons-33 span.buttons-left  { background-position: 0px 0px; }
.buttons .buttons-33 span.buttons-center { background-position: 0px -43px; background-repeat: repeat-x; }
.buttons .buttons-33 span.buttons-right { background-position: 0px -86px; }
.buttons:hover .buttons-33 span.buttons-left { background-position: 0px -129px; }
.buttons:hover .buttons-33 span.buttons-center { background-position: 0px -172px; }
.buttons:hover .buttons-33 span.buttons-right { background-position: 0px -215px; }

/* Bouton de 38 px de haut */
.buttons-38 span { display: inline-block; height: 38px; line-height: 25px; }
.buttons-38 span.buttons-center span { background: none; color: #fff; font-size: 17px; text-decoration: none; letter-spacing: 1px; padding: 6px 5px 0 5px; }
.buttons .buttons-38 span.buttons-left  { background-position: 0px 0px; }
.buttons .buttons-38 span.buttons-center { background-position: 0px -48px; background-repeat: repeat-x; }
.buttons .buttons-38 span.buttons-right { background-position: 0px -96px; }
.buttons:hover .buttons-38 span.buttons-left  { background-position: 0px -144px; }
.buttons:hover .buttons-38 span.buttons-center { background-position: 0px -192px; }
.buttons:hover .buttons-38 span.buttons-right { background-position: 0px -240px; }


/* Couleurs des boutons */
.buttons-red-25 span    { background-image: url(/images/button-red-25-b.png) }
.buttons-red-33 span    { background-image: url(/images/button-red-33-b.png) }
.buttons-red-38 span    { background-image: url(/images/button-red-38-b.png) }

.buttons-black-25 span  { background-image: url(/images/button-black-25-b.png) }
.buttons-black-33 span  { background-image: url(/images/button-black-33-b.png) }
.buttons-black-38 span  { background-image: url(/images/button-black-38-b.png) }

.buttons-blue-25 span   { background-image: url(/images/button-blue-25-b.png) }
.buttons-blue-33 span   { background-image: url(/images/button-blue-33-b.png) }
.buttons-blue-38 span   { background-image: url(/images/button-blue-38-b.png) }

.buttons-yellow-25 span { background-image: url(/images/button-yellow-25-b.png) }
.buttons-yellow-33 span { background-image: url(/images/button-yellow-33-b.png) }
.buttons-yellow-38 span { background-image: url(/images/button-yellow-38-b.png) }

.buttons-green-25 span { background-image: url(/images/button-green-25-b.png) }
.buttons-green-33 span { background-image: url(/images/button-green-33-b.png) }
.buttons-green-38 span { background-image: url(/images/button-green-38-b.png) }