body {margin:0; padding:0; font-family:Arial; font-size:13px;}
.clear {clear:both;}
.btncolor {display:inline-block; background-color:#AEE6CD; color:#fff; text-decoration:none; padding:7px 10px; border-radius:4px;}
.btncolor:hover {background-color:#AEE6CD; color:#fff; text-decoration:none;}
.btngris {background-color:#fff; border:1px solid #eeeeee; color:#a1a1a1; padding:5px; text-decoration:none; border-radius:4px;}
.btngris:hover {background-color:#d7d7d7; color:#fff; padding:5px; text-decoration:none;}
.btngris.select {background-color:#d7d7d7; color:#fff; padding:5px; text-decoration:none;}

.CDC {}
.CDC h2 {color:#fff; margin:10px 0 0; font-size:22px;}
.CDC div.repcdc {background-color:rgba(255,255,255,0.8); padding:2%; float:left; width:31%; margin:5px 2% 0 0; text-align:center;}
.CDC div.repcdc a {display:inline-block; width:100%; padding:5px 10px;}
.CDC div.repcdc a img {max-height:90px;}
.CDC div.repcdc p {margin:2px 0 0 0;}
.CDC div.repcdc p.prix {margin-bottom:2px; font-weight:bold; font-size:16px;}

.RECHERCHE {background-color:rgba(255,255,255,0.8); padding:25px;}
.RECHERCHE.ref {padding:0 25px 25px 25px;}
.RECHERCHE h4 {margin:0 0 20px; font-size:20px; text-align:center;}
.RECHERCHE h4 span {color:#AEE6CD;}
.RECHERCHE div.ligne {margin:10px 0;}
.RECHERCHE div.ligne select {width:100%; height:30px; border:1px solid #a1a1a1; padding-left:5px;}
.RECHERCHE div.ligne input {width:100%; height:30px; border:1px solid #a1a1a1; padding-left:5px;}
.RECHERCHE div.criteres {text-align:center;}
.RECHERCHE div.criteres a {display:block; color:#AEE6CD; margin:20px 0 15px; font-size:15px;}
.RECHERCHE div.criteres a span {display:inline-block; background-color:#AEE6CD; color:#fff; text-decoration:none; margin:0 0 0 5px; padding:2px 5px; font-weight:bold;}
.RECHERCHE div.bouton {text-align:center;}
.RECHERCHE div.bouton input {width:100%; background-color:#AEE6CD; color:#fff; border:none; padding:10px 20px; font-weight:bold; cursor:pointer;}

.LISTE {}
.LISTE div.titre {margin-bottom:20px;}
.LISTE div.titre h1 {margin: 0 0 10px;}
.LISTE div.titre p {margin:0; font-style:italic; font-size:16px; border-top:2px solid #AEE6CD; padding-top:10px; width:20%;}
.LISTE div.pagination {margin:12px 0; width:100%;}
.LISTE div.pagination ul.pages {list-style:none; padding:0; margin:0;}
.LISTE div.pagination.haut ul.pages {float:left;}
.LISTE div.pagination ul.pages li {display:inline-block; list-style:none; padding:0 2px; margin:0;}
.LISTE div.pagination ul.pages li a {padding:3px 7px;}
.LISTE div.pagination p.tri {margin:0; float:right;}
.LISTE div.liste div.bien {border:1px solid #eeeeee; position:relative; margin-bottom:15px;}
.LISTE div.liste div.bien div.photo {width:280px; height:210px; float:left; position:relative;}
.LISTE div.liste div.bien div.photo a {display:block; text-align:center;}
.LISTE div.liste div.bien div.photo a img {}
.LISTE div.liste div.bien div.photo span.bandeau {display:block; position:absolute; top:0; right:0;}
.LISTE div.liste div.bien div.photo span.bandeau:before {content: ""; border-color: transparent #AEE6CD; border-style:solid; border-width:0px 70px 70px 0px; height:0px; width:0px; display:block;}
.LISTE div.liste div.bien div.photo span.bandeau p {transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg); color:#fff; margin:0; padding:0; top:21px; right:-6px; position:absolute; font-size:10px;}
.LISTE div.liste div.bien div.photo span.nbrphotos {position:absolute; left:5px; top:5px; background-color:rgba(0,0,0,0.8); padding:0 5px; color:#fff; font-size:14px; font-weight:bold;}
.LISTE div.liste div.bien div.photo span.nbrphotos > img {vertical-align:-6px; padding-right:5px; width:28px;}
.LISTE div.liste div.bien div.contenu {margin-left:300px;}
.LISTE div.liste div.bien div.contenu h2 {margin:20px 0 10px; font-size:20px;}
.LISTE div.liste div.bien div.contenu p.prix {float:right; padding:0px 10px; font-size:20px; font-weight:bold;}
.LISTE div.liste div.bien div.contenu p.prix span {font-size:14px; font-weight:normal;}
.LISTE div.liste div.bien div.contenu h3 {margin:0 0 10px; font-weight:normal; font-size:16px; color:#2d2d2d;}
.LISTE div.liste div.bien div.contenu p {margin:0 0 10px;}
.LISTE div.liste div.bien div.contenu p.ref {position:absolute; bottom:0; right:10px; font-style:italic; font-size:12px;}
.LISTE div.liste div.bien div.contenu a {margin-top:10px; font-weight:bold;}

.FICHE {}
.FICHE div.filariane {margin:0 0 10px 0; font-size:12px; float:left;}
.FICHE div.filariane a {}
.FICHE div.retour p {float:right; margin:-5px 0 0 0; font-style:italic;}
.FICHE div.retour p a {background-color:#AEE6CD; border-radius:4px; padding:7px; color:#fff; font-size:12px;}
.FICHE div.retour p a img {vertical-align:-5px; padding-right:5px;}
.FICHE div.titre h1 {display:inline-block; margin:15px 0 10px; font-size:22px;}
.FICHE div.titre h2 {display:inline-block; margin:0 0 10px; font-size:18px;}
.FICHE div.titre p.prix {float:right; color:#AEE6CD; font-size:28px; font-weight:bold; margin:10px 0 0 0; letter-spacing:-2px;}
.FICHE div.titre p.prix sup {font-size:12px; top:-1.3em !important;}
.FICHE div.bien div.haut {}
.FICHE div.bien div.haut div.photoimpr {display:none;}
.FICHE div.bien div.haut div.diapo {float:left; width:75%;}
.FICHE div.bien div.haut div.diapo img {width:100%;}
.FICHE div.bien div.haut div.diapo div.gallery-top div.swiper-wrapper div.swiper-slide a.zoombox img {width:80%; margin-left:50px;}
.FICHE div.bien div.haut div.fichedetail {margin-left:77%; padding-top:15px;}
.FICHE div.bien div.haut div.fichedetail div.cadre {background-color:#ededed; padding:20px;}
.FICHE div.bien div.haut div.fichedetail div.cadre div {font-size:16px; line-height:34px;}
.FICHE div.bien div.haut div.fichedetail div.cadre div i {color:#ff7200; font-size:24px; vertical-align:-3px;}
.FICHE div.bien div.contenu div.descriptif h3 {background-color:#EDEDED; font-size:16px; margin:10px 0 30px; padding:10px; text-align:center;}
.FICHE div.bien div.contenu div.descriptif h3 span {padding:0 10px; display:inline-block;}
.FICHE div.bien div.contenu div.descriptif p.ref {font-style:italic; color:#a1a1a1; margin:5px 0 10px;}
.FICHE div.bien div.contenu div.descriptif div.detail {margin:20px 0;}
.FICHE div.bien div.contenu div.descriptif div.detail div.clear {margin:0 0 20px 0;}
.FICHE div.bien div.contenu div.descriptif div.detail h4 {margin:20px 0 5px 0;}
.FICHE div.bien div.contenu div.descriptif div.detail p {float:left; width:28%; margin:5px 10px 0 0; border-bottom:1px solid #ededed;}
.FICHE div.bien div.contenu div.descriptif div.boutons {background-color:#EDEDED; padding:10px; margin-top:30px; text-align:center;}
.FICHE div.bien div.contenu div.descriptif div.boutons a {display:inline-block; text-align:center; padding:5px 15px; margin:0 5px;}
.FICHE div.bien div.contenu div.descriptif div.boutons a.btncolor {font-size:16px; font-weight:bold;}
.FICHE div.bien div.contenu div.descriptif div.boutons a.btngris {font-size:16px;}
.FICHE div.bien div.contenu div.descriptif div.boutons a.loc {margin-top:20px;}
.FICHE div.bien div.contenu div.descriptif div.boutons div.adresse p {text-align:center; margin:5px 0;}
.FICHE div.bien div.contenu div.dpeges {margin:30px auto; text-align:center; width:400px;}
.FICHE div.bien div.contenu div.dpeges div#DPE {margin:0; background:url(../images/DPE.png) no-repeat; width:180px; height:186px; position:relative; display:block; float:left;}
.FICHE div.bien div.contenu div.dpeges div#GES {margin:0 0 0 40px; background:url(../images/GES.png) no-repeat; width:180px; height:186px; position:relative; display:block; float:left;}
.FICHE div.bien div.contenu div.dpeges #cursor {height:20px; width:35px; background:#000; color:#fff; position:absolute; right:0; text-align:center; line-height:20px; font-weight:bold; font-size:12px;}
.FICHE div.bien div.contenu div.dpeges #cursor:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #000;
    position: absolute;
    top: 0;
    left: -10px;
}
.FICHE div.bien div.contenu div.localisation {margin:20px 0 0;}
.FICHE div.bien div.contenu div.contact {margin:20px 0 0; background-color:#f1f1f1; padding:15px;}
.FICHE div.bien div.contenu div.contact h2 {margin:0 0 10px; font-size:16px; font-weight:bold;}
.FICHE div.bien div.contenu div.contact div.form {float:left; width:75%;}
.FICHE div.bien div.contenu div.contact div.form div.gauche {float:left; width:49%;}
.FICHE div.bien div.contenu div.contact div.form div.droite {margin-left:51%;}
.FICHE div.bien div.contenu div.contact div.form input {border:1px solid #a1a1a1; height:30px; border-radius:2px; width:100%;}
.FICHE div.bien div.contenu div.contact div.form textarea {border:1px solid #a1a1a1; border-radius:2px; width:100%;}
.FICHE div.bien div.contenu div.contact div.form input.btngris {float:right; height:auto; padding:3px 0; width:100px; background-color:#fff; border:1px solid #eeeeee; color:#a1a1a1; padding:5px; text-decoration:none;}
.FICHE div.bien div.contenu div.contact div.form input.btngris:hover {background-color:#d7d7d7; color:#fff; padding:5px; text-decoration:none;}
.FICHE div.bien div.contenu div.contact div.infocontact {margin-left:76%; text-align:center; font-weight:bold; margin-top:40px;}

/* DPE 2021*/
/* DPE */
.FICHE div.bien div.contenu div.dpe2021 {display: flex;}
.FICHE div.bien div.contenu div.dpe2021 img {max-width: none;}
.FICHE div.bien div.contenu div.dpe2021 .container { position: relative; padding: 0;}
.FICHE div.bien div.contenu div.dpe2021 .dpe.A div { top: 35px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.B div { top: 70px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.C div { top: 105px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.D div { top: 140px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.E div { top: 175px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.F div { top: 210px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe.G div { top: 245px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe div { position: absolute; text-align: center; }
.FICHE div.bien div.contenu div.dpe2021 .dpe strong { font-weight: bold; font-size: 30px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe div.kwh { left: 23px; font-size: 9px; }
.FICHE div.bien div.contenu div.dpe2021 .dpe div.co2 { left: 91px; font-size: 9px; }

/* GES */
.FICHE div.bien div.contenu div.dpe2021 .ges.A div { top: 103px; left: 104px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.B div { top: 119px; left: 115px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.C div { top: 136px; left: 124px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.D div { top: 152px; left: 135px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.E div { top: 168px; left: 145px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.F div { top: 184px; left: 148px; }
.FICHE div.bien div.contenu div.dpe2021 .ges.G div { top: 200px; left: 148px; }
.FICHE div.bien div.contenu div.dpe2021 .ges .co2 { position: absolute; left: 130px; text-align: center; font-size: 9px; }
.FICHE div.bien div.contenu div.dpe2021 .ges .co2 strong { font-weight: bold; font-size: 12px; }


/* DIAPO */
.swiper-slide {background-size:cover; background-position:center center;}

.gallery-top {height:400px; width:auto;}
.gallery-thumbs { height:100px; box-sizing:border-box; padding:10px 0; width:auto;}
.gallery-top .swiper-slide {background-position:center center; background-size:80%; background-repeat:no-repeat;}
.gallery-thumbs .swiper-slide {width:20%; height:100%; opacity:0.6;}
.gallery-thumbs .swiper-slide-active {opacity:1;}


.CALCULATRICE {font-family:Arial; font-size:13px; width:800px; padding:30px; display:none;
	background:#FFF;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    box-shadow:0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}
.CALCULATRICE h1 {font-size:24px; text-align:center; margin-bottom:30px;}
.CALCULATRICE div.bloc1 {border:2px solid #f1f1f1; padding:10px; float:left; width:48%; height:200px;}
.CALCULATRICE div.bloc2 {border:2px solid #f1f1f1; padding:10px; margin-left:52%; height:200px;}
.CALCULATRICE div p {}
.CALCULATRICE div p label {display:inline-block; padding-top:5px; width:185px;}
.CALCULATRICE div p > input {border:1px solid #d8d9db; height:25px; padding:0 5px; width:100px; display:inline-block;}
.CALCULATRICE div input.btncolor {border:none; padding:5px; margin:0 auto; display:block; color:#fff;}
.CALCULATRICE div h5 {font-size:14px; text-decoration:underline; margin:20px 0 10px 0;}
.CALCULATRICE a.fermer {text-align:center; margin:10px auto 0; display:block; text-decoration:none;}

.AMI {font-family:Arial; font-size:13px; padding:30px; width:600px; display:none;
	background:#FFF;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    box-shadow:0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);}
.AMI h1 {font-size:24px; text-align:center; margin-bottom:30px;}
.AMI div.form {margin:30px 0 0 0;}
.AMI div.form td.lib {padding:0 10px 0 0; width:200px;}
.AMI div.form td.textbox input {border:1px solid #a1a1a1; border-radius:2px; height:30px; width:100%;}
.AMI div.form td.textbox textarea {border:1px solid #a1a1a1; border-radius:2px; height:100px; width:100%;}
.AMI div.form td.saisieobligatoire {font-style:italic; font-size:11px; padding-top:5px;}
.AMI div.form td.bouton {text-align:right;}
.AMI div.form td.bouton input {border:0; color:#fff;}

/* CSS des Popup */
.modal_close {position:absolute; top:12px; right:12px; display:block; width:32px; height:32px; background:url(../images/modal_close.png); z-index:2;}
#lean_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; background:#000; display:none;}
.sweet-alert fieldset input {display:none;}


/*tablette*/
@media screen and (min-width:768px) and (max-width:992px) {
    .LISTE div.titre h1 {font-size:22px;}
    .LISTE div.liste div.bien div.contenu h2 {font-size:20px; margin:10px 0 5px;}
    .LISTE div.liste div.bien div.contenu h3 {font-size:14px; margin:0 0 5px;}
    .LISTE div.liste div.bien div.contenu p {margin:0 0 10px;}
    .LISTE div.liste div.bien div.photo {width:220px;}
    .LISTE div.liste div.bien div.contenu {margin-left:240px;}
    .LISTE div.liste div.bien div.photo span.prix {position:relative; display:block; text-align:center; margin-top:2px;}

    .FICHE div.bien div.contenu div.descriptif div.boutons {margin-top:10px;}
    .FICHE div.bien div.contenu div.descriptif div.boutons a {padding:5px; margin:0 2px 5px;}
    .FICHE div.bien div.contenu div.descriptif div.boutons div.adresse p {text-align:center; margin:5px 0;}
    .FICHE div.bien div.contenu div.contact div.form {float:none; width:100%;}
    .FICHE div.bien div.contenu div.contact div.infocontact {display:none;}

    .CALCULATRICE div.bloc1 {padding:10px 2%; width:auto; float:none; margin-bottom:20px;}
    .CALCULATRICE div.bloc2 {padding:10px 2%; margin-left:0;}
}

/*mobile*/
@media screen and (max-width:768px) {
    .LISTE div.titre h1 {font-size:20px;}
    .LISTE div.titre p {width:50%;}
    .LISTE div.liste div.bien div.contenu h2 {font-size:16px; margin:10px 0 5px;}
    .LISTE div.liste div.bien div.contenu h3 {font-size:14px; margin:0 0 5px;}
    .LISTE div.liste div.bien div.contenu p {margin:0 0 10px;}
    .LISTE div.liste div.bien div.photo {text-align:center; float:none; margin:0 auto;}
    .LISTE div.liste div.bien div.contenu {margin:0 10px;}
    .LISTE div.liste div.bien div.contenu a {display:inline-block; margin-bottom:10px;}

    .FICHE div.titre h1 {margin:5px 0 0; font-size:18px; text-align:center; display:block;}
    .FICHE div.titre h2 {margin:5px 0 10px; font-size:14px; font-style:italic; text-align:center; display:block;}
    .FICHE div.titre p.prix {float:none; font-size:24px; text-align:center; margin:15px 0 0 0;}
    .FICHE div.bien div.haut div.diapo {float:none; width:100%;}
    .FICHE div.bien div.haut div.fichedetail {margin-left:0; padding-top:5px;}
    .FICHE div.bien div.contenu div.descriptif div.detail p {width:46%;}
    .FICHE div.bien div.contenu div.descriptif div.boutons {margin-top:10px;}
    .FICHE div.bien div.contenu div.descriptif div.boutons a {display:block; padding:5px; margin:0 2px;}
    .FICHE div.bien div.contenu div.dpeges {width:auto; margin:10px 0;}
    .FICHE div.bien div.contenu div.dpeges div#DPE {float:none; margin:0 auto;}
    .FICHE div.bien div.contenu div.dpeges div#GES {float:none; margin:0 auto;}
    .FICHE div.bien div.contenu div.contact div.form {float:none; width:100%;}
    .FICHE div.bien div.contenu div.contact div.form div.gauche {float:none; width:100%;}
    .FICHE div.bien div.contenu div.contact div.form div.droite {margin-left:auto;}
    .FICHE div.bien div.contenu div.contact div.infocontact {display:none;}

	.CALCULATRICE {width:90%; height:auto; top:5px !important;}
    .CALCULATRICE h1 {font-size:20px;}
    .CALCULATRICE div.bloc1 {padding:10px 1%; width:auto; float:none; margin-bottom:20px;}
    .CALCULATRICE div.bloc2 {padding:10px 1%; margin-left:0;}
	.CALCULATRICE div p label {width:auto;}
	.CALCULATRICE div.bloc2 p > input {width:60px; }

	.AMI {width:90%; height:auto; top:20px !important;}
	.AMI h1 {font-size:20px;}
}

@media screen and (max-width:550px) {
    .FICHE div.filariane {margin:0;}
    .FICHE div.retour {display:none;}
    .diapo .gallery-top {height:200px;}
}