button { cursor: pointer; }

.button_base,
a.button_base, a.button_base:visited {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: -.5px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	padding: 10px 25px 8px 25px;
	display: inline-block;

	width: 100%;
	max-width: 200px;
	text-align: center;
	vertical-align: middle;

	-webkit-border-radius: 6px;
					border-radius: 6px;

	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}
button.button_base { border: 0px; -webkit-font-smoothing: antialiased; }

a.button_base:hover, button.button_base:hover { background-color: #f7910b; color: #ffffff; }
a.button_base:active, button.button_base:active { background-color: #ff0000; }

.button_base .labelright { padding-right: 6px; }
.button_base .labelleft  { padding-left: 6px; }

.button_base i.fa { color: #ffffff; font-size: 24px; vertical-align: bottom; }

.button_base.flex,
a.button_base.flex, a.button_base.flex:visited { width: auto; max-width: none; }

.button_base.disabled, .button_base.disabled:visited { background-color: #717171; }
.button_base.disabled:hover { background-color: #717171; }
.button_base.disabled:active { background-color: #717171; }

.button_base.bleu, .button_base.bleu:visited { background-color: #22407e; }
.button_base.bleu:hover { background-color: #2d518b; }
.button_base.bleu:active { background-color: #717171; }

.button_base.vert, .button_base.vert:visited { background-color: #8bb13f; }
.button_base.vert:hover { background-color: #6d8f29; }
.button_base.vert:active { background-color: #717171; }

.button_base.noir, .button_base.noir:visited { background-color: #000; }
.button_base.noir:hover { background-color: #535353; }
.button_base.noir:active { background-color: #717171; }

.button_base.gris1, .button_base.gris1:visited { background-color: #535353; }
.button_base.gris1:hover { background-color: #000; }
.button_base.gris1:active { background-color: #717171; }

.button_base.rouge, .button_base.rouge:visited { background-color: #CF270C; }
.button_base.rouge:hover { background-color: #B80B0B; }
.button_base.rouge:active { background-color: #717171; }

.button_base.yellow, .button_base.yellow:visited { background-color: #f7910b; }
.button_base.yellow:hover { background-color: #000000; }
.button_base.yellow:active { background-color: #717171; }


/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {

}


/* #Base  756 Grid */
@media only screen and (min-width: 756px) and (max-width: 1007px) {

}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}