.renting .ui-widget-header {
	border: 1px solid #4F74B7 !important;
	background: #4F74B7 !important;
}

#zoom .partieMobile {
	display: none;
}

.search {
	position: relative;
	background: white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin-top: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 70px;
	padding-left: 70px;
	color: #4E73B7;
	font-size: 18px;
	font-family: "roboto_condensed";
}

.search input[type=text] {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid #CCC;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	color: #4E73B7;
	font-size: 18px;
	font-family: "roboto_condensed";
}

.search .sub.button {
	display: inline-block;
	background: #DFDFD0;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	width: 80px;
	height: 80px;
	cursor: pointer;
	text-align: center;
	font-size: 30px;
	color: #4E73B7;
	padding: 25px;
}

.search .sub.button:hover {
	background: white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.search .col {
	display: inline-block;
	vertical-align: middle;
	width: 24.5%;
	text-align: left;
}

.search i {
	cursor: pointer;
}

#list-immo {
	margin-top: 20px;
}

.immodetail {
	float: left;
	width: 50%;
	padding-left: 2%;
	padding-right: 2%;
}

.immodetail a:hover {
	text-decoration: none;
}

.immodetail .content {
	background: white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	position: relative;
}

.immodetail .animation {
	position: relative;
	z-index: 1;
	height: 390px;
	text-align: center;
	overflow: hidden;
}

.immodetail .animation img {
	background: white;
	position: absolute;
	left: 0;
	height: auto;
	width: 100%;
}

.immodetail .content .animation .description {
	position: absolute;
	left: 0;
	visibility: hidden;
	height: 0px;
	width: 100%;
	margin-top: 390px;
	background: rgba(255, 255, 255, 0.8);
	font-family: "roboto_condensed";
	font-size: 14px;
	color: #3A598C;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
}

.immodetail .content:hover .animation .description {
	visibility: visible;
	height: 110px;
	margin-top: -110px;
}

.immodetail .content .animation .plus {
	position: absolute;
	width: 70px;
	height: 70px;
	margin-top: 390px;
	margin-left: -35px;
	padding-top: 18px;
	background: #DFDFD0;
	border-radius: 100px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	font-size: 30px;
	color: #4D72B7;
}

.immodetail .content:hover .animation .plus {
	margin-top: -145px;
}

.immodetail .details {
	position: relative;
	z-index: 1;
	padding: 20px;
	background: white;
}

.immodetail .details .key-elements {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.key-elements>li {
	margin-bottom: 0;
	font-family: "roboto_condensed";
	color: #868686;
	font-size: clamp(13px, 1vw, 15px);
	margin-block: 15px;
}

.key-elements>li::before {
	content: "\2022";
	color: #567EC6;
	font-size: 15px;
	display: inline-block;
	width: 1em;
}

.immodetail .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "roboto_condensed_bold";
	color: #557EC5;
	font-size: clamp(16px, 1.5vw, 20px);
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.immodetail .ref {
	font-family: "roboto_condensed";
	color: #868686;
	font-size: clamp(13px, 1vw, 14px);
}

.immodetail .price-fai {
	color: #557EC5;
}

.immodetail .price-fai .price {
	font-family: "roboto_condensed";
	font-size: clamp(30px, 2.5vw, 40px);
}

.immodetail .type-city {
	font-family: "roboto_condensed_bold";
	color: #878787;
	font-size: clamp(13px, 1vw, 14px);
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}


#zoom .slider {
	width: 100%;
	position: relative;
	text-align: center;
}

#zoom .img-mobile-print {
	display: none;
	width: 100%;
}

#zoom .img-print {
	display: none;
}

#zoom .img-mobile-print img {
	width: 100%;
	height: auto;
}

#zoom .infos {
	height: auto;
	width: 100%;
}

#zoom .infos .details {
	display: inline-block;
	height: auto;
	width: 50%;
	padding: 25px;
	vertical-align: top;
}

#zoom .infos .date {
	display: inline-block;
	height: auto;
	width: 49%;
	padding: 25px;
	vertical-align: top;
}

#zoom .infos .date table {
	font-family: "roboto_condensed";
	font-size: 16px;
}

#zoom .infos .date table thead {
	color: white;
}

#zoom .infos .date table tbody {
	color: #868686;
}

#zoom .infos .date table thead tr th,
#zoom .infos .date table tbody tr td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#zoom .infos .date table thead tr th.periode {
	background: #A8BCE0;
}

#zoom .infos .date table thead tr th.price {
	background: #668ACB;
}

#zoom .infos .date table thead tr th.priceFortnight {
	background: #4F74B7;
}

#zoom .infos .date table tbody tr td.periode {
	font-weight: bold;
}

