.slider_exclu .property_list_single {
	display: flex !important;
	height: 320px !important;
}

.slider_exclu .property_list_single {
	margin: 20px !important;
	max-width: unset;
}

.slider_exclu .property_list_single_left {
	max-height: unset;
}

.slider_exclu button i {
	font-size: 30px !important;
	font-weight: 700;
	color: #152341;
}

.slider_exclu .slick-next {
    right: -5px;
}

.slider_exclu .property_list_single_right i {
    color: #22274F;
    margin-right: 8px;
    font-family: 'FontAwesome';
    font-style: inherit;
    float: left;
    font-size: 18px;
		min-width: 21px;
		text-align: center;
		margin-bottom: 2px;
}

.slider_exclu {
	position: relative;
}

.agences_list_title_group {
	width: 100% !important;
	height: auto !important;
	display: flex;
	margin-left: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #22274f;
}

.agences_gmaps_filter {
	width: 200px;
	text-align: center;
	padding: 10px 30px;
	text-transform: uppercase;
	background-color: white;
	color: #22274f;
	cursor: pointer;
	margin-bottom: 50px;
	font-weight: 400;
	position: relative;
}

.agences_gmaps_filter:not(.active):hover::after, .agences_gmaps_filter:not(.active):hover::before {
	width: 100%;
	height: 100%;
	border-top-color: #22274f;
	border-bottom-color: #22274f;
	border-left-color: #22274f;
	border-right-color: #22274f;
}

.agences_gmaps_filter:not(.active)::after {
	content: '';
	width: 20px;
	height: 20px;
	border-top: 2px solid #b8a165;
	border-right: 2px solid #b8a165;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.3s ease;
}

.agences_gmaps_filter:not(.active)::before {
	content: '';
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #b8a165;
	border-left: 2px solid #b8a165;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.3s ease;
}

.agences_gmaps_filter.active  {
	color: white;
	background-color: #22274f;
	border: 1px solid #22274f;
}

.agences_gmaps {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.agences_gmaps_filters {
	display: flex;
	flex-direction: column;
	width: 20%;
}

#agence_gmaps {
	height: 400px;
	width: 75%;
	box-shadow:  0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

.agences_list_filter_title {
	display: flex;
	padding: 10px 50px 10px 25px;
	align-items: center;
	width: 130px;
	border: 2px solid #B5B9C3;
	cursor: pointer;
	position: relative;
}

.agences_list_filter_title.dropdown_active {
	margin-bottom: 100px;
	border-bottom: none;
}

.agences_list_filter_title.dropdown_active + div {
	opacity: 1;
	display: flex;
}

.agences_list_filter_title.active_children {
	font-weight: 700;
	color: #22274f !important;
}

.agences_list_filters_bloc > div {
	margin-right: 50px;
	cursor: pointer;
}

.agences_list_filter_title::after {
	font-family: "page-builder-framework";
	content: "\f102";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	pointer-events: none;
}

.agences_list_filter_title.dropdown_active::after {
	transform: translateY(-50%) rotate(180deg);
}

.agences_list_filters_bloc {
	display: none;
	opacity: 0;
	width: 100%;
	padding: 20px 50px 20px 25px;
	border: 2px solid #B5B9C3;
	position: absolute;
	top: calc(100% - 100px);
	left: 0;
}

.agences_list_filters {
	margin-bottom: 50px;
	display: flex;
	position: relative;
}

.agences_list_filter .active {
	font-weight: 700;
	color: #22274f !important;
}

.agences_list_filter {
	display: flex;
	justify-content: flex-start;
	margin-right: 35px;
	flex-direction: column;
}

.agences_list > div {
	margin-bottom: 20px;
	height: 205px;
}

.agences_list > div > div {
	height: 100%;
}

.ydu_formulaire{
	background-color: #fff !important;	
	position : absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	border: 1px solid #22274f;
	z-index: 100;
	width: 85%;
} 

.blog .ydu_formulaire #ydu_div .ydu_half_type {
	width: 100% !important;	
}

.ydu_recherche_avance_sidebar .avis{
	width: 100%;
}

#ydu_div.ydu_loading {
	position: relative !important;
}

#ydu_div.ydu_loading::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(34, 39, 79, 0.8);
	z-index: 1000000;
	position: absolute;
	top: 0;
	left: 0;
}

#ydu_div.ydu_loading::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #000;
	animation: spinner .6s linear infinite;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

