/***** solutions *****/
.home_solutions 								{ margin: var(--marginTB); margin-top: 0; position: relative;}
.home_solutions .container						{ display: grid; grid-template-columns: 1fr 2.5fr; grid-gap: 5vw;}
.home_solutions .container .img img 			{ width: 100%; height: auto; display: block; object-fit: cover;}
.home_solutions .content						{ padding: 2vw 0 0 0;}
.home_solutions .items							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; padding-top: clamp(10px, 2vw, 20px);}
.home_solutions .items .item					{ background: linear-gradient(to left, var(--bgColorLight) 0% 50%, #fff 50% 100%); background-size: 200% 100%; background-position: 100% 0; padding: clamp(40px, 4.5vw, 60px) clamp(20px, 3.5vw, 40px) 80px clamp(20px, 3.5vw, 40px); position: relative; transition: all 300ms ease-in-out;}
.home_solutions .items .num						{ font-size: clamp(50px, 5vw, 80px); line-height: 90%; letter-spacing: 0; position: absolute; right: 25px; top: 25px; color: #e9e9e9; transition: all 200ms ease-in-out;}
.home_solutions .items .item img				{ object-fit: none; object-position: center bottom; height: 44px;}
.home_solutions .items .item p					{ margin-bottom: 5px;}
.home_solutions .items .item .sous_titre		{ margin: 15px 0;}
.home_solutions .items .item .link_arrow		{ position: absolute; bottom: 0; right: 0; left: 40px;}
.home_solutions .items .item>a					{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 0;}

.item_blue .link_arrow:before,
.item_blue .link_arrow i						{ background: var(--blue);}
.item_green .link_arrow:before,
.item_green .link_arrow i						{ background: var(--green);}
.item_purple .link_arrow:before,
.item_purple .link_arrow i						{ background: var(--purple);}
.item_cyan .link_arrow:before,
.item_cyan .link_arrow i						{ background: var(--cyan);}

@media (min-width:1201px) {
.home_solutions .item_blue:hover .num			{ color: var(--blue);}
.home_solutions .item_green:hover .num			{ color: var(--green);}
.home_solutions .item_purple:hover .num			{ color: var(--purple);}
.home_solutions .item_cyan:hover .num			{ color: var(--cyan);}

.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 5vw; display: grid; grid-template-columns: auto 1fr; grid-gap: 5vw; align-items: center; height: 70px;}
.home_solutions .items .item .num, 
.home_solutions .items .item p					{ display: none;}
.home_solutions .items .item .link_arrow		{ height: 100%; left: auto;}
.home_solutions .items .item img				{ object-fit: fill; height: auto;}
.home_solutions .items .item:nth-child(1) img	{ width: 26px;}
.home_solutions .items .item:nth-child(2) img	{ width: 30px;}
.home_solutions .items .item:nth-child(3) img	{ width: 35px; margin-right: -3px;}
.home_solutions .items .item:nth-child(4) img	{ width: 32px;}
.home_solutions .items .item .sous_titre		{ padding-right: 60px;}
}




/***** gallery mobile *****/
.gallery.mobile_only 							{ display: none;}
.gallery.mobile_only .grid_bloc .item			{ padding: 0;}

@media (max-width:700px) {
.gallery.mobile_only 							{ display: block;}
.gallery.mobile_only .container .item			{ min-width: clamp(220px, 60vw, 360px);}
}




/***** avantages *****/
@media (max-width:700px) {
.avantages .container  							{ grid-gap: clamp(45px, 12vw, 70px);}
.avantages .container .txt						{ grid-area: 1;}
}



/***** tagline + pour qui *****/
.grid_miniatures .mobile_only					{ display: none;}
.grid_miniature .tagline 						{ /*text-align: center;*/ margin: -1.4vw 0 -1.2vw 0;}
.grid_miniature .tagline :last-child 			{ margin-bottom: 0;}

@media (max-width:1000px) {
.grid_miniatures .intro br						{ display: none;}
.grid_miniatures .mobile_only					{ display: grid; grid-gap: clamp(10px, 2vw, 15px); padding: 5px 0;}
.grid_miniatures .mobile_only .link_text_arrow 	{ display: block;}
.grid_miniatures .miniature .link_text_arrow	{ display: none;}
}
@media (max-width:700px) {
.grid_miniatures:has(.tagline)					{ display: grid; grid-gap: clamp(45px, 12vw, 70px);}
.grid_miniatures>.margin_bottom					{ grid-area: 2; margin: 0;}
}




/***** process *****/
#process									{ display: grid; grid-gap: 50px; margin: clamp(25px, 4.4vw, 40px) 0;}
#process .step								{ position: relative; padding-left: 55px;}
#process .step span							{ width: 30px; height: 30px; border: 2px solid #000; background: var(--bgColorLight); position: absolute; left: 0; top: 0;}
#process .step span:before					{ position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: var(--orange); transform: scaleY(0); transform-origin: center top; transition: transform 200ms ease-in-out 0ms, background 0ms ease-in-out 400ms; content: "";}
#process .step span:after					{ width: 2px; position: absolute; left: 0; right: 0; top: 100%; margin: 0 auto; bottom: -100px; background: #000; content: "";}
#process .step p							{ font-size: clamp(13px, 2.1vw, 14px); line-height: 140%; margin: 0; opacity: 0.35; transition: all 200ms ease-in-out;}
#process .step .sous_titre					{ font-size: clamp(16px, 2vw, 22px); margin-bottom: 5px;}
#process .step:last-child span:after 		{ display: none;}
#process .step.active span:before			{ transform: scaleY(1); background: var(--purple); transition: transform 200ms ease-in-out, background 400ms ease-in-out 400ms;}
#process .step.active p						{ opacity: 1;}



@media (max-width:1000px) {
#process									{ grid-gap: 35px;}
#process .step span:after					{ bottom: -80px;}
}
@media (max-width:700px) {
#process									{ grid-gap: 30px;}
#process .step								{ padding-left: 42px;}
#process .step span							{ width: 26px; height: 26px;}
#process .step span:before					{ left: 3px; top: 3px; right: 3px; bottom: 3px;}
#process .step span:after					{ bottom: -40px;}
#process .step p:last-of-type				{ display: none;}
#process .step .sous_titre					{ font-size: clamp(18px, 2vw, 22px); margin: 0; line-height: 28px; height: 26px;}
}





.process_about .container					{ grid-gap: 5vw; grid-template-columns: 1fr 50%;}

.process  									{ position: relative; padding-left: 5vw;}
.process .wrap 								{ width: 100%; max-width: 600px; margin: 0 auto; padding: clamp(30px, 4.2vw, 80px); background: var(--bgColorLight); position: relative;}
.process .wrap:before						{ width: 5vw; aspect-ratio: 1/1; position: absolute; right: 100%; bottom: 0; background: var(--cyan); content: "";}

.about   									{ padding-top: 2vw; padding-right: 5vw;}
.about .wrap 								{ max-width: 700px; margin: 0 auto;}
.about .wrap .titre_main					{ padding-bottom: 5px;}
.about .wrap>.link_text_arrow	 			{ margin: clamp(5px, 1vw, 25px) 0 0 0;}
.about .wrap>.link_text_arrow:first-of-type	{ margin-right: 40px;}
.about .team 								{ display: grid; grid-template-columns: 65% 35%; width: 90%; max-width: 580px; margin-top: clamp(20px, 4vw, 60px);}
.about .team img							{ display: block; width: 100%; height: auto;}
.about .team .link							{ display: grid; align-items: center; aspect-ratio: 1/1; height: auto; width: 100%; padding: 0;}
.about .team .link .link_text_arrow			{ padding: 4px 0 24px 0; display: block; text-align: center;}
.about .team .link .link_text_arrow:before	{ filter: invert(1); width: 100%; background-image: url("../images/arrow_link.svg"); background-position: 50% 100%; background-size: 25px auto;}


@media (max-width:2000px) {
.process  									{ padding-left: 0;}
.about   									{ padding-right: 2.5vw;}
}
@media (max-width:1800px) {
.about   									{ padding-right: 0;}
}
@media (max-width:1600px) {
.process .wrap:before						{ display: none;}
.about .wrap .titre_main					{ padding-bottom: 0;}
}
@media (max-width:1200px) {
.about .team 								{ width: 100%;}
}
@media (max-width:1000px) {
.process_about .container					{ grid-gap: 8vw; grid-template-columns: 1fr;}

.process .wrap 								{ max-width: none;}


.about   									{ padding-top: 0; grid-area: 1;}
.about .team 								{ grid-template-columns: 55vw 1fr;}

}




@media (max-width:700px) {
.whatsup .intro 							{ padding-bottom: 5px;}
.whatsup .intro .titre						{ margin-bottom: 0;}
.whatsup .intro p							{ display: none;}
.whatsup .item .txt							{ display: none;}
}