@font-face {
	font-family: "Lato-Light";
	src: url("/fonts/DINLi6.ttf");
}
.hide {
	display:none;	
}
.seo {
	display:none;	
}
.cl {
	width:50%;
	float:left;
}
.cr {
	width:50%;
	float:right;
}
.bien img {
	background-color:#8e8e8d6e;

}
.afficher_bareme {
	font-family: Lato-Light;
    font-size: 12px;
    color: #2D2D2D;
    letter-spacing: 0;
    text-align: center;
    display: block;
    margin: auto;
    width: 280px;
    height: 30px;
    line-height: 33px;
    background: #D8D8D8;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom:140px;
	cursor:pointer;
}
.afficher_bareme:hover {
    background: #f2f2f1;
}
.h1-biens {
	font-family: Lato-Light;
    font-size: 28px;
    color: #8E8E8D;
    letter-spacing: 0;
    text-align: left;
    padding: 35px 30px 25px 30px;
}
.h1-bareme {
	font-family: Lato-Light;
    font-size: 28px;
    color: #8E8E8D;
    letter-spacing: 0;
    text-align: left;
    padding: 35px 76px 15px 76px;
}
.h2-biens {
	font-family: Lato-Light;
    font-size: 16px;
    color: #8E8E8D;
    letter-spacing: 0;
    text-align: left;
    padding: 8px 0px;
	display:block;
	text-decoration:none;
}
.visitez {
	position:absolute;right:20px;color:#FFF;font-size: 14px;font-family: 'Lato-Light';letter-spacing: 0.6px;transition: color .5s ease-out;
	right:35px;
	margin-top:15px;
}
.visitez img, .visitez-mobile img {
	margin-left:10px;
	position:relative;
	top:2px;
}
.visitez-mobile {
	display:none;
}
.chargement {
	display:none;
	position: absolute;
    color: #ffffff;
    z-index: 1000;
    text-align: center;
    width: 100%;
    top: 40%;
    font-size: 20px;
    background: #2d2d2d;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Lato-Light";
}