#ydm_status_list li:not(.currentOnglet):hover a {
	color: #fff !important;
}

#ydm_status_list li.currentOnglet:hover a {
	color: #22274f !important;
}

.ydu_formulaire #ydu_div .ydu_half_type,
.ydu_formulaire #ydu_div .ydu_half_nbPieces, 
.ydu_formulaire #ydu_div .ydm_ligne_ville, 
.ydu_formulaire #ydu_div .ydu_half_nbPieces, 
.ydu_formulaire #ydu_div .ydu_half_nbPieces {
	width: 30% !important;
}

.blog .wpbf-sidebar-wrapper {
	margin-top: 460px !important;
}

.ydu_formulaire .ydu_search_selects, .ydu_formulaire .ydu_search_sliders {
	display: flex;
	width: 90%;
	margin: auto;
	justify-content: space-between;
	position: relative;
}

.small_search_form .ydu_formulaire #ydu_div .ydm_ligne_sub_ville, .small_search_form .ydu_formulaire #ydu_div .ydm_ligne_pays {
	width: 100% !important;
	margin-bottom: 15px;
}

.ydu_search_sliders {
	margin-bottom: 25px !important;
	margin-top: 25px !important;
}

.ydu_formulaire .irs-bar, .irs-handle i {
	background-color: #22274f !important;
}

.ydu_formulaire .irs-from::before, .ydu_formulaire .irs-to::before , .ydu_formulaire .irs-single::before{
	border-top-color: #9A7924 !important;
	opacity: 0.6;
}

.ydu_formulaire .irs-from, .ydu_formulaire .irs-to, .ydu_formulaire .irs-single {
	background-color: #9A7924;
	opacity: 0.6;
}

.ydm_li_lignes.ydm_ligne_prix > p, .ydm_li_lignes.ydm_ligne_surface > p {
	margin-bottom: 0;
	color: #aaa;
	font-weight: lighter;
	font-size: 12px;
}

.ydu_formulaire #ydu_div #ydm_div_lignes_prix,
.ydu_formulaire #ydu_div #ydm_div_lignes_surface {
	width: 48% !important;
}

.ydu_formulaire #ydu_div .international_selected > div {
	width: 24% !important;	
}

.ydu_search_selects .multiselect-container {
	overflow-x: hidden;
}

.ydm_ligne_pays, .ydm_ligne_sub_ville {
	display: none;
	width: 24% !important;
}

.ydu_ul{
	padding: 0;
	margin: 0;
	font-size:0; 
}

.ydu_li{
	display: inline-block;	
	width: 34%;
	margin: 0;
	padding:0;
	background-color: #22274f;
	text-align: center;
	font-size: 15px;
	list-style-type: none;
	vertical-align: top;
	-webkit-transition : all 0.2s ease-in;
	transition : all 0.2s ease-in;
}

.ydu_li:first-child{
	width: 33%;
}

.ydu_li:nth-child(2){
	border-left: 1px solid rgba(204, 204, 204, 0.4);
}

.ydu_li:last-child{
	width: 33%;
}

.form_estim_home {
	display: none;
	padding: 0 !important;
	margin: 35px 20px !important;
}

body.home .ydu_li {
	width: 25% !important;
}

.ydu_a{
	text-decoration: none;
	color: white;
	text-transform:  uppercase;
	margin:0;
	float: left;
	padding: 10px 0;
	width: 100%;
}

.currentOnglet a {
	color: #22274f !important;
}

.ydu_div{
	padding: 35px 20px; 
	text-align: center;
	opacity:0;
	-webkit-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
}

 .ydu_display{
	opacity:1;
	-webkit-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
 }

.ydm_ligne_rechercher {
	display: block !important;
	width: 20%;
	margin: auto;
}
 
.ydm_ligne_rechercher input {
	color:#fff !important;
	background-color: #22274f !important;
	padding: 0 !important;
	height: 45px;
	font-weight: 100 !important;
}

/************** Pour l'onglet courant ********************/
.currentOnglet{
	background-color: #fff;
	-webkit-transition : all 0.2s ease-in;
	transition : all 0.2s ease-in;
}

.currentOnglet .ydu_a:focus{
	text-decoration: none;
	color: white;
}


/*********** Les champs inputs type et nbPieces ***************/

.ydu_type, .ydu_nbPieces, .ydu_ville, .ydu_ville2, .ydu_pays, .ydu_sub_ville{
	padding: 5px;
	font-size: 15px;
	border: 1px solid #aaaaaa;
	color: #aaaaaa;
	padding: 7px 5px 7px 10px;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 100;
	width: 100%;
}

