body{margin:0}@font-face{font-family:header-font;src:url("/images/Font/Myriad Pro Regular.ttf ")format("truetype");font-display:swap}@font-face{font-family:menuhamburger-font;src:url(/images/Font/Gelion%20Regular.ttf)format("truetype");font-display:swap}.header{z-index:1;background-color:#fff;flex-direction:row;display:flex;position:sticky;top:0}.header-name{flex-direction:row;width:10%;margin-left:1.5%;padding-top:5px;display:flex}.logo-section,.linkedin-div,.lang-menu{align-items:center;display:flex}.navbar{flex-direction:row;justify-content:center;width:100%;margin-right:10%;font-family:header-font;display:flex}.navbar h2{margin-left:2%;margin-right:2%;font-weight:lighter}.navbar img{max-width:32px}.articles-link,.homepage-link,.linkedin-div{color:#000;text-decoration:none}.contact-link{color:#00f;text-decoration:none}a:visited{color:none}.lang-menu{cursor:pointer;grid-template-columns:repeat(1,1fr);font-family:menuhamburger-font;display:grid;position:absolute;right:60px}.current-lang{grid-column-gap:5px;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;display:grid}.lang-menu img{width:20px}.dropdown-menu{background:#fff;position:absolute;top:50px;right:10px;box-shadow:0 10px 30px #523f690d}.dropdown-menu ul{margin:0;padding:0;list-style:none}.dropdown-menu li{padding:14px}.dropdown-menu li:hover{background:gray}.menu-hamburger{width:30px;margin-top:1%;display:block;position:absolute;right:10px}.menu-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:.79;background-color:#2e5cca;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:menuhamburger-font;font-size:150%;display:flex;position:absolute;top:0;left:0}.menu-button ul,.menu-button li{text-align:center;flex-direction:column;margin:25px 0;padding-left:0;display:flex}.menu-button a{color:#fff}@media only screen and (width<=750px){.navbar{display:none}.logo{max-width:150px}.lang-menu{bottom:.1%}}@media only screen and (width>=751px){.menu-hamburger,.menu-button{display:none}.logo{max-width:200px}}@font-face{font-family:footer-font;src:url(/images/Font/Gelion%20Regular.ttf)format("truetype");font-display:swap}.main-menu{flex-direction:column;margin:0;display:flex}.footer{justify-content:center;align-items:center;font-family:footer-font;display:flex}@font-face{font-family:contact-header-font;src:url(/images/Font/Gelion%20Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:contact-font;src:url(/images/Font/Gelion%20Regular.ttf)format("truetype");font-display:swap}@keyframes fadeIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1}}.animate-contact{animation:1s both fadeIn}.contact-main{background-color:#e9f5ff;flex-direction:column;display:flex}.contact-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:20%;padding-top:50px;font-family:contact-header-font;display:flex}.contact-header h1,.contact-header h3{align-items:center;height:50%;margin:2px;font-weight:lighter;display:flex}.success-message{z-index:1;color:#fff;opacity:.7;background-color:#4caf50;border-radius:5px;padding:10px;font-family:contact-font;font-size:110%;display:none;position:fixed;top:25%;left:40%;transform:translate(-50%,-50%)}.error-message{z-index:1;color:#fff;opacity:.7;background-color:#eb1505;border-radius:5px;font-family:contact-font;font-size:110%;display:none;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.show{display:block}.all-contact{place-items:center;height:80%;font-family:contact-font;display:grid}.contact-direct{justify-content:center;align-items:center;width:50%;display:flex}.contact-direct form{flex-direction:column;align-items:center;display:flex}.contact-direct input,.contact-direct textarea,.contact-direct button{margin-top:2%;padding-left:7px;font-family:contact-font;font-size:110%}.contact-direct input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.contact-direct input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.contact-direct input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.contact-direct input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.contact-direct textarea{padding-top:1%}.contact-direct button{color:#000;background-color:#fff;border-color:#000;border-radius:12px;justify-content:center;align-items:center;width:100px;height:50px;display:flex;overflow:hidden}.contact-direct button:hover{cursor:pointer}.contact-direct button:active{background:#e5e5e5;outline:none;box-shadow:inset 0 0 5px #c1c1c1}.contact-info{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-info h2{margin:3px}.phone-container,.mail-container{flex-direction:row;margin-top:5px;margin-bottom:5px;display:flex}@media only screen and (width<=1250px){.contact-main{height:600px}.contact-header{font-size:105%}.success-message,.error-message{text-align:center;width:80%}.all-contact{grid-template-columns:repeat(1,1fr)}.contact-direct input{width:90vw;height:30px}.contact-direct textarea{width:90vw;height:100px}.contact-info{width:100%;font-size:60%}.phone-image,.mail-image{width:25px}.emailImage,.telImage{height:15px;padding-top:3px;padding-left:10px}.phone-container{margin-right:70px}}@media only screen and (width>=1250px){.contact-main{height:830px}.contact-header{font-size:150%}.success-message,.error-message{padding:10px}.all-contact{grid-template-columns:repeat(2,1fr)}.contact-direct input{width:45vw;height:50px}.contact-direct textarea{width:45vw;height:250px}.contact-info{width:90%;height:50%;font-size:120%}.phone-image,.mail-image{width:50px}.emailImage{height:30px;padding-top:5px;padding-left:20px}.telImage{height:30px;padding-top:5px;padding-left:10px}.phone-container{margin-right:140px}}@font-face{font-family:experience-font;src:url(/images/Font/Gelion%20Medium.ttf)format("truetype");font-display:swap}@keyframes slideLowerRes{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideHigherRes{0%{transform:translate(0)}to{transform:translate(-50%)}}:root{--carousel-duration:19s;--carousel-container-width:90%;--carousel-logo-width:clamp(108px, 22vw, 174px);--carousel-logo-gap:clamp(24px, 5.8vw, 48px)}.experience{background-image:url(/images/Background/greyBackground.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;margin:0;padding-top:50px;font-family:experience-font;display:flex}.experience-intro-section{flex-direction:column;align-items:center;width:40%;margin-bottom:90px;font-size:150%;display:flex}.experience-title{text-align:center;margin:0 0 55px;font-weight:300}.experience-flip-wrapper{cursor:pointer;width:100%}.experience-flip-front{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.experience-back{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-weight:lighter;display:flex}.experience-main-subtitle{text-align:center;margin:0 0 4px;font-weight:300}.experience-secondary-subtitle{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0;font-size:84%;font-weight:300;line-height:1.2;display:flex}.boites-container{width:var(--carousel-container-width);padding:10px 0;overflow:hidden;box-shadow:0 10px 20px -5px #00000020}.boites{will-change:transform;width:max-content;animation:slideLowerRes var(--carousel-duration) infinite linear;align-items:center;display:flex}.boites img{height:auto;width:var(--carousel-logo-width);padding:0 var(--carousel-logo-gap);flex:none}.boites img.boite-logo-medical-supply{width:calc(var(--carousel-logo-width) / 1.8)}.skills{place-items:center;display:grid}.flip-skills{cursor:pointer;border-radius:40px;flex-direction:row;display:flex;overflow:hidden}.dev{opacity:1;background-color:#56b8dd}.gestion{opacity:.85;background-color:#0088c9}.integration{opacity:.77;background-color:#2e5cca}.conseil{opacity:.79;background-color:#1630ae}.front-left,.front-right,.back-description{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.front-left{border-right-style:solid;border-right-width:thin;width:40%;font-weight:lighter;overflow:hidden}.front-right,.back-description{width:100%}.front-description h3,.titles h3{font-size:100%;font-weight:lighter}.back-description p{margin-left:7%;margin-right:7%}.dev .titles h3,.integration .titles h3{word-break:break-all}.certifs{place-items:center;width:100%;display:grid}.certifs img{margin:10px 4px}@media only screen and (width<=1250px){.skills{grid-row-gap:50px;grid-template-columns:repeat(1,1fr);padding-top:100px}.icons{width:80px;height:auto}.flip-skills{width:90vw;height:250px}.certifs{grid-row-gap:50px;grid-template-columns:repeat(6,1fr);padding-top:75px;padding-bottom:75px}.top-item{grid-column:span 2}.bottom-item{grid-column:span 3}.certifs img{width:18vw}.front-description h3{font-size:90%}.back-description p{width:90%;font-size:90%}.titles h3{font-size:80%}}@media only screen and (width>=1251px){:root{--carousel-logo-width:clamp(128px, 11vw, 220px);--carousel-logo-gap:clamp(32px, 5vw, 76px)}.skills{grid-row-gap:30px;grid-column-gap:30px;grid-template-columns:repeat(2,1fr);width:85%;padding-top:150px;font-size:120%}.flip-skills{width:40vw;height:325px}.icons{width:120px;height:auto}.back-description-items{font-size:120%}.certifs{grid-template-columns:repeat(5,1fr);padding-top:150px;padding-bottom:150px}.certifs img{width:165px}}@media only screen and (width<=1250px) and (width>=501px){.flip-skills{width:75vw;height:250px}}@media only screen and (width<=300px){:root{--carousel-logo-width:clamp(84px, 32vw, 110px);--carousel-logo-gap:clamp(10px, 3vw, 16px)}.icons{width:70px;height:auto}.front-right{font-size:90%}.conseil .titles h3{word-break:break-all}}@font-face{font-family:intro-font;src:url(/images/Font/Gelion%20Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:bienvenue-font;src:url(/images/Font/Gelion%20Regular.ttf)format("truetype");font-display:swap}.intro{color:#fff;text-align:center;background-image:url(/images/Background/trailhead2.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100%;display:flex}.presentation{flex-direction:column;justify-content:center;align-items:center;width:100%;height:75%;font-family:intro-font;display:flex}.fullname,.animated-text,.job{margin-top:0;font-weight:lighter}.bienvenue{justify-content:center;align-items:center;width:100%;height:25%;font-family:bienvenue-font;display:flex}@media only screen and (width<=750px){.bienvenue{font-size:85%}}@media only screen and (width>=751px){.presentation{font-size:200%}.bienvenue{font-size:175%}}@media only screen and (height<=500px){.bienvenue,.presentation{font-size:85%}}
