@charset "utf-8";
/* CSS Document */

.btn{
	display: inline-block;
	padding: 6px 12px;
	/*border-radius*/
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn.gris{
	color: #333;
	background-color: #fff;
	border-color: #ccc;	
}

.btn.gris:hover{
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;	
}

.btn.bleu{
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}

.btn.bleu:hover{
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e;	
}

.btn.vert{
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn.vert:hover{
	color: #fff;
	background-color: #47a447;
	border-color: #398439;	
}

.btn.rouge{
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn.rouge:hover{
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;	
}

.btn:active{
	/*box-shadow*/
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	   -moz-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	        box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}