/***** banner *****/
.banner 									{ position: relative;}
.banner picture 							{ display: block; position: absolute; width: 52%; top: 25px; right: 25px; bottom: 0; border-radius: 50px 0 50px 50px; overflow: hidden;}
.banner picture img  						{ width: 100%; height: 100%; object-fit: cover; object-position: right bottom; position: relative; display: block;}
.banner .texte  							{ padding: 240px 0 140px 0;}
.banner .texte .titre_main  				{ font-size: 85px; line-height: 75px; margin-bottom: 25px;}
.banner .texte .sous_titre  				{ font-size: 35px; line-height: 45px; max-width: 500px;}
.banner .texte .search  					{ width: 100%; max-width: 980px; background: #eef6f8; border-radius: 20px; padding: 50px; margin: 50px 0 0 -50px;}

@media (max-width:2000px) {
.banner picture 							{ width: 60%;}
.banner .texte  							{ padding: 220px 0 100px 0;}
}
@media (max-width:1600px) {
.banner .texte  							{ padding: 200px 0 80px 0;}
.banner .texte .titre_main  				{ font-size: 75px; line-height: 65px; margin-bottom: 20px;}
.banner .texte .sous_titre  				{ font-size: 30px; line-height: 40px; max-width: 500px;}
.banner .texte .search  					{ max-width: 900px; margin: 40px 0 0 -20px;}
}
@media (max-width:1200px) {
.banner picture 							{ top: 0; right: 0; border-radius: 0 0 0 40px;}
.banner .texte  							{ padding: 160px 0 80px 0;}
.banner .texte .titre_main  				{ font-size: 65px; line-height: 55px;}
.banner .texte .sous_titre  				{ font-size: 28px; line-height: 38px; max-width: 500px;}
.banner .texte .search  					{ max-width: 820px; margin: 30px 0 0 0; border-radius: 15px; padding: 40px;}
}
@media (max-width:1000px) {
.banner picture 							{ border-radius: 0; position: relative; width: 100%; max-height: 450px;}
.banner .texte  							{ padding: 60px 0 0 0;}
.banner .texte .titre_main  				{ font-size: 55px; line-height: 50px;}
.banner .texte .sous_titre  				{ font-size: 28px; line-height: 38px; max-width: none;}
.banner .texte .search  					{ max-width: none; border-radius: 10px;}
}
@media (max-width:700px) {
.banner picture img							{ min-height: 280px;}
.banner .texte  							{ padding: 30px 0 0 0;}
.banner .texte .titre_main  				{ font-size: 40px; line-height: 40px; margin-bottom: 10px;}
.banner .texte .sous_titre  				{ font-size: 22px; line-height: 30px;}
.banner .texte .search  					{ padding: 20px; border-radius: 8px; margin: 20px 0 0 0;}
}



/***** logements *****/
.logements                          		{ position: relative; max-height: 680px;}
.logements .item                          	{ margin: 0 10px;}
.logements .item a                        	{ display: block;}
.logements .item a img 						{ width: 100%; height: auto; display: block; border-radius: 20px; opacity: 0.65; transition: opacity 300ms ease-in-out;}
.logements .item a .titre_main 				{ font-size: 50px; line-height: 50px; color: #fff; margin: -80px 0 0 40px; z-index: 10;}
.logements .item a ul 		 				{ padding: 55px 0 0 40px; line-height: 24px; background: url("../images/arrow_link.svg") right+40px bottom no-repeat; opacity: 0; transition: opacity 300ms ease-in-out;}
.logements .item a ul li	 				{ display: inline-block; margin-right: 30px; position: relative;}
.logements .item a ul li.mobile				{ display: none;}
.logements .item a ul li:after 				{ width: 5px; height: 5px; content: ""; position: absolute; right: -18px; top: 10px; border-radius: 50%; background: #1b9dc8;}
.logements .item a ul li:last-child:after 	{ display: none;}
.logements .slick-current a img 			{ opacity: 1;}
.logements .slick-current a ul 				{ opacity: 1;}
.logements .slick-arrow 					{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; margin-top: -20px;}
.logements .slick-next 						{ right: 25px;}
.logements .slick-prev 						{ left: 25px;}

@media (max-width:1200px) {
.logements .item                          	{ margin: 0 8px;}
.logements .item a img 						{ border-radius: 15px;}
.logements .item a .titre_main 				{ font-size: 45px; line-height: 45px;  margin: -75px 0 0 40px;}
}
@media (max-width:1000px) {
.logements .item a img 						{ border-radius: 10px;}
.logements .item a .titre_main 				{ font-size: 40px; line-height: 40px;  margin: -70px 0 0 30px;}
.logements .item a ul 		 				{ padding: 55px 0 0 30px; background-position: right+30px bottom;}
}
@media (max-width:700px) {
.logements                           		{ padding-top: 10px;}
.logements .item                          	{ margin: 0 5px;}
.logements .item a img 						{ border-radius: 8px; opacity: 0.5;}
.logements .item a .titre_main 				{ font-size: 30px; line-height: 30px; margin: 15px 0 0 10px; color: #245873; background: url("../images/arrow_link.svg") right+10px center no-repeat; opacity: 0; transition: opacity 300ms ease-in-out;}
.logements .item a ul 		 				{ padding: 6px 0 0 12px; background: none;}
.logements .item a ul li	 				{ display: none;}
.logements .item a ul li.mobile				{ display: inline-block;}
.logements .slick-current a img 			{ opacity: 1;}
.logements .slick-current a .titre_main 	{ opacity: 1;}
.logements .slick-arrow 					{ margin-top: -28px;}
.logements .slick-next 						{ right: calc(6vw + 20px);}
.logements .slick-prev 						{ left: calc(6vw + 20px);}
}



/***** about *****/
.about 										{ margin: 140px 0; grid-gap: 0;}
.about .photo								{ padding: 0 100px 0 50px;}
.about .sous_titre							{ max-width: 460px; margin-bottom: 25px;}
.about .link								{ margin: 15px 6px 0 0;}

@media (max-width:1600px) {
.about 										{ margin: 120px 0;}
.about .photo								{ padding: 0 80px 0 40px;}
}
@media (max-width:1200px) {
.about 										{ margin: 100px 0;}
.about .photo								{ padding: 0 60px 0 0;}
.about .sous_titre							{ margin-bottom: 20px;}
.about .link								{ margin: 10px 6px 0 0;}
}
@media (max-width:1000px) {
.about 										{ margin: 60px auto;}
.about .photo								{ display: none;}
.about .sous_titre							{ max-width: none;}
}
@media (max-width:700px) {
.about 										{ margin: 40px auto;}
.about .sous_titre							{ margin-bottom: 15px;}
.about .link								{ width: 100%; text-align: center;}
.about .link:first-child					{ margin-top: 15px;}
}