﻿/* ======================================================================================= */
/* Buttons  */


.btn {
    display: inline-block;
    margin: 0 0 0;
	padding: 13px 46px 10px;

    text-decoration: none;
    transition: all 200ms ease-in-out 0s;
    
    -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	
	border-radius: 100px;
	outline:0 none;

	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	cursor: pointer;

}
.btn.big {
	padding: 18px 50px 18px;
	font-size: 18px;
}
.btn.block {
	width:100%;
}
.btn-transparent {
    background-color:rgba(255,255,255,0.8);
	color:#333;
	border: 2px solid rgba(255,255,255,0.8);
}
.btn-transparent:hover {
    background-color:rgba(255,255,255,0);
	color: #fff;
	border: 2px solid rgba(255,255,255,0.8);
}

/*transparent inverse*/
.btn-transparent-inv {
    background-color:rgba(255,255,255,0);
	color: #fff;
	border: 2px solid rgba(255,255,255,0.8);
}
.btn-transparent-inv:hover {
    background-color:rgba(255,255,255,0.8);
	color:#333;
	border: 2px solid rgba(255,255,255,0.8);
}


.btn-invers {
    background-color:rgba(169,108,22,0);
	color: #a96c16;
	border: 2px solid #a96c16;
}
.btn-invers:hover{
    background-color:rgba(169,108,22,0.8);
	color:#fff;
}

/*standard*/

.btn-standard {
    background-color:rgba(169,108,22,0.8);
	color:#fff;
	border: 2px solid rgba(169,108,22,0.8);
}
.btn-standard:hover {
    background-color:rgba(169,108,22,0);
	color: #a96c16;
	border: 2px solid rgba(169,108,22,0.8);
}
/*green*/

/* Agence */
.dep-agt .btn-standard {
    background-color:rgba(202,88,50,0.8);
    background-color:rgb(252,161,90);
	color:#fff;
	border: 2px solid rgba(202,88,50,0.8);
	border: 2px solid rgb(252,161,90);
}
.dep-agt .btn-standard:hover {
    background-color:rgba(202,88,50,0);
    background-color: rgba(252,161,90,0);
	color: rgb(202,88,50);
	color: rgb(252,161,90);
	border: 2px solid rgba(202,88,50,0.8);
	border: 2px solid rgb(252,161,90);
}

.dep-agt .btn-transparent {
    background-color:rgba(202,88,50,0);
	color: rgb(202,88,50);
	border: 2px solid rgba(202,88,50,0.8);
}
.dep-agt .btn-transparent:hover {
    background-color:rgba(202,88,50,0.8);
	color:#fff;
	border: 2px solid rgba(202,88,50,0.8);
}


/* Les Lapins */
.dep-lap .btn-standard {
    background-color:rgba(182,171,157,0.8);
	color:rgb(255,255,255);
	border: 2px solid rgba(182,171,157,0.8);
}
.dep-lap .btn-standard:hover {
    background-color:rgba(182,171,157,0);
	color: rgb(77, 64, 46);
	border: 2px solid rgba(182,171,157,0.8);
}
.dep-lap .btn-brown {
    background-color:rgba(77, 64, 46,0.9);
	color:rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-lap .btn-brown:hover {
    background-color:rgba(77, 64, 46,0);
	color: rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-lap .btn-transparent {
    background-color:rgba(182,171,157,0.0);
	color:rgb(77, 64, 46);
	border: 2px solid rgba(77, 64, 46,0.8);
}
.dep-lap .btn-transparent:hover {
    background-color:rgba(77, 64, 46,0.8);
	color: rgb(255,255,255);
	border: 2px solid rgba(77, 64, 46,0.8);
}
.dep-lap .btn-transparent-brown {
    background-color:rgba(77, 64, 46,0.0);
	color: rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-lap .btn-transparent-brown:hover {
    background-color:rgba(77, 64, 46,0.9);
	color:rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}



/* Le petit loup */

/* Les Lapins */
.dep-lou .btn-standard {
    background-color:rgba(110,104,92,1.0);
	color:rgb(255,255,255);
	border: 2px solid rgba(110,104,92,1.0);
}
.dep-lou .btn-standard:hover {
    background-color:rgba(110,104,92,0);
	color: rgb(77, 64, 46);
	border: 2px solid rgba(110,104,92,1.0);
}
.dep-lou .btn-transparent {
    background-color:rgba(77, 64, 46, 0);
	color:rgb(77, 64, 46);
	border: 2px solid rgba(77, 64, 46,0.8);
}
.dep-lou .btn-transparent:hover {
    background-color:rgba(77, 64, 46,0.8);
	color: rgb(255,255,255);
	border: 2px solid rgba(77, 64, 46,0.8);
}



/* Dado */

.dep-dad .btn-standard {
    background-color:rgba(52,47,44,1);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,1);
}
.dep-dad .btn-standard:hover {
    background-color:rgba(52,47,44,0);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,1);
}
.dep-dad .btn-transparent {
    background-color:rgba(52,47,44,0);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,0.8);
}
.dep-dad .btn-transparent:hover {
    background-color:rgba(52,47,44,0.8);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,0.8);
}

.dep-dad .btn-pink {
    background-color:rgba(116,64,90,1);
	color:#fff;
	border: 2px solid rgba(116,64,90,1);
}
.dep-dad .btn-pink:hover {
    background-color:rgba(116,64,90,0);
	color: rgba(116,64,90,1);
	border: 2px solid rgba(116,64,90,1);
}
.dep-dad .btn-pink {
    background-color:rgba(116,64,90,0);
	color: rgb(116,64,90);
	border: 2px solid rgba(116,64,90,0.8);
}
.dep-dad .btn-pink:hover {
    background-color:rgba(116,64,90,0.8);
	color:#fff;
	border: 2px solid rgba(116,64,90,0.8);
}

