@font-face{font-family:"Evolutio";src:url(fonts/iso-medium.d5d5d65a3772b13811101a04ef92dc3a.ttf);font-weight:600;font-display:swap}@font-face{font-family:"Evolutio";src:url(fonts/iso-regular.bebd278303ed526a01a5afbfeec7e6de.ttf);font-weight:400;font-display:swap}@font-face{font-family:"Evolutio";src:url(fonts/iso-ultra-light.fff9ef126dafeba82dffd41ab2d91d0d.ttf);font-weight:200;font-display:swap}*{margin:0;padding:0}a{color:#32383e;text-decoration:none}.theme-dark a{color:#fff}ul{list-style-type:none}h1,h2,h3,h4,h5{font-weight:600}input,textarea,button{border-radius:0;-webkit-appearance:none}input:focus,textarea:focus,button:focus{outline:none}html,body{overflow-y:auto;scroll-behavior:smooth}body,input,textarea,button{font-family:"Evolutio",Helvetica,sans-serif;font-weight:normal;font-size:18px;background:#fff;color:#32383e;transition:color .34s}html.theme-dark body{background:#32383e;color:#fff}html.theme-dark body input,html.theme-dark body textarea{background:#32383e;color:#fff}.is-fitted{max-width:1200px;margin:0 auto}.is-shrinked{max-width:700px;margin:0 auto}.title{font-size:40px;text-align:center;padding:8rem 0 3rem;transform:translateY(-50px);opacity:0}.is-in-view .title{-webkit-animation:title-entrance .6s ease-out forwards;animation:title-entrance .6s ease-out forwards}.button{border:solid 2px #4fc3ef;padding:.7rem 5rem;background:#fff;color:#4fc3ef;text-transform:uppercase;cursor:pointer;transition:all .34s}.button:hover{color:#fff;background:#4fc3ef}.theme-dark .button{background:#32383e;color:#4fc3ef}.theme-dark .button:hover{background:#4fc3ef;color:#32383e}.is-large{font-size:25px}.is-light{font-weight:200}.has-background-gradient-out{background:linear-gradient(0deg,#fff 0%,#d2f0fa 30%,#d2f0fa 100%)}.has-background-gradient-in-out{background:linear-gradient(0deg,#fff 0%,#d2f0fa 30%,#d2f0fa 70%,#fff 100%)}.theme-dark .has-background-gradient-out{background:linear-gradient(0deg,#32383e 0%,#4493b2 30%,#4493b2 100%)}.theme-dark .has-background-gradient-in-out{background:linear-gradient(0deg,#32383e 0%,#4493b2 30%,#4493b2 70%,#32383e 100%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eee}.theme-dark ::-webkit-scrollbar-track{background:#3c444b}::-webkit-scrollbar-thumb{background:#4fc3ef}@-webkit-keyframes title-entrance{to{transform:translateY(0);opacity:1}}@keyframes title-entrance{to{transform:translateY(0);opacity:1}}header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;border-bottom:solid 1px #4fc3ef}header>nav{padding:1rem 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}header>nav #main-logo{display:flex;flex-flow:row nowrap;align-items:center}header>nav #main-logo img{height:45px}header>nav #main-logo h1{margin-left:.5rem;font-size:45px;font-weight:400;margin-bottom:4px;transition:color .34s}header>nav>ul{display:flex;flex-flow:row nowrap;text-transform:uppercase}header>nav>ul li:not(:last-child){margin-right:2rem}header>nav>ul li[active] a{color:#4fc3ef}header>nav>ul li a{transition:color .34s}header>nav>ul li img#theme-switcher{cursor:pointer;height:100%}.theme-dark header{background:#32383e}.theme-dark header nav a{color:#fff}.theme-dark header nav img#theme-switcher{-webkit-filter:brightness(10);filter:brightness(10)}section#intro{position:relative;margin-top:100px;background:linear-gradient(0deg,#e8f7fc 0%,#fff 30%)}section#intro h2{font-size:60px;text-align:center;color:#4fc3ef;padding:4rem 0 2rem;overflow:hidden}section#intro h2 .anime-intro-letter{display:inline-block}section#intro p{z-index:1;position:relative}section#intro #ipad{position:absolute;left:-13vw;bottom:-4vw;width:40vw}section#intro #iphone{position:absolute;right:3vw;bottom:8vw;width:28vw}section#intro #arrow-down{display:flex;justify-content:center;margin-top:200px}section#intro #arrow-down img{width:70px;-webkit-animation:bounce .5s ease-in-out infinite alternate;animation:bounce .5s ease-in-out infinite alternate;cursor:pointer}.theme-dark section#intro{background:linear-gradient(0deg,#3b6578 0%,#32383e 30%)}@-webkit-keyframes bounce{0%{transform:translateY(-7px) scaleX(0.9)}20%{transform:translateY(0) scaleX(1)}}@keyframes bounce{0%{transform:translateY(-7px) scaleX(0.9)}20%{transform:translateY(0) scaleX(1)}}#services{position:relative;top:-5rem}section#services-section{background:linear-gradient(0deg,#d2f0fa 30%,#d2f0fa 70%,rgba(210,240,250,.5) 100%)}section#services-section h2{padding-top:3rem;-webkit-animation:none;animation:none;opacity:1;transform:none}section#services-section #services-box-container{display:flex;flex-flow:row wrap;justify-content:center;margin:-1rem}section#services-section #services-box-container .service{flex:0 0 340px;text-align:center;background:#fff;padding:1rem 1rem 2rem;margin:1rem;box-sizing:border-box;transition:background .34s}section#services-section #services-box-container .service img{height:120px}section#services-section #services-box-container .service p{margin-top:1rem}section#services-section #services-cta{display:flex;justify-content:center}section#services-section #services-cta .button{margin-top:3rem}.theme-dark section#services-section{background:linear-gradient(0deg,#4493b2 30%,#4493b2 70%,#3b6578 100%)}.theme-dark section#services-section #services-box-container .service{background:#32383e}.theme-dark section#services-section #services-box-container .service:nth-child(1)>img{content:url(images/picto-web-sombre.df657f8366cb543228fd8ecfaea9fcbd.svg)}.theme-dark section#services-section #services-box-container .service:nth-child(2)>img{content:url(images/picto-mobile-sombre.00277f08f868879a5ed8b430066285c6.svg)}.theme-dark section#services-section #services-box-container .service:nth-child(3)>img{content:url(images/picto-outils-sombre.08e28be14f06c3f81992c01835d1f0d5.svg)}.theme-dark section#services-section #services-box-container .service:nth-child(4)>img{content:url(images/picto-prototypage-sombre.93e7a5157fe35db460c92b98d6ad50f9.svg)}.theme-dark section#services-section #services-box-container .service:nth-child(5)>img{content:url(images/picto-strategie-sombre.2dd087b54e480e5e515dea00af965b33.svg)}.theme-dark section#services-section #services-box-container .service:nth-child(6)>img{content:url(images/picto-autres-sombre.7a2d00eae07c4a747f5b0a1bc63a04c3.svg)}section#services-section.is-in-view .service img{-webkit-animation:grow-service 1.5s infinite ease-in-out;animation:grow-service 1.5s infinite ease-in-out}section#services-section.is-in-view .service:nth-child(2) img{-webkit-animation-delay:.1s;animation-delay:.1s}section#services-section.is-in-view .service:nth-child(3) img{-webkit-animation-delay:.2s;animation-delay:.2s}section#services-section.is-in-view .service:nth-child(4) img{-webkit-animation-delay:.3s;animation-delay:.3s}section#services-section.is-in-view .service:nth-child(5) img{-webkit-animation-delay:.4s;animation-delay:.4s}section#services-section.is-in-view .service:nth-child(6) img{-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes grow-service{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}@keyframes grow-service{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}section#projects{padding-bottom:80px;margin-bottom:-50px}section#projects #projects-slider-container{display:flex;flex-flow:row nowrap;align-items:center}section#projects #projects-slider-container .projects-slider-nav{flex:1 0 auto;margin-left:1rem}section#projects #projects-slider-container .projects-slider-nav:first-child{text-align:right;margin-left:0;margin-right:1rem}section#projects #projects-slider-container .projects-slider-nav img{height:70px;cursor:pointer;transition:opacity .34s}section#projects #projects-slider-container .projects-slider-nav img[disabled]{pointer-events:none;opacity:0}section#projects #projects-slider-container #projects-slider-wrapper{overflow:hidden;flex:0 0 calc(1020px + 4rem)}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider{display:flex;flex-flow:row nowrap;transition:margin-left .4s ease-out}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project{flex:0 0 340px;box-sizing:border-box;text-align:center;background:#fff;display:flex;flex-direction:column}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project:not(:last-child){margin-right:2rem}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project img{padding:1rem;width:calc(100% - 2rem);border-bottom:solid 1px #4fc3ef}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project h3{padding:1rem 1rem 0}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project .project-description{padding:1rem;flex-grow:1}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project .project-hashtags{border-top:solid 1px #4fc3ef;padding:1rem}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project .project-hashtags p{color:#4fc3ef}.theme-dark section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project{background:#32383e}.theme-dark section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project img{background:#fff;border-bottom:none}.theme-dark section#projects #projects-slider-container .projects-slider-nav:first-child img{content:url(images/arrow-white-left.bc80d817b2cf10c7520eb632d852a236.svg)}.theme-dark section#projects #projects-slider-container .projects-slider-nav:last-child img{content:url(images/arrow-white-right.bc55aebb63b13b277f6890bbb6f480dd.svg)}section#dev-agile #agile-description-container{display:flex;flex-flow:row nowrap}section#dev-agile #agile-description-container #agile-text{flex:2 0 0;margin-right:1rem}section#dev-agile #agile-description-container #agile-text h3{font-size:40px;color:#4fc3ef;margin-bottom:2rem}section#dev-agile #agile-description-container #agile-text .agile-text-with-margin{margin-bottom:.8em}section#dev-agile #agile-description-container #agile-text ul{list-style-type:circle;padding-left:1.5rem}section#dev-agile #agile-description-container #agile-schema{flex:1 0 auto;position:relative;overflow:hidden}section#dev-agile #agile-description-container #agile-schema img{position:absolute;top:0;width:100%;height:100%}section#dev-agile #agile-description-container #agile-schema img:nth-child(1){transform:rotate(-300deg)}section#dev-agile #agile-description-container #agile-schema img:nth-child(2){transform:rotate(-240deg)}section#dev-agile #agile-description-container #agile-schema img:nth-child(3){transform:rotate(-180deg)}section#dev-agile #agile-description-container #agile-schema img:nth-child(4){transform:rotate(-120deg)}section#dev-agile #agile-description-container #agile-schema img:nth-child(5){transform:rotate(-60deg)}section#dev-agile #agile-description-container #agile-schema #agile-schema-title{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4fc3ef}section#dev-agile #agile-caption{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;border-top:solid 1px;margin-top:2rem;padding-top:1rem}section#dev-agile #agile-caption .agile-step{display:flex;flex-flow:row nowrap;align-items:center}section#dev-agile #agile-caption .agile-step span[id^="agile-step-"]{width:2rem;height:2rem;border-radius:200px;display:inline-flex;justify-content:center;align-items:center;margin-right:8px}section#dev-agile #agile-caption .agile-step #agile-step-1{background:#ddf1fa}section#dev-agile #agile-caption .agile-step #agile-step-2{background:#a0d3ec}section#dev-agile #agile-caption .agile-step #agile-step-3{background:#74bbdc}section#dev-agile #agile-caption .agile-step #agile-step-4{background:#4391b6;color:#fff}section#dev-agile #agile-caption .agile-step #agile-step-5{background:#2f6179;color:#fff}section#dev-agile #agile-caption .agile-step #agile-step-6{background:#32383e;color:#fff}section#dev-agile #agile-caption img{height:2.5rem;margin:0 .5rem}.theme-dark section#dev-agile #agile-description-container #agile-schema img:first-child{-webkit-filter:brightness(.7);filter:brightness(.7)}.theme-dark section#dev-agile #agile-step-1,.theme-dark section#dev-agile #agile-step-2,.theme-dark section#dev-agile #agile-step-3{color:#32383e}.theme-dark section#dev-agile #agile-caption .agile-step:last-child #agile-step-6{background:#23272b}section#dev-agile.is-in-view #agile-schema img{-webkit-animation:2s ease-in-out , infinite 40s 1.9s linear;animation:2s ease-in-out , infinite 40s 1.9s linear}section#dev-agile.is-in-view #agile-schema img:nth-child(1){-webkit-animation-name:agile-step-1 , full-rotation;animation-name:agile-step-1 , full-rotation}section#dev-agile.is-in-view #agile-schema img:nth-child(2){-webkit-animation-name:agile-step-2 , full-rotation;animation-name:agile-step-2 , full-rotation}section#dev-agile.is-in-view #agile-schema img:nth-child(3){-webkit-animation-name:agile-step-3 , full-rotation;animation-name:agile-step-3 , full-rotation}section#dev-agile.is-in-view #agile-schema img:nth-child(4){-webkit-animation-name:agile-step-4 , full-rotation;animation-name:agile-step-4 , full-rotation}section#dev-agile.is-in-view #agile-schema img:nth-child(5){-webkit-animation-name:agile-step-5 , full-rotation;animation-name:agile-step-5 , full-rotation}section#dev-agile.is-in-view #agile-schema img:nth-child(6){-webkit-animation:full-rotation infinite 40s 1.9s linear;animation:full-rotation infinite 40s 1.9s linear}@-webkit-keyframes agile-step-1{from{transform:rotate(-300deg)}to{transform:rotate(0deg)}}@keyframes agile-step-1{from{transform:rotate(-300deg)}to{transform:rotate(0deg)}}@-webkit-keyframes agile-step-2{from{transform:rotate(-240deg)}to{transform:rotate(0deg)}}@keyframes agile-step-2{from{transform:rotate(-240deg)}to{transform:rotate(0deg)}}@-webkit-keyframes agile-step-3{from{transform:rotate(-180deg)}to{transform:rotate(0deg)}}@keyframes agile-step-3{from{transform:rotate(-180deg)}to{transform:rotate(0deg)}}@-webkit-keyframes agile-step-4{from{transform:rotate(-120deg)}to{transform:rotate(0deg)}}@keyframes agile-step-4{from{transform:rotate(-120deg)}to{transform:rotate(0deg)}}@-webkit-keyframes agile-step-5{from{transform:rotate(-60deg)}to{transform:rotate(0deg)}}@keyframes agile-step-5{from{transform:rotate(-60deg)}to{transform:rotate(0deg)}}@-webkit-keyframes full-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes full-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}section#philosophy #values-container{display:flex;flex-flow:row nowrap}section#philosophy #values-container .value{flex:1 0 0;text-align:center;border-top:solid 1px #4fc3ef;border-bottom:solid 1px #4fc3ef;padding-bottom:2rem;display:flex;flex-flow:column nowrap;align-items:center}section#philosophy #values-container .value:not(:last-child){margin-right:2rem}section#philosophy #values-container .value img{max-width:200px}section#philosophy #values-container .value h3{color:#4fc3ef}section#philosophy #values-container .value .value-intro{flex:1 0 0;margin:1rem 0}.theme-dark section#philosophy #values-container .value:nth-child(1)>img{content:url(images/picto-implication-sombre.d4bb95707c58a20f63886aac4bfed858.svg)}.theme-dark section#philosophy #values-container .value:nth-child(2)>img{content:url(images/picto-ethique-sombre.26fb389a028ce9dd7dfd0b3287057a0e.svg)}.theme-dark section#philosophy #values-container .value:nth-child(3)>img{content:url(images/picto-qualite-sombre.0b549284f08e946d1e28737ba311d856.svg)}section#team #team-members-wrapper{display:flex;flex-flow:row nowrap}section#team #team-members-wrapper .team-member{flex:1 0 0;text-align:center}section#team #team-members-wrapper .team-member img{width:100%;border-bottom:solid 2px #4fc3ef}section#team #team-members-wrapper .team-member .team-member-infos{margin-top:10px;padding:1rem 2rem}section#team #team-members-wrapper .team-member .team-member-infos h3{color:#4fc3ef}section#team #team-members-wrapper .team-member .team-member-infos h3 .team-member-title{font-size:.7em}section#team #team-members-wrapper .team-member:not(:last-child)>.team-member-infos{border-right:solid 1px #4fc3ef}section#contact{text-align:center}section#contact form #contact-input-wrapper{margin-top:2rem;margin-bottom:1rem;display:flex;flex-flow:row nowrap}section#contact form #contact-input-wrapper input{flex:1 0 auto;padding:1rem .5rem;border:solid 1px #4fc3ef}section#contact form #contact-input-wrapper input:first-child{margin-right:1rem}section#contact form #contact-input-wrapper input:focus{outline:solid 1px #4fc3ef}section#contact form textarea{width:100%;padding:1rem .5rem;border:solid 1px #4fc3ef;box-sizing:border-box}section#contact form textarea:focus{outline:solid 1px #4fc3ef}section#contact form button.button{margin-top:2rem}section#contact form p:last-child{font-size:.7rem;margin-top:.5rem}footer{border-top:solid 1px #4fc3ef;padding:4rem 0;margin-top:8rem}footer #footer-content-wrapper{display:flex;flex-flow:row wrap;align-items:flex-end}footer #footer-content-wrapper>:first-child{margin-right:2rem}footer #footer-content-wrapper>:nth-child(2){flex:1 0 0}footer #footer-content-wrapper h3{color:#4fc3ef}footer #footer-content-wrapper #footer-copyright>span{color:#4fc3ef}footer #footer-content-wrapper a{transition:color .34s}.theme-dark footer a{color:#fff}@media screen and (max-width: calc(1200px + 36px)){.is-fitted{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:1200px){section#intro h2{padding:4rem 0 1rem}#services{top:-2rem}section#projects #projects-slider-container #projects-slider-wrapper{flex:0 0 calc(680px + 2rem)}}@media screen and (max-width:900px){section#projects #projects-slider-container #projects-slider-wrapper{flex:0 0 calc(600px + 2rem)}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider>.project{flex:0 0 300px}section#dev-agile #agile-caption{justify-content:flex-start}section#dev-agile #agile-caption .agile-step{margin:0 1rem .5rem 0}section#dev-agile #agile-caption img{display:none}}@media screen and (max-width:770px){body,input,textarea,button{font-size:15px}.is-large{font-size:20px}.title{font-size:33px;padding:5rem 0 2rem}header>nav{flex-flow:column nowrap}header>nav #main-logo{margin-bottom:1rem;max-height:60px;transition:all .6s;transform-origin:top;transform:scaleY(1)}header>nav #main-logo[disabled]{opacity:0;max-height:0;margin:0;transform:scaleY(0)}section#intro h2{font-size:45px}section#intro p{text-align:justify;padding:0 1rem}section#intro #iphone,section#intro #ipad{display:none}section#intro #arrow-down{margin-top:40px}section#projects #projects-slider-container #projects-slider-wrapper{flex:0 0 340px}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project{flex:0 0 340px}section#dev-agile #agile-description-container{flex-flow:column nowrap}section#dev-agile #agile-description-container #agile-text{margin:0 0 2rem}section#dev-agile #agile-description-container #agile-text h3{font-size:28px}section#dev-agile #agile-description-container #agile-text p,section#dev-agile #agile-description-container #agile-text ul{line-height:20px}section#dev-agile #agile-description-container #agile-text .agile-text-with-margin{margin-bottom:1.5em}section#dev-agile #agile-description-container #agile-schema{height:250px}section#philosophy h2{padding-bottom:1rem}section#philosophy #values-container{flex-flow:column nowrap}section#philosophy #values-container .value{flex:0 0 auto;margin:0!important}section#philosophy #values-container .value:not(:nth-child(2)){border:none}section#contact form{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:480px){header>nav>#main-logo img{height:40px}header>nav>#main-logo h1{font-size:40px;margin-bottom:2px}section#intro h2{font-size:35px}section#services-section #services-box-container .service{flex:0 0 calc(100% - 2rem)}section#projects #projects-slider-container{justify-content:center;position:relative}section#projects #projects-slider-container .projects-slider-nav{position:absolute;opacity:.25}section#projects #projects-slider-container .projects-slider-nav:first-child{left:1rem}section#projects #projects-slider-container .projects-slider-nav:last-child{right:1rem}.theme-dark section#projects #projects-slider-container .projects-slider-nav{-webkit-filter:drop-shadow(0 0 3px #32383e);filter:drop-shadow(0 0 3px #32383e);opacity:.4}section#dev-agile #agile-caption .agile-step{margin:0 2rem 1rem 0}section#team #team-members-wrapper{flex-flow:column wrap}section#team #team-members-wrapper .team-member{flex:0 0 auto}section#team #team-members-wrapper .team-member:not(:last-child){margin-bottom:1rem}section#team #team-members-wrapper .team-member .team-member-infos{border:none!important;padding:0}section#contact form #contact-input-wrapper{flex-flow:column nowrap}section#contact form #contact-input-wrapper input:first-child{margin-right:0;margin-bottom:1rem}footer #footer-content-wrapper{flex-flow:column nowrap;align-items:center;text-align:center}footer #footer-content-wrapper>:not(:last-child){margin:0 0 2rem 0}}@media screen and (max-width:380px){header>nav>ul li:not(:last-child){margin-right:1rem}section#intro h2{font-size:30px}section#projects #projects-slider-container #projects-slider-wrapper{flex:0 0 300px}section#projects #projects-slider-container #projects-slider-wrapper #projects-slider .project{flex:0 0 300px}}