/***** banner *****/
.banner 										{ position: relative; overflow: hidden; background: var(--bgColorDark); color: #fff;}
.banner .titre_main 							{ position: absolute; left: 0; right: 0; top: 48%; transform: translateY(-50%); margin: 0 auto; z-index: 15; width: 90vw; max-width: var(--maxWidthWrapperLarge);}
.banner .titre_main .titre_cap  				{ display: block; padding-bottom: clamp(5px, 1.5vw, 10px); font-size: 15px; margin: 0; color: #fff;}
.banner img                     				{ height: 100vh; min-height: 600px; object-fit: cover; width: 100%; display: block;}

.banner .slider_dots  							{ position: absolute; left: 0; right: 0; bottom: clamp(20px, 8vw, 80px); margin: 0 auto; z-index: 15; width: 90vw; max-width: var(--maxWidthWrapperLarge);}
.banner .slick-dots  							{ width: 100%; text-align: left; line-height: 0; margin: 0;}
.banner .slick-dots li 							{ display: inline-block; vertical-align: middle; margin: 0 15px 0 0;}
.banner .slick-dots button						{ border: none; font-size: 0; padding: 0; width: 35px; height: 3px; background: #fff; cursor: pointer;}
.banner .slick-active button					{ background: var(--red);}

.banner .slick-slide:before 					{ width: 42%; left: -10%; top: 0; bottom: 0; position: absolute; background: var(--bgColorDark); transform: skewX(10deg); z-index: 10; content: "";}
.banner .slick-slide .titre_main 				{ top: 52%; opacity: 0; transition: top 400ms ease-out 400ms, opacity 400ms ease-out 400ms;}
.banner .slick-slide .titre_main div            { display: inline-block; position: relative; padding-right: 15px;}
.banner .slick-slide .titre_main div:after      { width: 4px; height: 90%; background: var(--red); position: absolute; left: 0; top: 10%; transition: all 600ms ease-out 600ms; content: "";}
.banner .slick-slide .titre_main div i          { display: inline-block; font-style: normal; clip-path: inset(0 100% 0 0); transition: clip-path 600ms ease-out 600ms;}
.banner .slick-slide picture                   	{ display: block; /*clip-path: inset(0 100% 0 0);*/ opacity: 0; transform: scale(1.05); transition: opacity 600ms ease-out, transform 2000ms ease-out;}

.banner .slick-active .titre_main               { top: 48%; opacity: 1;}
.banner .slick-active .titre_main div:after     { left: 100%;}
.banner .slick-active .titre_main div i         { clip-path: inset(0 0 0 0);}
.banner .slick-active picture                   { clip-path: inset(0 0 0 0); opacity: 1; transform: scale(1);}

@media (max-width:1200px) {
.banner .slick-dots button						{ width: 30px;}
}
@media (max-width:1000px) {
.banner .titre_main 							{ position: relative; left: auto; right: auto; top: auto; transform: none; padding-bottom: 12vw;}
.banner .titre_main .titre_cap 					{ font-size: 14px;}
.banner img                     				{ height: 80vw; min-height: inherit;}
.banner .slider_dots  							{ bottom: 5vw;}
.banner .slick-dots  							{ text-align: right;}
.banner .slick-dots li 							{ margin: 0 0 0 15px;}
.banner .slick-slide:before 					{ width: 100%; left: 0; top: 70vw; bottom: -10%; transform: skewY(7deg);}
.banner .slick-active .titre_main               { top: auto;}
}
@media (max-width:700px) {
.banner .titre_main 							{ padding-bottom: 14vw;}
.banner .titre_main .titre_cap 					{ font-size: 12px;}
.banner .slick-dots button						{ width: 20px; height: 2px;}
.banner .slick-slide:before 					{ transform: skewY(6deg);}
.banner .slick-slide .titre_main div            { padding-right: 10px;}
.banner .slick-slide .titre_main div:after      { width: 2px; height: 88%;}
}




/***** intro *****/
.intro 											{ z-index: 10;}
/*.intro .titre_main								{ font-size: 25px;}*/

	


/***** solutions *****/
.home_solutions 								{ position: relative;}
.home_solutions .parallax .item:nth-child(1) 	{ left: 10%; bottom: 100%;}
.home_solutions .parallax .item:nth-child(2) 	{ right: -5%; top: 0;}
.home_solutions .parallax .item:nth-child(3) 	{ left: 30%; bottom: -5%;}
.home_solutions .container						{ display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 5vw; position: relative; z-index: 5;}
.home_solutions .container .img img 			{ width: 100%; height: auto; display: block; object-fit: cover; box-shadow: 0 0 80px 40px rgba(0, 0, 0, 8%);}
.home_solutions .content						{ padding: 2vw 0 0 0;}
.home_solutions .items							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: clamp(10px, 2.2vw, 40px); padding-top: clamp(10px, 2vw, 20px);}
.home_solutions .items .item					{ background: #fff; color: #000; padding: clamp(35px, 3vw, 60px); position: relative; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 8%); transition: all 300ms ease-in-out;}
.home_solutions .items .item img				{ object-fit: none; object-position: center center; width: 52px; height: 62px;}
.home_solutions .items .item p					{ margin-bottom: 5px;}
.home_solutions .items .item .titre_icone		{ display: grid; grid-template-columns: auto 1fr; grid-gap: 20px; align-items: center; margin-bottom: clamp(10px, 2vw, 20px);}
.home_solutions .items .item .sous_titre		{ margin: 0;}
.home_solutions .items .item .link_txt			{ margin-top: 12px; color: #000;}
.home_solutions .titre_hd						{ padding-top: 65px; margin-top: 40px;}
.home_solutions .titre_hd:after					{ left: 50%; top: 0; transform: translateX(-50%) rotate(30deg);}

@media (min-width:1201px) {
.home_solutions .item:hover .num				{ transition-delay: 100ms;}
.home_solutions .item:hover  					{ background-position: 0 0;}
.home_solutions .item:hover .link_arrow span	{ opacity: 1; transform: translateX(0); transition-delay: 50ms;}
.home_solutions .item:hover .link_arrow i		{ width: 100%;}
}
@media (max-width:1200px) {
.home_solutions .container						{ grid-template-columns: 1fr;}
.home_solutions .container .img   				{ display: none;}
.home_solutions .content						{ padding: 0;}
}
@media (max-width:700px) {
.home_solutions .items							{ grid-template-columns: 1fr; grid-gap: 10px;}
.home_solutions .items .item  					{ padding: 0 2vw; display: grid; align-items: center; height: 70px;}
.home_solutions .items .item .num, 
.home_solutions .items .item p					{ display: none;}
.home_solutions .items .item .titre_icone		{ margin-bottom: 0; grid-gap: 2vw;}
.home_solutions .items .item img				{ transform: scale(0.65);}
.home_solutions .items .item .link_txt			{ margin: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 0; padding: 0; border: none; background: url("../images/arrow_slider.svg") right+20px center no-repeat; background-size: auto 16px;}
}



/***** bloc cta *****/
.bloc_cta 										{ margin: 60px 0 80px 0;}

@media (max-width:700px) {
.bloc_cta 										{ margin: var(--marginTB);}
}


/***** offre *****/
.offre   										{ margin-bottom: clamp(60px, 8vw, calc(80px + 2vw));}
.offre .parallax .item:nth-child(1) 			{ right: 0; top: 20%;}
.offre .parallax .item:nth-child(2) 			{ left: 15%; top: 95%;}
.offre .container  								{ margin-bottom: clamp(10px, 2.2vw, 40px);}
.offre>div>.container  							{ margin-top: clamp(20px, 4vw, 35px);}
.offre .hidden  								{ display: none;}
.offre .load_more  								{ text-align: center; margin-top: clamp(20px, 6vw, 60px);}
.offre .load_more .link 						{ position: relative; border: 2px solid var(--bgColorLight); background: #fff; color: var(--txtColor); line-height: 54px; cursor: pointer;}
.offre .load_more .link:before					{ background: var(--bgColorLight);}
.offre .load_more .link i 						{ font-style: normal;}
.offre .load_more .link i:last-of-type			{ display: none;}
.offre .load_more .link.active i				{ display: none;}
.offre .load_more .link.active i:last-of-type	{ display: inline;}


@media (max-width:700px) {
.offre.col_4 .container  						{ grid-template-columns: 1fr 1fr;}
.offre .load_more .link 						{ line-height: 40px;}
}

@media (max-width:360px) {
.offre.col_4 .container  						{ grid-template-columns: 1fr;}
}



/***** autres services *****/
.other_s 										{ text-align: center;}
.other_s .container 							{ grid-gap: clamp(10px, 1.6vw, 20px); margin-top: clamp(20px, 4vw, 35px);}
.other_s .container .item						{ padding: 0;}
.other_s .container .item .link					{ padding: 0; text-align: center; display: block;}

@media (max-width:700px) {
.other_s .titre_main							{ margin-top: -3vw;}
}


/***** about *****/
.about .parallax .item:nth-child(1) 			{ right: 90%; top: 80%;}
.about .parallax .item:nth-child(2) 			{ left: 100%; top: 30%;}
.about .titre_hd								{ padding-bottom: 55px;}
.about .titre_hd:after							{ left: 50%; top: 55%; transform: translateX(190%) rotate(-170deg);}

@media (max-width:1200px) {
.about .titre_hd								{ padding-bottom: 50px;}
.about .titre_hd:after							{ left: 52%; top: 50%;}
}
@media (max-width:700px) {
.about .titre_hd								{ padding-bottom: 30px;}
.about .titre_hd:after							{ left: 50%; top: 50%;}
}




/***** astuces *****/
.astuces   										{ text-align: center;}
.astuces .parallax .item:nth-child(1) 			{ left: 25%; top: 80%;}
.astuces .titre_hd 								{ display: inline-block; transform: none; padding-bottom: 50px;}
.astuces .titre_hd:after 						{ position: static; transform: rotate(170deg) translate(-20%, -70%); display: inline-block;}
.astuces .titre_hd:before 						{ width: 70px; height: 54px; background: url(../images/arrow_hd.svg) 50% / contain no-repeat; transform: rotate(185deg) translate(20%, -70%) scaleX(-1); display: inline-block; content: "";}
.astuces .titre_hd br 							{ display: none;}
.astuces .container  							{ text-align: left; position: relative;}
.astuces .container .item 						{ background: var(--darkgray); color: #fff; padding: clamp(35px, 5.5vw, 75px) clamp(30px, 5vw, 80px);}
.astuces .container .item .titre_cap			{ margin: 0 0 10px 0;}
.astuces .container .item .titre_main i			{ font-style: normal; font-size: clamp(16px, 3vw, 20px)}
.astuces .container .item .link_txt				{ color: #fff;}

@media (max-width:1200px) {
.astuces .titre_hd 								{ padding-bottom: 40px;}
.astuces .titre_hd:before 						{ width: 60px; height: 46px;}
}
@media (max-width:700px) {
.astuces .titre_hd 								{ padding-bottom: 30px;}
.astuces .titre_hd br 							{ display: block;}
.astuces .titre_hd:before 						{ width: 50px; height: 42px; position: absolute; right: 90%;}
.astuces .titre_hd:after 						{ position: absolute; transform: rotate(172deg) translate(0, 12%); left: 100%;}
.astuces .container .item .titre_cap			{ margin: 0 0 5px 0;}
}




/***** reviews *****/
.bloc_reviews 									{ margin-top: -1.5vw; text-align: center;}
.bloc_reviews .titre_hd							{ margin: 0 0 -25px 30%; display: inline-block; transform: rotate(10deg);}
.bloc_reviews .titre_hd:after					{ left: 0; top: 85%; transform: translateX(-70%) scaleY(-1) rotate(35deg);}
.bloc_reviews .card_review 						{ text-align: left;}

@media (max-width:1200px) {
.bloc_reviews .titre_hd							{ margin: 0 0 -25px 50%;}
}
@media (max-width:700px) {
.bloc_reviews 									{ margin-top: 0;}
.bloc_reviews .titre_hd							{ margin: 0 10% 35px 0; transform: rotate(-7deg);}
.bloc_reviews .titre_hd:after					{ left: 100%; top: 70%; transform: translateX(-15%) scaleY(1) rotate(200deg);}
}