/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-display:swap;font-family:"CircularStd";font-weight:100;src:url(/sites/idix.fr/modules/idix_homepage/theme/fonts/CircularStd-Light.woff) format("woff")}@font-face{font-display:swap;font-family:"CircularStd";font-weight:400;src:url(/sites/idix.fr/modules/idix_homepage/theme/fonts/CircularStd-Book.woff) format("woff")}@font-face{font-display:swap;font-family:"CircularStd";font-weight:700;src:url(/sites/idix.fr/modules/idix_homepage/theme/fonts/CircularStd-Bold.woff) format("woff")}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{font-weight:100;font-family:"CircularStd",Helvetica,Arial,sans-serif;font-size:20px;line-height:1.2;-webkit-font-smoothing:antialiased;color:#000;overflow-x:hidden}a{color:currentColor;text-decoration:none}img{vertical-align:top;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.js body,.support body{overflow:hidden}#loader{position:fixed;z-index:10;top:0;left:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;transition:opacity 0.4s ease}#loader.hide{opacity:0;pointer-events:none}.js #loader,.support #loader{display:flex}#loader span{position:relative;display:block;font-size:20px;width:1em;height:1em;border-radius:1em;animation-name:beat;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease}#loader span:not(:last-child){margin-right:1em}#loader span:nth-child(1){background-color:#00cdff}#loader span:nth-child(2){background-color:#ffe500;animation-delay:0.25s}#loader span:nth-child(3){background-color:#ff0094;animation-delay:0.5s}@keyframes beat{0%{transform:scale(1)}25%{transform:scale(1.5)}75%{transform:scale(1.5)}100%{transform:scale(1)}}@media screen and (max-width:767px){.section{padding:30px 0}}@media screen and (min-width:768px){.section{padding:60px 0}}.section:not(:last-of-type){position:relative}@media screen and (max-width:767px){.section:not(:last-of-type){padding-bottom:90px}}@media screen and (min-width:768px){.section:not(:last-of-type){padding-bottom:150px}}@media screen and (max-width:767px){.section:not(:last-of-type)+.section{padding-top:90px}}@media screen and (min-width:768px){.section:not(:last-of-type)+.section{padding-top:150px}}.section:not(:last-of-type):not(.contact)::after{content:"";position:absolute;z-index:1;top:100%;left:50%;transform:translateY(-50%);width:1px;background-color:#000}@media screen and (max-width:767px){.section:not(:last-of-type):not(.contact)::after{height:120px}}@media screen and (min-width:768px){.section:not(:last-of-type):not(.contact)::after{height:180px}}.heading{max-width:1000px;margin:auto}.heading_highlight,.heading_subtitle{display:block;margin:0;text-align:center}@media screen and (max-width:767px){.heading_highlight{font-size:40px;letter-spacing:-1.8px}}@media screen and (min-width:768px){.heading_highlight{font-size:70px;letter-spacing:-3.15px}}.heading_subtitle{padding-left:20px;padding-right:20px;font-weight:100}@media screen and (min-width:768px){.heading_subtitle{font-size:46px;letter-spacing:-2px}}@media screen and (max-width:767px){.heading_subtitle{padding-top:10px;font-size:20px;letter-spacing:0}}.support [data-show-up]{opacity:0;transform:translate3d(0,50%,0);transition:transform 1s ease,opacity 1s ease}.support [data-show-up]+[data-show-up]{transition-delay:0.5s}.support [data-show-up][data-show-up="visible"]{opacity:1;transform:translate3d(0,0,0)}#intro-spacer{height:100vh}.intro{position:fixed !important;top:0;left:0;width:100%;height:100vh;display:grid;align-items:center;text-align:center}.intro ~ *{position:relative;background-color:#fff}.intro_video{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.intro_video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.no-support .intro_video{display:none}.intro_inner{position:relative;transition:opacity 0.1s ease}.intro_title{margin:0 0 30px;line-height:1}@media screen and (max-width:767px){.intro_title{font-size:80px;letter-spacing:-6px}}@media screen and (min-width:768px){.intro_title{font-size:132px;letter-spacing:-10px}}.intro_text{margin:0}@media screen and (max-width:767px){.intro_text{font-size:20px}}@media screen and (min-width:768px){.intro_text{font-size:32px;letter-spacing:-1px}}.intro_video-button{position:absolute}@media screen and (max-width:767px){.intro_video-button{right:50%;bottom:80px;transform:translateX(50%) scale(0.8)}}@media screen and (min-width:768px){.intro_video-button{right:110px;bottom:110px}}.support .intro .intro_title span,.support .intro .intro_text{opacity:0}.support .intro .intro_title span{display:inline-block}.support .intro .intro_title span{transform:translateY(10%)}.support .intro[data-anim-ready] .intro_title span{transition:transform 1s ease,opacity 1s ease}.support .intro[data-anim-ready] .intro_title span:nth-child(2){transition-delay:0.6s}.support .intro[data-anim-ready] .intro_title span:nth-child(3){transition-delay:1s}.support .intro[data-anim-ready] .intro_title span:nth-child(4){transition-delay:1.4s}.support .intro[data-anim-ready] .intro_text{transition:opacity 1s ease;transition-delay:2s}.support .intro[data-anim-start] .intro_title span,.support .intro[data-anim-start] .intro_text{opacity:1}.support .intro[data-anim-start] .intro_title span{transform:translateY(0)}.no-support .video-button{display:none}.video-button::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(0);background-color:#000;border-radius:200px;transition:transform 0.25s ease}.video-button_text{position:relative;display:block;transition:transform 0.25s ease,filter 0.25s ease}.video-button_text img{animation:rotating 10s linear infinite}.video-button_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:filter 0.25s ease}@media (hover:hover){.video-button:hover::before{transform:translate(-50%,-50%) scale(1)}.video-button:hover .video-button_text,.video-button:hover .video-button_icon{filter:invert(1)}.video-button:hover .video-button_text{transform:scale(0.9)}}.video-button:focus::before,.video-buttonactive::before{transform:translate(-50%,-50%) scale(1)}.video-button:focus .video-button_text,.video-button:focus .video-button_icon,.video-buttonactive .video-button_text,.video-buttonactive .video-button_icon{filter:invert(1)}.video-button:focus .video-button_text,.video-buttonactive .video-button_text{transform:scale(0.9)}#main-video{display:none}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.meeting_inner{overflow:hidden;position:relative;align-items:center;justify-content:center}@media screen and (max-width:767px){.meeting_inner{display:grid;margin-top:40px}}@media screen and (min-width:768px){.meeting_inner{display:flex;margin-top:80px}}.meeting_word{display:flex;align-items:center;justify-content:center;margin:auto;font-weight:bold;border-radius:1000px;border-style:solid;font-size:30px;letter-spacing:-2px;width:440px;height:440px;min-width:440px;min-height:440px;border-width:100px}@media screen and (min-width:1000px){.meeting_word{font-size:70px;letter-spacing:-5px;width:880px;height:880px;min-width:880px;min-height:880px;border-width:200px}}.meeting_word--left{border-color:#ff0094}@media screen and (max-width:767px){.meeting_word--left{margin-bottom:-50px}}@media screen and (min-width:1000px){.meeting_word--left{margin-right:-100px}}@media screen and (min-width:768px) and (max-width:999px){.meeting_word--left{margin-right:-50px}}.meeting_word--right{border-color:#00cdff;mix-blend-mode:multiply}@media screen and (max-width:767px){.meeting_word--right{margin-top:-50px}}@media screen and (min-width:1000px){.meeting_word--right{margin-left:-100px}}@media screen and (min-width:768px) and (max-width:999px){.meeting_word--right{margin-left:-50px}}.meeting_layering-area{position:absolute;top:0;bottom:0;left:50%;transform:translate3d(-50%,0,0);width:100px}@media screen and (max-width:767px){.meeting_layering-area{display:none}}@media screen and (min-width:1000px){.meeting_layering-area{width:200px}}.support .meeting_word{opacity:0}.support .meeting_word--left{transform:translate3d(-100%,0,0)}.support .meeting_word--right{transform:translate3d(100%,0,0)}.support .meeting[data-anim-ready] .meeting_word{transition:border-color 0.75s ease,transform 2s ease,opacity 1s ease}.support .meeting[data-anim-opening] .meeting_word{opacity:1;transform:translate3d(0,0,0)}.skills_inner{margin-left:auto;margin-right:auto;padding:0 20px}@media screen and (min-width:768px){.skills_inner{display:flex;gap:50px;max-width:1225px;margin-top:80px}.skills_inner>*{flex:1}}@media screen and (max-width:767px){.skills_inner{max-width:500px;margin-top:40px}}.skills_wrapper{max-width:1225px;margin:80px auto 0}.support .skills_wrapper{display:none}@media screen and (max-width:767px){.skill:not(:last-child){margin-bottom:60px}}.skill_title{margin:0;padding-bottom:32px;font-size:30px;letter-spacing:-1.5px;font-weight:100;line-height:1.21;border-bottom:1px solid}@media screen and (min-width:1000px){.skill_title{font-size:48px;letter-spacing:-2.4px}}.skill a{overflow:hidden;display:block;position:relative;font-weight:inherit;border-bottom:1px solid}.skill a span{display:block}@media screen and (hover:hover){.skill a{padding:32px 0 32px 24px}.skill a span{transition:transform 0.25s ease}.skill a i{top:50%;margin-top:-3px}.skill a i,.skill a i::before,.skill a i::after{position:absolute;left:0;width:6px;height:6px;background-color:currentColor;border-radius:6px;transition:transform 0.25s ease,background-color 0.25s ease}.skill a i::before,.skill a i::after{content:"";top:0}.skill a:hover span,.skill a:focus span,.skill a:active span{transform:translate3d(14px,0,0)}.skill a:hover i,.skill a:focus i,.skill a:active i{background-color:#00cdff}.skill a:hover i::before,.skill a:focus i::before,.skill a:active i::before{background-color:#ffe500;transform:translate3d(8px,0,0)}.skill a:hover i::after,.skill a:focus i::after,.skill a:active i::after{background-color:#ff0094;transform:translate3d(16px,0,0)}}@media screen and (hover:none){.skill a{padding:20px 20px 20px 0}.skill a i{position:absolute;top:50%;right:7px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translate3d(0,-50%,0) rotate(-45deg)}}.skill-details{position:relative;scroll-margin-block-start:100px}@media screen and (max-width:767px){.skill-details{padding-left:35px}}.skill-details_title{margin:0;font-size:16px;font-weight:normal}@media screen and (max-width:767px){.skill-details_title{position:absolute;top:-40px;right:calc(100% + 10px);transform:rotate(-90deg);transform-origin:top right;white-space:nowrap}}@media screen and (min-width:768px){.skill-details_title{margin-bottom:60px}.skill-details_title::after{content:"";display:block;width:40px;height:1px;margin-top:20px;background-color:#000}}.skill-details_inner{position:relative}.support .modal .skill-details_inner>*{position:absolute;top:-30px;left:0;width:100%;animation-duration:0.4s;animation-fill-mode:forwards}@media screen and (max-width:767px){.support .modal .skill-details_inner>*{width:300px;top:-40px}}.skill-details_nav{position:absolute;opacity:0;transform:translate(0,20px);transition:opacity 0.5s ease,transform 0.5s ease}.modal.visible .skill-details_nav{opacity:1;transform:translate(0,0)}@media screen and (max-width:767px){.skill-details_nav{right:20px;bottom:20px}}@media screen and (min-width:768px){.skill-details_nav{right:80px;bottom:80px}}.skill-details_nav>*:not(:last-child){margin-right:5px}.skill-details_nav-button{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;background-color:#fff;opacity:0.5;border:0;padding:0;transition:opacity 0.2s ease}.skill-details_nav-button:not([disabled]){opacity:1;cursor:pointer}.skill-details_nav-button--prev img{transform:rotate(180deg);margin-left:-2px}.skill-details_nav-button--next img{margin-right:-2px}.skill-details_indicators{position:absolute;line-height:1;font-size:0;opacity:0;transition:opacity 0.5s ease,transform 0.5s ease}.modal.visible .skill-details_indicators{opacity:1}@media screen and (max-width:767px){.skill-details_indicators{left:65px;top:min(650px,calc(100vh - 20px));transform:translate(0,20px)}.modal.visible .skill-details_indicators{transform:translate(0,0)}}@media screen and (min-width:768px){.skill-details_indicators{left:0;bottom:80px;width:100%;max-width:900px;padding:0 50px 0 150px;text-align:center;transform:translate(-50px,20px)}.modal.visible .skill-details_indicators{transform:translate(-50px,0)}}.skill-details_indicators>*:not(:last-child){margin-right:5px}.skill-details_indicator{display:inline-block;vertical-align:top;width:7px;height:7px;border-radius:7px;background-color:#000;transition:opacity 0.2s ease}.skill-details_indicator:not(.active){opacity:0.25}@keyframes enter-rtl{from{opacity:0;transform:translate3d(25%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes enter-ltr{from{opacity:0;transform:translate3d(-25%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes leave-rtl{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-25%,0,0)}}@keyframes leave-ltr{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(25%,0,0)}}@media screen and (min-width:768px){.skill-case_flex{display:flex;align-items:flex-start}}@media screen and (max-width:767px){.skill-case_main{margin-bottom:20px}}@media screen and (min-width:768px){.skill-case_main{margin-bottom:40px}}.skill-case_main--name{margin:0;line-height:1;font-weight:bold;word-break:break-all}@media screen and (max-width:767px){.skill-case_main--name{margin-bottom:20px;font-size:28px}}@media screen and (min-width:768px){.skill-case_main--name{font-size:42px}}@media screen and (min-width:768px){.skill-case_main--image-mobile{display:none}}@media screen and (max-width:767px){.skill-case_main--image-mobile{max-width:170px}}.skill-case_main--content{hyphens:auto;line-height:1.5}@media screen and (max-width:767px){.skill-case_main--content{font-size:15px;margin:20px 0 20px 0}}@media screen and (min-width:768px){.skill-case_main--content{margin:30px 72px 30px 0;font-size:19px}}.skill-case_main--logo{width:auto}@media screen and (max-width:767px){.skill-case_main--logo{max-width:100px;max-height:50px}}@media screen and (min-width:768px){.skill-case_main--logo{max-width:180px;max-height:90px}}@media screen and (min-width:768px){.skill-case_image-desktop{max-width:350px;max-height:350px}}@media screen and (min-width:769px) and (max-width:900px){.skill-case_image-desktop{max-width:250px;max-height:250px}}@media screen and (max-width:767px){.skill-case_image-desktop{display:none}}.logiciels_inner{overflow:hidden;padding:40px 0;margin:-40px 0}.logiciels_wrapper{margin:auto}@media screen and (max-width:767px){.logiciels_wrapper{padding:20px}}@media screen and (min-width:768px){.logiciels_wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;justify-content:center;max-width:1160px;padding:40px}}.support .logiciels .logiciel--paddix{transform:translate3d(-100%,0,0) rotate(-180deg)}.support .logiciels .logiciel--snacdata{transform:translate3d(100%,0,0) rotate(180deg)}.support .logiciels[data-anim-opening] .logiciel{transition:transform 1.5s ease}.support .logiciels[data-anim-opening] .logiciel--paddix{transform:translate3d(0,0,0) rotate(0)}.support .logiciels[data-anim-opening] .logiciel--snacdata{transform:translate3d(0,0,0) rotate(0)}.support .logiciels[data-anim-organic] .logiciel_waves::before,.support .logiciels[data-anim-organic] .logiciel_waves::after{animation-name:wave}.support .logiciels[data-anim-organic] .logiciel_bumper{animation-name:bump}.logiciel{position:relative;text-align:center;padding-bottom:100%;color:#fff}@media screen and (max-width:767px){.logiciel{display:block;margin:20px 0}}.logiciel_waves::before,.logiciel_waves::after{content:"";position:absolute;border-width:1px;border-style:solid;border-radius:1000px;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@media screen and (max-width:767px){.logiciel_waves::before,.logiciel_waves::after{top:12px;right:12px;bottom:12px;left:12px}}@media screen and (min-width:768px){.logiciel_waves::before,.logiciel_waves::after{top:32px;right:32px;bottom:32px;left:32px}}.logiciel--paddix .logiciel_waves::before,.logiciel--paddix .logiciel_waves::after{border-color:#00cdff}.logiciel--paddix .logiciel_waves::after{animation-delay:0.25s}.logiciel--snacdata .logiciel_waves::before,.logiciel--snacdata .logiciel_waves::after{border-color:#ff0094}.logiciel--snacdata .logiciel_waves::before{animation-delay:1.5s}.logiciel--snacdata .logiciel_waves::after{animation-delay:1.75s}.logiciel_bumper{position:absolute;top:0;right:0;bottom:0;left:0;border-width:3px;border-style:solid;border-radius:1000px;filter:blur(1px);animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.logiciel--paddix .logiciel_bumper{border-color:rgba(0,205,255,0.5)}.logiciel--snacdata .logiciel_bumper{border-color:rgba(255,0,148,0.5)}.logiciel_content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1000px}@media screen and (max-width:767px){.logiciel_content{top:10px;right:10px;bottom:10px;left:10px}}@media screen and (min-width:768px){.logiciel_content{top:30px;right:30px;bottom:30px;left:30px}}.logiciel--paddix .logiciel_content{background-color:#00cdff}.logiciel--snacdata .logiciel_content{background-color:#ff0094}.logiciel_logo{width:auto;height:30px;margin-bottom:20px;filter:invert(1);transition:transform 0.3s cubic-bezier(0.68,-0.55,0.27,1.55)}@media screen and (hover:hover){.logiciel:hover .logiciel_logo{transform:scale(1.25)}}.logiciel_desc{margin:0;line-height:1.4}@media screen and (max-width:767px){.logiciel_desc{padding:0 20px}}@media screen and (min-width:768px){.logiciel_desc strong{display:block}}@keyframes bump{0%{transform:scale(1)}75%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes wave{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:0}}.cases_inner{margin-top:50px}@media screen and (max-width:767px){.cases_inner{overflow-x:auto}.cases_inner::-webkit-scrollbar{width:1px;height:1px}.cases_inner::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.cases_inner::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.cases_inner{scrollbar-face-color:rgba(0,0,0,0);scrollbar-track-color:rgba(0,0,0,0)}}@media screen and (max-width:767px){.cases_wrapper{display:flex;gap:20px}.cases_wrapper .case{width:300px}.cases_wrapper>*:first-child{border-left:20px solid transparent}.cases_wrapper>*:last-child{border-right:20px solid transparent}}@media screen and (min-width:768px){.cases_wrapper{display:grid;justify-content:center;gap:40px}}.case{position:relative;display:grid;overflow:hidden}.case_picture_img-desktop{max-width:1050px}.case_picture_img-mobile{display:none;max-width:300px}@media (max-width:767px){.case_picture .case_picture_img-mobile{display:block}.case_picture .case_picture_img-desktop{display:none}}@media screen and (max-width:767px){.case{border-radius:24px}}@media screen and (min-width:768px){.case{border-radius:42px}}.case>*{grid-area:1/1}.case video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.2s ease}@media screen and (max-width:767px){.case video{display:none}}@media screen and (hover:hover){.case:hover video{opacity:1}}.case_content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:rgba(0,0,0,0.4)}@media screen and (max-width:767px){.case_logo img{width:120px}}@media screen and (min-width:768px){.case_logo img{width:200px}}.case_title{max-width:600px;margin:10px auto 0;padding:0 10px;color:#fff}@media screen and (max-width:767px){.case_title{font-size:18px;padding:30px;letter-spacing:-1px;line-height:20px}}@media screen and (min-width:768px){.case_title{font-size:32px;line-height:38px;letter-spacing:-1.6px}}.references_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;max-width:1125px;margin:70px auto 0}@media screen and (max-width:767px){.references_list{margin-top:30px}}@media screen and (max-width:767px){.references_list span{width:115px;padding:10px 5px}}@media screen and (min-width:768px){.references_list span{width:225px;padding:30px}}.contact{text-align:center;letter-spacing:-0.83px}.contact>[data-show-up]{transition-delay:0s !important}.contact>[data-show-up="visible"] ~ [data-show-up]{opacity:1;transform:translate3d(0,0,0)}.contact p{margin:0}.contact_block{display:block}@media screen and (max-width:767px){.contact_block{padding:30px 0}}@media screen and (min-width:768px){.contact_block{padding:50px 0}}.contact_title{margin:0;font-size:20px;font-weight:100}.contact_highlight{display:block;margin:10px 0 0;font-weight:bold;font-style:normal}@media screen and (max-width:767px){.contact_highlight{line-height:1.13;font-size:40px;letter-spacing:-1.8px}}@media screen and (min-width:768px){.contact_highlight{line-height:1.05;font-size:70px;letter-spacing:-3.15px}}.cookies-banner{position:fixed;z-index:11;left:0;bottom:0;width:100%;padding:20px;font-size:16px;line-height:1.4;border-top:1px solid;background-color:#fff;opacity:0;transform:translate3d(0,10%,0);transition:transform 0.4s ease,opacity 0.4s ease}.cookies-banner[data-anim]{opacity:1;transform:translate3d(0,0,0)}@media screen and (max-width:767px){.cookies-banner{box-shadow:0 0 20px rgba(0,0,0,0.5)}}@media screen and (min-width:768px){.cookies-banner{display:flex;align-items:center}}.cookies-banner_title{margin:0;font-size:30px}@media screen and (min-width:768px){.cookies-banner>*:first-child{flex:1;max-width:800px}.cookies-banner>*:last-child{margin-left:auto;width:240px;padding-left:40px}}.cookies-banner button{appearance:none;display:block;width:100%;margin:20px 0;padding:14px 15px;font-weight:bold;text-align:center;border-radius:50px;border:1px solid;cursor:pointer}.cookies-banner button[data-consent="true"]{color:#fff;background-color:#000}.cookies-banner button[data-consent="false"]{background-color:#fff}