.filter_offre {
	display: block;
	background-color: #ffffff;
	max-width: 100%;
	padding: 20px 32px;
	margin: 20px auto 35px auto;
	box-shadow: 0 0 11px rgba(0,0,0,0.22);
}
.filter_offre h2{
	font-family: 'HK Grotesk_bold';
	font-size: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
}

.filter_offre_fields{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.filter_offre_fields .filter_offre_field{
	flex: 1;
}
.filter_offre_fields .filter_offre_field label{
	display: block;
	position: relative;
	max-width: 100%;
	margin: 0 12px;
	border-radius: 2px;
	border: 1px solid #9fb0b3;
	background-color: #ffffff;
	padding:  10px 10px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #171717;
	letter-spacing: .5px;
	cursor: pointer;
}
.filter_offre_fields .filter_offre_field label span{
	display: block;
}
.filter_offre_fields .filter_offre_field label select{
	display: block;
	width: 100%;
	background: none;
	border: none;
	appearance: none;
	padding: 5px 0;
	cursor: pointer;
	font-size: 19px;
	font-family: 'HK Grotesk_bold';
	position: relative;
	z-index: 1;
}

.filter_offre_fields .filter_offre_field label::after {
	position: absolute;
	content: '';
	display: block;
	background: url("data:image/svg+xml;charset=utf,%3Csvg%20width%3D%228px%22%20height%3D%225px%22%20viewBox%3D%220%200%208%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22final%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3.92427413%2C5.87978292e-05%20C3.74789447%2C0.00164781478%203.57946057%2C0.0715625266%203.45392837%2C0.194974052%20L0.199691079%2C3.44921134%20C0.072042265%2C3.57632998%200%2C3.74899439%200%2C3.92856049%20C-0.000526684143%2C4.10864185%200.0704476887%2C4.28131981%200.197562265%2C4.40896727%20C0.46186057%2C4.67485202%200.891948706%2C4.67538083%201.15730464%2C4.41108592%20L3.93276227%2C1.63562829%20L6.70821989%2C4.41108592%20C6.97357582%2C4.67591304%207.40366396%2C4.67485541%207.66796227%2C4.40896727%20C7.93226057%2C4.14361134%207.93120294%2C3.71405202%207.66584362%2C3.4492249%20L4.41160633%2C0.194987611%20C4.28183955%2C0.0673387978%204.10652159%2C-0.00257171065%203.92431142%2C7.23571513e-05%20L3.92427413%2C5.87978292e-05%20Z%22%20id%3D%22navigation-DropDown-Arrow-%22%20fill%3D%22%231564bf%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%283.932763%2C%202.304523%29%20rotate%28-180.000000%29%20translate%28-3.932763%2C%20-2.304523%29%20%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center;
	transition: transform 150ms ease;
	transform: rotate(0deg);
	top: 40px;
	right: 16px;
	width: 8px;
	height: 12px;
	z-index: 0;
}

@media screen and (max-width: 1100px) {
	.filter_offre {
		padding: 20px 10px;
		margin-bottom: 120px;
		clear: both;
	}
}
@media screen and (max-width: 950px) {
	.filter_offre {
		width: 95%;
		padding: 20px 5px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 575px) {
	.filter_offre_fields .filter_offre_field{
		flex: 0 0 100%;
	}
	.filter_offre {
		padding: 20px 0px;
	}
}