/*

USAGE avec icone font-awesome: 
<div class="btn"><span class="fa fa-*"></span><span class="libelle">un libellé</span></div>

USAGE avec icone bitmap: 
<div class="btn"><span class="icon icon_*"></span><span class="libelle">un libellé</span></div>

USAGE sans icone: 
<div class="btn"><span class="libelle">un libellé</span></div>

USAGE sans libellé: 
<div class="btn nolabel"><span class="fa fa-*"></span></div>

USAGE désactivé (avec ou sans icone/libellé): 
<div class="btn disable"><span class="fa fa-* icon icon_*"></span><span class="libelle">un libellé</span></div>

fa-* : Réprésente une icone du set font-awesome
http://fontawesome.io/icons/

icon_* : Réprésente une icone du sprite 16px*16px
*/

.btn{
	display: inline-block;
	background: #17340f;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 3px 5px 6px;
	border-radius: 2px;
	/* border: 1px solid #ccc; */
	cursor: pointer;
	transition: all 0.2s;
}
.btn:hover{
	background: #fff;
}
.btn:active {
    background: #a7c49f;
}
.btn span{
	vertical-align: middle;
}
.btn .fa {
    font-size: 18px;
    margin-right: 5px;
	color: #04041D;
}
.btn.nolabel .fa {
    margin-right: 0px;
}
.btn .libelle{
	color: #fff;
	font-size: 14px;
}
.btn:hover .libelle{

    color:#500000;
}
.btn:active .libelle{
	color: #fff;
}

.btn .icone{
	display: inline-block;
	margin-right: 5px;
}

/* boutons désactivés */

.btn.disable {
	background: #BFBFBF;
	cursor: initial;
}

.btn.disable .icone{
	opacity: 0.35;
}

.btn.disable .libelle {
    color: #ececec;
    text-shadow: none;
}

.btn.disable .fa {
	color: #ececec;
}

/* couleurs génériques des icones*/
.btn .fa.fa-plus,.btn .fa.fa-floppy-o {
	color: #16C210; /*vert*/
}
.btn .fa.fa-trash, .btn .fa.fa-times{
	color:#B5000D; /*rouge*/
}
.btn .fa.fa-pencil {
	color: #0484FF; /*bleu clair*/
}