/***** banner *****/
.banner 							{ width:100%; height: 90vh; max-height: 1150px; position:relative; z-index:10; background-color:#fff; background-size: contain; padding-top: 70px;}
.banner .img 						{ width: 100%; height: 100%; position: relative; background: url(../images/banner.jpg) 50% / cover no-repeat; }
.banner .texte						{ position: absolute; color: #fff; padding: 40px 45px 60px; max-width: 460px; left: 10vw; top: 280px; background-color: #00000050; border-radius: 15px;}
.banner .texte .titre span			{ margin-top: 20px;}
.link_banner						{ position:absolute; bottom:-40px; left: 40px; background:url("../images/scrolldown.svg") no-repeat center #fff; line-height: 0; width: 50px; height: 80px; border-radius: 30px;}

@media (min-width:1201px) {
.link_banner:hover					{ background-color: #00aca8; background-image: url("../images/scrolldown_white.svg");}
}
@media (max-width:1200px) {
.banner .texte						{ left: inherit; right: 5vw;}
}
@media (max-width:600px) {
.banner 							{ height: 110vw; padding-top: 90px; max-height: inherit; }
.banner .link_banner 				{ display: none;}
.banner .texte						{ position: relative; color: #fff; padding: 40px 5vw; max-width: inherit; top: 0; left: 0; background-color: #00aca8; border-radius: 0; font-size: 20px; line-height: 32px ; padding-bottom: 20px;}
.banner .texte .titre span			{ margin-top: 10px;}
.banner .texte br					{ display: none;}
.banner .img 						{ background: url("../images/banner_mobile.jpg") 50% / cover no-repeat; }

}


/**** avis banner *****/
.avis 								{ max-width: 520px; position: absolute; right: 5vw; bottom: -60px; background-color: #fff; color: #000; z-index: 50; border-radius: 15px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.05); }
.avis .content						{ padding: 40px; }
.avis .content .name				{ font:400 17px/30px "Poppins"; color: #00aca8; margin-bottom: 20px;}
.avis .content .etoiles				{ position: absolute; top: 40px; right: 40px;}
.avis .content .etoiles	img			{ margin-left: 6px;}
.avis .content .link				{ margin-top: 20px;}
@media (max-width:1200px) {
.avis 								{ display: none;}
}



/***** introduction *****/
.intro                              { text-align: center; position: relative; padding: 80px 0 190px 0; }
.intro .chapo                       { max-width: 980px; margin: 0 auto; color: #000;}

@media (max-width:1200px) {
.intro                              { padding: 80px 0 160px 0; }
}
@media (max-width:1000px) {
.intro                              { padding: 80px 0 140px 0; color: #fff; }
}
@media (max-width:600px) {
.intro                              { padding: 190px 0 70px 0; margin: 60px auto 40px;}
}


/***** Services *****/
.services 							{ position: relative; background: linear-gradient(180deg, #fff 0%, #fff 30%, #222 30%, #222 100%); padding-bottom: 2px; text-align: center;}
.services:after						{ content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; }
.services .titre_main               { color: #555; margin-bottom: 0px; text-align: center}
.services .titre_main:before        { content: ""; background: url("../images/icon_batiments.svg") no-repeat; background-size: 63px 70px; width: 64px; height: 70px; position: absolute; top: -100px; left: 50%; transform: translateX(-50%)}
.services .grid 	                { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px;}
.services .item 			        { text-align: center; background-color: #fff; padding:30px 40px 50px 40px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 10px 8px rgba(0,0,0,0.05);}
.services .item:after		        { content: ""; background-color: #00aca8; width: 102%; height: 160px; transform: skewY(-4deg); position: absolute; top: -20px; left: 0; z-index: -1;}
.services .item:nth-child(2)        { margin-top: 50px;}
.services .item:nth-child(2):after  { transform: skewY(4deg);}
.services .item .icone_titre        { display: grid; grid-template-columns: 1fr; grid-template-rows: 100px auto; align-items: center; }
.services .item .sous_titre         { margin-top: 35px;}
.services .item p                   { margin-bottom: 20px;}
.services .item p a                 { border-bottom: 1px solid transparent; padding-bottom: 2px;}

.services .quote 					{ margin: 170px auto 260px; color: #fff; }
.services .quote:before        		{ content: ""; background: url("../images/icon_guillemets.svg") no-repeat; background-size: 60px 50px; width: 60px; height: 50px; position: absolute; top: -80px; left: 50%; transform: translateX(-50%)}

@media (max-width:1201px) {
.services .item p a:hover           { border-bottom: 1px solid #00aca8; padding-bottom: 2px;}
}
@media (max-width:1200px) {
.services .grid 	                { grid-template-columns: 1fr; margin: 60px auto; }
.services .item:nth-child(2)        { margin-top: 0;}
.services .item:after		        { height: 180px; transform: skewY(-3deg); top: -35px; }
.services .item:nth-child(2):after  { transform: skewY(3deg);}
.services 							{ background: linear-gradient(180deg, #fff 0%, #fff 34%, #222 34%, #222 100%);}
}
@media (max-width:1000px) {
.services 							{ background: linear-gradient(180deg, #fff 0%, #fff 40%, #222 40%, #222 100%);}
.services .grid 	                { grid-template-columns: 1fr; margin: 40px auto; }
.services .titre_main:before        { top: -85px; }

}
@media (max-width:600px) {
.services 							{ padding: 50px 0 125px; background: linear-gradient(180deg, #fff 0%, #fff 46%, #222 46%, #222 100%);}
.services .titre                    { padding-top: 0; font-size: 25px; line-height: 45px; margin: 0 0 20px 0;}
.services .grid 					{ grid-template-columns: 1fr; grid-gap: 15px; margin-bottom: 0; margin: 40px auto;}
.services .item .icone_titre        { grid-template-columns: 70px 1fr; grid-template-rows: 1fr; grid-gap: 20px; margin-bottom: 0; height: 100%; margin-right: 30px;}
.services .item p                   { display: none;}
.services .item                     { position: relative; padding: 15px; border-radius: 10px; height: 90px; background-color: #00aca8;}
.services .item:after		        { display: none }
.services .item .icone              { width: auto; background: none;}
.services .item .icone img          { width: auto; height: 50px; background: none;}
.services .item .sous_titre         { padding-left: 0; margin-bottom: 0px; text-align: left; margin-top: 0px; color: #fff;}
.services .item .link_arrow 		{ position: absolute; width: 100%; height: 90px; top:0; right: 0; background-color: transparent; background-image:url("../images/arrow_white.svg"); background-position: right 30px center;}

.services .quote 					{ display: none;}
}


/***** Expertises *****/
.expertises 						{ background-color: #00aca8;}
.expertises .grid 					{ display: grid; grid-template-columns: 1fr 1fr; background-color: #fff; margin-top: -190px; border-radius: 20px;}
.expertises .grid:after				{ content: ""; background-color: #00aca8; width: 2px; height: 180px; position: absolute; left: 50%; top: 12%;}
.expertises .grid .item				{ padding: 70px 80px; position: relative;}
.expertises .grid .item	p			{ margin-bottom: 25px;}

.investir                           { text-align: center; position: relative; padding: 130px 0 120px 0; margin: 0 auto; max-width: 980px; color: #fff;}
.investir .sous_titre               { font-weight: 500; color: #fff;}
.investir .link 		            { background-color: #fff; color: #00aca8; margin-top: 25px;}
@media (min-width:1201px) {
.investir .link:hover	            { background-color: #222; color: #00aca8;}
}
@media (max-width:1200px) {
.expertises .grid .item				{ padding: 50px 5vw;  }

.investir                           { text-align: center; position: relative; padding: 80px 0 70px 0; margin: 0 auto; max-width: 980px; color: #fff;}
}
@media (max-width:1000px) {
.expertises .grid 					{ grid-template-columns: 1fr; margin-top: -180px; }
.expertises .grid .item				{ padding: 40px 7.5vw;  }
.expertises .grid:after				{ display: none;}

.investir                           { text-align: center; position: relative; padding: 80px 0 70px 0; margin: 0 auto; max-width: 980px; color: #fff;}
}
@media (max-width:600px) {
.expertises .grid 					{ background-color: transparent; grid-gap: 15px; margin-top: -150px; }
.expertises .grid .item				{ background-color: #fff; height: 90px; padding: 0 30px; border-radius: 10px;}
.expertises .grid .item	.sous_titre	{ margin-bottom: 0; position: relative; top: 30px;}
.expertises .grid .item				{ background-color: #fff; }
.expertises .grid .item	p			{ display: none }

.expertises .item .link_arrow 		{ position: absolute; top: 16%; right: 10px; }
.link_arrow 						{ height: 60px; width: 60px; border: none; display: inline-block; vertical-align: middle; border-radius: 50%; background: url("../images/arrow_blue.svg") center no-repeat #fff;}
.investir                           { padding: 40px 0 60px 0; }
}



.faq                                    { margin: 100px auto; }


/**** Avis *****/
.avis_more 								{ margin: 100px auto;}
.avis_more .titre_main					{ color: #555; margin-bottom: 25px;}
.avis_more .grid_slid 		 			{ margin-left: -15px; margin-right: -15px;}
.avis_more .grid_slid .item 			{ display: block; background-color: #e6f6f7; color: #000; z-index: 50; border-radius: 15px; margin: 15px;}
.avis_more .grid_slid .item p 			{ margin-bottom: 0;}
.avis_more .grid_slid .item .content	{ padding: 40px 30px; position: relative; }
.avis_more .grid_slid .item .content .name	{ font:400 17px/30px "Poppins"; color: #00aca8; margin-bottom: 20px;}
.avis_more .grid_slid .content .etoiles		{ display: flex; position: absolute; top: 46px; right: 30px;}
.avis_more .grid_slid .content .etoiles	img	{ margin-left: 6px;}

.avis_more .grid_slid .item .content .link	{ margin-top: 20px;}
.avis_more .btn 						{ text-align: center; margin-top: 30px;}

@media (max-width:1000px) {
.avis_more 								{ margin: 80px auto 70px;}
.slick-dots                 			{ position: relative; left: 50%; top: inherit; display: inline-block; z-index: 50; transform: translateX(-50%)}
.slick-dots li              			{ line-height: 35px; display: inline-block;}
.slick-dots button          			{ border-radius: 50%; border: none; font-size: 0; line-height: 0; padding: 5px; margin: 5px; position: relative; cursor: pointer; background-color: #BCE7E9; }
li.slick-active button  				{ background-color: #00aca8; }

}
@media (max-width:600px) {
.avis_more 								{ margin: 60px auto 40px;}
.avis_more .titre_main					{ color: #555; margin-bottom: 0;}
.avis_more .grid_slid .item .content .name	{ margin-bottom: 15px;}
.avis_more .grid_slid .content .etoiles		{ position: relative; top: inherit; right: inherit; margin-bottom: 20px;}
.avis_more .grid_slid .content .etoiles img:first-child	{ margin-left: 0;}


}