html {
	height: 100%;
    overflow: hidden;	
}
.grecaptcha-badge {
	visibility:hidden;
}
body {
	background:#2D2D2D;	
	margin:0;
	padding:0;
	height: 100%;
    position: relative;
	overflow:scroll;
	overflow-x: hidden;
}
	.container { 
		min-height: 600px;
		position: absolute;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
		.logo_container {
			width:360px;
			text-align:center;
			margin:30px 0 0 40px;	
			display: inline-block;
			position:absolute;
		}
		.menu_top,.menu2 {
			height:100px;
			position:absolute;
			right:0;
			width:calc(100% - 400px);
		}
			.menu_top ul,.menu2 ul {
				list-style:none;
				float:right;
				padding: 0;
				margin: 62px 18px 0 0;
			}
				.menu_top ul li, .menu2 ul li {
					list-style:none;
					float:left;
				}
					.menu_top ul li a,.menu2 ul li a {
						color:#FFF;
						text-decoration:none;
						font-size:14px;
						font-family: "Lato-Light";
						margin:0 18px;
						letter-spacing: 0.6px;
						transition: color .5s ease-out;
					}
					.menu_top ul li a:hover, .menu2 ul li a:hover {
						color:#8E8E8D;
					}
					.agence.selected {
						color:#8E8E8D;	
					}
					.contact.selected {
						color:#8E8E8D !important;	
					}
					.recrutement.selected {
						color:#8E8E8D !important;	
					}
		.menu_left,.menu1 {
			width:360px;
			position:absolute;
			left:40px;
			top:100px;
			height:calc(100% - 162px);
			background:#FFF;
			overflow:hidden;
		}
			.menu_left_content,.menu1_content {
				width:360px;
				position:absolute;
				height:100%;
				background:#2D2D2D;	
				overflow:hidden;
			}
				.legend {
					font-family: Lato-Light;
					font-size: 16px;
					color: #8E8E8D;
					letter-spacing: 0;
					text-align: center;	
					margin-top:98px;
					width:360px;
				}
				.menu_left_content ul, .menu1_content ul {
					list-style:none;
					margin-top:80px;
					padding: 0;
					width:360px;
				}
				.zoom .menu_left_content ul,.zoom .menu1_content ul {
					margin-top:0px;
				}
					.menu_left_content ul li, .menu1_content ul li {
						text-align:center;
					}
						.menu_left_content ul li a,.menu1_content ul li a {
							font-family: Lato-Light;
							font-size: 24px;
							color: #FFFFFF;
							letter-spacing: 0;
							text-align: center;
							line-height: 28px;
							text-decoration:none;
							margin:22px 0;
							display:inline-block;
							transition: color .5s ease-out;
						}
							.menu_left_content ul li a span,.menu1_content ul li a span {
								visibility: hidden;
								display: block;
								line-height: 0px;
							}
						.menu_left_content ul:hover li a,.menu1_content ul:hover li a {
							color: #8E8E8D;
						}
						.menu_left_content ul:hover li a:hover,.menu1_content ul:hover li a:hover {
							color: #FFFFFF;
						}
			.presentation_bien {
				width:360px;
				position:absolute;
				background:#FFF url('/img/quartz.png');
				background-position:center center;
				background-repeat:no-repeat;
				background-size:77px 150px;
				bottom:0;
				height:100%;
				overflow:hidden;
			}
			.presentation_bien.tr {
				transition: bottom .5s linear;
			}
				.presentation_bien_content {
					height:300px;
					width:100%;
					position:absolute;
					top: 50%;
  					transform: translateY(-50%); 
				}
					.lieu_bien {
						font-family: Lato-Light;
						font-size: 18px;
						color: #8E8E8D;
						letter-spacing: 0;
						text-align:center;
						padding:10px 15px 100px;
					}
					.price_bien {
						font-family: Lato-Light;
						font-size: 40px;
						color: #4D4D4C;
						letter-spacing: 0;
						text-align: center;
						padding:0 15px;
					}
					.price_bien.no-price {
						font-size: 24px;
					}
					.price_bien span.price{
						font-family: 'Lato', sans-serif;
					}
					.price_legend_bien {
						font-family: Lato-Light;
						font-size: 12px;
						color: #8E8E8D;
						letter-spacing: 0;
						text-align: center;
						padding:0 15px 70px;
					}
					.sb {
						font-family: Lato-Light;
						font-size: 12px;
						color: #2D2D2D;
						letter-spacing: 0;
						text-align: center;
						display:block;
						margin:auto;
						width:140px;
						height:30px;
						line-height:33px;
						background:#D8D8D8;
						text-transform:uppercase;
						text-decoration:none;
					}
					.sb:hover {
						background:#f2f2f1;
					}
					.count {
						display:none;
						position: absolute;
						z-index: 9;
						left: 148px;
    					bottom: 50px;
					}
					.zoom .count {
    					bottom: 10px;
					}
						.count_current {
							font-family: Lato-Light;
							font-size: 32px;
							color: #C8C8C8;
							letter-spacing: 0;
							text-align: center;
							display: inline;
							position: relative;
							top: -17px;
						}
						.line {
							display:inline;	
							position: relative;
							top: 13px;
							left: -20px;
						}
						.count_max {
							font-family: Lato-Light;
							font-size: 16px;
							color: #C8C8C8;
							letter-spacing: 0;
							text-align: center;
							display:inline;
							position: relative;
							left: -36px;
							top: 5px;	
						}
			.contenu_bien {
				top:100px;
				background: #FFF;
				z-index: 10;
				width: calc(100% - 40px);
				height: 0;
				overflow:auto;
				position: fixed;	
				transition: height 1s linear;
				overflow-x:hidden;
				overflow-y:scroll;
				-webkit-overflow-scrolling: touch;	
			}
			.content-bareme {
				position: fixed;
				width: calc(100% - 40px);
				right:0;
				height: calc(100% - 100px);
				background: #FFF;
				z-index: 100000;
				top: 100px;
				display:none;
				overflow:auto;
			}
			.contenu_bien.tr {
				transition: height 1s linear;
			}
				.contenu_bien_content {
					padding-bottom: 180px;	
				}
				.contenu_bien_content, .content-agence div {
					max-width: 1600px;
				}
					.texte_bien {
						font-family: Lato-Light;
						font-size: 22px;
						color: #8E8E8D;
						letter-spacing: 0;
						line-height: 30px;
						width: 320px;
						top: 0;
						height: calc(100% - 123px);
						padding: 23px 20px 0 20px;
						/*overflow: hidden;*/
					}
					.contenu_bien .image_bien {
						top:0;	
						min-height:550px;
						background-size: auto 100%!important;
					}
					.ligne2_bien {
						margin-top:80px;
						overflow:auto;
					}
						.image2_bien {
							position: relative;
							margin-top:45px;
							width:40%;
							height:555px;
							float:left;
							background-size: auto 100%!important;
						}
						.image8_bien {
							position: relative;
							margin-top:45px;
							width:40%;
							height:555px;
							float:right;
							background-size: auto 100%!important;
						}
						.image3_bien {
							position: relative;
							width:50%;
							height:600px;
							float:right;
							background-size: auto 100%!important;
						}
						.image7_bien {
							position: relative;
							width:50%;
							height:600px;
							float:left;
							background-size: auto 100%!important;
						}
					.ligne3_bien {
						margin-top:80px;
						overflow:auto;
					}
						.image4_bien {
							position: relative;
							width:calc(100% - 360px);
							height:600px;
							float:left;
							background-size: auto 100%!important;
						}
						.texte_bien2 {
							font-family: Lato-Light;
							font-size: 21px;
							color: #8E8E8D;
							letter-spacing: 0;
							line-height: 28px;
							width: 320px;
							height: calc(100% - 123px);
							padding: 20px 20px 0 20px;
							float: right;
							overflow: hidden;
						}
						.image9_bien {
							position: relative;
							width:calc(100% - 360px);
							height:600px;
							float:right;
							background-size: auto 100%!important;
						}
						.texte_bien4 {
							font-family: Lato-Light;
							font-size: 21px;
							color: #8E8E8D;
							letter-spacing: 0;
							line-height: 28px;
							width: 320px;
							height: calc(100% - 123px);
							padding: 20px 20px 0 20px;
							float: left;
							overflow: hidden;
							text-align: right;
						}
					.ligne4_bien {
						margin-top:80px;
						overflow:auto;
					}
						.image5_bien {
							position: relative;
							width:calc(100% - 360px);
							height:600px;
							float:right;
							background-size: auto 100%!important;
						}
						.image10_bien {
							position: relative;
							width:calc(100% - 360px);
							height:600px;
							float:left;
							background-size: auto 100%!important;
						}
					.ligne5_bien {
						margin-top:80px;
						overflow:auto;
					}
						.image6_bien {
							position: relative;
							width:40%;
							height:600px;
							float:left;
							margin-left:10%;
							background-size: auto 100%!important;
						}
						.texte_bien3 {
							font-family: Lato-Light;
							font-size: 22px;
							color: #8E8E8D;
							letter-spacing: 0;
							line-height: 30px;
							width: 320px;
							top: 0;
							height: calc(100% - 123px);
							padding: 23px 20px 0 20px;
							overflow: hidden;
						}
						.image11_bien {
							width:40%;
							height:600px;
							float:right;
							margin-right:10%;
							background-size: auto 100%!important;
						}
						.texte_bien5 {
							font-family: Lato-Light;
							font-size: 22px;
							color: #8E8E8D;
							letter-spacing: 0;
							line-height: 30px;
							width: 320px;
							top: 0;
							height: calc(100% - 123px);
							padding: 23px 20px 0 20px;
							overflow: hidden;
							float: right;
							text-align: right;
						}
						.imageRatio.ratioActif{
							background-size: 100% auto!important;
						}
						.imageRatio1.ratioActif{
							background-size: 100% auto!important;
						}
		.content {
			width:calc(100% - 400px);
			right:0;	
			top:100px;
			position:absolute;
			height:calc(100% - 162px);
		}
		.content-biens-vendus {
			width:100%;
			height:100%;
		}
		.content.bloc-cat {
			height:calc(100% - 100px);
			
		}
			#myparallaxslider {
				width:100%;
				height:100%;
				transition: right 1.5s linear;
				right:-100%;
				position:absolute;
				overflow:hidden;
				touch-action: none;
				
			}
				.bgoverlay {
					width:100%;
					height:100%;
				}
				#myparallaxslider .slide .bgoverlay{
					background-position: left top !important;
					background-size:contain !important;
				}
				#myparallaxslider .slide .bgoverlay.ratioActif{
					background-size:100% auto!important;
				}
				#myparallaxslider .slide {
					width:100%;
					height:100%;
					right:0;
					position:absolute;
					transition: right 1.5s linear;
					top:0;
				}
				#myparallaxslider .slide0 {
					right: 100%;
					transition: right 2s ease-in;
					
					z-index:1;
				}
				#myparallaxslider .slide1 {
					right: 0;
					z-index:2;
					transition: right 800ms ease-in;
				}
				#myparallaxslider .slide2 {
					right: -100%;
					transition: right 2s ease-in;
					z-index:1;
				}
			.filtres_selected {
				font-family: Lato-Light;
				font-size: 14px;
				color: #FFFFFF;
				letter-spacing: 0;
				position: absolute;
				top: 0;
				left: 360px;
				display:none;
				z-index: 2;
				cursor:pointer;
			}
			.filtres_vendus {
				left: 0px;
			}
			.filtres_selected a{
				display: block;
				color: #FFFFFF;
			}
			.filtres_selected a img{
				vertical-align: bottom;
				margin-left: 6px;
			}
				.filtres_selected span {
					font-family: Lato-Light;
					font-size: 16px;
					color: #FFFFFF;
					letter-spacing: 0.7px;
					text-transform:uppercase;
					display:block;
				}
			.filtres_content_responsive, .filtres_content_responsive2 {
				display:none;
			}
			.filtres_content {
				height: calc(100% - 292px);
				top: 100px;
				left: 40px;
				width: calc(100% - 140px);
				background: #4D4D4C;
				position: absolute;
				z-index: 1000000;
				padding: 50px 20px 80px 80px;
				display:none;
			}
				.filtres_content .col1, .filtres_content .col2, .filtres_content .col3 {
					width:33.33333%;
					float:left;
					max-width: 284px;
					padding-right:10px;
				}
				.filtres_content .col1,.filtres_content .col2 {
					display: none;
				}
				.filtres_content .col3 {
					margin-left: 280px;
				}


					.filtres_content p {
						font-family: Lato-Light;
						font-size: 24px;
						color: #FFFFFF;
						letter-spacing: 0;
					}
					.filtres_content .no_biens {
						position: absolute;
						bottom: 38px;
						color: #FFF;
						font-family: Lato-Light;
						display:none;
					}
					.no_biens2 {
						position: absolute;
						bottom: 65px;
						color: #FFF;
						left: 60px;
						font-family: Lato-Light;
						display: none;
					}
					.filtres_content .voir_resultats {
						font-family: Lato-Light;
						font-size: 12px;
						color: #2D2D2D;
						letter-spacing: 0;
						text-align: center;	
						display:block;
						width:159px;
						height:30px;
						background:#D8D8D8;
						line-height:30px;
						position:absolute;
						bottom:80px;
						text-decoration:none;
						transition: background .2s linear;
						margin-left: 280px;
					}
					.filtres_content .voir_resultats:focus,.voir_resultats2:focus {
						background:#FFF;
					}
					
					.filtres_content ul {
						margin:0;
						padding:20px 0 0 0;
					}
						.filtres_content ul li {
							margin:0;
							padding:20px 0;
							list-style-type:none;
							height: 40px;
						}
							.filtres_content ul li a {
								font-family: Lato-Light;
								font-size: 16px;
								color: #8E8E8D;
								letter-spacing: 0;
								text-decoration:none;
							}
							.filtres_content ul li a:hover {
								/*color:#FFF;
								transition: color .5s ease-out;*/
							}
								.filtres_content ul li a span {
									padding-bottom:4px;
								}
							.filtres_content ul li a.selected {
								color: #FFFFFF;
							}
								.filtres_content ul li a.selected span {
									border-bottom:3px solid #8E8E8D;
								}
			.content_biens {
				position: absolute;
				top: 0;
				height: 100%;
				/*overflow: hidden;*/
				z-index: 2;
				width:100%;
				right:-100%;
				display:none;
				height:calc(100% - 62px);
			}
			.content_biens_vendus {
				height: 100%;
				overflow:scroll;
				background: #FFF;
			}
				.content_biens .bien {
					height:100%;
					position:absolute;
					right:0;
					overflow:hidden;
					z-index:1;
					background:#FFF;
					top:0;
					width:100%;
				}
				.content_biens_vendus .bien.c3 {
					position:relative;
					height:auto;
					width:calc(33.333% - 63px);
					display:inline-block;
					padding-left:60px;
					margin-bottom:60px;
				}
				.content_biens_vendus .bien.c3 img {
					max-width:100%;
					height:auto;
				}
				.content_biens_vendus .bien.c3:nth-of-type(6n+1), .content_biens_vendus .bien.c3:nth-of-type(6n+2), .content_biens_vendus .bien.c3:nth-of-type(6n+3) {
					padding-left:0px;
					padding-right:60px;
				}
				.content_biens_vendus .bien.c3:nth-of-type(6n+1) .h2-biens {
					padding-left:10px;
				}

				.content_biens_vendus .bien.c2 {
					position:relative;
					height:auto;
					width:calc(50% - 62px);
					display:inline-block;
					padding-left:60px;
					margin-bottom:60px;
				}
				.content_biens_vendus .bien.c2 img {
					max-width:100%;
					width:100%;
					height:auto;
				}
				.content_biens_vendus .bien.c2:nth-of-type(4n+1), .content_biens_vendus .bien.c2:nth-of-type(4n+2) {
					padding-left:0px;
					padding-right:60px;
				}
				.content_biens_vendus .bien.c2:nth-of-type(4n+1) .h2-biens {
					padding-left:10px;
				}



				

				.content_biens .bien.tr {
					transition: top .5s ease-in;
				}
				.content_biens .bien.bien0 {
					top: 0px;
					z-index:1;
				}
				.content_biens .bien.bien1 {
					top: 0px;
					z-index:7;
				}
				.content_biens .bien.bien2 {
					top: 100%;
					z-index:6;
				}
				
				.content_biens .bien.bien1 {
					top: 0px;
					z-index:7;
				}
				.content_biens .bien.last {
				  overflow: visible;
				}
				.bien .image_bien {
					z-index: 2;
				}
				.content_biens .bien.bien3 {
					top: 100%;
					z-index:3;
				}
				.content_biens .bien.bien4 {
					top: 100%;
					z-index:3;
				}
				.content_biens .bien.bien5 {
					top: 100%;
					z-index:3;
				}
				.content_biens .bien.bienMvt {
					z-index:8;
				}
				.content_biens .bien.bienMvt1 {
					z-index:7;
				}
				.content_biens_vendus .bien {
					top: 0 !important;
				}
				.presentation_bien.presentation_bien0 {
					bottom: 0;
					z-index:1;
				}
				.presentation_bien.presentation_bien1 {
					bottom: 0;
					z-index:8;
					cursor: pointer;
				}
				.presentation_bien.presentation_bien2 {
					bottom: -100%;
					z-index:6;
				}
				.presentation_bien.presentation_bien3 {
					bottom: -100%;
					z-index:3;
				}
				.presentation_bien.presentation_bien4 {
					bottom: -100%;
					z-index:3;
				}
				.presentation_bien.presentation_bien5 {
					bottom: -100%;
					z-index:3;
				}
				.presentation_bien.bienMvt {
					z-index:8;
				}
				.btn-action{
					display: none;
					position: absolute;
					bottom: 0;
					z-index: 2;
    				width: 360px;
					height: 62px;
					background:#8E8E8D;
					cursor: pointer;
				}
				.btn-up{
					position: absolute;
					left: 0;
    				width: 180px;
					height: 62px;
					background:url('/img/fleche-down.png') no-repeat center center;
					cursor: pointer;
				}
				.btn-down{
					position: absolute;
					right: 0;
    				width: 180px;
					height: 62px;
					background:url('/img/fleche-up.png') no-repeat center center;
					cursor: pointer;
				}
				.bloc-cat .btn-action{
					display: block;
					transition-delay:0ms;
					transition-property: visibility;
					visibility:visible;
				}
				/*
				.bloc-cat .btn-action.off{
					visibility:hidden;
					transition-delay:500ms;
					transition-property: visibility;
					
				}
				.bloc-cat .btn-action.off1{
					visibility:hidden;
					display: none;
					transition-delay:500ms;
					transition-property: visibility;
				}
				*/
				.bloc-cat .btn-action.off2{
					visibility:hidden;
					transition-delay:750ms;
					transition-property: visibility;
					
				}
				
				.presentation_bien.presentation_bien1  .btn-action,.presentation_bien.presentation_bien0  .btn-action{
					display: none;
				}
				
				
			
			
				.menu_responsive {
					display:none;	
				}
				.fermeture_bien, .fermeture_page {
					height:100px;
					position:fixed;
					width:100%;
					top:0;
					left:0;
					z-index: 5;
					overflow:hidden;
					display:none;
				}
				.fermeture_bien2 {
					height:100px;
					position:fixed;
					width:300px;
					top:0;
					left:0;
					z-index: 5;
					overflow:hidden;
					display:none;
				}
				.fermeture_bien_content {
					background:#4D4D4C;
					position:absolute;
					width:100%;
					height:100px;
					top:100px;
				}
				.fermeture_bien2_content {
					background:#2d2d2d;
					position:absolute;
					width:100%;
					height:100px;
					top:100px;
				}
				.fermeture_bien_content.tr, .fermeture_bien2_content.tr {
					transition: top .5s linear;
				}
					.fermeture_bien_close,.fermeture_page_close {
						font-family: Lato-Light;
						font-size: 16px;
						color: #8E8E8D;
						letter-spacing: 0;
						text-decoration: none;
						display: block;
						width: 123px;
						height: 100px;
						line-height: 100px;
						text-align: center;
						background: #2D2D2D;
						position: absolute;
						padding-right: 17px;
					}
						.fermeture_bien_close span {
							display:none;
						}
							.fermeture_bien_close svg,.fermeture_page_close svg {
								margin-right:20px;
								vertical-align: middle;
							}
					.fermeture_price_bien {
						font-family: Lato-Light;
						font-size: 40px;
						color: #FFFFFF;
						letter-spacing: 0;
						text-align: center;
						display: inline-block;
						width: 275px;
						left: 140px;
						height: 83px;
						position: relative;
						padding-top: 25px;
					}
					.fermeture_price_bien.no-price {
						font-size: 20px;
						padding-top: 50px;
						height: 58px;
					}
					.fermeture_price_bien span.price{
						font-family: 'Lato', sans-serif;
						display:inline-block;
						font-size: 40px;
    					color: #FFFFFF;
					}
						.fermeture_price_bien span {
							font-family: Lato-Light;
							font-size: 12px;
							color: #8E8E8D;
							letter-spacing: 0;
							text-align: center;
							display:block;	
						}
					.fermeture_lieu_bien {
						font-family: Lato-Light;
						font-size: 18px;
						color: #8E8E8D;
						letter-spacing: 0;
						left: 156px;
						position:relative;
						top:-21px;
						display:inline-block;
					}
					.fermeture_lieu_bien.no-price {
						top:0px;
					}
					.fermeture_contact_bien {
						position: absolute;
						right: 35px;
						top:35px;
						width:180px;
						height:30px;
						background:#FFF;
						font-family: Lato-Light;
						font-size: 15px;
						color: #4D4D4C;
						letter-spacing: 0;
						text-align: center;
						line-height:33px;
						text-decoration:none;
						transition: background .2s linear;
					}
					.fermeture_contact_bien:hover,.fermeture_contact_bien:focus {
						background:#D8D8D8;
					}
				.number {
					display:none;	
				}
				.bien .presentation_bien_content {
					display:none;
				}
				.image_bien {
					width: calc(100% - 360px);
					height: 100%;
					position: absolute;
					right: 0;
					top: 100%;
					overflow: hidden;
				}
				.content_biens_vendus .image_bien {
					position: relative;
					width:100%;
				}
				.content_biens_vendus .contenu_bien_content .image_bien {
					position: absolute;
					width: calc(100% - 360px);
				}
				.bien .image_bien {
					background-position: left center!important;
					background-size:auto 100%!important;
				}
				.bien .image_bien.ratioActif {
					background-position: left top!important;
					background-size:100% auto!important;
					background-color: #8E8E8D!important;
				}
					.more {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 120px;
						height: 85px;
						background: #8E8E8D;
						font-family: Lato-Light;
						font-size: 42px;
						color: #FFFFFF;
						letter-spacing: 0;
						text-align: center;
						line-height: 28px;
						padding-top: 35px;
						cursor:pointer;
					}
						.more span {
							display:block;
							font-family: Lato-Light;
							font-size: 14px;
							color: #FFFFFF;
							letter-spacing: 0;
							text-align: center;
						}
		.content_biens_vendus #honoraire {
			display:none;
		}
		.content-agence,.content-contact,.content-recrutement {
			position: fixed;
			top: 100px;
			height: calc(100% - 100px);
			width: calc(100% - 40px);
			z-index: 10000;
			right: 0;
			background: #FFF;	
			overflow:auto;
			display:none;
			-webkit-overflow-scrolling: touch;	
		}
			.content-bareme p,.content-agence p,.content-contact p,.content-recrutement p {
				padding:0;
				font-family: Lato-Light;
				font-size: 21px;
				color: #8E8E8D;
				letter-spacing: 0;
				line-height: 28px;
				max-width:820px;
				margin:0 76px 40px 76px;
			}
			.content-bareme p {
				margin:0 76px 40px 76px;
			}
			.content-bareme p.intro,.content-agence p.intro,.content-contact p.intro,.content-recrutement p.intro {
				font-family: Lato-Light;
				font-size: 36px;
				color: #8E8E8D;
				letter-spacing: 0;
				line-height: 40px;
				margin:82px 76px 40px 76px;
			}
			.content-agence p.intro.intro2 {
				margin-top:80px;
				font-size: 21px;
				color: #8E8E8D;
				letter-spacing: 0;
				line-height: 28px;
			}
			.col_2 {
				max-width:882px;
				margin:0 76px 40px 76px;
				margin-bottom:100px;
				overflow:auto;
			}
				.content-agence p.left, .content-agence p.right {
					float:left;
					width:calc(50% - 37px);
					margin:0;
				}
				.content-agence p.left {
					width:400px;
				}
				.content-agence p.right {
					padding-left:82px;	
					width:400px;
				}
				.content-contact .contact-left{
					width: 100%;
					float: left;
				}
				.content-contact .contact-right{
					width: 100%;
					float: right;
				}
				.content-contact .contact-right .image_bien_contact{
					width: 100%;
					height: auto;
					margin-top: 100px;
				}
				.content-recrutement .recrutement-left{
					float: left;
					padding-left: 76px;
					padding-right: 17px;
				}
				.content-recrutement .recrutement-right{
					float: left;
					padding-left: 76px;
					padding-right: 17px;
				}
				.content-recrutement .recrutement-center{
					float: left;
					padding: 0 0 0 76px;
				}
				.content-recrutement input {
					background: #E8E7E7;
					border: none;
					height: 60px;
					width: 308px;
					font-family: Lato-Light;
					float: left;
					margin-top: 20px;
					color: #2D2D2D;
					font-size: 16px;
					box-sizing: border-box;
					padding:0 10px;
				}
				.content-recrutement #cv-div,.content-recrutement #lettre-div {
					position: relative;
					float: left;
					width: 308px;
				}
				.content-recrutement #cv-div span,.content-recrutement #lettre-div span{
					position: absolute;
					bottom: -25px;
					left: 0;
					font-family: Lato-Light;
					color: #2D2D2D;
					font-size: 12px;
				}
				.content-recrutement #cv-input,.content-recrutement #lettre-input {
					position: relative;
					background: #E8E7E7;
					border: none;
					height: 40px;
					width: 160px;
					font-family: Lato-Light;
					float: left;
					margin-top: 20px;
					color: #2D2D2D;
					font-size: 12px;
					box-sizing: border-box;
					text-align: center;
					text-transform: uppercase;
					line-height: 40px;
					cursor: pointer;
					padding-top: 2px;
				}
				.content-recrutement input:active,.content-recrutement input:hover,.content-recrutement input:focus,.content-recrutement textarea:active,.content-recrutement textarea:hover,.content-recrutement textarea:focus {
					outline: none;
					border: none;
				}
				.content-recrutement label{
					font-size: 16px;
					color: #8E8E8D;
					letter-spacing: 0;
					line-height: 60px;
					font-family: Lato-Light;
					width: 91px;
					clear: both;
					float: left;
					margin-top: 20px;
				}
				.content-recrutement label.files{
					line-height: 40px;
				}
				.content-recrutement textarea {
					background: #E8E7E7;
					border: none;
					height: 140px;
					width: 800px;
					font-family: Lato-Light;
					float: left;
					margin-top: 40px;
					color: #2D2D2D;
					font-size: 16px;
					padding: 10px;
					box-sizing: border-box;
				}
				.content-recrutement #env {
					background: #E8E7E7;
					border: none;
					height: 40px;
					width: 220px;
					font-family: Lato-Light;
					float: left;
					clear: both;
					margin-top: 20px;
					margin-left: 91px;
					font-size: 12px;
					color: #2D2D2D;
					letter-spacing: 0;
					text-align: center;
					line-height: 40px;
					cursor: pointer;
					padding-top: 2px;
				}
				.content-recrutement #cv,.content-recrutement #lettre {
					height: 40px;
					width: 160px;
					cursor: pointer;
					opacity: 0;
					position: absolute;
					top: 0;
					left: 0;
				}
				.content-recrutement span.error {
					clear: both;
					float: left;
					margin-left: 91px;
					font-size: 12px;
					color: red;
					height: 20px;
					opacity: 0;
					font-family: Lato-Light;
					padding-top: 2px;
				}
				.content-recrutement #loader {
					float: left;
					margin-top: 20px;
					margin-left: 10px;
					display: none;
				}
				.content-recrutement span.ok {
					float: left;
					line-height: 40px;
					margin-top: 20px;
					margin-left: 20px;
					color: green;
					font-size: 16px;
					font-family: Lato-Light;
					padding-top: 2px;
					display: none;
				}
				.content-recrutement #listEmploi {
					list-style: none;
					margin: -20px 0 50px 0;
					padding-left: 115px;
					font-family: Lato-Light;
					color: #2D2D2D;
					font-size: 19px;
				}
				.content-recrutement #listEmploi li, .content-recrutement #listEmploi a{
					color: #2D2D2D;
					line-height: 30px;
				}
				.content-recrutement #listEmploi li span{
					font-family:Arial, "sans-serif";
				}