/* Navarro */
.dep-nav .btn-standard {
    background-color:rgba(64,64,53,0.8);
	color: rgba(212,185,140,0.6);
	border: 2px solid rgba(64,64,53,0.8);
}
.dep-nav .btn-standard:hover {
    background-color:rgba(64,64,53,0);
	color: rgba(212,185,140,0.8);
	border: 2px solid rgba(212,185,140,0.6);
}
/* Navarro */
.dep-nav .btn-standard {
    background-color:rgba(64,64,53,0.8);
	color: rgba(212,185,140,0.6);
	border: 2px solid rgba(64,64,53,0.8);
}
.dep-nav .btn-standard:hover {
    background-color:rgba(64,64,53,0);
	color: rgba(212,185,140,0.8);
	border: 2px solid rgba(212,185,140,0.6);
}
/* Navarro */
.dep-nav .btn-transparent {
    background-color:rgba(64,64,53,0.0);
	color: rgba(212,185,140,0.8);
	border: 2px solid rgba(212,185,140,0.6);
}
.dep-nav .btn-transparent:hover {
    background-color:rgba(64,64,53,0.8);
	color: rgba(212,185,140,0.8);
	border: 2px solid rgba(64,64,53,0.0);
}


/* Liron */

.dep-lir .btn-standard {
    background-color:rgba(52,47,44,1);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,1);
}
.dep-lir .btn-standard:hover {
    background-color:rgba(52,47,44,0);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,1);
}
.dep-lir .btn-transparent {
    background-color:rgba(52,47,44,0);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,0.8);
}
.dep-lir .btn-transparent:hover {
    background-color:rgba(52,47,44,0.8);
	color:rgba(163,153,141,0.9);
	border: 2px solid rgba(52,47,44,0.8);
}

.dep-lir .btn-pink {
    background-color:rgba(116,64,90,1);
	color:#fff;
	border: 2px solid rgba(116,64,90,1);
}
.dep-lir .btn-pink:hover {
    background-color:rgba(116,64,90,0);
	color: rgba(116,64,90,1);
	border: 2px solid rgba(116,64,90,1);
}
.dep-lir .btn-pink {
    background-color:rgba(116,64,90,0);
	color: rgb(116,64,90);
	border: 2px solid rgba(116,64,90,0.8);
}
.dep-lir .btn-pink:hover {
    background-color:rgba(116,64,90,0.8);
	color:#fff;
	border: 2px solid rgba(116,64,90,0.8);
}

/* SAINT-LAPIN */
.dep-slp .btn-standard {
    background-color:rgba(202, 88, 50,.8);
	color:rgb(255,255,255,.6);
	border: 2px solid rgba(202, 88, 50,0);
}
.dep-slp .btn-standard:hover {
    background-color:rgba(202, 88, 50,0);
	color: rgba(202, 88, 50,0.8);
	border: 2px solid rgba(202, 88, 50,0.8);
}
.dep-slp .btn-brown {
    background-color:rgba(77, 64, 46,0.9);
	color:rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-slp .btn-brown:hover {
    background-color:rgba(77, 64, 46,0);
	color: rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-slp .btn-transparent {
    background-color:rgba(182,171,157,0.0);
	color:rgb(77, 64, 46);
	border: 2px solid rgba(77, 64, 46,0.8);
}
.dep-slp .btn-transparent:hover {
    background-color:rgba(77, 64, 46,0.8);
	color: rgb(255,255,255);
	border: 2px solid rgba(77, 64, 46,0.8);
}
.dep-slp .btn-transparent-brown {
    background-color:rgba(77, 64, 46,0.0);
	color: rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}
.dep-slp .btn-transparent-brown:hover {
    background-color:rgba(77, 64, 46,0.9);
	color:rgb(182,171,157);
	border: 2px solid rgba(77, 64, 46,0.9);
}





.btn-green {
    background-color: rgba(114, 123, 119, 1);
    /*background-color:rgba(255,255,255,0);*/
	border: 2px solid rgba(114, 123, 119, 1);
    color: #fff;
}


.btn-green:active, 
.btn-green:focus, 
.btn-green:hover {
    background-color: rgba(114, 123, 119, 0.1);
    /*
    background-color:rgba(255,255,255,1);
    */
    color: #727b77;
}
/*grey*/
.btn-grey {
    background-color: rgba(114, 123, 119, 1);
	color: #D1D0D0;
	border: 2px solid #727b77;
}
.btn-grey:hover{
    background-color: rgba(114, 123, 119, 0.1);
    color: #727b77;
}

/*beige*/
.btn-beige {
    background-color: rgba(123, 115, 110, 1);
	border: 2px solid rgba(123, 115, 110, 1);
    color: #fff;
}
.btn-beige:hover{
    background-color: rgba(123, 115, 110, 0.1);
    color: #7B7364;
}

@media only screen and (max-width: 900px) {
	.btn {
		padding:10px 25px;
	}	
}
@media only screen and (max-width: 600px) {
	.btn {
		padding:8px 20px;
		font-size:14px;
	}
	
	.btn.big {
		font-size:16px;
	}
	.btn.stretch {
		width:100%;	
	}
	
}


.btn-white {
    background-color: rgba(36, 37, 38, 0.1);
    border-color: #fff;
    color: #fff;
}
.btn-white:active, .btn-white:focus, .btn-white:hover {
    background-color: #fff;
    color: #242526;
}
.btn::before, .btn::after {
    display: none;
}


