/* http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html*/
a.bouton100, a.bouton125, a.bouton150, a.bouton175, a.bouton200{
	background:		url(../custom/graph/bouton180x26.gif);
	display:		block;
	color:			#555555;
	font-weight:	bold;
	height:			26px;
	line-height:	27px;
	margin-bottom:	1px;
	text-decoration:none;
	width:			180px;}
	
a.bouton100			{background:url(../custom/graph/bouton100x26.png);		width: 100px;}
a.bouton125			{background:url(../custom/graph/bouton125x26.png);		width: 125px;}
a.bouton150			{background:url(../custom/graph/bouton150x26.png);		width: 150px;}
a.bouton175			{background:url(../custom/graph/bouton175x26.png);		width: 175px;}
a.bouton200			{background:url(../custom/graph/bouton200x26.png);		width: 200px;}

a:hover.bouton100	{background:url(../custom/graph/bouton100x26_hover.png);color:#0066CC;	}
a:hover.bouton125	{background:url(../custom/graph/bouton125x26_hover.png);color:#0066CC;	}
a:hover.bouton150	{background:url(../custom/graph/bouton150x26_hover.png);color:#0066CC;	}
a:hover.bouton175	{background:url(../custom/graph/bouton175x26_hover.png);color:#0066CC;	}
a:hover.bouton200	{background:url(../custom/graph/bouton200x26_hover.png);color:#0066CC;	}

a.bouton100 span, a.bouton125 span, a.bouton150 span, a.bouton175 span, a.bouton200 span {  text-indent:30px; display:block;}

	.add{		background:url(../graph/bn-ico_add.gif)		no-repeat 06px 6px;	}
	.delete{	background:url(../graph/bn-ico_delete.gif)	no-repeat 10px 8px;	}
	.user{		background:url(../graph/bn-ico_user.gif) 	no-repeat 10px 8px;	}
	.alert{		background:url(../graph/bn-ico_alert.gif)	no-repeat 10px 8px;	}
	.msg{		background:url(../graph/bn-ico_msg.gif)		no-repeat 10px 8px;	}
	.download{	background:url(../graph/bn-ico_download.gif)no-repeat 10px 8px;	}
	.lens{		background:url(../graph/bn-ico_lens.gif)	no-repeat 10px 8px;	}
	.info{		background:url(../graph/bn-ico_info.gif) 	no-repeat 10px 8px;	}
	.recherche{	background:url(../graph/bn-ico_recherche.png) 	no-repeat 04px 2px;	}
	.msg_out{	background:url(../graph/bn-ico_msg_out.png)	no-repeat 04px 2px;	}
	.msg_recent{background:url(../graph/bn-ico_msg_recent.gif)	no-repeat 01px 0px;	}
	.new-discu{	background:url(../graph/bn-ico_new-discu.gif)	no-repeat 03px 01px;}
	.panier{	background:url(../graph/bn-ico_panier.png)	no-repeat 04px 1px;	}
	.panier_ajout{	background:url(../graph/bn-ico_panier_ajout.png)	no-repeat 04px 1px;	}
	.no_icon{	text-indent:3px;}

	.msg-accueil{background:url(../graph/bn-ico_msg-accueil.png)	no-repeat 03px 01px;}
	.msg-envoyes{background:url(../graph/bn-ico_msg-envoyes.png)	no-repeat 03px 01px;}
	.msg-recus{	background:url(../graph/bn-ico_msg-recus.png)	no-repeat 03px 01px;}
	.msg-supp{	background:url(../graph/bn-ico_msg-supp.png)	no-repeat 03px 01px;}
	.msg-reponse{background:url(../graph/bn-ico_msg-reponse.png)	no-repeat 03px 01px;}
/* -------------------- */	
a.boutonmini{
	background:		url(../custom/graph/bouton100x20.gif);
	display:		block;
	color:			#555555;
	font-weight:	bold;
	font-size:10px;
	height:			20px;
	line-height:	21px;
	margin-bottom:	1px;
	text-decoration:none;
	width:			100px;}
a.boutonmini span {  text-indent:30px; display:block;}
span.boutonmini{
	background:		url(../custom/graph/bouton100x20.gif);
	display:		block;
	color:			#555555;
	font-weight:	bold;
	font-size:10px;
	height:			20px;
	line-height:	21px;
	margin-bottom:	1px;
	text-decoration:none;
	width:			100px;}
span.boutonmini span {  text-indent:30px; display:block;}


a:hover.boutonmini{	color:#fff;	background:url(../custom/graph/bouton100x20_hover.gif);}
span:hover.boutonmini{	color:#fff;	background:url(../custom/graph/bouton100x20_hover.gif);}

	.msg-editer{	background:url(../graph/bn-ico_crayon.png)	no-repeat 05px 02px;}
	.msg-alerter{	background:url(../graph/bn-ico_warning.png)	no-repeat 03px 01px;}
	.msg-effacer{	background:url(../graph/bn-ico_corbeille.gif)	no-repeat 03px -04px;}
	.msg-citer{		background:url(../graph/icone/bn_bbcode_citation.gif)	no-repeat 03px 01px;cursor:  pointer;}
/* -------------------- */