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


/***** bloc de recherche *****/
.search								        { position:relative; z-index:20; margin: 80px auto;}
.search form 						        { display:grid; grid-template-columns:1fr 1fr 1fr 60px; grid-gap:10px; background-color: #fff; width: 100%;}
.search form .item                          { height: 60px; }
.search form select,				
.search form input[type=text]		        { width:100%; padding:0 20px; height:60px; font:400 14px/20px "Barlow"; letter-spacing:0.6px; color:#000; -webkit-appearance:none; appearance:none; background:url("../images/arrow_down.svg") calc(100% - 20px) 50% no-repeat #f0f0f0; border-radius: 5px; border: none; }
.search form input[type=text]		        { background:#fff; border: 1px solid #f0f0f0;}
.search form .link					        { width: 60px; margin:0; padding:0; border:none; background:url("../images/search.svg") 50% no-repeat transparent; cursor:pointer; opacity: 1;}

@media (min-width:1201px) {
.search form .link:hover			        { opacity: 0.5;}
}

@media (max-width:1200px) {
.search								        { margin: 70px auto;}
.search form 						        { grid-template-columns:1fr 1fr; grid-gap:15px; margin-top:0; width: 100%; }
.search form .link					        { width:100%; background:url("../images/search_white.svg") 50% no-repeat #e91760; }
}

@media (max-width:800px) {
.search								        { margin: 60px auto;}
.search form 						        { grid-template-columns:1fr;}
.search form .item:last-child 		        { grid-column:1;}
.search	.link 						        { width:110px; padding:0;}
}

@media (max-width:600px) {
.search								        { margin: 50px auto;}
.search form 						        { margin-top:20px; grid-gap:10px;}
.search form select,				        
.search form input[type=text]		        { height:50px; font-size:14px;}
.search	.link 						        { width:100%;}
}


.price                     			        { font: 600 18px/30px "Barlow"; letter-spacing: 0.6px; color: #e91760; margin-bottom: 15px; margin-top: 5px; position: relative; z-index: 10; display: inline-block; text-transform: uppercase;}

@media (max-width:600px) {
.price                     			        { font-size:16px;}
 }


/**** listing ****/

.listing 								    { margin: 0 auto 60px; display: grid; grid-template-columns: 1fr 1fr 1fr; justify-items: center; grid-gap: 30px;}
@media (max-width:1200px) {
.listing .item 							    { margin: 0; }
}
@media (max-width:1000px) {
.listing 								    { margin: 0 auto 50px; grid-template-columns: 1fr 1fr; }
}
@media (max-width:700px) {
.listing 								    { margin: 0 auto 40px; grid-template-columns: 1fr; }
}


/**** Biens ****/
.biens .item							    { max-width: 400px; width: 100%; transition: all 400ms ease-in-out;}
.biens .item .photo .thumb                  { width: 100%; height: auto; object-fit: cover; display: block;}
.biens .item .photo a                       { display: block; position: relative;}
.biens .item .photo                         { position: relative; }
.biens .item .photo .small_peb              { position: absolute; top: 15px; left: 20px;}
.biens .item .statut                        { opacity: 1; visibility: visible; position: absolute; top: 15px; right: 20px; font: 500 10px/30px "Barlow"; letter-spacing: 1.4px; color: #ffffff; padding: 0 15px; background: #e91760; transition: all 400ms ease-in-out; text-transform: uppercase;}
.biens .item .statut.option,    
.biens .item .statut.vendu                  { background: #3a3a3a; color: #fff;}
.biens .item .photo a::after        	    { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; content: ""; width: 100%;height: 100%;background: url("../images/plus.svg") center no-repeat rgba(0,0,0,0.5); }
.biens .item .content_item     		        { position: relative; padding: 20px 30px; border: 1px solid #ddd; border-top: 0; display: block;background:#fff; overflow: hidden;}
.biens .item p                      	    { font: 400 14px/24px "Barlow"; letter-spacing: 0.2px; color: #3a3a3a; margin-bottom: 20px;}
.biens .item .lieu 			                { font: 400 16px/28px "Barlow"; letter-spacing: 0.4px; text-transform: none; color: #000; display: block; }
.biens .item .link                          { width: 100%; display: block; text-align: center;}
.biens .item .vl                            { position: absolute; margin-top: 5px; right: 30px; font-size: 16px; font-weight: 600; color: #3a3a3a;}
.biens .item .sous_titre                    { font-size: 22px; font-weight: 600; margin-bottom: 0; color: #3a3a3a;}

.biens ul                           	    { padding: 15px 30px; margin: 0 -30px 15px; position: relative;}
.biens ul:after                             { content: ""; width: calc(100% - 58px); height: 1px; background-color: #dedede; position: absolute; top: 0; left: 28px; }
.biens ul li                        	    { font: 400 14px/28px "Barlow"; letter-spacing: 0.2px;color: #333; display: inline-block;margin-right: 25px;position: relative;}
.biens ul li::after                 	    { position: absolute; content: ""; top: 9px; right: -16px; width: 1px; height: 10px; background: #000; }
.biens ul li:last-child::after      	    { display: none; }
.biens ul li:last-child             	    { margin-right: 0; }



@media (min-width:1201px) {
.biens .item .photo:hover a::after  	    { opacity: 1; visibility: visible;}
.biens .item .photo:hover .vl       	    { opacity: 0; visibility: hidden;}
}
@media (max-width:1200px) {
.biens .item .sous_titre                    { font-size: 20px; }

}
@media (max-width:600px) {
.biens ul                           	    { padding: 15px 30px; margin: 0 -30px;}
.biens ul li                        	    { font-size: 12px;}
.biens .price                       	    { margin-bottom: 25px;}
.biens .item a.content_item         	    { padding: 20px 7.5vw 0;}
.biens .item .vl                    	    { font-size: 12px; line-height: 30px;}
.biens .item .sous_titre                    { font-size: 18px; }
.biens .item .link                          { height: 55px; line-height: 53px}
}

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


/***** link back *****/
.link_back							        { display: inline-block; font-size: 13px; line-height: 20px; margin: 80px 0; position: relative; letter-spacing: 0.6px; background: url("../images/arrow_back.svg") left 45% no-repeat; padding-left: 20px;}

@media (min-width:1201px) {    
.link_back:hover					        { color: #e91760;}
}
@media (max-width:1000px) { 
.link_back							        { margin: 60px 0;}
}
@media (max-width:600px) { 
.link_back							        { margin: 40px 0; font-size: 12px;}
}


/***** top fiche *****/
.top_fiche  			  	 		        { position: relative; padding-top: 170px; margin-bottom: 100px; overflow: hidden;}
.top_fiche .wrapper		  	 		        { z-index: 5;}
.top_fiche .link_back 				        { margin: 0 0 30px 0;}

.top_fiche .titre 					        { font-size: 28px; line-height: 30px; color: #3a3a3a;  margin-bottom: 40px; display: inline-block; position: relative; width: 100%; max-width: 850px}
.top_fiche .titre .price 			        { color: #e91760; font-size: 24px;}
.top_fiche .titre .price:before		        { content: " - "; color: #000;}
.top_fiche .titre .tag				        { height: 38px; text-align: center; padding: 0 20px; background: #e91760; color: #fff; text-transform: uppercase; font: 400 11px/38px "Barlow"; letter-spacing: 1.4px; position: absolute; right: 0; top: 2px;}

.top_fiche .photos 					        { position: relative; z-index: 5;}
.top_fiche .photos .slider 			        { width: 1760px; max-height: 550px;}
.top_fiche .photos .item 			        { margin-right: 20px;}
.top_fiche .photos a				        { display: block; height: 100%; z-index: 5;}
.top_fiche .photos a:after			        { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/search.svg") 50% 60% no-repeat rgba(0,0,0,0.5); opacity: 0; content:"";}
.top_fiche .photos img				        { width: 100%; height: 100%; min-height: 540px; display: block; position: relative; object-fit: cover;}
.top_fiche .photos .nav_slider 		        { width: 850px; position: absolute; left: 0; top: 50%;}
.top_fiche .photos .slick-arrow		        { height: 60px; width: 60px; background-color: #fff; position: absolute; left: 20px; top: 50%; margin-top: -35px; border-radius: 5px;}
.top_fiche .photos .slick-next		        { left: auto; right: 20px; background-color: #f5f5f5; border-radius: 5px; background: url("../images/arrow_next_pink.svg") 52% 50% no-repeat #fff;}
.top_fiche .photos .slick-prev		        { background: url("../images/arrow_prev_pink.svg") 48% 50% no-repeat #fff;}

.top_fiche .share 					        { font-size: 0; letter-spacing: 0; position: absolute; right: 0; top: 60px;}
.top_fiche .share a 				        { width: 40px; height: 40px; display: inline-block; vertical-align: top; margin-left: 10px; border-radius: 50%; cursor: pointer;}
.top_fiche .share .facebook			        { background:url("../images/facebook_white.svg") 50% no-repeat #000;}
.top_fiche .share .twitter			        { background:url("../images/twitter.svg") 50% no-repeat #000;}
.top_fiche .share .whatsapp			        { background:url("../images/tel.svg") 50% no-repeat #000;}
.top_fiche .share .whatsapp:after 	        { width: 0; height: 0; border-style: solid; border-width: 0 15px 13px 0; border-color: transparent #000 transparent transparent; position: absolute; left: -4px; bottom: 3px; transform: rotate(75deg); content: "";}
.top_fiche .share .imprimer			        { background:url("../images/print_share.svg") 50% no-repeat #000;}

@media (min-width:1201px) {
.top_fiche .photos a:hover:after	        { opacity: 1; background-position: 50%;}
.top_fiche .share a:hover 			        { background-color: #e91760;}  			
.top_fiche .share a:hover:after 	        { border-color: transparent #e91760 transparent transparent;}
}
@media (max-width:1200px) { 
.top_fiche  			  	 		        { padding-top: 140px; margin-bottom: 80px;}
.top_fiche .titre 					        { font-size: 25px; line-height: 35px; max-width: inherit}
.top_fiche .titre .price 			        { font-size: 22px;}
.top_fiche .titre .tag				        { top: 60px; }

.top_fiche .photos .slider 			        { width: 1540px; max-height: 500px;}
.top_fiche .photos .item 			        { margin-right: 20px;}
.top_fiche .photos .nav_slider 		        { width: 750px;}
.top_fiche .photos .slick-next		        { background-color: #fff;}
}
@media (max-width:1000px) { 
.top_fiche  			  	 		        { padding-top: 120px; margin-bottom: 50px;}
.top_fiche .titre 					        { margin-bottom: 30px;}
.top_fiche .titre .tag				        { top: 5px; }
.top_fiche .photos img				        { min-height: 480px; }
.top_fiche .photos .slider 			        { width: 100%;}
.top_fiche .photos .item 			        { margin-right: 0;}
.top_fiche .photos .nav_slider 		        { width: 100%;}
.top_fiche .share 					        { position: relative; right: auto; top: auto; margin-top: 30px;}
.top_fiche .share .facebook			        { margin: 0;}
}
@media (max-width:600px) {
.top_fiche 							        { padding-top: 20px; margin-top: 80px; margin-bottom: 30px; border-top: 2px solid #e91760;}
.top_fiche br 						        { display: none;}
.top_fiche .titre,
.top_fiche .titre .price 			        { font-size: 18px; font-weight: 600;}
.top_fiche .photos img				        { min-height: 320px; }

.top_fiche .titre br				        { display: none;}
.top_fiche .titre .price 			        { display: block; padding: 2px 0; margin: 0;}
.top_fiche .titre .price:before		        { display: none;}
.top_fiche .photos   				        { margin: 0 -7.5vw; max-height: 400px;}
.top_fiche .photos .slick-arrow		        { height: 60px; left: -3px; margin-top: -30px;}
.top_fiche .photos .slick-next		        { left: auto; right: -3px;}
.top_fiche .share a 				        { width: 36px; height: 36px;}
}


/***** resume *****/
.resume 							        { display: grid; grid-template-columns: 1fr 350px; grid-gap: 80px; align-items: start;}
.resume .right 						        { position: sticky; top: 100px;}

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


/* icones */
.icones								        { margin: 40px 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.icones .item 						        { display: grid; grid-template-columns: 45px 1fr; grid-gap: 20px; align-items: center;}
.icones img 						        { display: block; margin: 0 auto;}

@media (max-width:1200px) {
.icones								        { grid-template-columns: 1fr 1fr;}
}
@media (max-width:1000px) {
.icones								        { margin: 30px 0;}
}
@media (max-width:600px) {
.icones								        { grid-gap: 20px; grid-template-columns: 1fr;}
.icones img 						        { width: 30px;}

}



/**** show hide ****/        
.resume .show_hide .hide  				{ padding: 40px 30px 35px 30px;}
.resume .show_hide .hide ul li			{ display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #ccc; padding: 12px 0;}

@media (max-width: 600px){
.resume .show_hide .hide  				{ padding: 15px 20px 15px 20px;}
.resume .show_hide .hide ul li 			{ grid-template-columns: 1fr auto; }

}


/** cta contact **/
.scroll_cta 							{ margin-top: 30px; padding: 0 40px 40px; text-align: center; overflow: hidden; background-color: #f0f0f0; }
.scroll_cta .subject 					{ font-size: 15px; line-height: 25px; letter-spacing: 0.5px; padding: 25px 40px 20px 40px; margin: 0 -40px; background: #3a3a3a; color: #fff; font-family: "Barlow";}
.scroll_cta .subject .price				{ display: block; font-weight: 600; font-size: 20px; margin-top: 2px; margin-top: 10px;  margin-bottom: 10px; letter-spacing: 0.3px; color: #fff; font-family: "Barlow"; }
.scroll_cta p 							{ margin: 25px 0 5px 0;}
.scroll_cta .sous_titre                 { font-size: 20px; color: #3a3a3a; margin-bottom: 15px}
.scroll_cta .link 						{ height: 55px; line-height: 53px; width: 210px; display: block; margin: 10px auto 0 auto; color: #fff;}

@media (max-width:1200px) {

.scroll_cta .link 						{ width: 100%; max-width: 230px; display: block;}
}
@media (max-width:1000px) {
}
@media (max-width:600px) {
.scroll_cta 							{ padding: 0 25px 25px 25px; margin-top: 0;}
.scroll_cta .sous_titre                 { font-size: 16px; }
.scroll_cta .subject 					{ font-size: 14px; margin: 0 -25px;}
.scroll_cta .link 						{ margin: 10px auto 0 ;}
.down_cta                               { text-align: center;}
}


/***** 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%;}
}




/***** custom fancybox *****/
.fancybox-bg									{ background: #fff;}
.fancybox-is-open .fancybox-bg					{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 						{ background: none; color: #000; font: 400 14px/50px "Barlow"; letter-spacing: 0.3px;}
.fancybox-infobar 								{ top: 30px; left: auto; right: 90px; margin-left: 0;}
.fancybox-infobar button						{ display: none;}
.fancybox-toolbar 								{ top: 30px; right: 30px;}
.fancybox-show-nav .fancybox-arrow 				{ opacity: 1; transition: all 400ms ease-in-out;}
.fancybox-button--close 						{ width: 50px; height: 50px; background: #1b1b1b; border-radius: 5px; transition: all 400ms ease-in-out;}
.fancybox-button--close:before					{ width: 18px; left: calc(50% - 9px); background: #fff;}
.fancybox-button--close:after					{ width: 18px; left: calc(50% - 9px); background: #fff;}
.fancybox-arrow 								{ width: 60px; height: 60px; background: url("../images/arrow_next_pink.svg") 50% no-repeat; margin-top: -30px;}
.fancybox-button--play,
.fancybox-button--fullscreen,
.fancybox-button--thumbs,
.fancybox-arrow:after							{ display: none;}
.fancybox-arrow--right 							{ right: 30px;}
.fancybox-arrow--left 							{ left: 30px;}

@media (min-width:1201px) { 
.fancybox-button:hover:not([disabled]) 			{ background-color: #e91760;} 
.fancybox-arrow:hover:not([disabled])  			{ opacity: 0.5;}
}
@media (max-width:1200px) { 
.fancybox-arrow			 						{ border: none;}
}
@media (max-width:700px) { 
.fancybox-button,
.fancybox-infobar__body 						{ line-height: 40px;}
.fancybox-infobar 								{ top: 7.5vw; left: 7.5vw;}
.fancybox-toolbar 								{ top: 7.5vw; right: 7.5vw;}
.fancybox-button--close 						{ width: 40px; height: 40px;}
.fancybox-button--close:before					{ width: 20px; left: calc(50% - 10px);}
.fancybox-button--close:after					{ width: 20px; left: calc(50% - 10px);}
.fancybox-arrow 								{ width: 40px; height: 40px; margin-top: -20px; background-size: 20% auto;}
.fancybox-arrow--right 							{ right: 7.5vw;}
.fancybox-arrow--left 							{ left: 7.5vw;}
}