/*color*/
.blue-20{
	background-color : #E9EAEB;
}
.customgrey-20{
	background-color: #F5F5F5;
}

/*navbar*/
.language{
	border: 1px white solid;
    padding: 6px 12px;
    border-radius: 15px;
}
.language:hover, .language:hover a{
	border-color: #FBBE43;
	color: #FBBE43;
}
/*CTA*/
.primary-button{
	background-color: #FBBE43;
	border-radius: 20px;
	padding: 8px 16px;
	margin-top: 24px;
	text-align: center;
}

/*SIDEBAR*/
.custom-witdh-500{
	height: 80%;
	width: 500px;
}

.border-custom-card{
	border : 4px  #FBBE43 solid;
	border-radius: 8px;
}
/*RESULAT*/
.border-custom-primary{
	border : 1px  #FBBE43 solid;
	border-radius: 8px;
}
.border-custom-primary-help{
	border : 3px  #FBBE43 solid;
	border-radius: 100px;
}
.selected-filtre{
	padding: 8px;
	border: 1px #1F2937 solid;
	border-radius: 8px;
	width: fit-content;
	margin: 8px;
}
#filterBand{
	border: 1px #1F2937 solid;
	box-shadow: 13.5px 9px 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
	padding: 36px;
	width: fit-content;
	position: absolute;
    left: 31%;
}
.selected-filtre:hover{
	background-color: #FEF1D6;
	border: 1px #FBBE43 solid;
}
#ctaFiltre:hover, .activeCta{
	background-color: #FEF1D6;
	border: 1px #FBBE43 solid;
}
#questionMark:hover{
	background-color: #FBBE43;
}
.activeQuestionMark{
	background-color: #FBBE43;
}
/*after click on filtres's CTA*/
.ctaFiltreActiv{
	background-color: #FEF1D6;
}
#ctaFiltre:hover p, .ctaFiltreActiv p{
	color: #C58B16;
}
/*CARDS*/

.sizing-box-img{
	width: 120px;
	height: 90px;
}
.cards-photo:hover{
	background-color: #FEF1D6;
	border: 1px #FBBE43 solid;
}
.cards-photo:hover img{
	filter: opacity(0.5);
}
.cards-photo:hover .chevron{
	display: inline-block;
}
.custom-height-sidebar{
	height: inherit;

}
.chevron{
	width: 7px;
	height: auto;
}

/*HELP*/
.bg-black-hover{
	background-color: rgba(0, 0, 0, 0.3);
}

/*Sidebar mobile*/
.sidebar-mobile-top{
	top:75px;
}
.resultat-mobile-bottom{
	top:25%;
}
.custom-height-mobile{
	height: 65%;
}
.sizing-box-img-mobile{
	width: 100%;
	height: 200px;
}
/*overlay filtre*/
#filterBandMobile{
	border: 1px #1F2937 solid;
	box-shadow: 13.5px 9px 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
	padding: 36px;
	width: fit-content;
	position: absolute;
    left: 25%;
    top: 75px;
    z-index: 50;
}

/*MEDIAQUERIES vue mobile ou desk*/
@media screen and (max-width: 900px){
	#mobileVue{
		display: block;
	}
	#desktopVue{
		display: none;
	}
}