#zoom .infos .details .price {
	font-family: "ashby_medium";
	color: #858585;
	font-size: 20px;
}

#zoom .infos .details .price .fai {
	font-family: "ashby_medium";
	color: #537EC5;
	font-size: 16px;
}

#zoom .infos .details .type-city {
	font-family: "roboto_condensed_bold";
	color: #537EC5;
	font-size: 28px;

}

#zoom .infos .details .ref {
	font-family: "roboto_condensed";
	color: #858585;
	font-size: 12px;
}

#zoom .infos .details .name {
	font-family: "roboto";
	color: #557EC5;
	font-size: 16px;
}

#zoom .infos .details .description,
#zoom .infos .details .description p,
#zoom .infos .details .nbBedRoom,
#zoom .infos .details .nbRoom,
#zoom .infos .details .heating,
#zoom .infos .details .area,
#zoom .infos .details .surface {
	font-family: "roboto";
	font-size: 14px;
	color: #666666;
}

#zoom .tools {
	position: relative;
	background: white;
	width: 100%;
	height: 80px;
	z-index: 1;
	-webkit-box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
	text-align: center;
}

#zoom .tools.sticky {
	position: fixed;
	left: 0;
	bottom: 0;
}

#zoom .tools .previous,
#zoom .tools .next {
	position: relative;
	display: inline-block;
	height: 100%;
	width: auto;
}

#zoom .tools .previous {
	float: left;
}

#zoom .tools .next {
	float: right;
}

#zoom .tools .previous img,
#zoom .tools .next img {
	position: relative;
	height: 100%;
	width: auto;
}

#zoom .tools .previous:hover img,
#zoom .tools .next:hover img {
	opacity: 0.5;
}

#zoom .tools .previous i,
#zoom .tools .next i {
	position: absolute;
	color: white;
	height: 20px;
	top: 20%;
	padding: 10px;
}

#zoom .tools .previous i {
	left: 0;
	text-shadow: 1px 1px black;
	-webkit-text-shadow: 1px 1px black;
	-moz-text-shadow: 1px 1px black;
}

#zoom .tools .next i {
	right: 0;
	text-shadow: 1px 1px black;
	-webkit-text-shadow: 1px 1px black;
	-moz-text-shadow: 1px 1px black;
}

#zoom .tools .previous .label,
#zoom .tools .next .label {
	position: absolute;
	background: white;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #567EC6;
	font-family: 'roboto_condensed';
}

#zoom .tools .previous:hover .label,
#zoom .tools .next:hover .label {
	top: -18px;
}

#zoom .tools .shortcut {
	display: inline-block;
	padding-top: 25px;
	padding-bottom: 25px;
}

#zoom .tools .button {
	padding: 10px 20px;
	font-size: 16px;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

#zoom .tools .button i {
	font-size: 31px;
	vertical-align: middle;
}

#zoom .tools .button .text {
	display: inline;
}

#zoom .tools .goback {
	background: #567EC6;
	color: white;
}

#zoom .tools .share {
	background: #DFDFD0;
	color: #537EC5;
}

#zoom .tools .print {
	background: #DFDFD0;
	color: #537EC5;
}

#zoom .tools .contact {
	background: white;
	color: #537EC5;
}

#zoom .tools .call {
	background: white;
	color: #537EC5;
}

#zoom .tools .select {
	background: white;
	color: #537EC5;
}

.overlay {
	position: fixed;
	height: 0%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	bottom: 0;
	left: ;
	overflow: hidden;
	z-index: 700;
}

.overlay.show {
	height: 100%;
}

.overlay .overlay-content {
	position: relative;
	background: white;
	width: 50%;
	height: 100%;
	margin: auto;
	display: block;
}

#list-immo li .animation .images {
	width: 100%;
	height: 100%;
}

#list-immo li .animation .images.slick-slider .slick-list,
#list-immo li .animation .images.slick-slider .slick-track {
	position: relative;
	height: 100%;
}

#list-immo li .animation .images.slick-slider .image {
	position: relative;
}

#list-immo li .animation .images.slick-slider .fa {
	position: absolute;
	background: #ffffffb3;
	color: #000000;
	border-radius: 100%;
	top: 50%;
	height: 25px;
	width: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-50%);
	z-index: 1;
}

#list-immo li .animation .images.slick-slider .fa.fa-chevron-left {
	left: 5px;
}

#list-immo li .animation .images.slick-slider .fa.fa-chevron-left {
	right: 5px;
}


@media screen and (max-width: 980px) {

	/* .clndr {
		display: none;
	} */

	.immodetail {
		width: 50%;
		padding-inline: 2%;
	}
}

@media screen and (max-width: 875px) {}

@media screen and (max-width: 700px) {

	.immodetail {
		padding-right: 4%;
		padding-left: 4%;
	}
}

