/***** page content *****/
.page_content						{ position: relative; width: 100%; padding: 70px 0 0 0;}
.page_content p						{ margin-bottom: 15px;}

.page_content .ul_list a, 
.page_content p a					{ border-bottom: 1px solid #eee; padding-bottom: 2px; }
@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ color: #f49640; border-bottom:1px solid #f49640;}
}
@media (max-width:600px) { 
.page_content						{ position: relative; width: 100%; padding: 70px 0 0 0;}
}


/***** top page *****/
.top_page	  		   				{ position: relative; color: #fff; background-color: #2d2d2d; padding: 0; z-index: 50; }
.top_page .content    				{ padding: 120px 0 100px; color: #fff;}
.top_page .content .chapo     		{ color: #fff;}
.top_page .content .chapo a   		{ color: #fff; border-bottom:1px solid #ffffff20;}
.top_page .content .sous_titre		{ color: #fff;}
.top_page .content .link     		{ margin-top: 25px;}

@media (min-width:1201px) { 
.top_page .content .chapo a:hover    { color: #fff; border-bottom:1px solid #ffffff;}
}
@media (max-width:1200px) { 
.top_page .content    				{ padding: 40px 0 60px;}
}
@media (max-width:1000px) { 
.top_page .content    				{ padding: 40px 0 50px;}
}
@media (max-width:600px) { 
.top_page .content    				{ padding: 40px 0 40px;}
}



/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; margin-bottom: 0; margin: 25px 0 20px;}
.breadcrumb li 						{ display: inline-block; font: 400 13px/48px "Poppins"; margin-right: 35px; position: relative;}
.breadcrumb li .active				{ color: #f49640;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -18px; top: 20px; background: #fff;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #fff;}
@media (min-width:1201px) { 
.breadcrumb li a:hover              { color: #f49640; }
}
@media (max-width:1200px) { 
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}




/***** bloc texte *****/
.bloc_texte 						{ margin: 100px auto; position: relative; z-index: 90;}	
.bloc_texte.bloc_bottom				{ margin: 100px auto 0;}	

@media (min-width:1201px) { 
.bloc_texte p a:hover				{ border-bottom: 1px solid #f49640;}
}
@media (max-width:1200px) { 
.bloc_texte.bloc_bottom				{ margin: 80px auto 0;}	
}
@media (max-width:1000px) { 
.bloc_texte                         { text-align: left; margin: 60px 0;}
.bloc_texte:last-child				{ margin-bottom: 70px;}
.bloc_texte.bloc_bottom				{ margin: 70px auto 0;}	
}
@media (max-width:600px) { 
.page_content p						{ margin-bottom: 10px;}
.bloc_texte 						{ margin: 40px 0;}
.bloc_texte:last-child				{ margin-bottom: 50px;}
.bloc_texte.bloc_bottom				{ margin: 50px auto 0;}	
}



/***** bloc grid *****/
.bloc_grid .photo:after 			{ content: ""; background: #f49640; position: absolute; right: calc(100% + 20px); bottom: 0; top: 0; width: 150%; height: 100%; display: block; z-index: 70;}
.bloc_grid.reverse .photo:after 	{ right: inherit; left: calc(100% + 20px);}
@media (max-width:1200px) { 
.bloc_grid .photo:after 			{ display: none;}
.bloc_grid.reverse .photo:after 	{ display: none;}
}
@media (max-width:1000px) { 
}
@media (max-width:600px) { 

}



@media (max-width:600px) { 
#pourquoi .bloc_grid .texte img    { display: none;}
#pourquoi .bloc_grid               { margin: 50px auto; grid-gap: 20px;}
}



/***** Biens *****/
.biens .grid                       { display: grid; grid-template-columns: 48% 48%; grid-gap: 50px;}
.biens .grid .item                 { background-color: #f1f1f1;}
.biens .grid .item img             { display: block; width: 100%; height: auto}
.biens .grid .item .photo          { position: relative;}
.biens .grid .item .photo .type    { position: absolute; top: 20px; left: 20px; background-color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 0 20px; line-height: 45px; }
.biens .grid .item .localisation   { color: #f49640; padding: 0 0 0 30px; background: url("../images/localisation.svg") 0 50% no-repeat; }
.biens .grid .item .infos          { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: end; margin-bottom: 25px;}
.biens .grid .item .sous_titre     { margin-bottom: 5px;}

.biens .grid .item ul li           { border-bottom: 1px solid #ddd; padding: 5px 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; font-size: 13px;}
.biens .grid .item ul li span      { text-align: right; }
.biens .grid .item .row            { padding: 40px 60px; }
.biens .grid .item .link           { margin-top: 25px; display: block; width: 100%;}
.biens .grid .item .peb            { display: block; width: 68px; height: 20px;}

.biens .grid .item .photo .slider			{ line-height:0;}
.biens .grid .item .photo .slick-slide		{ position:relative;}
.biens .grid .item .photo .nav_slider		{ position:absolute; top: calc(50% - 30px); right: 0; left: 0; z-index: 50;}
.biens .grid .item .photo .slick-arrow		{ background-color: #fff; position: absolute;}
.biens .grid .item .photo .slick-next		{ right: 0;}
.biens .grid .item .photo .slick-prev		{ left: 0;}

@media (max-width:1200px) { 
.biens .grid .item .row            { padding: 40px 50px; }
}
@media (max-width:1000px) { 
.biens .grid                       { grid-template-columns: 100%; grid-gap: 50px;}
.biens .grid .item .row            { padding: 40px 5vw; }
}
@media (max-width:600px) { 
.biens .grid                       { grid-gap: 30px;}
.biens .grid .item .row            { padding: 40px 7.5vw; }
}

/***** Gallery *****/
.biens .photo a                    { display: block; width: 100%; height: 100%; position: relative;}
.biens .photo a:after              { position: absolute; content: ""; top:0; left: 0; width: 100%; height: 100%; background:url("../images/loupe.svg") center no-repeat #00000044; opacity: 0; visibility: hidden;}
.biens .photo a img                { width: 100%; height: 100%; object-fit: cover; }
@media (min-width:1201px) {
.biens .photo a:hover:after        { opacity: 1;visibility: visible; }
}


/***** custom fancybox *****/
.fancybox-bg									{ background: #eee;}
.fancybox-is-open .fancybox-bg					{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 						{ background: none; color: #f49640; font: 400 14px/60px "Poppins"; letter-spacing: 0.8px;}
.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: 60px; height: 60px; background: #f49640 ; 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.svg") 54% 50% no-repeat #fff; margin-top: -30px;}
.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: #f49640 ;} 
.fancybox-arrow:hover:not([disabled])  			{ background-color: #f49640 ;}
}
@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;}
}