.contenu_bien_content .lazy a.zoom {
    position: absolute;
    bottom: 0;
    max-width: 10%;
    height: auto;
	display: none;
}
.contenu_bien_content .lazy:hover a.zoom {
	display: block;
}
.contenu_bien_content .image_bien a.zoom {
	display: block;
}
.contenu_bien_content .lazy a.zoom img{
   max-width: 100%;
	float: left;
}
.contenu_bien_content .image_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image2_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image3_bien a.zoom {
    right: 0;
}
.contenu_bien_content .image4_bien a.zoom {
    right: 0;
}
.contenu_bien_content .image5_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image6_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image7_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image8_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image9_bien a.zoom {
    left: 0;
}
.contenu_bien_content .image10_bien a.zoom {
    right: 0;
}


@media screen and (max-width: 1075px) {
	.content-agence p.intro.intro2 {
		margin-top: 40px;
	}
	.content-agence p.right, .content-agence p.left {
		width: auto;
	}
	.content-agence p.right {
		padding-left: 0;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	
}
@media screen and (min-width: 1024px) {
	.content_biens .bien.bien2 .border {
		position: absolute;
		width: 100%;
		height: 100px;
		top: 0;
		z-index: 1;
	}
	.content_biens .bien.bien1 .border {
		position: absolute;
		width: 100%;
		height: 100px;
		top: 100%;
		z-index: 1;
	}
	.content_biens .bien.bien3 .border {
		position: absolute;
		width: 100%;
		height: 100px;
		top: 0;
		z-index: 1;
	}
	.content_biens .bien.tr .border{
		transition: top .5s ease-in;
	}
	.content_biens .bien.bien1 .border.in,.content_biens .bien.bien2 .border.in,.content_biens .bien.bien3 .border.in {
		background: #8e8e8d;
	}
	
}
@media screen and (max-width: 1023px) {

.content-bareme {
	position: fixed;
	width: 100%;
	right: 0;
	height: 100%;
	top: 40px;
}

.h1-bareme {
    padding: 35px 30px 10px 30px;
}
.content-bareme p {
    margin: 0 30px 0px 30px;
}
html {
	overflow:auto;
	position: relative;
    height: 100%;
}
body {
	/*height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed;	*/
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;	
}
	.container {
		min-height: unset;
		position: relative;
	}
	.select_bien  {
		position:absolute;
		top:-100%;
		overflow: hidden;
	}
	.select_bien.tr  {
		transition: top .5s linear;
	}
			.content_biens {
				right: 0;
				top:0;
				height:100%;
				display:none;
			}
		.logo_container {
			width: 100%;
			text-align: center;
			margin: 0px 0 0 0px;
			padding-top: 30px;
			display: inline-block;
			position: relative;
			
		}
		.content {
			width: 100%;
			position: relative;
			right: auto;
			top: auto;
			height: 241px !important;
		}
		
		.content-agence,.content-contact,.content-recrutement {
			height: calc(100% - 40px);
			width: 100%;
			top:40px;
		}
			.content-agence p, .content-contact p,.content-recrutement p {
				margin:50px 30px 80px;
			}
			.content-agence p.intro,.content-contact p.intro,.content-recrutement p.intro{
				margin: 30px;
			}
			.content-agence p.intro.intro2 {
				margin-top:40px;
			}
			.content-agence .image2_bien {
				margin-top:0px;
			}
			.content-agence .image3_bien {
				margin-bottom:20px;
			}
			.col_2 {
				margin: 0 30px;
			}
			.content-agence p.right,.content-agence p.left {
				width:auto;
			}
			.content-agence p.right {
				padding-left: 0;
				margin-top: 30px;
				margin-bottom: 100px;
			}
			#myparallaxslider .slide .bgoverlay{
				background-position: center center!important;
				background-size:cover!important;
			}
			#myparallaxslider .slide .bgoverlay.ratioActif{
				background-size:cover!important;
			}
			.bien .image_bien {
					background-position: center center!important;
					background-size:cover!important;
			}
			.bien .image_bien.ratioActif {
				background-position: center center!important;
				background-size:cover!important;
				background-color: transparent!important;
			}
			.btn-slide {
				display:none;	
			}
			.fermeture_page {
				height: 40px;
			}
			.fermeture_bien{
				height: 180px;
			}
				.fermeture_bien_content {
					height: 180px;
					top:-180px;
				}
				.fermeture_bien_content.tr {
					transition: top .2s linear;
				}
					.fermeture_bien_close, .fermeture_page_close  {
						width: 100%;
						height: 40px;
						line-height: 40px;
						padding-right:0;
					}
						.fermeture_bien_close svg, .fermeture_page_close svg {
							width:20px;
							height:20px;
							position: absolute;
							left:11px;
							top:11px;
						}
						.fermeture_bien_close svg span, .fermeture_page_close svg span {
							font-size: 12px;
						}
					.fermeture_price_bien {
						width: 100%;
						left: 0px;
						height: 83px;
						padding-top: 10px;
						top: 40px;
						font-size:28px;
					}
						.fermeture_price_bien span {
							margin-top: -4px;
						}
					.fermeture_lieu_bien {
						font-size: 16px;
						color: #FFF;
						text-align: center;
						width:100%;
						margin-top:10px;
						left:auto;
						top:auto;
					}
					.fermeture_contact_bien {
						position: relative;
						right: auto;
						margin: auto;
						display: block;
						top: 17px;
					}
					.texte_bien3,.texte_bien2,.texte_bien4,.texte_bien5 {
						width:auto;	
					}
		.content_biens_vendus {
			right: 0;
			top: 60px;
			height: calc(100% - 60px);
			display: none;
		}
		.h1-biens {
			padding: 28px 30px 25px 30px;
		}
		.select_bien .content {
			/*position:absolute;
			height:100%;*/
		}
			.select_bien .bien {
				width:100%;
				height:calc(100% - 212px);
				top: calc(100% + 58px);
			}
			.select_bien .bien.tr {
				transition: height .5s linear,top .5s linear;
			}
			.select_bien .bien0, .select_bien .bien1 {
				height:calc(100% - 212px);
			}
			.select_bien .bien.bien0 {
				top: calc(-100% + 272px);
			}
			.select_bien .bien.bien1 {
				top: 60px;
			}
			.select_bien .bien.bien2 {
				top: calc(100% - 152px);
			}
			.select_bien .bien.bien3 {
				top: calc(100% - 82px);
			}
			.select_bien .bien.bien4 {
				top: calc(100% - 12px);
			}
			.menu_responsive {
				/*display: block;*/
				position: fixed;
				top: 0;
				left: 0;
				height: 60px;
				background: #2D2D2D;
				width: 100%;
				z-index: 3;
				display:none;
			}
				.burger {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 26px;
					height: 24px;
					padding: 18px 17px;
				}
					.burger svg, .loupe svg {
						margin-top: 2px;
						margin-left: 2px;
					}
				.logo_responsive {
					width:79px;
					margin:auto;
					display:block;
					margin-top:10px;
				}
				.loupe {
					position: absolute;
					right: 0px;
					top: 0px;
					width: 26px;
					height: 24px;
					padding: 18px 17px;
				}
				.bien .number {
					display:block;
					width:30px;
					position:absolute;
					left:0;
					text-align:center;	
					top:10px;
					font-family: Lato-Light;
					font-size: 14px;
					color: #4D4D4C;
					letter-spacing: 0;
				}
				.bien .border {
					background: #FFF;
					position: absolute;
					bottom: 0px;
					height: 112px;
					width: 100%;
					z-index:1;
					transition: height .5s linear;
				}
				.bien2 .border,.bien3 .border,.bien4 .border,.bien5 .border {
					height: calc(100% - 50px);
				}
				.xl .border {
					height: 112px;
				}
				.overlay {
					height:100%;
					width:100%;
					position: absolute;
					background:rgba(0,0,0,0);
					transition: background .2s linear;
					z-index: 3;
				}
				.bien2 .overlay {
					background:rgba(0,0,0,.1);
					display:block;
				}
				.bien3 .overlay {
					background:rgba(0,0,0,.2);
					display:block;
				}
				.bien4 .overlay {
					background:rgba(0,0,0,.3);
					display:block;
				}
				.bien5 .overlay {
					background:rgba(0,0,0,.3);
					display:block;
				}
				.xl2 .overlay {
					transition: all 0s linear;
					background:rgba(0,0,0,0);
				}
				.bien .presentation_bien_content {
					height:112px;
					top: auto;
					bottom:0;
  					transform: none; 
					display:block;
					transition: all .4s linear;
					z-index: 2;
				}
				.bien .presentation_bien_content {
					display:none;
				}
				.bien1 .presentation_bien_content,.bien0 .presentation_bien_content {
					display:block;;
				}
				.bien.bien0 .presentation_bien_content, .bien.bien1 .presentation_bien_content {
					display:block;
				}
					.bien .price_bien {
						padding: 5px 15px 0 15px;
						font-size:28px;
					}
					.bien .price_bien.no-price {
						font-size:23px;
					}
					.bien .lieu_bien {
						padding: 0px 15px 10px;
						font-size:16px;
						position:relative;
					}
					.presentation_bien_content {
						height: 110px;
						width: 100%;
						position: absolute;
						bottom: 0;
					}
				.presentation_bien {
					background: #2D2D2D;	
				}
				.contenu_bien {
					top: 180px;
					width:100%;
				}
				.contenu_bien.tr {
					transition: height .5s linear;
				}
				.select_bien .image_bien {
					top:0px;
					height: calc(100% - 110px);
					width:calc(100% - 30px);
					left:30px;
				}
				.select_bien .bien0 .image_bien, .select_bien .bien1 .image_bien {
					height: calc(100% - 110px);
				}
					.select_bien .more {
						display:none;
					}
						.contenu_bien .image_bien {
							min-height: unset;
							width:100%;
							left:0;
							height:auto;
						}
						.texte_bien {
							padding: 25px 20px 0 20px;
							position:relative;
							font-size: 21px;
							line-height: 28px;
							width:calc(100% - 40px);
						}
						.ligne2_bien {
							margin-top: 0px;
						}
							.image2_bien {
								margin-left:20px;
								margin-right:20px;
								width:calc(100% - 40px);
							}
							.image3_bien {
								width: 100%;
								margin-top: 20px;
							}
							.image8_bien {
								margin-left:20px;
								margin-right:20px;
								width:calc(100% - 40px);
							}
							.image7_bien {
								width: 100%;
								margin-top: 20px;
							}
						.ligne3_bien {
							margin-top: 25px;
						}
							.image4_bien {
								width: 100%;
								float: none;
							}
							.image9_bien {
								width: 100%;
								float: none;
							}
							.texte_bien2 {
								font-size: 21px;
								line-height: 28px;
								height:auto;
								padding: 40px 20px 40px 20px;
								float:none;
							}
							.texte_bien4 {
								font-size: 21px;
								line-height: 28px;
								height:auto;
								padding: 40px 20px 40px 20px;
								float:none;
								text-align: left;
							}
						.ligne4_bien {
							margin-top: 0px;
						}
							.image5_bien {
								float: none;
								width:100%;
							}
							.image10_bien {
								float: none;
								width:100%;
							}
						.ligne5_bien {
							margin-top: 40px;
						}
							.image6_bien {
								width: calc(100% - 40px);
								float: none;
								margin-left: 20px;
							}
							.image11_bien {
								width: calc(100% - 40px);
								float: none;
								margin-left: 20px;
							}
							.texte_bien3 {
								font-size: 21px;
								line-height: 28px;
								height:auto;
								padding: 40px 20px 80px 20px;
								float:none;
							}
							.texte_bien5 {
								font-size: 21px;
								line-height: 28px;
								height:auto;
								padding: 40px 20px 80px 20px;
								float:none;
								text-align: left;
							}
		.menu_left,.menu1 {
			width: 100%;
			position: relative;
			left: auto;
			top: auto;
			/*height: calc(100% - 100px);	*/
			height:auto;
		}
		
			.menu_left_content, .menu1_content {
				width: 100%;
				position:relative;
			}
				.menu1_content a:focus {
					color:#FFF !important;
				}
				.menu_left_content .legend,.menu1_content .legend {
					margin-top: 5px;
					width:100%;
				}
					.menu_left_content .legend br,.menu1_content .legend br {
						display:none;
					}
				.menu_left_content ul , .menu1_content ul{
					margin-top: 25px;
					width:100%;
				}
						.menu_left_content ul li a, .menu1_content ul li a {
							margin: 12px 0;
						}
							.menu_left_content ul li a span, .menu1_content ul li a span {
								visibility: visible;
								display: inline;
								line-height: inherit;
							}
		.menu_top, .menu2 {
			height: auto;
			position: relative;
			right: auto;
			width: 100%;
			padding-bottom: 80px;
			overflow: auto;
		}
			.menu_top ul, .menu2 ul {
				float:none;
				margin:0;
			}
				.menu_top ul li, .menu2 ul li {
					width:100%;
					text-align:center;
				}
					.menu_top ul li a, .menu2 ul li a {
						padding:12px 0;
						display: inline-block;
					}
		.filtres_content_responsive,.filtres_content_responsive2 {
			background:#4D4D4C;
			top:60px;
			width:100%;
			height:calc(100% - 60px);
			position:absolute;
			z-index: 6;
			overflow: auto;
			-webkit-overflow-scrolling: touch;	
		}
			.filtres_content_responsive2 .voir_resultats2 {
				font-family: Lato-Light;
				font-size: 12px;
				color: #2D2D2D;
				letter-spacing: 0;
				text-align: center;	
				display:block;
				width:169px;
				height:40px;
				background:#D8D8D8;
				line-height:40px;
				position:absolute;
				bottom:20px;
				left:60px;
				text-decoration:none;
				transition: background .2s linear;
			}
			.filtres_content_responsive2 .voir_resultats2:focus {
				background:#FFF;
			}
			.filtres_content_responsive .menu1 {
				background:transparent;
			}
				.filtres_content_responsive .menu1_content {
					background:transparent;
				}
				.filtres_content_responsive .menu2 {
					height:auto;
					margin-bottom: 60px;
					overflow:auto;
				}
						.filtres_content_responsive .menu1_content ul li a {
							margin: 30px 0;
						}
				.filtres_content_responsive2 p {
					font-family: Lato-Light;
					font-size: 14px;
					color: #FFFFFF;
					letter-spacing: 0;
					line-height: 32px;
					margin:37px 0 0 21px;
					padding:0;
					text-align:left;
				}
					.filtres_content_responsive2 ul {
						margin:56px 0 0 60px;
						padding:0;
					}
						.filtres_content_responsive2 ul li {
							list-style-type:none;
							margin:10px 0;
						}
							.filtres_content_responsive2 ul li a {
								font-family: Lato-Light;
								font-size: 21px;
								color: #8E8E8D;
								letter-spacing: 0;
								line-height: 40px;
								text-decoration:none;
							}
							.filtres_content_responsive2 ul li a.selected {
								color:#FFF;
								border-bottom: 3px solid #8E8E8D;
							}
							.bloc-cat .btn-action{
								display: none;
							}

							.content_biens .bien.bien2 {
								z-index:8;
							}
							.content_biens .bien.bien3 {
								z-index:8;
							}
							.content_biens .bien.bien4 {
								z-index:8;
							}
							.content_biens .bien.bien5 {
								z-index:8;
							}
							.content_biens .bien.bienMvt {
								z-index:8;
							}
							.content_biens .bien.bienMvt1 {
								z-index:8;
							}
							.presentation_bien.presentation_bien2 {
								z-index:8;
							}
							.presentation_bien.presentation_bien3 {
								z-index:8;
							}
							.presentation_bien.presentation_bien4 {
								z-index:8;
							}
							.presentation_bien.presentation_bien5 {
								z-index:8;
							}
							.content-recrutement .recrutement-left,.content-recrutement .recrutement-center{
								padding:0 30px;
								width: 100%;
								box-sizing: border-box;
							}
							.content-recrutement .recrutement-right{
								padding:0 30px;
								margin-top: 20px;
								width: 100%;
								box-sizing: border-box;
							}
							.content-recrutement textarea {
								max-width: 800px;
								width: 100%;
								clear: both;
								margin-top: 0;
							}
							.content-recrutement input {
								max-width: 308px;
								width: calc(100% - 91px);
							}
							.content-recrutement #env {
								margin-left: 0;
								margin-bottom: 40px;
							}
							.content-recrutement #listEmploi {
								margin: -60px 0 40px 0;
								padding-left: 70px;
							}
							.content-recrutement #cv-div, .content-recrutement #lettre-div{
								max-width: 308px;
								width: calc(100% - 91px);
							}
							.contenu_bien_content .lazy{
								margin-top: 20px!important;
								margin-bottom: 20px!important;
							}
							.contenu_bien_content .image_bien{
								margin-top: 0px!important;
								
							}
								

}
#energie {
    position: relative;
    overflow: auto;
    margin-top: 50px;
}
#energie #conso_energ{
	position: relative;
	width: 50%;
	padding: 50px 80px;
	float: left;
	box-sizing: border-box;
}
#energie .conso_energ{
	position: relative;
	max-width: 723px;	
}
#energie .conso_energ .space{
	position: relative;
	max-width: 100%;
}
#energie .conso_energ .tableau{
	position: absolute;
	max-width: 100%;
	z-index:2;
	top: 0;
    left: 0;
} 
#energie .conso_energ .bulle{
	position: absolute;
	max-width: 100%;
	z-index:1;
	overflow: auto;
	top: 0;
    left: 0;
}
#energie .conso_energ .bulle img {
    float: left;
    max-width: 100%;
}
#energie .conso_energ .bulle span {
    position: absolute;
    top: calc(48% - 15px);
    right: 0;
    width: 18%;
    height: 30px;
    line-height: 30px;
    color: #2D2D2D;
    text-align: center;
	font-family: Lato-Light;
    font-size: 24px;
	font-weight: bold;
}
#energie #emmission_ges{
	position: relative;
	width: 50%;
	padding: 50px 80px;
	float: left;
	box-sizing: border-box;
}
#energie .emmission_ges{
	position: relative;
	max-width: 699px;
	
}
#energie .emmission_ges .space{
	position: relative;
	max-width: 100%;
}
#energie .emmission_ges .tableau{
	position: absolute;
	max-width: 100%;
	z-index:2;
	top: 0;
    left: 0;
}
#energie .emmission_ges .bulle{
	position: absolute;
	max-width: 100%;
	z-index:1;
	overflow: auto;
	top: -2%;
    left: 0;
}
#energie .emmission_ges .bulle img {
    float: left;
    max-width: 100%;
}
#energie .emmission_ges .bulle span {
    position: absolute;
    top: calc(48% - 15px);
    right: 0;
    width: 18%;
    height: 30px;
    line-height: 30px;
    color: #2D2D2D;
    text-align: center;
	font-family: Lato-Light;
    font-size: 24px;
	font-weight: bold;
}
#energie .conso_energ .bulle.etiquetteA{
	top: 0;
}
#energie .conso_energ .bulle.etiquetteB{
	top: 12%;
}
#energie .conso_energ .bulle.etiquetteC{
	top: 24%;
}
#energie .conso_energ .bulle.etiquetteD{
	top: 36%;
}
#energie .conso_energ .bulle.etiquetteE{
	top: 48%;
}
#energie .conso_energ .bulle.etiquetteF{
	top: 60%;
}
#energie .conso_energ .bulle.etiquetteG{
	top: 72%;
}
#energie .emmission_ges .bulle.etiquetteA{
	top: -2%;
}
#energie .emmission_ges .bulle.etiquetteB{
	top: 11%;
}
#energie .emmission_ges .bulle.etiquetteC{
	top: 23%;
}
#energie .emmission_ges .bulle.etiquetteD{
	top: 35%;
}
#energie .emmission_ges .bulle.etiquetteE{
	top: 48%;
}
#energie .emmission_ges .bulle.etiquetteF{
	top: 60%;
}
#energie .emmission_ges .bulle.etiquetteG{
	top: 73%;
}
#energie #noDpe{
	font-family: Lato-Light;
    font-size: 20px;
	color:#8E8E8D;
	padding: 0px 80px;
	
}
#honoraire{
	font-family: Lato-Light;
    font-size: 20px;
	color:#8E8E8D;
	padding: 50px 80px;
	
}
a.play{
	position: absolute;
	width: 150px;
	top: calc(50% - 75px);
}
.ratioActif a.play{
	position: absolute;
	width: 150px;
	top: calc(50% - 75px);
	left: calc(50% - 75px)!important;
}
a.play img{
	max-width: 100%;
}
@media screen and (max-width: 1600px) {
	#energie #emmission_ges,#energie #conso_energ,#honoraire{
		padding: 50px 30px;
	}
	.menu_top ul li a, .menu2 ul li a {
		margin: 0 13px;
	}
}
@media screen and (max-width: 1023px) {
	.content_biens_vendus .contenu_bien_content .image_bien {
		width:100%;
	}
	.content_biens_vendus .bien.c3 {
		width: calc(33.333% - 23px);
		padding-left: 20px;
		margin-bottom: 20px;
	}
	.content_biens_vendus .bien.c2 {
		width: calc(50% - 22px);
		padding-left: 20px;
		margin-bottom: 20px;
	}
	.content_biens_vendus .bien.c2:nth-of-type(4n+1), .content_biens_vendus .bien.c2:nth-of-type(4n+2) {
		padding-right: 20px !important;
	}
	.content_biens_vendus .bien.c3:nth-of-type(6n+1), .content_biens_vendus .bien.c3:nth-of-type(6n+2), .content_biens_vendus .bien.c3:nth-of-type(6n+3) {
		padding-right: 20px !important;
	}
	.content_biens {
		position: fixed;
	}	
	#energie #emmission_ges,#energie #conso_energ{
		width: 100%;
	}
	#energie{
		margin-top: 0;
	}
	a.play,.ratioActif a.play{
		width: 100px;
		top: calc(50% - 50px);
		left: calc(50% - 50px)!important;
	}
	.visitez {
		display:none;
	}
	.visitez-mobile {
		display:block;
		color:#FFF;font-size: 14px;font-family: 'Lato-Light';letter-spacing: 0.6px;transition: color .5s ease-out;
	}
	.visitez-mobile a {
		margin:0 !important;
		padding-top:0 !important;

	}
	.visitez-mobile img {
		top: 6px;
	}
	.container {
		overflow-y: auto;
	}
}
@media screen and (max-width: 768px) {
	.content-contact .contact-left{
		width: 100%;
	}
	.content-contact .contact-right{
		width: 100%;
	}
	.content-contact .contact-right .image_bien_contact{
		margin-top: 0px;
	}
}
@media screen and (max-width: 600px) {
	
	.content_biens_vendus .bien.c3 img, .content_biens_vendus .bien.c2 img {
		width: 100%;
		height: auto;
	}
	.content_biens_vendus .bien.c3:nth-of-type(6n+1), .content_biens_vendus .bien.c3:nth-of-type(6n+2), .content_biens_vendus .bien.c3:nth-of-type(6n+3) {
		padding-right: 0px !important;
	}
	.content_biens_vendus .bien.c3, .content_biens_vendus .bien.c2 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.content_biens_vendus .bien.c3 .h2-biens {
		padding-left: 10px !important;
	}
	.content_biens_vendus .bien.c2 .h2-biens {
		padding-left: 10px !important;
	}
	.content_biens_vendus .bien.c2:nth-of-type(4n+1), .content_biens_vendus .bien.c2:nth-of-type(4n+2) {
		padding-right: 0px !important;
	}
	.content_biens_vendus .bien.c3, .content_biens_vendus .bien.c2 {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 30px;
	}
	#energie #emmission_ges,#energie #conso_energ,#honoraire{
		padding: 30px;
	}
	#honoraire{
		font-size: 16px;
		padding: 30px;
	}
	.content-recrutement #listEmploi {
		padding-left: 30px;
	}
	.cl, .cr {
		width:100%;
		float:none;
	}
	.content-agence p, .content-contact p, .content-recrutement p {
		margin: 50px 30px 50px;
	}
}