@media screen and (max-width: 500px) {

	.immodetail {
		width: 100%;
		padding-right: 20%;
		padding-left: 20%;
	}
}

@media screen and (max-width: 430px) {

	.immodetail {
		padding-inline: 5%;
	}
}

@media screen and (max-width: 380px) {

	.immodetail {
		padding-right: 10%;
		padding-left: 10%;
	}
}

@media screen and (max-width: 340px) {

	.immodetail {
		padding-right: 4%;
		padding-left: 4%;
	}
}

@media screen and (max-width: 980px) {

	.banner {
		display: none;
	}

	.search {
		position: relative;
		background: white;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-top: 0px;
		padding-top: 70px;
		padding-bottom: 10px;
		padding-right: 10px;
		padding-left: 10px;
		color: #4E73B7;
		font-size: 18px;
		font-family: "roboto_condensed";
	}

	.search input[type=text] {
		display: inline-block !important;
		width: 100% !important;
		border: 1px solid #CCC;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 5px;
		color: #4E73B7;
		font-size: 18px;
		font-family: "roboto_condensed";
	}

	.search .submit.button {
		display: inline-block;
		background: #DFDFD0;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		width: 80px;
		height: 80px;
		cursor: pointer;
		text-align: center;
		font-size: 30px;
		color: #4E73B7;
		padding: 25px;
	}

	.search .submit.button:hover {
		background: white;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}

	.search .col {
		display: block;
		vertical-align: middle;
		width: 100%;
		text-align: center;
	}

	.immodetail .animation {
		height: 200px;
	}

	.immodetail .details .key-elements {
		flex-direction: column;
	}

	#zoom .slider {
		display: none;
	}

	#zoom .img-mobile-print {
		display: block;
	}

	#zoom .img-print {
		display: block;
	}

	#zoom .infos {
		height: auto;
		width: 100%;
	}

	#zoom .infos .details {
		display: block;
		height: auto;
		width: 100%;
		padding: 60px 25px 25px 25px;
	}

	#zoom .infos .date {
		display: block;
		height: auto;
		width: 100%;
	}

	#zoom .tools {
		position: relative;
		background: white;
		width: 100%;
		height: 60px;
		z-index: 1;
		-webkit-box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
		box-shadow: 0px -5px 20px -5px rgba(0, 0, 0, 0.5);
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
	}

	#zoom .tools .previous {
		display: none;
	}

	#zoom .tools .shortcut {
		position: relative;
		height: 100%;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#zoom .tools .next {
		display: none;
	}

	#zoom .tools .button {
		position: relative;
		height: 100%;
		padding: 0px 0px;
		font-size: 60px;
		width: 20%;
		border: none;
		text-decoration: none;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		display: block;
		float: left
	}

	#zoom .tools .button i {
		font-size: 31px;
		width: 100%;
		vertical-align: top;
		padding-top: 15px;
	}

	#zoom .tools .button .text {
		display: none;
	}

	.overlay .overlay-content {
		width: 100%;
	}

}

/*  ------------------------------------------------
	CLNDR
	------------------------------------------------ */

.clndr .clndr-controls {
	display: table;
	width: 100%;
}

.clndr .clndr-controls>div {
	display: table-cell;
	text-align: center;
	color: white;
	background: #4F74B7;
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 1.2em;
	width: 33.333%;
	position: relative;
}

.clndr .clndr-controls .clndr-previous-button,
.clndr .clndr-controls .clndr-next-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 9999px;
}

.clndr .clndr-controls .clndr-previous-button:before,
.clndr .clndr-controls .clndr-next-button:before {
	content: ">";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -5px;
	color: white;
	font-size: 1.5em;
	font-weight: bold;
	text-indent: 0px;
	display: inline;
	cursor: pointer;
}

.clndr .clndr-controls .clndr-previous-button:before {
	content: "<";
}

.clndr td {
	color: #CCC;
}

.clndr .header-days td {
	color: #444;
}

.clndr td.day.today {
	font-size: 1.3em;
	color: #668ACB;
}

.clndr td.day.event {
	background: #5CCC87;
	color: #444;
}

.clndr td.day.booked,
.clndr td.day.booked.checkIn.checkOut {
	background: rgb(229, 83, 83);
	color: #fff;
}

.clndr td.day.booked.checkIn {
	color: #444;
	background: linear-gradient(to left top,
			rgb(229, 83, 83) 50%,
			#5CCC87 50%) no-repeat;
}

.clndr td.day.booked.checkOut {
	color: #444;
	background: linear-gradient(to right bottom,
			rgb(229, 83, 83) 50%,
			#5CCC87 50%) no-repeat;
}

.typeImmoLocation {
	display: flex;
	flex-direction: column;
}