@charset "UTF-8";@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/plus-jakarta-display.min.css");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap");@font-face{font-family:sf pro display;font-style:normal;font-weight:400;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYREGULAR.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:100;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYULTRALIGHTITALIC.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:200;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYTHINITALIC.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:300;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYLIGHTITALIC.woff) format("woff")}@font-face{font-family:sf pro display;font-style:normal;font-weight:500;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYMEDIUM.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:600;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYSEMIBOLDITALIC.woff) format("woff")}@font-face{font-family:sf pro display;font-style:normal;font-weight:700;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYBOLD.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:800;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYHEAVYITALIC.woff) format("woff")}@font-face{font-family:sf pro display;font-style:italic;font-weight:900;src:local("SF Pro Display"),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYBLACKITALIC.woff) format("woff")}@font-face{font-family:"San Francisco";font-weight:400;src:url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff")}*,::before,::after{box-sizing:border-box;margin:0;padding:0;list-style:none}.competence__container__window{cursor:url("assets/clicking.png") 10 14,pointer}html{font-size:100%;scroll-behavior:smooth}a{color:inherit;text-decoration:none}body{width:100%;margin:auto;border:none;cursor:url("assets/pointer-vert.png") 10 14,pointer;font-family:"Montserrat",arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-smooth:antialiased}@keyframes colorizeBeige{0%{color:#000}25%{color:#000}100%{color:#ebcaac}}@keyframes colorizeBlack{0%{color:#ebcaac}25%{color:#ebcaac}100%{color:#000}}.header{position:relative}.header__nav{position:fixed;display:flex;align-items:center;justify-content:space-between;padding:20px 50px;width:100%;height:70px;background-color:#fff;z-index:9}.header__nav h3{font-size:26px;font-weight:700}.header__nav__link{display:flex;gap:26px}.header__nav__link li{text-transform:uppercase}.header__nav__link li a{position:relative;padding:1rem 0 .5rem}.header__nav__link li a::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%) scaleX(0);transform-origin:50% 50%;width:100%;height:2px;background-color:#ebcaac;transition:transform 250ms}.header__nav__link li a:hover::after{transform:translateX(-50%) scaleX(1)}.header__introducing{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:980px}.header__introducing__bg-color{position:absolute;background-color:#ebcaac;width:44%;height:100%}.header__introducing__bg-color ul{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.header__introducing__bg-color ul li{position:absolute;display:block;list-style:none;width:25px;height:25px;background:rgba(255,255,255,.2);animation:animate 20s linear infinite;bottom:-150px}.header__introducing__bg-color ul li:nth-child(1){left:86%;width:80px;height:80px;animation-delay:0s}.header__introducing__bg-color ul li:nth-child(2){left:12%;width:30px;height:30px;animation-delay:1.5s;animation-duration:10s}.header__introducing__bg-color ul li:nth-child(3){left:70%;width:100px;height:100px;animation-delay:5.5s}.header__introducing__bg-color ul li:nth-child(4){left:42%;width:150px;height:150px;animation-delay:0s;animation-duration:15s}.header__introducing__bg-color ul li:nth-child(5){left:65%;width:40px;height:40px;animation-delay:0s}.header__introducing__bg-color ul li:nth-child(6){left:15%;width:110px;height:110px;animation-delay:3.5s}.header__introducing__container{position:relative;display:flex;justify-content:center;align-items:center;gap:48px;padding:0 18px}.header__introducing__container__card{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;max-width:400px;min-width:300px;height:515px;padding:35px 0;border-radius:8px;background-color:#f5d9bd;box-shadow:rgba(0,0,0,.35) 0 5px 15px;cursor:pointer;transition:.1s ease-in-out}.header__introducing__container__card p{display:none}.header__introducing__container__card img{width:200px;height:200px;border-radius:50%}.header__introducing__container__card h1{font-size:36px;font-weight:600;text-align:center}.header__introducing__container__card__line{width:60px;height:2px;background-color:#008eb9}.header__introducing__container__card h2{font-size:30px;font-weight:300;text-align:center;letter-spacing:2px}.header__introducing__container__text{width:100%;max-width:450px;min-width:310px}.header__introducing__container__text h2{font-size:5.5rem;font-family:"Abril Fatface";margin-bottom:16px}.header__introducing__container__text h3{font-size:24px}.header__introducing__container__text p{font-size:1rem;letter-spacing:.8px}.header__introducing__container__text button{position:relative;border:2px solid #ebcaac;border-radius:12px;font-size:24px;font-weight:600;cursor:pointer;transition:all .5s;user-select:none;z-index:5;padding:12px 40px;text-align:center;text-transform:uppercase;margin-top:32px}.header__introducing__container__text__btnCv{background-color:#ebcaac}.header__introducing__container__text__btnCv::before{position:absolute;content:"";top:0;left:0;height:100%;width:0;background-color:#fff;z-index:-1;transition:all .5s;border-radius:10px}.header__introducing__container__text__btnCv:hover{animation:colorizeBeige .3s ease-in-out forwards}.header__introducing__container__text__btnCv:hover::before{width:100%;transition:.5s}.header__introducing__container__text__btnMalt{background-color:transparent;color:#ebcaac}.header__introducing__container__text__btnMalt::before{position:absolute;content:"";top:0;left:0;height:100%;width:0;background-color:#ebcaac;z-index:-1;transition:all .5s;border-radius:10px}.header__introducing__container__text__btnMalt:hover{animation:colorizeBlack .3s ease-in-out forwards}.header__introducing__container__text__btnMalt:hover::before{width:100%;transition:.5s}@media(min-width:768px){.header__introducing__container__card:hover{min-width:430px;height:200px;border-radius:4px;background-color:#1c1c1c;transition:.2s ease-in-out;box-shadow:0 1.5rem 4rem rgba(0,0,0,.4);position:relative}.header__introducing__container__card:hover .lineBorder{position:absolute;left:22px;height:100%;width:1px;background-color:#808080}.header__introducing__container__card:hover .header__introducing__container__card__hover{display:block;color:#fff;font-size:18px;font-family:Consolas}.header__introducing__container__card:hover .header__introducing__container__card__hover__green{color:#9ccc65}.header__introducing__container__card:hover .header__introducing__container__card__hover__purple{color:#ba68c8}.header__introducing__container__card:hover .header__introducing__container__card__hover__orange{color:#f57c00}.header__introducing__container__card:hover .header__introducing__container__card__hover__red{color:#ef5350;margin-left:2em}.header__introducing__container__card:hover .header__introducing__container__card__hover__cyan{color:#4dd0e1}.header__introducing__container__card:hover img,.header__introducing__container__card:hover h1,.header__introducing__container__card:hover h2,.header__introducing__container__card:hover .header__introducing__container__card__line{display:none}}@media(max-width:768px){.header__nav{justify-content:center;font-size:14px;font-weight:500;padding:0}.header__nav p{display:none}.header__nav__link{display:none;gap:15px}.header__introducing__bg-color{width:100%;height:350px;top:0}.header__introducing__container{flex-direction:column;margin-top:200px}.header__introducing__container__card{width:100%;max-width:600px;min-width:300px;height:200px;flex-direction:row;justify-content:center}.header__introducing__container__card:hover{flex-direction:column;width:92%;height:100%}.header__introducing__container__card:hover p{font-size:16px}.header__introducing__container__card div{display:flex;flex-direction:column;align-items:center;gap:8px;width:50%}.header__introducing__container__card div img{width:88px;height:88px}.header__introducing__container__card div h1{font-size:30px}.header__introducing__container__card__line{width:2px;height:55%}.header__introducing__container__card h2{letter-spacing:1px;width:50%}.header__introducing__container__text h2{text-align:center;font-size:66px}}@media(max-width:500px){.header__introducing{height:auto;padding-bottom:50px}.header__introducing__container__card{width:90%;height:400px;flex-direction:column;justify-content:space-between}.header__introducing__container__card div{width:auto}.header__introducing__container__card div img{width:130px;height:130px}.header__introducing__container__card__line{width:30%;height:1px}.header__introducing__container__card h2{width:auto}.header__introducing__container__text{width:90%}.header__introducing__container__text h2{text-align:center}}.footer{margin-top:200px;background-color:#e4bd99;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer__description{margin-top:38px;font-size:22px;letter-spacing:1px;color:#000;text-align:center}.footer__social-network{margin:30px auto;display:flex;justify-content:center;gap:20px}.footer__social-network span{border:2px solid #fff;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s ease-in-out}.footer__social-network span:hover{background-color:#fff;transition:.2s ease-in-out}.footer__social-network span:hover img{width:25px;height:25px;transition:.2s ease-in-out}.footer__social-network span img{transition:.1s ease-in-out;width:30px;height:30px}.footer__copyright{margin-bottom:20px}@media(max-width:500px){.footer__social-network a span{width:38px;height:38px}.footer__social-network a span img{width:24px;height:24px}}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}::-webkit-scrollbar{width:12px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#ebcaac;border-radius:8px}@keyframes loadingPage{from{display:block;background-color:#000}}@keyframes loadOff{100%{opacity:0;z-index:-1}}.loadSpinner{position:fixed;z-index:3;background:#242424;width:100%;height:100%;margin:auto 0;animation:loadOff .2s;animation-delay:2s;animation-fill-mode:both}#txtOne{text-transform:uppercase;background-image:linear-gradient(to right top,#005242,#025e53,#036964,#057575,#078186);background-size:50% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:"Poppins",sans-serif;animation:gradientAnim 7.5s ease alternate infinite}@keyframes gradientAnim{to{background-position:100% top}}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(-1300px) rotate(360deg);opacity:0}}@keyframes liquid{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background-size:100% 100%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;background-size:300% 150%}100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background-size:100% 100%}}.service{width:100%;height:auto;background-color:#f5f5f5}.service__title{padding-top:75px;font-size:70px;font-weight:900;text-align:center;letter-spacing:8px;opacity:42%}.service__container{position:relative;display:flex;justify-content:center;align-items:center;gap:120px;height:700px}.service__container__card{width:30%;height:auto;background-color:rgba(255,255,255,.6);border-radius:12px}.service__container__card__header{display:flex;align-items:center;width:100%;height:2vw;background-color:#fff;border-radius:12px 12px 0 0}.service__container__card__header div{display:flex;align-items:center;gap:5px;width:40%;height:100vw;margin-left:.8vw}.service__container__card__header__red{width:1vw;height:1vw;background-color:#ed6a5d;border-radius:50%}.service__container__card__header__yellow{width:1vw;height:1vw;background-color:#f6be4f;border-radius:50%}.service__container__card__header__green{width:1vw;height:1vw;background-color:#63c656;border-radius:50%}.service__container__card__body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2vw;height:auto;padding:1vw}.service__container__card__body h3{text-align:center;font-size:24px}.service__container__list{top:0;user-select:none;transform:translate3d(0,0,0);transform-style:preserve-3d}.service__container__list:after{position:absolute;bottom:-27px;left:5%;content:"";width:65%;height:10px;border-radius:100%;background-image:radial-gradient(rgba(34,50,84,.04),rgba(34,50,84,0))}.service__container__list div{position:relative;width:340px;height:170px;border-radius:12px;color:#f5f5f5;transform:rotateX(45deg) rotateY(-15deg) rotate(45deg);transition:all .4s ease;overflow:hidden;cursor:pointer;transition:.3s ease-in-out}.service__container__list div:after{position:absolute;top:-70px;left:0;content:"";width:200%;height:200%;background-image:linear-gradient(60deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.1),rgba(255,255,255,0) 80%);transform:translateX(-100%)}.service__container__list div:after:hover{transform:translateX(100%);transition:all 1.2s ease-in-out}.service__container__list div:hover{transform:rotateX(30deg) rotateY(-15deg) rotate(30deg) translate(-25px,50px)}.service__container__list div:hover h3{transform:translate3d(0,-80px,0);transition:transform .3s ease-in-out}.service__container__list div:hover p{display:block;transform:translate3d(0,-85px,0);transition:transform .2s ease-in-out}.service__container__list div:hover img{transform:translate3d(200px,0,0);transition:transform .2s ease-in-out}.service__container__list div h3{position:absolute;bottom:18px;left:15px;font-size:26px;text-decoration:underline;font-weight:800;transition:.2s ease-in-out;color:#fff}.service__container__list div p{position:absolute;bottom:-70px;left:15px;font-size:19px;opacity:1;transition:.2s ease-in-out}.service__container__list__siteweb{margin-top:0;margin-left:100px;background-color:#dba16b;background-image:linear-gradient(135deg,#ebcaac,#dba16b);z-index:3;box-shadow:20px 20px 60px rgba(84,66,34,.5),1px 1px 0 1px #dba16b}.service__container__list__responsivedesign{margin-top:-70px;margin-left:50px;background-color:#b9783c;background-image:linear-gradient(135deg,#d2a274,#b9783c);z-index:2;box-shadow:20px 20px 60px rgba(84,71,34,.5),1px 1px 0 1px #dba16b}.service__container__list__seo{margin-top:-70px;margin-left:0;background-color:#041b25;background-image:linear-gradient(135deg,#0b4f6c,#041b25);z-index:1;box-shadow:20px 20px 60px rgba(34,50,84,.5),1px 1px 0 1px #041b25}.service__container__list__accompagnement{margin-top:-70px;margin-left:50px;background-color:#550c18;background-image:linear-gradient(135deg,#7d1224,#550c18);box-shadow:5px 5px 60px rgba(84,34,34,.1),1px 1px 0 1px #550c18}.service__container__list__maintenance{margin-top:-70px;margin-left:100px;background-color:#a33e50;background-image:linear-gradient(135deg,#c76d7e,#a33e50);box-shadow:5px 5px 60px rgba(84,34,55,.1),1px 1px 0 1px #a33e50}@keyframes portfolioImgAppear{0%{transform:translate3d(0,-50px,0) scale(.7);opacity:.3}85%{transform:translate3d(0,10px,0) scale(1.05);opacity:1}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}.portfolio{position:relative;width:100%;height:auto;padding-bottom:50px}.portfolio__title{padding-top:75px;font-size:70px;font-weight:900;text-align:center;letter-spacing:8px;opacity:42%}.portfolio__list{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:50px;max-width:1440px;margin:0 auto;padding:75px}.portfolio__list__arrow{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;margin-top:-75px}.portfolio__list__arrow img{width:50px;height:50px;cursor:pointer}.portfolio__list__arrow__left{left:0}.portfolio__list__arrow__right{right:0}.portfolio__list__card{position:relative;width:384px;height:216px;transition:transform .1s ease-in-out;box-shadow:rgba(0,0,0,.35) 0 5px 15px;cursor:pointer}.portfolio__list__card:hover{transform:translate3d(0,-11px,0);transition:transform .2s ease-in-out;border-radius:8px}.portfolio__list__card:hover .portfolio__list__card__image{opacity:40%;border-radius:8px;transition:.15s ease-in-out}.portfolio__list__card:hover .portfolio__list__card__hidden{display:flex;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:.15s ease-in-out}.portfolio__list__card__image{width:100%;height:100%;object-fit:cover}.portfolio__list__card__infos{position:absolute;top:-28px;left:0%;display:flex;align-items:center}.portfolio__list__card__infos .portfolio__list__card__infos__techno{font-size:22px;font-weight:700}.portfolio__list__card__infos .portfolio__list__card__infos__name{font-size:17px;font-weight:400;padding-left:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portfolio__list__card__hidden{display:none;bottom:0;position:absolute;flex-direction:column;align-items:flex-end;gap:3px;width:100%;padding:12px 25px;background-color:rgba(255,255,255,.95)}.portfolio__list__card__hidden span{display:flex;gap:13px;font-size:15px}.portfolio__list__card__hidden span:hover{font-weight:600}.portfolio__list__card__hidden span img{width:20px;height:20px}.portfolio__project{display:none;justify-content:center;gap:50px}.portfolio__project__img{display:flex;flex-direction:column;align-items:flex-end;row-gap:20px;width:50%}.portfolio__project__img__main{width:100%;max-width:800px;min-width:300px;object-fit:cover;animation:portfolioImgAppear .3s ease-in-out;border-radius:12px}.portfolio__project__img__litle{display:flex;justify-content:space-between;width:100%;max-width:800px;min-width:300px}.portfolio__project__img__litle img{opacity:.5;width:30%;object-fit:contain;cursor:pointer}.portfolio__project__img__litle img:hover{opacity:1}.portfolio__project__infos{width:40%}.portfolio__project__infos__title{font-size:3vw;font-weight:800;text-transform:uppercase;letter-spacing:7px;opacity:45%}.portfolio__project__infos__language{display:flex;gap:12px;margin-top:6px}.portfolio__project__infos__language p{background-color:#ebcaac;border-radius:16px;padding:6px 10px;font-size:18px;font-weight:500}.portfolio__project__infos__releasedate{font-size:18px;margin-top:30px}.portfolio__project__infos__description{width:100%;max-width:650px;min-width:300px;margin-top:7px;font-size:18px}.portfolio__project__infos__button{display:flex;gap:25px;margin-top:20px}.portfolio__project__infos__button__link,.portfolio__project__infos__button__exit{background-color:#ebcaac;border-radius:10px;border:1px solid #e4bd99;padding:8px 20px;font-family:"Montserrat";font-size:18px;font-weight:500;color:#000;cursor:pointer;transition:transform .1s ease-in-out}.portfolio__project__infos__button__link:hover,.portfolio__project__infos__button__exit:hover{transform:scale(1.03);transition:transform .1s ease-in-out}.portfolio__project__infos__button__exit{background-color:transparent}@keyframes appearIconCompetence{from{opacity:0;top:-20px}to{opacity:1;transform:translate3d(0,0 0)}}.competence__container__window__footer__techno div:nth-of-type(2),.competence__container__window__footer__outil div:nth-of-type(2){animation-delay:.2s}.competence__container__window__footer__techno div:nth-of-type(3),.competence__container__window__footer__outil div:nth-of-type(3){animation-delay:.3s}.competence__container__window__footer__techno div:nth-of-type(4),.competence__container__window__footer__outil div:nth-of-type(4){animation-delay:.4s}.competence__container__window__footer__techno div:nth-of-type(5),.competence__container__window__footer__outil div:nth-of-type(5){animation-delay:.5s}.competence__container__iphone__body__techno div:nth-of-type(2),.competence__container__iphone__body__outil div:nth-of-type(2){animation-delay:.2s}.competence__container__iphone__body__techno div:nth-of-type(3),.competence__container__iphone__body__outil div:nth-of-type(3){animation-delay:.3s}.competence__container__iphone__body__techno div:nth-of-type(4),.competence__container__iphone__body__outil div:nth-of-type(4){animation-delay:.4s}.competence__container__iphone__body__techno div:nth-of-type(5),.competence__container__iphone__body__outil div:nth-of-type(5){animation-delay:.5s}.competence__container__iphone__body__techno div:nth-of-type(6),.competence__container__iphone__body__outil div:nth-of-type(6){animation-delay:.6s}.competence__container__iphone__body__techno div:nth-of-type(7),.competence__container__iphone__body__outil div:nth-of-type(7){animation-delay:.7s}@keyframes slideup{0%{transform:translateX(-28px);opacity:0%}100%{transform:translateX(0);opacity:100%}}.competence{width:100%;height:auto;background-color:#f5f5f5}.competence__title{padding-top:75px;font-size:70px;font-weight:900;text-align:center;letter-spacing:8px;opacity:42%}.competence__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:800px;background:url("assets/macbook.png") no-repeat center;background-size:70%;font-family:"SF Pro Display"}.competence__container__window{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:52%;height:33.5vw;margin-top:-3.2vw}.competence__container__window__header{position:relative;z-index:2;display:flex;align-items:center;padding:0 10px;gap:1vw;width:100%;height:1.5vw;background-color:rgba(0,0,0,.5)}.competence__container__window__header__right{position:absolute;right:1vw;font-size:.8vw;color:#fff}.competence__container__window__header__element{position:relative;cursor:pointer}.competence__container__window__header__element:hover div{display:flex}.competence__container__window__header__element p{color:#fff;font-weight:600;font-size:.8vw;cursor:pointer}.competence__container__window__header__element div{position:absolute;z-index:1;display:none;flex-direction:column;justify-content:space-around;width:9vw;height:8vw;padding:4px 10px;border-radius:.4vw;margin-top:.2vw;background-color:rgba(255,255,255,.7);cursor:pointer}.competence__container__window__header__element div a,.competence__container__window__header__element div p{color:#000;font-weight:600;font-size:.8vw;cursor:pointer}.competence__container__window__card{width:70%;height:10vw;background-color:rgba(255,255,255,.8);border-radius:12px}.competence__container__window__card__header{display:flex;align-items:center;width:100%;height:2vw;background-color:#fff;border-radius:12px 12px 0 0}.competence__container__window__card__header p{font-size:1vw;font-weight:600;text-align:center}.competence__container__window__card__header div{display:flex;align-items:center;gap:5px;width:40%;height:100%;margin-left:.8vw}.competence__container__window__card__header__red{width:1vw;height:1vw;background-color:#ed6a5d;border-radius:50%}.competence__container__window__card__header__yellow{width:1vw;height:1vw;background-color:#f6be4f;border-radius:50%}.competence__container__window__card__header__green{width:1vw;height:1vw;background-color:#63c656;border-radius:50%}.competence__container__window__card__body{display:flex;justify-content:center;align-items:center;gap:1.2vw;height:8vw}.competence__container__window__card__body div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:7vw;height:7vw;background-color:rgba(255,255,255,.8);border-radius:1vw;border:4px solid #fff;transition:transform .1s ease-in-out;cursor:pointer}.competence__container__window__card__body div:hover{transform:scale(1.03);transition:transform .1s ease-in-out}.competence__container__window__card__body div:hover p{text-decoration:underline}.competence__container__window__card__body div img{width:3.5vw;height:3.5vw;cursor:inherit}.competence__container__window__card__body div p{word-wrap:break-word;width:100%;margin-top:.2vw;font-size:.8vw;font-weight:600;text-align:center;cursor:inherit}.competence__container__window__footer{display:flex;justify-content:center;align-items:center;width:90%;height:3.3vw;background-color:rgba(255,255,255,.5);border-radius:.8vw;margin-bottom:8px}.competence__container__window__footer__techno,.competence__container__window__footer__outil{display:none;gap:.9vw}.competence__container__window__footer__techno div,.competence__container__window__footer__outil div{position:relative;opacity:0;display:flex;justify-content:center;align-items:center;width:2.7vw;height:2.7vw;background-color:rgba(255,255,255,.6);border:.2vw solid #fff;border-radius:.8vw;animation:slideup 1s forwards;cursor:pointer}.competence__container__window__footer__techno div:hover img,.competence__container__window__footer__outil div:hover img{transform:scale(.9);transition:transform .2s ease-in-out}.competence__container__window__footer__techno div:hover span,.competence__container__window__footer__outil div:hover span{display:block;animation:appearIconCompetence .2s ease-in-out}.competence__container__window__footer__techno div img,.competence__container__window__footer__outil div img{width:2vw;height:2vw;transition:transform .2s ease-in-out;cursor:inherit}.competence__container__window__footer__techno div span,.competence__container__window__footer__outil div span{position:absolute;top:-42px;display:none;width:100px}.competence__container__window__footer__techno div span p,.competence__container__window__footer__outil div span p{font-size:20px;font-weight:800;letter-spacing:1px;text-align:center}.competence__container__window__footer__techno{display:flex}.contact{width:100%;height:auto;max-width:1440px;margin:0 auto;padding:75px}.contact__title{padding-top:75px;font-size:70px;font-weight:900;text-align:center;letter-spacing:8px;opacity:42%}.contact form{display:flex;flex-direction:column;margin:0 auto;width:70%}.contact form label{font-size:20px;margin-top:12px;margin-bottom:4px}.contact form #Message{height:150px;margin-top:0;padding-top:0}.contact form input{height:36px;border-radius:6px;border:1px solid #ebcaac;padding:0 10px;margin-top:0}.contact form input:last-of-type{width:30%;height:52px;margin:40px auto;border:none;background-color:#ebcaac;cursor:pointer;font-size:18px;font-weight:500;transition:transform .1s ease-in-out}.contact form input:last-of-type:hover{transform:scale(1.03);transition:transform .2s ease-in-out}.contact form textarea{height:250px;font-family:"Montserrat";border-radius:6px;border:1px solid #ebcaac;padding:10px 10px;margin-top:0;resize:none}@media(max-width:1024px) and (min-width:768px){.service__container{gap:5%}.service__container__list div{width:310px;height:175px}}@media(max-width:1024px){.competence__container{background-size:100%}.competence__container__window{margin-top:-4.5vw;width:74%;height:48vw}.competence__container__window__header{height:2vw}.competence__container__window__header__element p,.competence__container__window__header__element a,.competence__container__window__header div p,.competence__container__window__header div a{font-size:1vw}.competence__container__window__card{height:14vw}.competence__container__window__card__header{height:2.5vw}.competence__container__window__card__header p{font-size:1.5vw}.competence__container__window__card__header__red{width:1.3vw;height:1.3vw;background-color:#ed6a5d;border-radius:50%}.competence__container__window__card__header__yellow{width:1.3vw;height:1.3vw;background-color:#f6be4f;border-radius:50%}.competence__container__window__card__header__green{width:1.3vw;height:1.3vw;background-color:#63c656;border-radius:50%}.competence__container__window__card__body{height:11.5vw}.competence__container__window__card__body div{width:8.5vw;height:8.5vw;border-radius:1.3vw}.competence__container__window__card__body div img{width:4vw;height:4vw}.competence__container__window__card__body div p{font-size:1vw}.competence__container__window__footer{height:4vw}.competence__container__window__footer__techno div,.competence__container__window__footer__outil div{width:3.2vw;height:3.2vw}.competence__container__window__footer__techno div img,.competence__container__window__footer__outil div img{width:2.5vw;height:2.5vw}}@media(min-width:768px){.competence__container__iphone{display:none}}@media(max-width:768px){.service__title,.portfolio__title,.competence__title,.contact__title{font-size:8vw}.service__container{flex-direction:column;height:1000px;gap:5%}.service__container__card{width:80%}.service__container__card__header{height:4vw}.service__container__card__header__red{width:2vw;height:2vw;background-color:#ed6a5d;border-radius:50%}.service__container__card__header__yellow{width:2vw;height:2vw;background-color:#f6be4f;border-radius:50%}.service__container__card__header__green{width:2vw;height:2vw;background-color:#63c656;border-radius:50%}.service__container__card__body{padding:2vw}.service__container__card__body h3{margin-bottom:12px}.portfolio__project{flex-direction:column;align-items:center;margin-top:-80px}.portfolio__project__img{width:90%;order:2}.portfolio__project__infos{width:90%;order:1}.portfolio__project__infos__title{font-size:7vw;text-align:center;margin-bottom:12px}.portfolio__project__infos__releasedate,.portfolio__project__infos__description{font-size:16px}.portfolio__project__infos__language p{padding:5px 8px;font-size:14px}.portfolio__project__infos__button__link,.portfolio__project__infos__button__exit{padding:6px 13px;font-size:16px}.competence__container{height:130vh;background:url(assets/iPhone.png) no-repeat center;background-size:100%}.competence__container__window{display:none}.competence__container__iphone{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:62%;height:136vw;border-radius:7vw}.competence__container__iphone__header{position:absolute;top:2.5vw;display:flex;justify-content:space-between;align-items:center;width:96%;height:6vw;padding:0 8px;border-radius:7vw}.competence__container__iphone__header p{padding-left:5vw;font-size:3vw;color:#fff}.competence__container__iphone__header img{width:15vw}.competence__container__iphone__header img:hover{transform:scale(1.05)}.competence__container__iphone__body{width:100%}.competence__container__iphone__body__techno,.competence__container__iphone__body__outil{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;row-gap:4.5vw;width:100%;padding:12vw 1.2vw}.competence__container__iphone__body__techno div,.competence__container__iphone__body__outil div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vw;opacity:0;animation:slideup 1s forwards}.competence__container__iphone__body__techno div img,.competence__container__iphone__body__outil div img{border-radius:2.5vw;width:11vw}.competence__container__iphone__body__techno div p,.competence__container__iphone__body__outil div p{color:#fff;font-size:2.9vw;font-weight:500;text-align:center}.competence__container__iphone__body__outil{display:none}.competence__container__iphone__footer{position:relative;display:flex;justify-content:center;align-items:center;gap:4vw;width:90%;height:13vw;margin-bottom:20px;border-radius:3.5vw;background-color:rgba(255,255,255,.2)}.competence__container__iphone__footer span{position:absolute;top:-12vw;display:flex;align-items:center;gap:8px;font-size:3vw;font-weight:600;padding:1.5vw 2.5vw;border-radius:4vw;color:#fff;background-color:rgba(255,255,255,.5)}.competence__container__iphone__footer span img{width:3.5vw;height:3.5vw}.competence__container__iphone__footer div{margin-top:1vw}.competence__container__iphone__footer div img{border-radius:2.5vw;width:11vw}.contact{padding:25px}.contact form{width:90%}}@media(max-width:500px){.service__container{gap:50px}.service__container__card__header{height:6vw}.service__container__card__header__red{width:3vw;height:3vw;background-color:#ed6a5d;border-radius:50%}.service__container__card__header__yellow{width:3vw;height:3vw;background-color:#f6be4f;border-radius:50%}.service__container__card__header__green{width:3vw;height:3vw;background-color:#63c656;border-radius:50%}.service__container__card__body{padding:3vw}.service__container__card__body h3{font-size:22px}.service__container__card__body p{font-size:14px}.service__container__list div{width:250px;height:160px;gap:8px}.service__container__list div:hover{transform:rotateX(30deg) rotateY(-15deg) rotate(30deg) translate(-15px,20px)}.service__container__list div:hover h3{transform:translate3d(0,-60px,0)}.service__container__list div h3{font-size:22px}.service__container__list div p{font-size:16px}.service__container__list__siteweb,.service__container__list__responsivedesign,.service__container__list__seo,.service__container__list__accompagnement,.service__container__list__maintenance{margin-left:0}.portfolio__list{padding:75px 0}.portfolio__list__card{width:90%;height:auto}.portfolio__list__card__infos .portfolio__list__card__infos__techno{font-size:16px}.portfolio__list__card__infos .portfolio__list__card__infos__name{font-size:14px}.competence__container{height:90vh}.contact form input:last-of-type{width:50%}}