@keyframes loadAnim{0%{opacity:1}65%{opacity:0}to{display:none;z-index:-2}}@keyframes letterAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes nameAppear{0%{opacity:0}to{opacity:1}}@keyframes loadAnim__other{0%{display:none}to{display:block}}@keyframes card1__index0{0%{transform:scale(.8) translate(30%)}to{transform:scale(.6) translate(15%)}}@keyframes card1__index0__from1{0%{transform:scale(1) translate(100%)}to{transform:scale(.6) translate(15%)}}@keyframes card1__index1__from1{0%{transform:scale(1) translate(100%)}to{transform:scale(.8) translate(30%)}}@keyframes card1__index1__from3{0%{transform:scale(.6) translate(15%)}to{transform:scale(.8) translate(30%)}}@keyframes card1__index2__from2{0%{transform:scale(.8) translate(30%)}to{transform:scale(1) translate(100%)}}@keyframes card1__index2__from3{0%{transform:scale(.6) translate(15%)}to{transform:scale(1) translate(100%)}}@keyframes card2__index1__right{0%{transform:scale(1) translate(0)}to{transform:scale(.8) translate(58%)}}@keyframes card2__index1__left{0%{transform:scale(1) translate(0)}to{transform:scale(.8) translate(-58%)}}@keyframes card2__index1__from1{0%{transform:scale(.8) translate(58%)}50%{transform:scale(1) translate(0)}to{transform:scale(.8) translate(-58%)}}@keyframes card2__index1__from3{0%{transform:scale(.8) translate(-58%)}50%{transform:scale(1) translate(0)}to{transform:scale(.8) translate(58%)}}@keyframes card2__index2__from1{0%{transform:scale(.8) translate(58%)}to{transform:scale(1) translate(0)}}@keyframes card2__index2__from3{0%{transform:scale(.8) translate(-58%)}to{transform:scale(1) translate(0)}}@keyframes card3__index0{0%{transform:scale(.8) translate(-30%)}to{transform:scale(.6) translate(-15%)}}@keyframes card3__index0__from3{0%{transform:scale(1) translate(-100%)}to{transform:scale(.6) translate(-15%)}}@keyframes card3__index1__from1{0%{transform:scale(.6) translate(-15%)}to{transform:scale(.8) translate(-30%)}}@keyframes card3__index1__from3{0%{transform:scale(1) translate(-100%)}to{transform:scale(.8) translate(-30%)}}@keyframes card3__index2__from2{0%{transform:scale(.8) translate(-30%)}to{transform:scale(1) translate(-100%)}}@keyframes card3__index2__from1{0%{transform:scale(.6) translate(-15%)}to{transform:scale(1) translate(-100%)}}*{padding:0;margin:0;font-family:Montserrat,sans-serif}h2{font-size:large}@media (min-width: 375px){h2{font-size:x-large}}body.no-scroll{overflow:hidden;padding-right:17px}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}.parts__layout{min-height:90vh;max-width:100vw;display:flex;flex-direction:column;align-items:center;padding:3rem 0;gap:1rem;position:relative}.parts__layout--projects{min-height:90vh;max-width:100vw;display:flex;flex-direction:column;align-items:center;padding:3rem 0;gap:1rem;background-color:#eaeaea}@media (min-width: 768px){.parts__layout--projects{flex-direction:row;justify-content:center;padding:0}}.parts__layout--contact{min-height:0;max-height:none;background-color:#000;color:#fff}@media (min-width: 768px){.parts__layout{display:grid;grid-template-columns:15% 85%;padding:4rem}}@media (min-width: 1024px){.parts__layout{display:grid;grid-template-columns:10% 90%;padding:4rem}}@media (min-width: 768px){.layout__largeScreen{display:none}}.timeline__layout{display:flex;justify-content:center;align-items:center;gap:.75rem;padding-bottom:.2rem;border-bottom:3px solid #000}@media (min-width: 768px){.timeline__layout{flex-direction:column;border:none;gap:.5rem}}@media (min-width: 768px){.timeline__number{font-size:5rem;font-weight:550;margin:-1rem}}@media (min-width: 768px){.timeline__actualPart{writing-mode:vertical-rl;transform:rotate(-180deg);position:relative;right:29px;border-left:5px solid #000;padding:1rem}.timeline__actualPart--5{border-left:5px solid #fff}}@media (min-width: 768px){.timeline__hyphen{display:none}}.timeline__nextPart{display:none}@media (min-width: 768px){.timeline__nextPart{font-size:1rem;white-space:nowrap;display:block}}.menuBurger{position:absolute;top:10px;right:10px;border:none;height:2rem;z-index:1;cursor:pointer;background-color:#0000}.menuBurger .burger-bar,.menuBurger .burger-bar:before,.menuBurger .burger-bar:after{height:.25rem;width:2rem;background-color:#000;display:block;transition:all .35s ease-in-out;border-radius:1rem}.menuBurger .burger-bar:before,.menuBurger .burger-bar:after{position:absolute;content:"";z-index:2}.menuBurger .burger-bar:before{transform:translateY(-.5rem)}.menuBurger .burger-bar:after{transform:translateY(.5rem)}.navBar{position:absolute;transition:transform .5s ease;min-height:100%;z-index:1;color:#fff;width:100%;background-color:#000;transform:scaleY(0);transform-origin:top;opacity:.9;min-width:16rem}@media (min-width: 768px){.navBar{width:25%;right:0}}.navBar.showLinks{transform:scaleY(1);transition:transform .35s ease-out}@media (min-width: 768px){.navBar.showLinks{width:25.75%}.navBar.showLinks+.menuBurger{right:27px}}.navBar.showLinks+.menuBurger .burger-bar:before{background-color:#fff;transform:rotate(45deg)}.navBar.showLinks+.menuBurger .burger-bar:after{background-color:#fff;transform:rotate(-45deg)}.navBar.showLinks+.menuBurger .burger-bar{background-color:#0000}.navLinks{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5vh}.navLinks li{list-style:none;border-bottom:#fff solid 2px;padding-bottom:2px;min-width:12rem;padding-left:1rem}.navLinks li a{color:#fff;text-decoration:none}@media (min-width: 768px){.navLinks{align-items:center;justify-content:start;padding-top:3rem}}.loadAnim{background-color:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;min-width:100%;position:absolute;justify-content:center;align-items:center;animation:loadAnim 1s ease-in-out 2.85s forwards;z-index:3}.loadAnim__text{display:flex;justify-content:center;align-content:center;font-size:1rem;flex-wrap:wrap;margin:0 1rem}.loadAnim__text span{min-width:5px;animation:letterAppear .25s ease-in-out both}@media (min-width: 555px){.loadAnim__text span{min-width:10px}}@media (min-width: 1000px){.loadAnim__text span{min-width:15px}}@media (min-width: 375px){.loadAnim__text{font-size:1.25rem}}@media (min-width: 425px){.loadAnim__text{font-size:1.7rem}}@media (min-width: 555px){.loadAnim__text{font-size:2.25rem}}@media (min-width: 839px){.loadAnim__text{font-size:3.5rem}}@media (min-width: 1000px){.loadAnim__text{font-size:4rem}}.loadAnim__name{animation:nameAppear .5s ease-in-out both;animation-delay:1.5s;font-size:.75rem;margin:.5rem}@media (min-width: 375px){.loadAnim__name{font-size:1rem}}@media (min-width: 425px){.loadAnim__name{font-size:1.2rem}}@media (min-width: 555px){.loadAnim__name{font-size:1.7rem}}@media (min-width: 839px){.loadAnim__name{font-size:2.25rem}}@media (min-width: 1000px){.loadAnim__name{font-size:2.75rem}}.loadAnim .loadAnim__text span:nth-child(1){animation-delay:.54s}.loadAnim .loadAnim__text span:nth-child(2){animation-delay:.58s}.loadAnim .loadAnim__text span:nth-child(3){animation-delay:.62s}.loadAnim .loadAnim__text span:nth-child(4){animation-delay:.66s}.loadAnim .loadAnim__text span:nth-child(5){animation-delay:.7s}.loadAnim .loadAnim__text span:nth-child(6){animation-delay:.74s}.loadAnim .loadAnim__text span:nth-child(7){animation-delay:.78s}.loadAnim .loadAnim__text span:nth-child(8){animation-delay:.82s}.loadAnim .loadAnim__text span:nth-child(9){animation-delay:.86s}.loadAnim .loadAnim__text span:nth-child(10){animation-delay:.9s}.loadAnim .loadAnim__text span:nth-child(11){animation-delay:.94s}.loadAnim .loadAnim__text span:nth-child(12){animation-delay:.98s}.loadAnim .loadAnim__text span:nth-child(13){animation-delay:1.02s}.loadAnim .loadAnim__text span:nth-child(14){animation-delay:1.06s}.loadAnim .loadAnim__text span:nth-child(15){animation-delay:1.1s}.loadAnim .loadAnim__text span:nth-child(16){animation-delay:1.14s}.loadAnim .loadAnim__text span:nth-child(17){animation-delay:1.18s}.loadAnim .loadAnim__text span:nth-child(18){animation-delay:1.22s}.loadAnim .loadAnim__text span:nth-child(19){animation-delay:1.26s}.loadAnim .loadAnim__text span:nth-child(20){animation-delay:1.3s}.loadAnim .loadAnim__text span:nth-child(21){animation-delay:1.34s}.loadAnim .loadAnim__text span:nth-child(22){animation-delay:1.38s}.loadAnim .loadAnim__text span:nth-child(23){animation-delay:1.42s}.loadAnim .loadAnim__text span:nth-child(24){animation-delay:1.46s}.loadAnim .loadAnim__text span:nth-child(25){animation-delay:1.5s}.loadAnim .loadAnim__text span:nth-child(26){animation-delay:1.54s}.loadAnim .loadAnim__text span:nth-child(27){animation-delay:1.58s}.loadAnim .loadAnim__text span:nth-child(28){animation-delay:1.62s}.loadAnim .loadAnim__text span:nth-child(29){animation-delay:1.66s}.loadAnim .loadAnim__text span:nth-child(30){animation-delay:1.7s}.loadAnim .loadAnim__text span:nth-child(31){animation-delay:1.74s}.loadAnim .loadAnim__text span:nth-child(32){animation-delay:1.78s}.loadAnim .loadAnim__text span:nth-child(33){animation-delay:1.82s}.loadAnim .loadAnim__text span:nth-child(34){animation-delay:1.86s}.loadAnim .loadAnim__text span:nth-child(35){animation-delay:1.9s}.loadAnim .loadAnim__text span:nth-child(36){animation-delay:1.94s}.loadAnim .loadAnim__text span:nth-child(37){animation-delay:1.98s}.loadAnim .loadAnim__text span:nth-child(38){animation-delay:2.02s}.loadAnim .loadAnim__text span:nth-child(39){animation-delay:2.06s}.loadAnim .loadAnim__text span:nth-child(40){animation-delay:2.1s}.loadAnim .loadAnim__text span:nth-child(41){animation-delay:2.14s}.loadAnim .loadAnim__text span:nth-child(42){animation-delay:2.18s}.loadAnim .loadAnim__text span:nth-child(43){animation-delay:2.22s}.loadAnim .loadAnim__text span:nth-child(44){animation-delay:2.26s}.loadAnim .loadAnim__text span:nth-child(45){animation-delay:2.3s}.loadAnim .loadAnim__text span:nth-child(46){animation-delay:2.34s}.loadAnim .loadAnim__text span:nth-child(47){animation-delay:2.38s}.loadAnim .loadAnim__text span:nth-child(48){animation-delay:2.42s}.loadAnim .loadAnim__text span:nth-child(49){animation-delay:2.46s}.loadAnim .loadAnim__text span:nth-child(50){animation-delay:2.5s}.loadAnim__other{animation:loadAnim__other .1s 2.5s both}.about{background-color:#eaeaea;gap:4%;position:relative;z-index:0}@media (min-width: 1024px){.about{gap:0}}.about__layout{display:flex;align-items:center;justify-content:center}.about__pseudo{margin:0;position:absolute;top:10px;left:10px;font-weight:700;z-index:2}.about__text{width:100%;text-align:justify}.about__text--layout{display:flex;flex-direction:column;padding:4vw;gap:1rem}.about__pic{display:none}@media (min-width: 768px){.about__pic{display:block;width:100%;min-width:11rem;max-width:30rem;aspect-ratio:1/1;background-image:url(/assets/self_pic-f57bebd3.jpg);background-position:50% 25%;background-size:cover;border-radius:9999px;margin-bottom:2rem}}.cvButton{max-width:13rem;padding:1rem;margin:.5rem;font-weight:700;border-radius:9999px;border:none;position:relative;overflow:hidden;z-index:0;background-color:#fff}.cvButton__layout{display:flex;max-width:36rem;justify-content:center;flex-wrap:wrap}.cvButton a{text-decoration:none;color:#000;white-space:nowrap}.cvButton a:after{content:"Télécharger mon CV";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2;width:100%;opacity:0;padding:1rem;border-radius:9999px}.cvButton.tableauCompetence a:after{content:"Ma fiche de compétence"}.cvButton.presentationE4 a:after{content:"Présentation E4"}.cvButton:after{content:"";background-color:#000;position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;transform:translateY(-100%);transition:all .25s ease-in-out}@media (hover: hover){.cvButton:hover a:after{opacity:1}.cvButton:hover:after{transform:translateY(0)}}.experiencePro{border-top:#000 solid 2px;padding:2vw 4vw 0;display:flex;flex-direction:column;gap:2rem;grid-column-start:1;grid-column-end:3;margin:0 1rem 1rem}.experiencePro h2{text-align:center}.experiencePro div{display:flex;flex-direction:column;align-items:center;gap:10px}@media (min-width: 768px){.experiencePro div{flex-direction:row;align-items:center}}.experiencePro div div.content_exp{flex-direction:column;justify-content:center;margin-top:1rem;width:80%}.experiencePro div div.content_exp h3,.experiencePro div div.content_exp p,.experiencePro div div.content_exp li{width:100%}@media (min-width: 768px){.experiencePro div div.content_exp{margin-left:3rem}}.experiencePro div div.logo_exp{display:block;width:20%;max-width:13rem;min-width:5rem;background-position:center;background-repeat:no-repeat;background-size:contain;aspect-ratio:1/1}.logo_gbh{background-image:url(/assets/logo_GBH-fe23c837.png)}.logo_acg{background-image:url(/assets/logo_acg-858101c2.png)}.logo_pref{background-image:url(/assets/logo_pref-7c5f917c.png)}.logo_sgmn{background-image:url(/assets/logo_SGMN-fc711552.png)}.rating{position:relative;display:grid;grid-template-columns:1fr 1fr;width:90%}@media (min-width: 425px){.rating{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 500px){.rating{grid-template-columns:1fr 1fr 1fr 1fr}}.skill{display:flex;flex-direction:column;width:70%;min-width:5rem;max-width:15rem;margin:.5rem;justify-content:center;align-items:center;justify-self:center;aspect-ratio:1/1;gap:.25rem}.logo{display:flex;min-width:5rem;max-width:10rem;aspect-ratio:1/1;background-position:center;background-size:cover;justify-content:center;align-items:center;font-size:12vw;font-weight:600;width:100%}.progressBar{background-color:#000;width:80%;height:1rem;padding:2px;border-radius:999px}.progressBar:after{content:"";display:block;height:100%;border-radius:999px;background-color:var(--bar-color);width:var(--bar-width)}.canva{min-height:50vh;width:100%}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.projects h2{text-decoration:underline}.projects__largeScreen{display:none}@media (min-width: 768px){.projects__largeScreen{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:1rem 0 2rem}.projects__largeScreen h2{text-decoration:underline}}@media (min-width: 768px){.projects{display:none}}.projects__card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5vh;width:80%;background-color:#fff;padding:.25rem;border-radius:.25rem;border:none}.projects__card img{width:80%}@media (min-width: 425px){.projects__card{margin:.5rem;min-height:40vh;align-items:center}}@media (min-width: 768px){.projects__card{width:100%;height:98%;margin:0;border-radius:1rem;max-width:28rem;min-width:17rem}}.projects__card p{text-align:justify;color:#000;width:90%}.carousel{display:none}@media (min-width: 768px){.carousel{display:flex;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000;justify-content:center;overflow:hidden;padding:10px}.carousel button{display:flex;justify-content:center;border-radius:1rem;border:none}.carousel button.GeStionB{box-shadow:0 0 20px #cbe0a3}.carousel button.Badg-Heure{box-shadow:0 0 20px #aae1ff}.carousel button.GStockB{box-shadow:0 0 20px #d5deef}.carousel button.Other{box-shadow:0 0 20px #fff}}.card__1{transform:scale(.8) translate(30%)}.card__1.index0.index0--3{animation:card1__index0 .5s both}.card__1.index0.index0--3.from--1{animation:card1__index0__from1 .5s both}.card__1.index1.index1--2{animation:card1__index1 .5s both}.card__1.index1.index1--2.from--1{animation:card1__index1__from1 .5s both}.card__1.index1.index1--2.from--3{animation:card1__index1__from3 .5s both}.card__1.index2.index2--1.from--1{transform:scale(1) translate(100%)}.card__1.index2.index2--1.from--2{animation:card1__index2__from2 .5s both}.card__1.index2.index2--1.from--3{animation:card1__index2__from3 .5s both}.card__2{transform:scale(1)}.card__2.index1.index1--1{animation:card2__index1__right .5s both}.card__2.index1.index1--1.from--3{animation:card2__index1__from3 .3s both linear}.card__2.index1.index1--3{animation:card2__index1__left .5s both}.card__2.index1.index1--3.from--1{animation:card2__index1__from1 .3s both linear}.card__2.index2.index2--2.from--1{animation:card2__index2__from1 .5s both}.card__2.index2.index2--2.from--3{animation:card2__index2__from3 .5s both}.card__3{transform:scale(.8) translate(-30%)}.card__3.index0.index0--1{animation:card3__index0 .5s both}.card__3.index0.index0--1.from--3{animation:card3__index0__from3 .5s both}.card__3.index1.index1--2{animation:card1__index1 .5s both}.card__3.index1.index1--2.from--1{animation:card3__index1__from1 .5s both}.card__3.index1.index1--2.from--3{animation:card3__index1__from3 .5s both}.card__3.index2.index2--3.from--1{animation:card3__index2__from1 .5s both}.card__3.index2.index2--3.from--2{animation:card3__index2__from2 .5s both}.card__3.index2.index2--3.from--3{transform:scale(1) translate(-100%)}.card_Badg-Heure{border:1px solid #000;background-color:#aae1ff}.card_GeStionB{border:1px solid #000;background-color:#cbe0a3}.card_GStockB{border:1px solid #000;background-color:#d5deef}.card_Other{border:1px solid #000}.card_GLPI-GBH{border:1px solid #000;background-color:#dc0036;box-shadow:0 0 20px #dc0036}.index0{z-index:0}.index1{z-index:1}.index2{z-index:2}.buttonsLayout{position:relative;display:flex;flex-direction:column;width:80%;align-items:center;gap:1vw;margin-top:2rem;bottom:2rem}@media (min-width: 768px){.buttonsLayout{flex-direction:row}}.buttonSource{display:flex;align-items:center;justify-content:center;background-color:#fff;width:80%;padding:0 7px;min-height:2rem;border-radius:999px;color:#000;text-decoration:none}.logo-projects{height:10%;min-height:3rem;width:50%;background-position:center;background-repeat:no-repeat;background-size:contain}.logo-projects__Badg-Heure{background-image:url(/assets/logo_badg-heure-ea346fcf.png)}.logo-projects__GeStionB{background-image:url(/assets/logo_GeStionB-00cc37a3.png)}.logo-projects__GStockB{background-image:url(/assets/Logo_GStockB-aa2fa8ab.png)}.logo-projects__Other{display:none}.logo-projects__GLPI-GBH{background-image:url(/assets/logo_GLPI_GBH-b0d4689c.png)}.contact__card{display:flex;width:50%;min-width:15rem;align-items:center;max-width:25rem;text-decoration:none;color:#fff}.contact__cardLayout{display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.contact__cardLayout{flex-direction:row;flex-wrap:wrap}}.contact__card img{margin:1rem;width:15%}