/***** banner *****/
.banner 							{ width: 100%; display: grid; grid-template-columns: 370px auto; align-items: center; position: relative; z-index: 10; padding-top: 120px;}
.banner:before 						{ width: 100vw; background: #ffe400; position: absolute; left: 50%; top: 0; bottom: 150px; margin-left: 220px; content: "";}
.banner .texte 						{ padding: 60px 0; position: relative; z-index: 10;}
.banner .texte .titre_main 			{ font-size: 60px; line-height: 70px; min-width: 800px; letter-spacing: 1.2px; margin: 0;}
.banner .texte .titre_main:after 	{ width: 60px; position: static; display: block; margin: 25px 0;}
.banner .texte p 					{ max-width: 300px; margin: 0;}
.banner .img 						{ position: relative; background: #000;}
.banner .img img					{ width: 100%; height: auto; position: relative; object-fit: cover; display: block;}

@media (max-width:1200px) {
.banner 							{ width: auto; margin: 0 -5vw; grid-template-columns: 370px auto; padding-top: 100px;}
.banner:before 						{ margin-left: 160px;}
.banner .texte 						{ padding: 60px 0 60px 5vw;}
.banner .texte .titre_main 			{ font-size: 50px; line-height: 60px;}
.banner .texte p 					{ font-size: 18px; max-width: 260px;}
}
@media (max-width:1000px) {
.banner 							{ grid-template-columns: 100%;}
.banner:before 						{ display: none;}
.banner .texte 						{ padding: 26px 5vw 30px 5vw; text-align: center;}
.banner .texte .titre_main 			{ font-size: 35px; line-height: 40px; min-width: inherit;}
.banner .texte .titre_main:after 	{ display: none;}
.banner .texte p 					{ display: none;}
.banner .img img					{ max-height: 540px;}
}
@media (max-width:600px) {
.banner 							{ padding-top: 80px; margin: 0 -7.5vw;}
.banner .texte 						{ padding: 20px 7.5vw 22px 7.5vw; text-align: center;}
.banner .texte .titre_main 			{ font-size: 25px; line-height: 30px; letter-spacing: 0.8px;}
}


/***** intro *****/
.intro 								{ background: #eee; padding: 60px 80px; margin: 120px auto; text-align: center;}
.intro .chapo						{ margin: 0;}

@media (max-width:1200px) {
.intro 								{ padding: 50px 60px; margin: 100px auto 80px auto;}
}
@media (max-width:1000px) {
.intro 								{ margin: 80px auto 60px auto;}
}
@media (max-width:600px) {
.intro 								{ display: none;}
}


/***** biens *****/
.biens 								{ text-align: center; position: relative; margin-bottom: 150px;}
.biens .slider 						{ margin: 40px -15px 40px -15px;}
.biens .item_bien 					{ margin: 0 15px;}
.biens .nav_slider 					{ position: absolute; right: 0; bottom: 0;}
.biens .links 						{ text-align: left;}
.biens .links a 					{ margin-right: 10px; width: 170px; text-align: center; padding: 0;}

@media (max-width:1200px) {
.biens 								{ margin-bottom: 140px;}
}
@media (max-width:800px) {
.biens .slider 						{ margin: 40px -5vw 40px -5vw;}
.biens .item_bien 					{ margin: 0 2.5vw; opacity: 0.35;}
.biens .item_bien.slick-current		{ opacity: 1;}
.biens .nav_slider 					{ position: static;}
.biens .links 						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 40px;}
.biens .links a 					{ margin-right: 0; width: auto;}
}
@media (max-width:600px) {
.biens 								{ margin: 50px 0 90px 0;}
.biens .slider 						{ margin: 25px -7.5vw 30px -7.5vw;}
.biens .item_bien 					{ margin: 0 10px;}
.biens .links 						{ grid-template-columns: 1fr; margin-top: 25px;}
}


/***** services *****/
.services 							{ text-align: center; margin: 100px 0; position: relative;}
.services .bloc_grid 				{ text-align: left; align-items: start;}
.services p b 						{ font-size: 20px; font-weight: 500; display: block; margin: -5px 0 20px 0;}
.services p a						{ color: #000; border-bottom: 1px solid #ccc; padding-bottom: 2px;}
.services .item						{ margin-bottom: 40px;}
.services .item	.sous_titre			{ color: #fff; background: #000; padding: 0 30px; line-height: 56px; height: 60px;}
.services .item .arrow				{ width: 100%; height: 60px; position: absolute; right: 0; top: 0;}
.services .item .arrow span			{ float: right; width: 20px; height: 60px; display: block; background: url("../images/arrow_link.svg") 100% 50% no-repeat; margin-right: 30px;}

@media (min-width:1201px) { 
.services .item .arrow:hover span 	{ width: 40px;}
.services p a:hover 				{ border-color: #000;}
}
@media (max-width:1200px) {
.services 							{ margin: 80px 0;}
}
@media (max-width:600px) {
.services 							{ margin: 50px 0;}
.services p b 						{ font-size: 16px; margin: 0 0 15px 0; text-align: center;}
.services p   						{ text-align: left;}
.services .bloc_grid 				{ margin: 30px 0 0 0;}
.services .bloc_grid .photo 		{ display: none;}
.services .item						{ margin-bottom: 10px;}
.services .item	.sous_titre			{ padding: 0 20px; margin: 0; height: 50px; line-height: 46px;}
.services .item	p					{ display: none;}
.services .item .arrow				{ height: 50px;}
.services .item .arrow span			{ margin-right: 20px; height: 50px;}
}


/***** about *****/
.about 								{ display: grid; grid-template-columns: 1fr 400px; grid-gap: 80px;}
.about p 							{ margin-bottom: 20px;}
.about .link 						{ margin-top: 5px;}
.about .garanties 					{ position: relative; background: #ffe400; margin-top: 60px; padding: 45px;}
.about .garanties .titre 			{ width: 175px; height: 50px; font: normal 700 15px/48px "Barlow"; letter-spacing: 1px; text-transform: uppercase; color: #fff; background: #000; position: absolute; left: 0; top: -50px; text-align: center;}
.about .garanties .titre:after 		{ width: 0; height: 0; border-style: solid; border-width: 0 15px 13px 0; border-color: transparent #000 transparent transparent; position: absolute; left: 30px; bottom: -13px; content: "";}
.about .garanties li				{ padding-left: 35px; background: url("../images/check.svg") 0 3px no-repeat; line-height: 26px; margin: 20px 0;}

@media (max-width:1200px) {
.about 								{ grid-gap: 60px;}
}
@media (max-width:1000px) {
.about 								{ grid-template-columns: 1fr; text-align: center;}
.about .link 						{ width: 100%; text-align: center;}
.about .garanties 					{ text-align: left; padding: 30px 40px;}
}
@media (max-width:1000px) {
.about 								{ grid-gap: 40px;}
.about p 							{ text-align: left;}
.about .garanties 					{ position: relative; background: #ffe400; margin-top: 40px; padding: 45px;}
.about .garanties .titre 			{ width: 130px; height: 40px; font-size: 12px; line-height: 38px; top: -40px; text-align: center; letter-spacing: 0.6px;}
.about .garanties .titre:after 		{ left: 7.5vw; bottom: -10px;}
.about .garanties 					{ padding: 20px 7.5vw;}
.about .garanties li				{ padding-left: 30px; background-size: 18px auto; background-position: 0 5px; margin: 15px 0;}
}


/***** atouts *****/
.atouts 							{ position: relative; margin: 100px 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; text-align: center;}
.atouts img 						{ display: block; margin: 0 auto 25px auto; height: 52px; object-fit: none; object-position: center bottom;}
.atouts .titre_main 				{ font-size: 20px; line-height: 20px; text-transform: uppercase;}
.atouts .titre_main span 			{ display: block; font-size: 15px; font-weight: 400; letter-spacing: 0.4px; text-transform: none; margin-top: 8px;}

@media (max-width:1200px) {
.atouts 							{ margin: 80px 0;}
}
@media (max-width:1000px) {
.atouts .titre_main 				{ font-size: 18px;}
}
@media (max-width:760px) {
.atouts 							{ grid-template-columns: 1fr; text-align: left; grid-gap: 40px;}
.atouts .item 						{ display: grid; grid-template-columns: 75px 1fr; align-items: center;}
.atouts img 						{ margin: 0; height: auto; object-fit: fill;}
.atouts .titre_main 				{ line-height: 18px; margin: 0;}
}
@media (max-width:600px) {
.atouts 							{ margin: 50px 0; grid-gap: 30px;}
.atouts .titre_main 				{ font-size: 16px;}
.atouts .titre_main span 			{ font-size: 13px; line-height: 20px; margin-top: 5px;}
}