.ydu_type, .ydu_nbPieces{
	float: left;
}

/************** Les sliders et les boutons a droite ***************/
/* Les champs de Ville doivent être plus larges que le bouton */
.ydm_li_lignes .dropdown-menu{
	right : auto;
}
 
 /* Le bouton rechercher */
 .ydu_input{
	width:100%;
	height: 34px;
	font-family: Helvetica,Arial,sans-serif;	
	 font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	background-color: #1d2e60;
	color:white;
	border:0;
	letter-spacing: 1px;
}

.ydm_div_lignes{
	display:inline-block;
	margin-top:0px;
	text-align: left;
}

.ydm_div_lignes_first{
	margin-top:5px;
}


.ydm_ul_lignes{
    list-style: none;
	padding: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin:0;
}

.ydm_li_lignes {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

.ydm_ligne_prix, .ydm_ligne_surface{
	width: max-content;
	padding-top:25px;
	font-size:13px;
}

.ydu_search_sliders #ydm_div_lignes_prix > ul {
	padding-right: 35px;
}

.ydu_search_sliders #ydm_div_lignes_surface > ul {
	padding-left: 35px;
}

.ydu_search_sliders #ydm_div_lignes_prix > ul, .ydu_search_sliders #ydm_div_lignes_surface > ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ydm_ligne_slider_prix, .ydm_ligne_slider_surface{
	padding: 0 15px;
	width: 60%;
}

.ydm_ligne_ville select{
	height: 20px;
}

.agences_list_bloc .agence .vc_col-md-3 * {
	height: 100%;		
}

.agences_list_bloc .agence .vc_col-md-3 img {
	object-fit: cover;
}

.agences_list_bloc .agence > div > div > div, .agences_list_bloc .agence  > div > div {
	height: 100%;
}

@media only screen and (max-width : 1200px) {
	.home .ydu_formulaire #ydu_div .international_selected button.multiselect {
		white-space: pre;
	}
	
	.slider_exclu .property_list_single {
		height: 350px !important;
	}
}

@media only screen and (max-width : 1024px) {
	.slider_exclu .property_list_single {
		height: 500px !important;
	}
}

@media only screen and (max-width : 992px) {
	
	.agences_list_bloc .agence .vc_col-md-3 {
		margin-bottom: 0;
	}
	
	.agences_list_bloc .agences_list > div {
		width: 100%;
	}
	
	.slider_exclu .property_list_single {
		height: 550px !important;
	}
	
	.agences_gmaps {
		flex-direction: column;
	}
	
	.agences_gmaps_filters {
		flex-direction: row;
	}
	
	.agences_gmaps_desc {
		width: 75%;
		margin: auto;
	}
	
	#agence_gmaps {
		margin: auto;
	}
	
	.agences_gmaps > div {
		width: 75%;
		display: flex;
		justify-content: space-between;
		margin: auto;
	}
	
	.home .ydu_formulaire #ydu_div .international_selected > div {
		width: 100% !important;
		margin-bottom: 10px;
	}
	
	.ydu_search_selects.international_selected  {
		display: block !important;
	}
	
}

@media only screen and (max-width : 767px) {
	.agences_gmaps_desc, .agences_gmaps > div, #agence_gmaps {
		width: 100%;
	}
	
	.agences_gmaps_filters {
		flex-direction: column;
		align-items: center;
	}
}

@media only screen and (max-width : 480px) {
	
	.agences_list_bloc .agence .vc_col-md-3 {
		display: none;
	}
	
	.agences_list_bloc .agence p {
		line-height: 1.2;
	}
	
	body.home .ydu_li {
		font-size: 13px !important;
	}
	
	body.home .ydu_formulaire {
		width: 100% !important;	
	}
	
	body.home .ydu_formulaire .ydu_jestimo_demenagement_texte .vc_col-sm-5 {
		text-align: center !important;
		padding: 0 !important;
	}
	
	body.home .ydu_formulaire .form-etsima > div > div > DIV {
		margin-bottom: 0 !important;
	}
	
	body.home .ydu_formulaire .ydu_jestimo_left > div:nth-child(1) p {
		display: none !important;
	}
	
	body.home .ydu_formulaire .ydu_jestimo_right > div:nth-child(1) p {
		display: none !important;
	}
	
}