/*
**** custom ****
#wrapper 								{ overflow: visible; overflow-x: visible;}
::-webkit-scrollbar 					{ height: 0;}
*/


.desktop                            { display: initial;}
.mobile                             { display: none;}
@media (max-width:1000px) {
.desktop                            { display: none;}
.mobile                             { display: initial;}
}

/***** custom *****/
#fiche #wrapper 					{ overflow: visible; overflow-x: visible;}
#fiche ::-webkit-scrollbar 			{ height: 0;}    


.price                     			{ font: 600 25px/35px "Poppins"; letter-spacing: 0.6px; color: #E62173; margin-top: 5px; position: relative; z-index: 10; display: inline-block; text-transform: uppercase;}


/***** bloc de recherche *****/
.search form 						{ display:grid; grid-template-columns:1fr 1fr 1fr 150px; grid-gap:10px; width: 100%;}
.search form .item                  { height: 50px; }
.search form select,				
.search form input[type=text]		{ width:100%; padding:0 20px; height:50px; font:400 12px/20px "Poppins"; letter-spacing:0.6px; color:#5b5b5b; -webkit-appearance:none; appearance:none; background:url("../images/select_arrow.svg") calc(100% - 20px) 50% no-repeat #ededed; border:none; border-radius: 5px;}
.search form input[type=text]		{ background: #ededed; border-radius: 5px; border: none;}
.search form .link					{ width: 100%; height: 50px; margin:0; padding:0; border:none; background: #E62173; cursor:pointer; line-height: 48px; text-transform: none;}

@media (max-width:1201px) {
    .search form .link:hover			{ background-color: #222; }
}
@media (max-width:1200px) {
.search form 						{ display:grid; grid-template-columns:1fr 1fr; grid-gap:15px; margin-top:0; width: 100%; }
.search form .link					{ width:100%;}
}
@media (max-width:800px) {
.search form 						{ grid-template-columns:1fr;}
.search form .item:last-child 		{ grid-column:1;}
}
@media (max-width:600px) {
.search form 						{ margin-top:20px; grid-gap:10px;}
}




/**** Biens ****/
.biens .item							{ width: 100%; display: grid; margin: 0 30px 0 0; transition: all 400ms ease-in-out; border: 1px solid #bcbcbc; border-radius: 10px; position: relative;}
.biens .item .photo .thumb              { width: 100%; height: auto; object-fit: cover; display: block;}
.biens .item .photo                     { position: relative; margin: -1px; border-radius: 10px 10px 0 0;}
.biens .item .photo a                   { display: block; position: relative;}
.biens .item .photo img                 { border-radius: 10px 10px 0 0; width: 100%; height: auto; object-fit: cover;}
.biens .item .photo::after        	    { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; content: ""; width: 100%;height: 100%;background: url("../images/plus_white.svg") center no-repeat rgba(0,0,0,0.5); }

.biens .item .statut                    { opacity: 1; visibility: visible; position: absolute; top: 20px; right: 20px; font: 500 11px/38px "Poppins"; letter-spacing: 1.4px; color: #fff; padding: 0 20px; background: #0F2454; transition: all 400ms ease-in-out; text-transform: uppercase;}

.biens .item .content_item     		    { position: relative; display: block; background:#fff; overflow: hidden; border-radius: 0 0 10px 10px;}
.biens .item .content_item .infos	    { position: relative; padding: 25px 30px;}
.biens .item .small_peb                 { position: absolute; bottom: 25px; right: 30px;}

.biens .item p                      	{ font: 400 14px/24px "Poppins"; letter-spacing: 0.2px; color: #5b5b5b; margin-bottom: 20px;}
.biens .item .lieu 			            { font: 700 15px/28px "Poppins"; letter-spacing: 0.4px; color: #5b5b5b; display: block; text-transform: uppercase;}
.biens .item .vl                        { position: absolute; line-height: 30px; top: 20px; left: 20px; font-size: 10px; color: #fff; background-color: #000; border-radius: 5px; padding: 0 20px; text-transform: uppercase;}
.biens .item .vl.spotlight              { left: auto; right: 20px; background-color: #E62173;}

.biens ul                           	{ padding: 15px 30px; margin: 0 auto; position: relative; background-color: #ededed; text-align: center}
.biens ul li                        	{ font: 400 14px/28px "Poppins"; letter-spacing: 0.2px; color: #000; display: inline-block; margin-right: 30px; position: relative; padding-left: 25px; }
.biens ul li.maison                     { background: url("../images/comp_maison.svg") 0 50% no-repeat;}
.biens ul li.sdb                        { background: url("../images/comp_sdb.svg") 0 50% no-repeat;}
.biens ul li.lit                        { background: url("../images/comp_lit.svg") 0 50% no-repeat;}
.biens ul li.car                        { background: url("../images/comp_voiture.svg") 0 50% no-repeat;}
.biens ul li.aire                       { background: url("../images/comp_surface.svg") 0 50% no-repeat;}
.biens ul li.jardin                     { background: url("../images/comp_jardin.svg") 0 50% no-repeat;}

.biens .item.vendu_loue:after           { position: absolute; content: ""; width: 100%; height: 100%; background-color: transparent; top: 0; right: 0; z-index: 500;}
.biens .item.vendu_loue .link           { opacity: 0.4;}
.biens .item.vendu_loue .photo img      { filter: brightness(0.5);}
.biens .item.vendu_loue .photo img      { filter: brightness(0.5);}
.biens .item.vendu_loue .statut         { background: #E62173; z-index: 10;}
.biens .item.vendu_loue .v1             { font: 600 18px/30px "Poppins"; letter-spacing: 0.6px; color: #E62173; margin-bottom: 15px; margin-top: 5px; position: relative; z-index: 10; display: inline-block; text-transform: uppercase;}

@media (min-width:1201px) {
.biens .item:hover .photo::after  	    { opacity: 1; visibility: visible;}
.biens .item.vendu_loue .photo:hover a::after { opacity: 0; visibility: hidden;}
}
@media (max-width:1200px) {
.biens .item                        	{ max-width: 100%; margin: 0 15px;}
}
@media (max-width:600px) {
.biens .item a.content_item         	{ padding: 20px 20px 0;}
.biens .item .vl                    	{ font-size: 11px; line-height: 35px;}
.biens ul                           	{ padding: 15px 30px; margin: 0 0;}
.biens ul li                        	{ font-size: 12px;}
}




/**** listing ****/
.listing 								{ margin: 100px auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
@media (max-width:1200px) {
.listing 								{ margin: 0 auto 80px;}
.listing .item 							{ margin: 0;}
}
@media (max-width:1000px) {
.listing 								{ margin: 0 auto 70px; grid-template-columns: 1fr 1fr; }
}
@media (max-width:750px) {
.listing 								{ margin: 0 auto 50px; grid-template-columns: 1fr; }
}




/** Photo + legende **/
.details					            { overflow: hidden;}
.details .sous_titre     	            { color: #e72074;}
.details .link.retour		            { margin-top: 70px; background-color: #eee; color: #2d2d2d; text-transform: none; font-size: 12px; line-height: 48px; height: 50px;}


.details .share 						{ font-size: 0; letter-spacing: 0; position: absolute; right: 0; top: 80px;}
.details .share a 					    { width: 40px; height: 40px; display: inline-block; vertical-align: top; margin-left: 6px; border-radius: 50%; cursor: pointer;}
.details .share p						{ display: inline-block; color: #000; font-size: 12px; margin-top: 4px; margin-right: 10px;}
.details .share .facebook				{ background:url("../images/share_facebook.svg") 50% no-repeat #7b7b7a;}
.details .share .twitter				{ background:url("../images/share_twitter.svg") 50% no-repeat #7b7b7a;}
.details .share .whatsapp				{ background:url("../images/share_whatsapp.svg") 50% no-repeat #7b7b7a;}
.details .share .whatsapp:after 		{ width: 0; height: 0; border-style: solid; border-width: 0 15px 13px 0; border-color: transparent #7b7b7a transparent transparent; position: absolute; left: -4px; bottom: 3px; transform: rotate(75deg); content: "";}
.details .share .email				    { background:url("../images/share_mail.svg") 50% no-repeat #7b7b7a;}
.details .share .imprimer				{ background:url("../images/share_print.svg") 50% no-repeat #7b7b7a;}


.details .top_fiche .infos				{ display: grid; grid-template-columns: 65% 35%; margin: 35px 0 50px;border: 1px solid #bdbdbd;}
.details .top_fiche .infos .content		{ padding: 50px 60px; }
.details .top_fiche .infos .photo       { position: relative; height: 100%; width: 100%; max-height: 700px;}
.details .top_fiche .infos .photo a:after { width:100%; height:100%; position:absolute; right:0; top:0; background: 50% no-repeat rgba(0,0,0,0.5); opacity:0; content: url("../images/more_photos.svg"); display: grid; align-content: center; justify-items: center;}
.details .top_fiche .infos .photo .more { position: absolute; bottom: 0; right: 0; color: #fff; z-index: 10; line-height: 60px; padding: 0 30px 0 70px; background: url("../images/more_photos.svg") 30px 50% no-repeat #00000099;}
.details .top_fiche .infos .photo .nav_slider { position: absolute; top: 50%; z-index: 40; width: 100%; transform: translateY(-50%);}
.details .top_fiche .infos .photo .slick-next { position: absolute; right: 0; }
.details .top_fiche .infos .photo .slider { height: 100%; max-height: 700px; margin: -1px 0 -1px -1px;}
.details .top_fiche .infos .photo .slider a { height: 100%; max-height: 700px; margin: -1px 0 -1px -1px;}
.details .top_fiche .infos .photo .slider img	{ width:100%; display:block; position:relative; object-fit:cover;}


.details .infos_pratiques               { position: relative;}
.details .infos_pratiques .indice_peb   { position: absolute; top: 15px; right: 0;}


.details ul li                        	{ font: 400 14px/28px "Poppins"; letter-spacing: 0.2px; color: #5B5B5B; display: block; margin-right: 30px; position: relative; padding: 8px 0 8px 25px; }
.details ul li.maison                   { background: url("../images/comp_maison.svg") 0 50% no-repeat;}
.details ul li.sdb                      { background: url("../images/comp_sdb.svg") 0 50% no-repeat;}
.details ul li.lit                      { background: url("../images/comp_lit.svg") 0 50% no-repeat;}
.details ul li.car                      { background: url("../images/comp_voiture.svg") 0 50% no-repeat;}
.details ul li.aire                     { background: url("../images/comp_surface.svg") 0 50% no-repeat;}
.details ul li.jardin                   { background: url("../images/comp_jardin.svg") 0 50% no-repeat;}

.details .adresse                       { margin-top: 10px;}
.details .adresse p                     { margin-bottom: 0;}
.details .adresse p a                   { display: block; border-bottom: none; color: #E62173;}

.details .map                           { border: 1px solid #dcdcdc;}
.details .map iframe                    { display: block;}

@media (min-width:1201px) {
.details .top_fiche .infos .photo a:hover:after { opacity: 1; }

.details .share a:hover 				{ background-color: #E62173;}  
.details .share .whatsapp:hover:after   { border-color: transparent #E62173 transparent transparent;}
.details .photo.main a:hover:after	    { opacity:1; background:rgba(0,0,0,0.3);}
}
@media (max-width:1200px) { 
.details .top_fiche .infos				{ grid-template-columns: 55% 45%; margin: 35px 0 50px;border: 1px solid #bdbdbd;}
.details .top_fiche .infos .content		{ padding: 40px 50px; }

.details .photo.main          		    { height: 35vw;}
.details .photo.main:before      		{ display: none;}
}
@media (max-width:1000px) { 
.details .top_fiche .infos		        { grid-template-columns: 100%;}
.details .photo.main          		    { grid-row: 2 / 3;}
}
@media (max-width:600px) {
.details .link.retour		            { margin-top: 30px; line-height: 38px; height: 40px;}

.details .share 						{ position: relative; margin: 0; left: 0; top: 0; order: 2;}

.details .top_fiche                     { display: flex; flex-direction: column; }    
.details .top_fiche .infos         		{ margin: 35px 0 25px 0; }
.details .top_fiche .infos .content		{ padding: 35px 7.5vw; }
.details .top_fiche .infos .photo .more { line-height: 50px; padding: 0 20px 0 55px; background-position: 25px 50%;}

.details .top_fiche .infos .photo       { max-height: 75vw;}
.details .top_fiche .infos .photo .slider { max-height: 75vw;}
.details .top_fiche .infos .photo .slider img { height: 100%;}   
    
.details ul li                        	{ font-size: 12px; margin-right: 0; position: relative; padding: 8px 0 8px 25px; }
}


 
/** resume **/
.resume 								{ display: grid; grid-template-columns: 1fr 300px; grid-gap: 80px; align-items: start; margin: 80px auto 100px;}
.resume .right 							{ position: sticky; top: 100px;}
.resume .description                    { margin-bottom: 60px;}
.resume .description .sous_titre        { font-weight: 400;}

@media (max-width:1200px) {
.resume 								{ grid-template-columns: 1fr 280px; grid-gap: 60px;}
}
@media (max-width:1000px) {
.resume                    				{ grid-template-columns: 1fr; margin: 70px auto 80px;}
.resume .right             				{ position: relative; top: auto;}
}
@media (max-width:600px) {
.resume 								{ grid-gap: 0; margin: 35px auto 50px;}
}



/** cta contact **/
.scroll_cta 							{ background: #fff; border: 1px solid #bdbdbd; border-radius: 10px; padding: 0 40px 40px 40px; text-align: center; overflow: hidden; }
.scroll_cta .subject 					{ font-size: 14px; letter-spacing: 0.5px; padding: 25px 40px 20px 40px; margin: 0 -40px; background: #eeeeee; color: #5b5b5b; font-family: "Poppins"}
.scroll_cta .subject .price				{ display: block; font-weight: 700; font-size: 20px; margin-top: 2px; margin-bottom: 10px; letter-spacing: 0.5px; color: #5b5b5b; font-family: "Poppins"; }
.scroll_cta p 							{ margin: 25px 0 5px 0;}
.scroll_cta .tel 						{ color: #5b5b5b!important; display: block;}
.scroll_cta .demande					{ color: #fff!important; background-color: #E62173!important;}
.scroll_cta .link 						{ height: 60px; line-height: 58px; max-width: 200px; display: block; margin: 10px auto 0 auto; background-color: #e72074; color: #fff;}

@media (max-width:1200px) {
.scroll_cta .subject .price				{ font-size: 25px;}
.scroll_cta .link 						{ width: 100%; max-width: 230px; display: block;}
.scroll_cta .tel 						{ background-position: 30px 50%}
}
@media (max-width:1000px) {
.scroll_cta .tel 						{ display: block; margin: 30px auto 10px; background-position: 45px 50%}
}
@media (max-width:600px) {
.scroll_cta 							{ padding: 0 25px 25px 25px;}
.scroll_cta .subject 					{ font-size: 12px; margin: 0 -25px;}
.scroll_cta .link 						{ margin: 10px auto 0 ;}
.down_cta                               { text-align: center;}
}


.clear                                  { padding: 50px;}


/***** onglets *****/
.onglets  							{ position:relative; z-index:10; }
.onglets .nav_onglets 				{ margin-bottom: 40px;}
.onglets .nav_onglets .link			{ text-align: center; font: 500 13px/58px "Poppins"; background-color: #eee; color: #5b5b5b; margin-bottom: 10px; margin-right: 10px;}
.onglets .nav_onglets .link:after   { width: 10px; height: 10px; position: absolute; left: 50%; bottom: 10px; margin-left: -5px; transform: rotate(45deg); transition: all 300ms ease-in-out; background: #ededed; z-index: -1; content: "";}
.onglets .nav_onglets .link.active	{ background-color: #e72074; color: #fff; margin-bottom: 10px;}

@media (min-width:1201px) {
.onglets .nav_onglets .link:hover	{ background-color: #e72074; color: #fff; margin-bottom: 10px;}
.onglets .nav_onglets .link.active:after   { bottom: -5px; background: #e72074; transition: all 400ms ease-in-out; z-index: 1;}
}
@media (max-width:600px) {
.onglets  							{ margin-bottom: 50px; }
.onglets .nav_onglets 				{ display:grid; grid-template-columns:1fr; grid-gap:10px;}
.onglets .nav_onglets .link			{ width:100%; padding:0; margin: 0; line-height: 48px; height: 48px;}
.onglets .nav_onglets .link.active  { margin: 0;}
.nav_onglets .link:after 			{ display:none;}
}


ul.list_details li						{ display: grid; grid-template-columns: 1fr 1fr; border-bottom:1px solid #eeeeee; padding:10px 0 8px 0;  }

@media (max-width:1000px) {	
ul.list_details li						{ grid-template-columns: 1fr auto; }
}


/** PEB **/
.peb  									{ margin-top: 40px; max-width: 420px;}
.peb .peb_item							{ font-size: 14px; line-height: 30px; color: #000; margin-top: 10px; text-align: right; font-weight: 400; overflow: hidden; position: relative;}
.peb .peb_item b						{ height: 30px; display: block; padding: 0 12px; font-weight: 400; border-radius: 0; position: relative; z-index: 10;}
.peb .peb_item span						{ height: 30px; display: block; padding: 0 12px; position: absolute; right: 0; top: 0; border-radius: 0; z-index: 5;}
.peb .peb_item span:before				{ width: 500px; height: 2px; background: #ccc; position: absolute; right: 100%; top: 50%; margin-top: -1px; z-index: 0; content: "";}
.peb .peb_a b							{ width: 16%; background: #33a357;}
.peb .peb_a span, 
.peb .peb_a span:before					{ background: #33a357;}
.peb .peb_b b							{ width: 24%; background: #79b752;}
.peb .peb_b span, 
.peb .peb_b span:before					{ background: #79b752;}
.peb .peb_c b							{ width: 32%; background: #c3d545;}
.peb .peb_c span,					 
.peb .peb_c span:before					{ background: #c3d545;}
.peb .peb_d b							{ width: 40%; background: #fff12c;}
.peb .peb_d span, 
.peb .peb_d span:before					{ background:#fff12c;}
.peb .peb_e b							{ width: 48%; background: #edb731;}
.peb .peb_e span, 
.peb .peb_e span:before					{ background:#edb731;}
.peb .peb_f b							{ width: 56%; background: #d66f2c;}
.peb .peb_f span, 
.peb .peb_f span:before					{ background:#d66f2c;}
.peb .peb_g b							{ width: 64%; background: #cc232a;}
.peb .peb_g span, 
.peb .peb_g span:before					{ background: #cc232a;}

@media (max-width:1000px) {
.peb .peb_a b							{ width: 25%;}
.peb .peb_b b							{ width: 30%;}
.peb .peb_c b							{ width: 35%;}
.peb .peb_d b							{ width: 40%;}
.peb .peb_e b							{ width: 45%;}
.peb .peb_f b							{ width: 50%;}
.peb .peb_g b							{ width: 55%;}
}



/** Pagintation **/
.pagination 							{ width: 100%; margin: 0px auto 50px; position: relative; text-align: center;}
.pagination a 							{ position: relative; display: inline-block; font-size: 16px; color: #fff; width: 50px; height: 50px; margin: 0 5px; border-radius: 5px; background-color: #5b5b5b ; line-height: 48px;}
.pagination a.active 					{ background-color: #E62173 ;}
@media (min-width:1201px) {	
.pagination .slick-arrow:hover         	{ opacity: 0.5;}
}