.bloc.solutions{overflow:hidden;display:flex;align-items:stretch;height:calc(95vh - var(--height-header));flex-wrap:wrap}.bloc.solutions .small-side{position:relative;width:33.4%;box-shadow:20px 0px 30px 9px rgb(0 0 0/5%);padding-top:var(--gap-4);padding-bottom:var(--gap-4)}.bloc.solutions .small-side h2{width:100%;text-align:right;display:inline-block;padding-right:var(--gap-3);margin-bottom:0}.bloc.solutions .small-side p.subtitle{width:100%;padding-right:var(--gap-3);text-align:right;text-transform:uppercase}.bloc.solutions .small-side .wrapper{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-wrap:wrap}.bloc.solutions .small-side .wrapper div[data-solution]{font-family:var(--font-title);font-size:var(--size-h4);padding:var(--gap);margin-bottom:var(--gap);margin-right:var(--gap-3);cursor:pointer;position:relative;text-transform:uppercase}.bloc.solutions .small-side .wrapper div[data-solution]:hover{font-weight:var(--font-title-bold)}.bloc.solutions .small-side .wrapper div[data-solution]:before{content:" ";position:absolute;top:50%;left:calc(100% + var(--gap));height:1px;background:#000;width:0;opacity:0;transition:all .3s ease-in-out}.bloc.solutions .small-side .wrapper div.active[data-solution]:before{width:100px;opacity:.5}.bloc.solutions .large-side{overflow:hidden;position:relative;width:66.6%;padding:var(--gap-4)}.bloc.solutions .large-side .wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bloc.solutions .large-side .wrapper div[data-solution]{position:absolute;opacity:0;top:40%;left:0;transform:translateY(-50%);transition:all .3s ease-in-out;width:100%;padding:var(--gap-6);height:calc(95vh - var(--height-header));overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.bloc.solutions .large-side .wrapper div.topalign[data-solution]{display:initial}.bloc.solutions .large-side .wrapper div[data-solution].active{opacity:1;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;z-index:1}.bloc.solutions .large-side .wrapper div[data-solution] h3{margin-bottom:var(--gap-2)}.bloc.solutions .large-side .wrapper div[data-solution] p{margin-bottom:var(--gap)}.bloc.solutions .large-side .wrapper div[data-solution] ul{list-style:inside}.bloc.solutions .large-side .grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,200px);margin-top:var(--gap-2);justify-content:center}.bloc.solutions .large-side .grid .item{height:200px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gap);color:var(--color-white)}.bloc.solutions .large-side .grid .item span{margin-bottom:5px;font-size:1.6rem;font-family:var(--font-text)}.bloc.solutions .large-side .grid .item h4{font-size:2.4rem;line-height:2.4rem}.bloc.solutions .large-side .grid .item img.image{opacity:0;transition:all .3s ease-in-out}.bloc.solutions .large-side .grid .item img.color{opacity:1;transition:all .3s ease-in-out}.bloc.solutions .large-side .grid .item:hover img.image{opacity:1;transition:all .3s ease-in-out}.bloc.solutions .large-side .grid .item:hover img.color{opacity:0;transition:all .3s ease-in-out}@media (max-width:1200px){.bloc.solutions .small-side{width:25%}.bloc.solutions .large-side{width:75%}.bloc.solutions .large-side .wrapper div[data-solution]{padding:var(--gap-3)}}@media (max-width:1024px){.bloc.solutions .small-side .wrapper div.active[data-solution]:before{width:70px}.bloc.solutions .large-side{padding:var(--gap-2)}.bloc.solutions .large-side .wrapper div[data-solution]{padding:var(--gap-2)}.bloc.solutions .large-side .grid{grid-template-columns:repeat(auto-fit,170px)}}@media (max-width:768px){.bloc.solutions .small-side{width:40%}.bloc.solutions .small-side h2,.bloc.solutions .small-side p.subtitle{padding-right:var(--gap);padding-left:var(--gap)}.bloc.solutions .small-side .wrapper div[data-solution]{margin-bottom:var(--gap);margin-right:0;text-align:right}.bloc.solutions .small-side .wrapper div.active[data-solution]:before{width:0;opacity:0}.bloc.solutions .large-side{width:60%;padding:var(--gap)}.bloc.solutions .large-side .wrapper div[data-solution]{padding:0}.bloc.solutions .small-side,.bloc.solutions .large-side{width:100%}.bloc.solutions{height:auto}.bloc.solutions .large-side .wrapper div[data-solution]{position:initial;opacity:1}.bloc.solutions .small-side .wrapper{display:none}.bloc.solutions .large-side .wrapper div[data-solution].active,.bloc.solutions .large-side .wrapper div[data-solution]{transform:none;height:auto;overflow:hidden;padding:var(--gap-4) 0;border-top:1px solid var(--color-black)}.bloc.solutions .large-side .wrapper div[data-solution]:first-child{padding-top:var(--gap-2);border-top:none}}