/**
 * Style definissant un lien en forme de bouton
 * ex: <span class="bouton"><a href="#">text du lien</a><span></span></span>
 */
a.bouton, a.bouton * {
	background-image: url(../images/btn.jpg);
	background-repeat: no-repeat;
}
a.bouton {
	/*Pour Tout les navigateurs*/
	text-decoration: none;
	padding-bottom:4px;
	
	/*Pour les vrais navigateurs*/
	background-position:  center top;
	/*Pour IE (hack IE ou on reecrit certaines propriétés*/
	_background-position: left top; /*On lui assigne l'image de fond, en haut a gauche*/
	_display:inline-block;
	_width:23px;
	_line-height: 23px;/*Hauteur de ligne pour centrer le texte verticalement*/
	_padding-bottom:0px;
}
/*Ne marche que sous les vrais navigateurs*/
a.bouton:before {	content: ""; background:  url(../images/btn.jpg) no-repeat left top; width:11px;padding-left:11px;padding-bottom:4px;}
a.bouton:after {	content: "" ; background:  url(../images/btn.jpg) no-repeat right top; width:11px;padding-right:11px;padding-bottom:4px;}

a.bouton span{

	/*Pour Tout les navigateurs*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FBD7A1;
	background:none;
	/*Pour IE*/
	_background: url(../images/btn.jpg) no-repeat right top; /*On lui assigne l'image de fond, en haut a droite*/
	_display:block; /*display block afin qu'il prenne toute la largeur par defaut*/
	_margin-left:11px; /*Marge minimal gauche de 15 pixels afin d'afficher le bord rond sur le block A*/
	_height:23px; /*hauteur*/
	_line-height: 23px;/*Hauteur de ligne pour centrer le texte verticalement*/
	_vertical-align: middle; /*centrage vertical*/
	_padding-right:11px;/*Margin interieure droite afin que le texte n'aille pas trop au bord*/
	_white-space:nowrap; /*On force le texte à rester sur une ligne, ca permet au passage d'élargir les blocs*/
}

/*Effet Hover*/
a.bouton:hover, a.bouton:hover span {	cursor: pointer; }/*On corrige le curseur doigt, apparament il disparait a cause du span*/
/*
a.bouton:hover span {background-position: right bottom;}
a.bouton:hover:before {background-position: left bottom;}
a.bouton:hover:after {background-position: right bottom;}
a.bouton:hover {background-position: left bottom; }/*On affiche le fond a partir du bas (image hover)*/