<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

body { color: rgba(255,255,255,0.5);
	background-color: #272727; }
	.photo {position:relative; display:block; width:100%; height:100%; overflow:hidden; }
	.centerXY{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%)}
	.photo img{transition:opacity 0.5s; -webkit-transition:opacity 0.5s; opacity:0}
	.project figure img{transition:opacity 0.5s, transform 8s linear; -webkit-transition:opacity 0.5s,transform 8s linear;}
	.project figure .photo{min-height:880px}
	.photo img.img_paysage{width:100%; height:auto}
	.photo img.img_portrait{height:100%; width:auto}

	.project-category{white-space:nowrap}

	.titre_ville_detail { text-align: center;font-size: 22px; margin:0;}
	.logo-navbar{height:44px}
	.footer .brand{text-align:center;display:block}
	.logo-edc{width:165px;display:block; margin:0 auto;position:relative; top:-18px}
	.main-project{background-image:none !important; background-color:rgba(255,255,255,0.5)}

	.custom-carac li{padding:8px;border-bottom:1px solid #444444}
	.custom-carac li i{color:#cc9f6b; margin-right:10px}
	.price{margin-bottom:55px;text-align:center;border-bottom:2px solid #cc9f6b;border-top:2px solid #cc9f6b; padding-bottom:25px; padding-top:25px;font-size:20px; margin-top: 0;}
	.custom-post-header{margin-bottom:25px}

	.blog-details .post p strong{color:rgba(255,255,255,0.5); font-weight:700}
	.post-header h3{text-transform:uppercase; letter-spacing:4px}

	a.post-thumbnail{display:block}
	.blog-details{margin:5.2em 0}
	.exclu{letter-spacing:10px;display:inline-block; padding:10px; border-top:2px solid rgba(255,255,255,0.5); border-bottom:2px solid rgba(255,255,255,0.5); margin-top:25px;}
	.ref{letter-spacing:5px;padding-top:25px; border-top:2px solid rgba(255,255,255,0.5);  margin-bottom:30px; text-align:center}
	.row-photo &gt; div{margin-bottom:10px;}
	.row-photo &gt; div &gt; a{margin-bottom:0;display:block}
	.row-photo &gt; div:nth-child(odd){padding-right:5px;}
	.row-photo &gt; div:nth-child(even){padding-left:5px;}
	.btn-more{display:block; margin:25px auto; padding:10px; border:2px solid #cc9f6b;  color:#cc9f6b; text-transform:uppercase; text-align:center;font-family:"Oswald";letter-spacing:0.2em;text-decoration:none;transition:all 0.5;-webkit-transition:all 0.5s}
	.btn-more:hover{color:#fff; background:#cc9f6b; text-decoration:none}
	.row-carac{margin:0;margin-bottom:25px}
	.row-carac &gt; div{text-align:center;  color:rgba(255,255,255,0.5);
		color:rgba(255,255,255,0.5); border:1px solid #f4f4f4; padding:10px;letter-spacing:0.2em}
		.row-carac &gt; div:nth-child(1),.row-carac &gt; div:nth-child(2){border-bottom:0}
		.row-energie &gt; div:nth-child(1){padding-right:10px;padding-left:0}
		.row-energie &gt; div:nth-child(2){padding-right:5px; padding-left:5px}
		.row-energie &gt; div:nth-child(3){padding-left:10px;padding-right:0}
		.row-energie &gt; div img{ width:100%;max-width:320px}
		.row-energie &gt; div .energie{position:relative}
		.row-energie &gt; div .energie .indice{position:absolute; right:10px; top:0; background:#292929; color:#fff;font-size:12px;  letter-spacing:3px;  padding:4px 15px}
		.row-energie &gt; div .energie .indice:before{position:absolute; border-right:#292929 13px solid;border-left:0; border-top:transparent 13px solid; border-bottom:transparent 13px solid; content:""; left:-13px; top:0}
		.row-energie &gt; div .energie[data-indice="B"] .indice{top:33px}
		.row-energie &gt; div .energie[data-indice="C"] .indice{top:66px}
		.row-energie &gt; div .energie[data-indice="D"] .indice{top:99px}
		.row-energie &gt; div .energie[data-indice="E"] .indice{top:122px}
		.row-energie &gt; div .energie[data-indice="F"] .indice{top:155px}
		.row-energie &gt; div .energie[data-indice="G"] .indice{top:188px}

		.row-energie h4{margin-bottom:50px}
		.row-energie div a{display:block; padding:10px; border:2px solid rgba(255,255,255,0.5); text-align:center; margin-bottom:10px;font-family:"Oswald";letter-spacing:2px; font-size:14px;text-decoration:none;transition:all 0.5;-webkit-transition:all 0.5s}
		.row-energie div a:hover{color:#fff; background:rgba(255,255,255,0.5); text-decoration:none}

		.project-details-info{position:relative; float:left; background:transparent; top:0; left:0; bottom:0; right:0;width:100%; padding:0}
		.project-details-img{width:100%;margin:0; padding:0 !important}
		.project-details-item{margin-bottom:0}
		.project-details-item:nth-child(even) .project-details-img{left:0; margin-left:0}
		.project-details-item:nth-child(even) .project-details-info{float:right;background:transparent;top:0}

		.project-details-title.prix{margin-bottom:0}
		.project-details-title.prix i{margin:0 5px}
		.project-details-title.prix:before{top:-0.35em; bottom:auto}
		.row-base{position:relative}
		.col-about-img {position:absolute; right:0; top:0; height:100%;left:auto}
		.col-about-img img{max-width:none}

		.project-details-title{font-size:20px}
		.project-details-descr{font-size:13px}

		.header-phone{position:relative; top:0; left:0; margin-top:2px; color:rgba(255,255,255,0.5)}
		.project-details-title:before{display:none}
		.project-details-title.prix{text-align:center;display:block;}

		.project figure:hover img.centerXY{transform:scale(1.4) translate(-50%,-50%); -webkit-transform:scale(1.4) translate(-50%,-50%);}

		.brand{text-align:center}
		.brand img{width:100%; max-width:320px; }
		.brand img.logo-navbar{width:auto; max-width:none}

		.moteur{position:fixed; top:50%; background:#fff; right:0; transform:translate(100%,-50%); -webkit-transform:translate(100%,-50%); width:600px;z-index:98;transition:all 0.5s; -webkit-transition:all 0.5s;display:none}
		.moteur-form{background:#fff;}
		.moteur-form h3{font-family:"Oswald"; color:#fff; background:rgba(255,255,255,0.5); font-size:16px; text-transform:uppercase; margin:0; padding:20px;border-left:1px solid #fff;letter-spacing:4px}
		.moteur .intitule{left:0; top:0; transform:translate(-100%,0%); cursor:pointer; padding:18px 15px;  -webkit-transform:translate(-100%,0%);  background:rgba(255,255,255,0.5); color:#fff; position:absolute; text-align:center;transition:all 0.5s; -webkit-transition:all 0.5s}
		.moteur.show .intitule{background:rgba(255,255,255,0.5); color:#fff}
		.moteur.show .intitule:hover{background:rgba(255,255,255,0.5);}
		.moteur .intitule:hover{background:#c5a47e; color:#fff}
		.moteur .intitule span{display:block; letter-spacing:2px}
		.moteur .intitule span:nth-child(2){font-size:12px; letter-spacing:5px }
		.moteur .intitule span:nth-child(3){font-family:"Oswald"; text-transform:uppercase;font-weight:bold; letter-spacing:6px }
		.moteur.show{transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
		.content-form .element{float:left; width:33.3%; border-right:1px solid rgba(133,133,133,0.3);background:#fff}
		.content-form .element &gt; *{width:100%;border:0;line-height:40px;padding:14px; text-indent:14px}
		.content-form .element:last-child &gt; *{background:rgba(255,255,255,0.5); border:0;border-top:#fff 1px solid; padding:14px 4px }
		.content-form .element button[type="submit"]{background:rgba(255,255,255,0.5); height:49px; font-size:14px; color:#fff;padding:4px 14px; line-height:36px;font-family:'montserratlight', sans-serif; text-align:center; text-transform:uppercase; letter-spacing:3px;transition:all 0.5s; -webkit-transition:all 0.5s}
		.content-form .element button[type="submit"]:hover{background:#c5a47e}
		.content-form:after{content:""; clear:both;display:block}

		.navbar-desctop-menu &gt; li &gt; a:hover,.navbar-desctop-menu .active &gt; a{color:#fff}
		.navbar-desctop-menu &gt; li &gt; a:after,.navbar-desctop-menu &gt; li &gt; a:after{background:#fff; transform:scaleX(0); -webkit-transform:scaleX(0); width:100%; height:1px;  display:block; margin-top:2px; content:"";transition:all 0.5s; -webkit-transition:all 0.5s }
		.navbar-desctop-menu &gt; li &gt; a:hover:after,.navbar-desctop-menu .active &gt; a:after{ transform:scaleX(1); -webkit-transform:scaleX(1);}

		.go-down{padding:25px 35px; position:absolute; bottom:0; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%); background:rgba(27,27,27,0.95);z-index:3; cursor:pointer;transition:all 0.5s; -webkit-transition:all 0.5s}
		.go-down:hover{background:rgba(27,27,27,1)}
		.go-down:before{content:""; width:15px; height:2px; position:absolute; left:22px; top:50%; transform:rotate(45deg) translate(0,-50%); -webkit-transform:rotate(45deg) translate(0,-50%); background:#fff;transition:all 0.5s; -webkit-transition:all 0.5s }
		.go-down:after{content:""; width:15px; height:2px; position:absolute; right:22px; top:50%; transform:rotate(-45deg) translate(0,-50%); -webkit-transform:rotate(-45deg) translate(0,-50%); background:#fff; transition:all 0.5s; -webkit-transition:all 0.5s}
		.go-down:hover:before,.go-down:hover:after{background:rgba(255,255,255,0.5)}

		.project-details{margin:0 auto !important}
		.project-details-item .row{margin:0; overflow:hidden; position:relative;}

		.project-details-info .left-project{float:left}
		.project-details-info .right-project{float:right}
		.desc-project{padding:0 25px; float:left; clear:both;width:100%}
		.desc-project .inside-desc{padding:15px 30px; background:#353535;transform:translate(0,-20%); -webkit-transform:translate(0,-20%)}
		.desc-project .inside-desc:after{clear:both; content:"";display:block}
		.project-details-title.title-bien{display:block;  font-size:15px; letter-spacing:2px;margin:5px;text-align:center; color:#fff;}
		.project-details-title.title-bien::first-letter{color:#c5a47e}
		.project-details-title.prix{display:block; color:rgba(255,255,255,0.8); font-size:18px; letter-spacing:2px;margin:0; vertical-align:super;  }
		.desc-project .inside-desc .icon{display:inline-block;vertical-align:super; padding:0 20px; border-right:1px solid rgba(133,133,133,0.4);  background:transparent; width:auto; height:auto;color:rgba(255,255,255,0.5);font-size:16px}
		.desc-project .inside-desc .icon i{margin-right:10px}
		.right-project .btn-more{border:0; color:#fff; background:#cc9f6b; margin:0; letter-spacing:3px; font-size:13px; padding:5px 15px;}
		.right-project .btn-more:hover{color:#cc9f6b;background: #fff;}
		.btn-link{padding:10px 15px;  color:#fff; display:inline-block; margin-right:10px;font-size:12px;}

		.exception{max-width:175px; width:100%}
		.map-bien{height:300px; overflow:hidden; margin:25px auto 50px}
		.map-bien iframe{width:100%; height:100%}

		.modal-custom { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 99; display:none }
		.modal-custom &gt; .centerXY { min-width: 400px; padding:15px; background:#212121}
		.modal-custom &gt; .centerXY  h5{color:#fff; text-transform:uppercase; font-size:18px}
		.modal-custom form{letter-spacing:-.5em; font-size:0;margin:0 -10px}
		.modal-custom form .element{display:inline-block; font-size:12px; letter-spacing:normal; width:50%; padding:0 10px}
		.modal-custom form .element input{width:100%; display:block; padding:10px}
		.modal-custom form .element input[type="submit"]{background:rgba(255,255,255,0.5); color:#fff; text-transform:uppercase;border:0; outline:0}
		.modal-custom .close-modal { position: absolute; right: 0; top: 0; cursor: pointer; padding:10px 10px 0 0; color:#fff }

		.navbar-desctop-menu  &gt; li{margin-left:1em}
		#about .exception{display:block; margin:0 auto 20px}
		.header-inner .vertical-panel-content{top:21vmin}
		.vertical-panel-info .line{display:none}
		.selection{position:relative}
		.selection:before{position:absolute; content:attr(data-selection); font-size:12px; right:-15px; top:-1px; padding:1px 1px 1px 5px; background:#fff; border:1px solid #cc9f6b; color:#cc9f6b;transform:translate(100%); -webkit-transform:translate(100%)}

		.btn-link.cookie-link{background:#cc9f6b; transition:all 0.5s; -webkit-transition:all 0.5s }
		.project-details-item .btn-link.cookie-link{font-size:24px; -webkit-transition:all 0.5s;position:absolute; right:0; top:0;z-index:3}
		.project-details-item .btn-link.cookie-link:before{position:absolute; content:"Ajouter à ma sélection"; padding:20px 5px; transition:all 0.5s; -webkit-transition:all 0.5s; background:#fff; left:-1px; top:0; transform:translate(-100%); -webkit-transform:translate(-100%);color:#cc9f6b;width:170px; font-size:12px;text-align:center;opacity:0}
		.project-details-item .btn-link.cookie-link:hover:before{opacity:1}
		.project-details-item .btn-link.cookie-link.clicked:before{content:"Bien ajouté à ma sélection"; background:#cc9f6b;opacity:1;color:#fff}
		.btn-link.cookie-link:hover{color:#cc9f6b; background:#fff}
		.btn-link.cookie-link.clicked:hover{color:#fff}
		.btn-link.cookie-remove{background:#cc9f6b}
		.cookie-link.clicked{ opacity:0.8}
		.project-details-item .btn-link.cookie-link.clicked,.project-details-item .btn-link.cookie-link.clicked:hover{background:#cc9f6b}
		.btn-link.cookie-link.cookie-right{margin:10px 0 50px;position:relative}
		.btn-link.cookie-link.cookie-right:after{position:absolute; left:100%; top:0; margin-left:1px;content:"Ajouter à ma sélection"; padding:10px 5px; transition:all 0.5s; -webkit-transition:all 0.5s; background:#cc9f6b; color:#fff;width:170px; font-size:12px;text-align:center;}
		.btn-link.cookie-link.cookie-right.clicked:after{content:"Bien ajouté à ma sélection"; background:#cc9f6b;}
		.btn-link.cookie-link.cookie-right:hover,.btn-link.cookie-link.cookie-right.clicked,.btn-link.cookie-link.cookie-right.clicked:hover{color:#fff;background:#cc9f6b}
		.text-custom{margin:50px auto}

		.project-details-item .btn-link.cookie-remove{font-size:18px; -webkit-transition:all 0.5s;position:absolute; right:5px; top:15px;z-index:3;background:#cc9f6b}
		.project-details-item .btn-link.cookie-remove:hover{color:#fff}

		.custom-text{padding-right:50px}

		#success-newsletter_modal{padding-top:5px; color:#f4f4f4; font-size:12px}

		.bande-newsletter{padding:50px; text-align:center; font-family:"Oswald";position:relative}
		.bande-newsletter .btn-newsletter{display:inline-block; position:relative; letter-spacing:8px; font-size:22px; color:#fff; text-transform:uppercase; border:2px solid #fff; padding:10px 15px; cursor:pointer;transition:all 0.5s; -webkit-transition:all 0.5s}
		.bande-newsletter .btn-newsletter:hover{color:#c5a47e;border:2px solid #c5a47e;}
		.bande-newsletter .page-lines{z-index:0;opacity:0.08}

		.bande-noire{background:rgba(255,255,255,0.5); padding:50px; text-align:center; font-family:"Oswald";position:relative}
		.bande-noire .page-lines{z-index:0;opacity:0.08}
		.bande-noire h3{display:inline-block; position:relative; letter-spacing:8px; font-size:28px; color:#fff; text-transform:uppercase;}

		.vertical-panel{
			display: none;
		}

		.disclaimer{position:fixed; background:rgba(255,255,255,0.5); color:#fff; bottom:0; left:0; right:0;border-top:1px solid rgba(255,255,255,0.5);z-index:99;transition:all 0.5s; -webkit-transition:all 0.5s; transform:translate(0,0);-webkit-transform:translate(0,0); z-index: 999;}
		.disclaimer.hide{transform:translate(0,100%);-webkit-transform:translate(0,100%); display:block !important }
		.disclaimer .text-disclaimer{padding:10px 50px 10px 50px}
		.disclaimer .close-btn{cursor:pointer; position:absolute; width:50px; height:100%; top:0; right:0; border-left:1px solid #fff;z-index:2}
		.disclaimer .close-btn:before{content:""; width:25px; display:block;height:1px; margin-top:9px; margin-left:-5px; position:absolute; background:#fff; transform:rotate(45deg) translate(-50%,-50%);  -webkit-transform:rotate(45deg) translate(-50%,-50%); left:50%; top:50%; }
		.disclaimer .close-btn:after{content:"";display:block; width:25px; margin-top:-9px; height:1px;margin-left:-5px; background:#fff; position:absolute; transform:rotate(-45deg) translate(-50%,-50%);  -webkit-transform:rotate(-45deg) translate(-50%,-50%); left:50%; top:50%; }

		.project-details.other-project {margin:0 auto 25px; padding-top:25px;position: relative;}
		.project-details.other-project .project-details-item{float:left; width:33.3%; padding:15px;margin-bottom:0}
		.project-details.other-project .project-details-item .left-project,.project-details.other-project .project-details-item .right-project{float:none; text-align:center;margin-bottom:10px}
		.project-details.other-project:after{clear:both; content:""; display:block}

		.custom-title{font-family:"Oswald"; padding:0 15px; text-align:center; font-size:18px}
		.content-form .element .hidden{display:none}

		.container.container-none{display:none}
		.header-page .vertical-panel{position:fixed; height:100% !important; font-size:0;letter-spacing:0.5em;z-index:4; top:0; padding-top:200px;z-index: 99;}

		.header-page .vertical-panel .vertical-center{display:inline-block; width:0; height:100%;vertical-align:middle}
		.form-listing{display:inline-block;width:99%;font-size:12px;height:auto; max-height:100%;vertical-align:top}
		.form-listing a{display:block;position:relative}
		.form-listing a#map-listing:after{content:"Voir la carte"; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-family:"Oswald"; text-transform:uppercase; font-size:14px; letter-spacing:4px }
		.form-listing a img{width:100%}

		.main-page:after{background:none}
		.main-page{background:#f6f5f3}
		.header-page .navbar-desctop{padding-top:25px}
		.header-page .navbar-desctop-menu &gt; li &gt; a{color:#fff;}
		.header-page .navbar-desctop-menu &gt; li &gt; a:hover,.header-page .navbar-desctop-menu &gt; li.active &gt; a{color:#c5a47e}
		.header-page .navbar-desctop-menu &gt; li &gt; a:after{background:#fff}

		.form-elt{border-bottom:rgba(133,133,133,0.2) 1px solid; position:relative; text-align:center;  color:#c5a47e;  font-family:"Oswald"; font-weight:200; text-transform:uppercase; cursor:pointer; letter-spacing:3px;transition:all 0.5s; -webkit-transition:all 0.5s}
		.form-elt .btn_filtre{padding:25px; }
		.modal-form{position:relative; display:block; cursor:default;  margin-left:1px;  right:0; top:0;padding:25px;}
		.close-modal-form{position:absolute; background:#f6f5f3; right:0; top:0; text-align:center; transform:translate(100%);  -webkit- transform:translate(100%); padding:10px 15px; color:#292929; cursor:pointer;font-size:12px; text-transform:none}
		.modal-form span{display:block;color:rgba(255,255,255,0.5); text-transform:none; margin-bottom:10px}
		.modal-form a:after{display:none}
		.modal-form input,.modal-form select{float:left; display:table-cell;width:auto;height:34px; padding:6px 15px;color:rgba(255,255,255,0.5); letter-spacing:2px;margin-top: -8px;}
		.modal-form .unite{display:table-cell;width:1%;white-space:nowrap; vertical-align:middle;padding:5px 15px; background:rgba(255,255,255,0.5); color:#fff}
		.modal-form a{display:block;clear:both}
		.modal-form a.validate{margin-top:15px; padding:10px 0; background:rgba(255,255,255,0.5); color:#fff; font-size:12px;text-transform:none;transition:all 0.5s; -webkit-transition:all 0.5s}
		.modal-form a.validate:hover{text-decoration:none; background:#c5a47e}
		.modal-form .custom-table{display:table; border-collapse:separate;width:100%}
		.modal-form.show{display:block}

		.modal-form .custom-table ul{display:block;}
		.modal-form .custom-table ul li{display:block;margin:0 auto;text-align: center; padding:0 5px}
		.modal-form .custom-table ul li a{color:rgba(255,255,255,0.5); transition:all 0.5s; -webkit-transition:all 0.5s;opacity:0.5;position:relative}
		.modal-form .custom-table ul li a:after{position:absolute; content:attr(data-title); display:none; left:0; bottom:100%; background:#c5a47e; color:#fff; padding:5px 15px;opacity:0;width:175px;text-align:left; text-transform:none}
		/*.modal-form .custom-table ul li a:hover:after{opacity:1;display:block;}*/
		.modal-form .custom-table ul li.hover a{color:#c5a47e}
		.modal-form .custom-table ul li.hover a,.modal-form .custom-table ul li.clicked a,.modal-form .custom-table ul li a:hover{opacity:1}

		.mask{background:rgba(0,0,0,0.7); position:absolute; left:200px; top:0; bottom:0; right:0;z-index:3;display:none}
		.mask-liste{background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; bottom:0; right:0;z-index:99999; transition:all 1s; -webkit-transition:all 1s; opacity:0; transform:scale(0); -webkit-transform:scale(0);}
		.mask-liste.show{opacity:1; transform:scale(1); -webkit-transform:scale(1)}

		textarea.form-control{height:13em}

		.partenaire{position:relative}
		.partenaire:after{clear:both; display:block; content:""}
		.partenaire .photo-partenaire{position:absolute; height:100%; width:100%; z-index:1; padding-right:600px; left:0; top:0}
		.partenaire .contenu_partenaire{background:#fff;z-index:2; position:relative; padding:100px; text-align:justify;width:600px; float:right}
		.partenaire .contenu_partenaire h4{color:rgba(255,255,255,0.5);font-family:"Oswald";  font-size:28px; text-transform:uppercase; letter-spacing:3px; margin-bottom:25px}
		.partenaire .contenu_partenaire &gt; p{margin-bottom:10px; color:rgba(255,255,255,0.5); line-height:24px}
		.partenaire .contenu_partenaire &gt; p &gt; a{color:#c5a47e}

		.content-partenaire .partenaire:nth-child(even) .photo-partenaire{right:0; padding-right:0; padding-left:600px; left:auto}
		.content-partenaire .partenaire:nth-child(even) .contenu_partenaire{float:left;text-align:right}

		#ajax2{display:none;  margin:25px auto}

		.main-inner{background:transparent;padding-bottom:0}
		.main-inner.main-project{padding-bottom:0; padding-top:200px}
		.main-inner.main-project.main-page{padding:0; padding-top:60px}
		.main-inner:after{display:none}
		.main-header h1{font-size:35px; line-height:100px;letter-spacing:8px}
		.main-inner h1{color:rgba(255,255,255,0.5); margin:0; text-align:center}
		.main-inner h1::first-letter{font-size:60px; color:#c5a47e}
		.main-inner .pages-lines{display:none}
		.header-inner .navbar-desctop-menu &gt; li &gt; a{color:rgba(255,255,255,0.5)}
		.header-inner .brand-panel{background:transparent}
		.header-page-text{display:none}
		.section-custom{margin-top:20px}

		.col-base.custom-col{margin-top:15px;padding:0 7px}
		.service-item{text-align:center}
		.section{margin-top:50px}

		.vertical-panel-title{color:rgba(255,255,255,0.5)}
		.section-content{color:rgba(255,255,255,0.5)}
		.service-item a h4{color:rgba(255,255,255,0.5)}
		.text-secondary{color:#fff;}
		.info2{margin-top:40px}
		.info2 .service-item{margin-bottom:10px}
		.display-price{margin-left:15px;display:none;cursor:default}
		.project-details-title.prix:hover .fa{display:none}
		.project-details-title.prix:hover .display-price{display:inline}
		.price:hover .fa{display:none}
		.price:hover .display-price{display:inline}


		.detail-info-custom .right-project .btn-more{display:block; margin:0 auto 10px;max-width:200px}
		.detail-info-custom .right-project .btn-link{margin:5px;position: relative;padding:20px;}
		.detail-info-custom .right-project .btn-link{background:#666}
		.detail-info-custom .right-project .btn-link:hover{background:#cc9f6b;color:black;}
		.blog-details{color:rgba(255,255,255,0.5)}

		.mask-magazine{background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999;transform:scale(0); -webkit-transform:scale(0);transition:all 1s; -webkit-transition:all 1s}
		.mask-magazine.show{transform:scale(1); -webkit-transform:scale(1)}
		.mask-magazine .centerXY{max-width:1024px; max-height:768px; width:100%; height:100%; padding:25px}
		#reader-container{width:100%; height:100%}
		.close-magazine{position:absolute; top:0; left:50%; transform:translate(-50%,0%);  transform:translate(-50%,0%); background:#ddd; padding:5px 15px; cursor:pointer; color:#333; font-size:16px;border:1px solid #333}

		.close-map{position:absolute; top:40px; right:0; background:#fff; padding:5px 15px; cursor:pointer; color:#333; font-size:16px;border:1px solid #333}
		.lang{text-align:center; }
		.lang li{display:inline-block; margin:5px;}
		.lang li a{text-transform:uppercase; font-family:"Oswald"; letter-spacing:2px}

		.menu_mobile{display:none}
		.menu_mobile .selection:before{right:10px; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); padding:5px; background:transparent; color:#fff; top:50%}
		.vertical-panel{height:100%; top:200px; bottom:0; width: 200px;z-index:3;}
		.interne .vertical-panel { width:350px; }
		.vertical-panel-content{bottom:auto; top:200px; width: 200px;}
		.social-list{margin-bottom:50px}
		.social-list li{margin-top:20px}
		.social-list .fa{font-size:20px}
		.social-list .fa.fa-google-plus{margin-left: 10px;}
		.navbar-desctop{padding-top:50px}
		.navbar-desctop.affix .brand{float:left}
		.navbar-toggle{margin-top:10px}

		.map-liste#map p{color:#fff; text-align:center; margin-bottom:15px}
		.map-liste#map{overflow:auto}
		.map-liste#map a{color:#fff; padding:15px; display:block; text-transform:uppercase; margin-top:15px; text-align:center; font-family:"Oswald";letter-spacing:3px; text-decoration:none; border:1px solid #fff}

		.zone{transition:all 0.5s; -webkit-transition:all 0.5s;cursor:pointer;position:relative;stroke:#fff; stroke-width:1px;fill:rgba(70,70,70,0.5)}
/*#Ajaccio{}
#Porticcio{fill:rgba(70,70,70,0.5)}
#Propriano{fill:rgba(70,70,70,0.5)}*/
.zone:hover,.zone.active{fill:rgba(40,40,40,0.75)}

.project-details-item{transition:all 1s; -webkit-transition:all 1s; transform:scale(1); -webkit-transform:scale(1); opacity:1}
.project-details-item.hide{transform:scale(0); -webkit-transform:scale(0); opacity:0}
.header-phone{display:block !important}
.fancybox-iframe,.fancybox-slide&gt;*{background:transparent !important}

.gotop{position:fixed; bottom:15px; right:15px; background:#c5a47e; color:#fff; padding:15px; transition:all 1s; -webkit-transition:all 1s; cursor:pointer; z-index:99;opacity:0; transform:translate(100%); -webkit-transform:translate(100%); margin-right:-15px}
.gotop.show{opacity:1;transform:translate(0); -webkit-transform:translate(0); margin-right:0}
body.listing .brand-panel{ display:none; }
body.listing header .brand { display: none;}
body.listing header .logo { width: 100%;padding:30px;z-index: 5;position: absolute;top:0;left:0;z-index: 9;}
body.listing header .logo img{position: relative;width:100%;}
body.listing #form_bien label { padding-left: 25px;width:100%;display:block; font-weight: normal;font-size: 14px;cursor:pointer;}
body.listing #form_bien  ul li { position: relative; margin-bottom: 15px;}
body.listing #form_bien  ul li:hover {color:#fff;}
body.listing #form_bien input { position: absolute;left:5px;top:0;cursor:pointer;}
body.listing #form_bien input { position: absolute;left:5px;top:0;}
body.listing .navbar-desctop.affix .brand { display:none; }
body.listing header .navbar-desctop &gt; .container { margin-left: 200px; }
.dpe_ges { position: relative; display: block;width:auto;margin-top: 20px;width:100%; color: white;}
.dpe_ges div i{color: #cc9f6b; margin-right: 10px; margin-left: 8px;}
.dpe_ges img {height:auto;position: relative;width:300px;}
.dpe_ges .text {position: absolute; color: white; display: flex; flex-direction: column; align-items: center;}
.dpe_ges .text span {font-size: 8px;}
.dpe_ges .text.A{top: 46px;left: 32px;}
.dpe_ges .text.B{top: 70px;left: 32px;}
.dpe_ges .text.C{top: 95px;left: 32px;}
.dpe_ges .text.D{top: 119px;left: 32px;}
.dpe_ges .text.E{top: 143px;left: 32px;}
.dpe_ges .text.F{top: 167px;left: 32px;}
.dpe_ges .text.G{top: 191px;left: 32px;}

.dpe_ges .textges {position: absolute; color: white; display: flex; flex-direction: column; align-items: center;}
.dpe_ges .textges span {font-size: 8px;}
.dpe_ges .textges.A{top: 139px;left: 132px;}
.dpe_ges .textges.B{top: 155px;left: 153px;}
.dpe_ges .textges.C{top: 175px;left: 160px;}
.dpe_ges .textges.D{top: 194px;left: 175px;}
.dpe_ges .textges.E{top: 212px;left: 181px;}
.dpe_ges .textges.F{top: 233px;left: 190px;}
.dpe_ges .textges.G{top: 252px;left: 192px;}

.relative {position: relative;}
.block { display: block; }
.box_projecs {     padding-left: 350px; position: relative;}
.box_projecs footer .container { width:100%; }
.slide-number { margin-top: 50px;margin-left: 130px }
.bande_vente
{
position: absolute; left:0; margin-left:-10px; top:50px;  background:#F00; font-size:15px; width:400px; padding:5px 15px; text-align:center; z-index: 99;
 color:#fff; margin-left: -95px;
transform: rotate(-35deg); text-transform:uppercase;

 }
.brand-panel { width:330px;height:330px; padding:30px;}
div.ville { z-index: 99; padding:15px;color: #cc9f6b ;display: block;text-align: center;}

@media screen and (max-width: 1499px)
{
	.project-details.other-project .project-details-item { width:50%; }
}
@media screen and (max-width: 1399px)
{
	.navbar-desctop-menu { font-size: 0.9rem; }
	body.listing header .navbar-desctop &gt; .container {margin-left: 0;}

}
@media (max-width: 1200px) and (min-width: 992px)
{
	.navbar-desctop .container{margin-right:0}
	.navbar-desctop-menu  &gt; li{margin-left:1em}
	.main-header{padding-left:0}
	.navbar-desctop-menu { font-size: 0.9rem; }
	.partenaire .contenu_partenaire{width:400px}
	.partenaire .photo-partenaire{padding-right:400px}
	.content-partenaire .partenaire:nth-child(even) .photo-partenaire{padding-left:400px}

}
@media screen and (max-width: 1199px)
{
		.navbar-desctop-menu { font-size: 0.8rem; }
	.project-details.other-project .project-details-item { width:100%; }
	.interne .vertical-panel { width:280px; }
	.box_projecs { padding-left: 280px; }
}
@media (max-width : 992px)
{

	.col-about-img{position:relative; height:300px;width:100%}

	.row-photo &gt; div{width:25%;float:left}
	.row-photo &gt; div:nth-child(even){padding-right:5px}
	.row-photo &gt; div:nth-child(odd){padding-left:5px}
	.row-energie &gt; div:nth-child(1) &gt; div{float:left; width:50%}
	.row-energie &gt; div:nth-child(1) &gt; div:nth-child(3){float:left; width:100%}
	.row-energie &gt; div:nth-child(1){padding:0}
	.row-energie &gt; div:nth-child(1):after{content:""; clear:both}
	&lt;!--.row-energie &gt; div:nth-child(1) &gt; div:nth-child(1),.row-energie &gt; div:nth-child(1) &gt; div:nth-child(2){width:49%; display:inline-block; padding:0 10px}--&gt;
	&lt;!--.row-energie &gt; div:nth-child(1) &gt; div:nth-child(3){width:320px; margin:25px auto 0; float:none}--&gt;
	.row-energie &gt; div:nth-child(1) &gt; div{text-align:center;padding:0}
	.row-carac &gt; div{float:left; width:50%}
	.custom-carac li{width:50%; float:left}

	.row-energie &gt; div:nth-child(1) &gt; div:nth-child(1) img,.row-energie &gt; div:nth-child(1) &gt; div:nth-child(2) img{display:none}
	.row-energie &gt; div .energie .indice{position:static; right:0; background:transparent; color:#212121; text-align:center; top:0; display:inline-block; margin:0 auto;font-family:"Oswald";font-size:18px}
	.row-energie &gt; div .energie .indice:before{position:relative; border:0; color:#333; left:0; margin-right:10px}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="A"] .indice:before{content:"A."; color:#33ff00}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="B"] .indice:before{content:"B."; color:#99ff00}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="C"] .indice:before{content:"C."; color:#ccff00}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="D"] .indice:before{content:"D."; color:#ffcc00}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="E"] .indice:before{content:"E."; color:#ff9900}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="F"] .indice:before{content:"F."; color:#ff6600}
	.row-energie &gt; div &gt; div:nth-child(1) .energie[data-indice="G"] .indice:before{content:"G."; color:#ff0000}

	.row-energie &gt; div &gt; div:nth-child(1) .energie .indice:after{color:#333; content:"kwh/m²"; margin-left:10px}
	.row-energie &gt; div &gt; div:nth-child(2) .energie .indice:after{color:#333; content:"kgeqCO2/m².an"; margin-left:10px}

	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="A"] .indice:before{content:"A."; color:#ddc1fb}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="B"] .indice:before{content:"B."; color:#cc99fe}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="C"] .indice:before{content:"C."; color:#aa66e5}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="D"] .indice:before{content:"D."; color:#8a3bc9}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="E"] .indice:before{content:"E."; color:#6f19b4}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="F"] .indice:before{content:"F."; color:#730081}
	.row-energie &gt; div &gt; div:nth-child(2) .energie[data-indice="G"] .indice:before{content:"G."; color:#480474}

	.row-energie h4{margin-bottom:25px; margin-top:25px}
	.project-details-title.title-bien{display:block;text-align:left; margin:0 0 10px}

	.desc-project .inside-desc{transform:translate(0); -webkit-transform:translate(0)}
	.desc-project .inside-desc .icon{position:relative; left:-20px}

	.moteur{position:relative; top:0; width:100%; transform:translate(0,0); -webkit-transform:translate(0,0); margin-bottom:50px}
	.moteur.show{ transform:translate(0,0); -webkit-transform:translate(0,0);}
	.moteur .intitule{display:none}

	.text-parallax-content{font-size:12em}
	.experience-info{top:0; text-align:center; margin-top:25px}
	.header-page .vertical-panel{position:relative; height:auto; width:100%; padding:0;}
	.header-page .vertical-panel .vertical-center{display:none}
	.form-listing a{float:left; width:200px;}
	#form_bien{float:left}
	.form-listing:after{clear:both; content:""; display:block}
	.content.content-listing{padding:0}

	.header-page .brand-panel{display:none}
	.header-page .navbar-mobile{position:fixed; display:block; z-index:1000; animation:none;background-color: #2b2b2b;
		box-shadow: 0 0 35px rgba(0,0,0,0.1);
		padding: 1.2em 0;}
	.navbar-toggle {margin-right: 25px;margin-top: 25px;}

		.header-home .navbar-mobile .brand{}
		.header-home.header-page .navbar-mobile .brand,.header-inner.header-page .navbar-mobile .brand{display:inline-block}
		.navbar-toggle .icon-bar,.navbar-toggle.collapsed .icon-bar{background:#fff}
		.navbar-toggle .icon-bar,.navbar-toggle.collapsed:hover .icon-bar{background:#c5a47e}
		.header-page .vertical-panel{margin-top:100px}
		.form-elt{float:left}
		.form-elt .btn_filtre{padding:58px 25px;border-bottom:0; border-right:1px solid rgba(133,133,133,0.2)}
		.desc-project{padding:0}
		.project-details-info{margin-bottom:50px}
		.mask{left:0}
		/*.modal-form{right:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:fixed; left:50%; top:50%; width:100%; max-width:280px;}*/
		/*.close-modal-form{right:40px}*/
		.project-details-title.prix{margin-left:0;display:block}
		.modal-form .custom-table ul li a{height:auto}
		.main-header{padding-left:0}


		.partenaire .contenu_partenaire{width:100%;text-align:center !important;padding:25px}
		.partenaire .photo-partenaire{padding:0 !important; height:300px; position:static}
		.project figure .photo{min-height:0; height:300px !important}
		.main-inner h1{font-size:48px; line-height:60px}
		.main-inner h1::first-letter{font-size:48px; color:#c5a47e}

		a.post-thumbnail .photo, .project-details-info .project-details-img .photo{max-height:300px}

		.project-details-title.title-bien{text-align:center}

		.custom-text{padding:0}
		.navbar-mobile .brand img{max-width:150px}
		.vertical-panel,.vertical-panel-content{display:none}
		.brand-panel{height:auto; padding:50px 25px}
		.header-page .vertical-panel{display:block; margin-top:0; top:0}
		.form-listing{margin-top:110px}
		.brand-panel{max-width:200px;width:auto}
		.rev_slider_wrapper{height:400px !important; width:100% !important}
		.tp-fullwidth-forcer{height:400px !important}
		.rev_slider{height:400px !important;min-height:0}

		body.listing header .logo { display:none; }
		.modal-form { display:inline-block; padding:0 30px;top:-15px;}
		.modal-form .custom-table ul li { display: inline-block; }
		.form-elt .btn_filtre { display: inline-block; }
		.box_projecs { padding:15px; }
		.project-details.other-project .project-details-item { width:48%; display: inline-block;}
		a.post-thumbnail .photo, .project-details-info .project-details-img .photo { max-height: none; }
		.slide-number { display:none; }
		.arrow-left { top:15px;left:215px; right:auto!important;bottom:auto;}
		.arrow-right { top:15px;left:250px; right:auto!important;bottom:auto;}
		.rev_slider .btn { display:none; }
		.project-category { display:none; }
		.owl-next { padding:20px; }
		.owl-prev { padding:20px; }
		.navbar-mobile.affix { background: #2b2b2b }
		.widget{display: flex; flex-direction: column;}
		.dpe_ges{display: flex; flex-direction: column;}
	}
	@media screen and (max-width: 849px)
	{
		.project-details.other-project .project-details-item { width:100%; }
	}
	@media (max-width : 768px)
	{
		.project-details-info{width:100%; padding:0;float:none}
		project-details-info:after{content:""; clear:both; display:block}
		.project-details-item{margin-bottom:50px}
		.row-photo &gt; div{width:33.3%}
		.arrow-right { left: 295px; }

	}
	@media screen and (max-width: 738px)
	{
		.form-elt .btn_filtre { border-right: 0; }
	}
	@media (max-width:700px)
	{
		.arrow-left{display:none}
		.arrow-right{display:none}
		.tp-mask-wrap{display:none}
		.project-details-info .left-project{float:none; text-align:center}
		.project-details-info .right-project{float:none; margin-top:15px; text-align:center}
		.project-details-title.title-bien{text-align:center}
		.right-project .btn-link{margin:0 5px 10px}
		.bande-noire h3{font-size:14px}
		.bande-noire{padding:25px}
		.brand-panel{height:auto; padding:25px 25px}
		.mask-liste #map svg{width:100%;height:auto}
		.mask-liste #map{width:95%}

	}
	@media (max-width : 600px)
	{
		.form-listing a{width:100%; height:75px; overflow:hidden}
		.modal-form a.validate{height:auto}
		.main-inner h1{font-size:28px; line-height:40px}
		.main-inner h1::first-letter{font-size:28px; color:#c5a47e}
		.box_projecs { padding:0; }
		.contact-info-content { padding: 2.6em; }
	}
	@media (max-width : 400px)
	{
		.project-details-img,.col-about-img{height:200px;}
		.project-details-title,.col-about-title{font-size:16px}
		.section-title{font-size:18px; line-height:28px}
		.row-carac &gt; div{width:100%}
		.custom-carac li{width:100%}
		.row-photo &gt; div{width:50%}
		.row-energie &gt; div:nth-child(1) &gt; div{width:100%; text-align:center}

		.content-form .element{float:none; width:100%; border:0; border-bottom:1px solid rgba(255,255,255,0.5)}
		#form_bien{float:none; width:100%}
		.bande-newsletter{padding:50px 15px}
		.bande-newsletter .btn-newsletter{font-size:16px}
		.bande_vente {top:80px;right:15px;left:auto;}
		.btn-link { margin-right: 0; }
		.arrow-left { left:15px;top:160px; }
		.arrow-right { left:90px;top:160px;}
		.dpe_ges { height:auto; }


	}
</pre></body></html>