@charset "UTF-8";@keyframes gradient-color{0%{background-position:100% 100%}50%{background-position:50% 50%}to{background-position:0% 0%}}@keyframes border-color{0%{border-color:#333}25%{border-color:#022835}50%{border-color:#067197}75%{border-color:#022835}to{border-color:#333}}@keyframes border-color-light{0%{border-color:#faf9f9}25%{border-color:#faf9f9}40%{border-color:#9fd7d7}50%{border-color:#9fd7d7}60%{border-color:#9fd7d7}75%{border-color:#faf9f9}to{border-color:#faf9f9}}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0;line-height:1.4em;border-radius:8px;box-shadow:4px 8px 15px #333c;overflow:hidden;padding:1em;background-color:#f4f3f2;color:#333;height:100%;letter-spacing:.02em;box-sizing:border-box;margin:1em auto 2em;width:100%}.card .site-title{padding:.5em 0;width:100%}.card .site-title h2{margin:0;padding-bottom:.8em;font-size:1.8rem;font-weight:500;line-height:2.88rem}@media(max-width:1100px){.card .site-title h2{font-size:calc(1.8rem * 1.06)}}@media(max-width:1000px){.card .site-title h2{font-size:calc(1.8rem * 1.05)}}@media(max-width:900px){.card .site-title h2{font-size:1.836rem}}@media(max-width:800px){.card .site-title h2{font-size:1.8rem}}@media(max-width:768px){.card .site-title h2{font-size:calc(1.8rem * .92)}}@media(max-width:500px){.card .site-title h2{font-size:1.53rem}}.card .site-title h2{line-height:2.079rem}.card .site{display:grid;grid-template-columns:3fr 2fr;justify-items:stretch;gap:2em;padding:0;align-items:start;width:100%}@media(max-width:1000px){.card .site{grid-template-columns:1fr}}.card .site .presentation{display:flex;flex-direction:column;justify-content:stretch;align-items:start;gap:.2em}.card .site .presentation .description{font-size:1em;width:100%}.card .site .presentation .description ul{padding-left:0;margin-bottom:.5em}.card .site .presentation .description ul li{list-style:none;position:relative;padding-left:2.1rem;padding-top:.5em}.card .site .presentation .description ul li:before{content:"■";position:absolute;left:1rem;top:.1rem;font-size:1.7rem;color:#067197}.card .site .presentation .description ul li:before{top:.5rem;font-size:1.1rem}.card .site .presentation .description figure{display:flex;flex-direction:column;align-items:center;margin:1em auto}.card .site .presentation .description figure figcaption{font-size:1.1rem;font-style:italic;color:var(--eve-color-2)}.card .site .presentation .description figure img{max-width:100%;display:block}.card .site .presentation .description figure.image-style-align-right{float:right;margin-left:1em}.card .site .presentation .description figure.image-style-align-left{float:left;margin-left:1em}.card .site .presentation .description figure.image-style-align-center{margin-left:auto;margin-right:auto}.card .site .presentation .description figure.image-style-side{float:right;margin-left:1em;max-width:50%}.card .site .presentation .description a{white-space:normal;display:inline-block}.card .site .presentation .description p{margin:.5em 0;padding:0}.card .site .second-column{display:flex;flex-direction:column;justify-content:stretch;align-items:start;gap:.2em}.card h3{font-size:1.32rem;margin:0;width:100%;color:#067197;display:inline-flex;padding-bottom:.3em;border-bottom:5px solid #333}.card p{margin:0;padding:.5em 0 2em}.card .images{margin-top:1em;width:100%}.card .visuels-portfolio{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}.card .images-desktop-portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1000px;margin:2em auto 0;position:relative}.card .images-desktop{width:70%!important}.card .images-mobile-portfolio{display:none}.card .ecran-ordi{z-index:5!important;object-fit:contain}.card .ecran-ordi{width:100%}.card .desk-scroll{position:absolute;overflow:hidden}.card .desk-scroll{top:3.48%;left:16.5%;height:67%;width:100%}.card .img-desktop img{position:absolute;object-fit:contain;width:100%;animation:scrollImage var(--animation-duration, 45s) linear infinite alternate}.card .img-desktop img{width:67%}.card .technologies{width:100%}.card .technologies h3{max-width:100%}.card .technologies .ecosystem-fieldset legend,.card .technologies .languages-fieldset legend{text-align:center;border-bottom:1px solid #333}.card .technologies .ecosystem-badges,.card .technologies .language-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}.card .technologies .ecosystem-badges img{height:2.07rem;border-radius:5px}.card .technologies .ecosystem-badges{gap:.5rem}.card .technologies .language-badges img{height:1.8rem;border-radius:5px}.card .technologies .language-badges{gap:.4rem}.card .card-footer{margin-top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5em;background:none;width:100%;border-top:none}.card .footer-link-portfolio{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;border-top:1px ridge rgba(51,51,51,.7);padding-top:1.5em;width:100%}.card .visit-button{background-color:#067197;color:#faf9f9;text-decoration:none;padding:1.2em;text-align:center;font-size:1.26rem;font-weight:500;line-height:2.016rem}@media(max-width:1100px){.card .visit-button{font-size:calc(1.26rem * 1.06)}}@media(max-width:1000px){.card .visit-button{font-size:calc(1.26rem * 1.05)}}@media(max-width:900px){.card .visit-button{font-size:calc(1.26rem * 1.02)}}@media(max-width:800px){.card .visit-button{font-size:1.26rem}}@media(max-width:768px){.card .visit-button{font-size:1.1592rem}}@media(max-width:500px){.card .visit-button{font-size:1.071rem}}.card .visit-button{font-weight:600;box-sizing:border-box;box-shadow:inset -2px -4px 6px #333c,1px 2px 6px #333c}@media(max-width:768px){.card .visit-button{padding:1.5rem .8rem}}.card .card-footer .visit-button:hover{background-color:#333;color:#faf9f9}.card .card-footer img.svg-icon{width:100%;height:auto;transition:.3s}.card .card-footer img.svg-icon:hover{transform:translateY(1px)}@keyframes scrollImage{0%{top:0;transform:translateY(0)}20%{top:0;transform:translateY(0)}80%{top:100%;transform:translateY(-100%)}to{top:100%;transform:translateY(-100%)}}@media(max-width:768px){.card{width:95%;margin:1em auto}.technologies ul{grid-template-columns:repeat(2,1fr);column-gap:.5em}.card h2{font-size:1.5em}h3{font-size:1.1em!important}}@media(max-width:530px){.card .mob-scroll{height:90%}.card h2{font-size:1.3em}}@media(max-width:432px){.card .mob-scroll{height:89%}.card h2{font-size:1.1em}}