/* Classes utilisées dans le front et le back office */

.button{
	display:inline-block;
	background-color:#000; /* back-office uniquement */
    border:none;
	text-transform:uppercase;
	text-decoration:none;
    font-size:0.8em;
    letter-spacing:0.1em;
	padding:8px 30px;
	color:#fff; /* back-office uniquement */
	cursor:pointer;
    border-radius: 20px;
		-webkit-transition: background 200ms ease-out;
		-moz-transition: background 200ms ease-out;
		-ms-transition: background 200ms ease-out;
		-o-transition: background 200ms ease-out;	
	transition: background 200ms ease-out;
}
.button:hover{
	background-color:#333; /* back-office uniquement */
	text-decoration:none;
	color:#fff; /* back-office uniquement */
}
.button-transparent{
    background-color:transparent;
    border:1px solid #fff;
    border-radius: 15px;
}
.button-transparent:hover{
    background-color:rgba(255, 255, 255, 0.1);
    /*color:#a7dc50;*/
}
.button + .button{
    margin-left:20px;
}
.button-large{
	padding:12px 60px;
}
input.button{
	height:40px;
	padding-top:0;
	padding-bottom:0;
}
.pdf, .pdf:hover{
    text-decoration:none;
}
.pdf::before{
	content:"\f15c";
	font-family:"FontAwesome";
    font-size:1.1em;
	margin-right:8px;
}
.block{
}
.clear{
}
@media (max-width:500px){
    .button + .button{
        margin-left:0;
        margin-top:20px;
    }
    .buttons .button{
        display:block;
        text-align: center;
    }
}