@import "https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--font-mulish:"Mulish",sans-serif;--light:#c6e6f1;--primary:#2071e7;--dark:#2980b9;--text:#333;--background:#fafafa;--hint:#999;--border:#ddd;--shining:#fff600}html{font-size:62.5%}body{color:var(--text);margin:0;padding:0;font-size:1.6rem}p,h1,h2,h3,h4,h5,h6{margin:.5rem 0}ul{list-style:none}hr{margin-bottom:2rem}a{color:var(--text);text-decoration:none;transition:all .25s}a:hover p{opacity:.75;transition:all .25s}a:hover svg{color:var(--text);font-size:16px;transition:all .25s;scale:115%}.title-small{letter-spacing:.2rem;font-size:1.8rem}.gridContainer{grid:"picture header""aside main"1fr"selection footer"/305px auto;min-height:100vh;display:grid}@media (max-width:480px){.gridContainer{grid:"picture""header""main""aside""footer""selection"/auto}}@media (min-width:481px) and (max-width:767px){.gridContainer{grid:"picture""header""main""aside""footer""selection"/auto}}@media (min-width:768px) and (max-width:979px){.gridContainer{grid:"picture header""aside main"1fr"selection footer"/270px auto}}.p-5{padding:5px}.p-10{padding:10px}.pr-10{padding-right:10px}.p-20,.p-20-xs{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.m-5{margin:5px}.mr-5{margin-right:5px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.m-10{margin:10px}.m-20{margin:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.my-30{margin-top:30px;margin-bottom:30px}.selection{font-family:var(--font-mulish);text-align:center;color:#fff;background:var(--text);flex-direction:column;grid-area:selection;justify-content:flex-start;align-items:center;padding:5rem;display:flex}@media (max-width:480px){.selection{padding:1rem 1rem 5rem}}.selection h2{margin-bottom:3rem}@media (max-width:480px){.selection h2{margin-bottom:2rem}}.selection .titleSmall{letter-spacing:.2rem;font-size:1.8rem}.selection .selector{z-index:10;flex:row nowrap;color:var(--text);background-color:#fff;border:0;border-radius:.5rem;outline:0;justify-content:space-between;align-items:center;min-width:20rem;padding:1rem 2rem;font-size:1.6rem;line-height:2rem;display:flex}@media (max-width:480px){.selection .selector{min-width:16rem}}@media (min-width:481px) and (max-width:767px){.selection .selector{min-width:18rem}}.selection .selector .text,.selection .selector .icon{z-index:20;display:flex}.selection .enabled .selector{z-index:10;border-radius:.5rem .5rem 0 0}.selection .enabled .selector .icon{z-index:20;display:flex}.selection .enabled .selectButton{flex:row nowrap;background-color:#fff;border:0;border-radius:0 0 .5rem .5rem;outline:0;justify-content:flex-start;align-items:center;min-width:20rem;padding:1rem 2rem;font-size:1.6rem;line-height:2rem;transition:all .3s;display:flex;position:absolute;transform:translateY(0)}.selection .enabled .selectButton .text{display:flex}.selection .enabled .selectButton .text img,.selection .enabled .selectButton .text p{opacity:1;transition:all .2s .1s}@media (max-width:480px){.selection .enabled .selectButton{min-width:16rem}}@media (min-width:481px) and (max-width:767px){.selection .enabled .selectButton{min-width:18rem}}.selection .selectButton{min-width:20rem;padding:1rem 2rem;transition:all .3s;position:absolute;transform:translateY(-50px)}.selection .selectButton .text{display:flex}.selection .selectButton .text img,.selection .selectButton .text p{opacity:0;transition:all .2s}@media (max-width:480px){.selection .selectButton{min-width:16rem}}@media (min-width:481px) and (max-width:767px){.selection .selectButton{min-width:18rem}}.picture{background:linear-gradient(to left,var(--light),var(--background));grid-area:picture;justify-content:center;min-height:180px;position:relative;box-shadow:0 3px rgba(23,29,37,.1)}@media (max-width:480px){.picture{background:linear-gradient(to left,var(--primary),var(--light));box-shadow:none}}@media (min-width:481px) and (max-width:767px){.picture{background:linear-gradient(to left,var(--primary),var(--light));box-shadow:none}}.picture img{padding:1.5rem}@media (max-width:480px){.picture img{padding:1rem 0 0}}@media (min-width:481px) and (max-width:767px){.picture img{padding:1rem 0 0}}.header{font-family:var(--font-mulish);background:linear-gradient(to left,var(--primary),var(--light));text-align:center;color:#fff;flex-direction:column;grid-area:header;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 3px 7px rgba(23,29,37,.24)}@media (max-width:480px){.header{z-index:2;align-content:flex-start;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:-44px}}@media (min-width:481px) and (max-width:767px){.header{z-index:2;align-content:flex-start;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:-61px}}.header h1{letter-spacing:2rem;font-size:5rem;font-weight:300;line-height:8rem}@media (max-width:480px){.header h1{letter-spacing:1.2rem;font-size:3rem;line-height:3.2rem}}@media (min-width:481px) and (max-width:767px){.header h1{letter-spacing:1.5rem;font-size:4rem;line-height:4.3rem}}@media (min-width:768px) and (max-width:979px){.header h1{letter-spacing:1.2rem;font-size:5rem;line-height:5rem}}.header span{justify-content:center;align-items:center;display:flex}.header span p{letter-spacing:.15rem;font-size:95%;display:flex}.aside{font-family:var(--font-mulish);background:var(--background);flex-direction:column;grid-area:aside;align-content:flex-start;padding:3rem;display:flex;box-shadow:1.5px 0 10px rgba(23,29,37,.18)}@media (min-width:481px) and (max-width:767px){.aside{padding:1.5rem 0}}@media (min-width:768px) and (max-width:979px){.aside{padding:3rem 1.5rem}}.aside .contact{grid-area:cont}.aside .education{grid-area:educ}.aside .informatique{grid-area:info}.aside .langues{grid-area:lang}.aside .lang{grid-area:hobb}.aside .sticky{z-index:1;position:-webkit-sticky;position:sticky;top:25px}@media (min-width:481px) and (max-width:767px){.aside .sticky{grid:"cont educ""info lang""info hobb"/1fr 1fr;display:grid;position:relative}}.aside .block{padding-bottom:3rem}@media (min-width:481px) and (max-width:767px){.aside .block{padding:2rem}}.aside h2{margin-bottom:.5rem}@media (min-width:768px) and (max-width:979px){.aside h2{font-size:88%}}.aside h3{margin-bottom:0;font-size:1.5rem}@media (min-width:768px) and (max-width:979px){.aside h3{font-size:88%}}.barSkill{background:var(--hint);border-radius:3px;height:16px;margin:.5rem 0 2rem;position:relative}.barSkill .skillProgress{background:var(--primary);border-top-left-radius:3px;border-bottom-left-radius:3px;height:16px;position:absolute;top:0;left:0}.barSkill .skillDot{background:var(--text);border-radius:50%;width:2px;height:20px;position:absolute;top:-2px;left:calc(85% - 1px)}.barSkill .html{width:83%}.barSkill .htmlDot{left:calc(83% - 1px)}.barSkill .js{width:92%}.barSkill .jsDot{left:calc(92% - 1px)}.barSkill .windows{width:70%}.barSkill .windowsDot{left:calc(70% - 1px)}.barSkill .erp{width:40%}.barSkill .erpDot{left:calc(40% - 1px)}.barSkill .cao{width:65%}.barSkill .caoDot{left:calc(65% - 1px)}.locaAddress{margin:.3rem 0 2rem;font-style:italic;display:flex}.locaAddress:hover .titleHover{opacity:.75;transition:all .25s}@media (min-width:768px) and (max-width:979px){.locaAddress{font-size:88%}}.localisation .icon{width:100%;margin:auto 5px}.icon{align-self:center;display:flex}.textPrimary{color:var(--shining)}.main{font-family:var(--font-mulish);grid-area:main;padding:3rem 5%}.main .block{padding-bottom:3rem}.main h2{margin-bottom:.5rem}@media (min-width:768px) and (max-width:979px){.main h2{font-size:88%}}.main .titleSmall{letter-spacing:.2rem;font-size:1.8rem}.main h3{margin:0}@media (min-width:768px) and (max-width:979px){.main h3{font-size:88%}}.main p{letter-spacing:.1rem;text-align:justify;margin-top:0;line-height:2.2rem}@media (max-width:480px){.main p{text-align:left}}@media (min-width:481px) and (max-width:767px){.main p{text-align:left}}@media (min-width:768px) and (max-width:979px){.main p,.main ul{font-size:88%}}.main .experience{grid:"timeline h3""timeline text-hint""timeline p""timeline ul"/120px auto;margin-top:4rem;display:grid}@media (max-width:480px){.main .experience{grid:"timeline h3""timeline text-hint""p p""ul ul"/120px auto;margin:4rem 0}}@media (min-width:481px) and (max-width:767px){.main .experience{grid:"timeline h3""timeline text-hint""p p""ul ul"/120px auto;margin:4rem 0}}.main .experience .timeline{text-align:center;min-width:120px;color:var(--hint);border-right:1px solid var(--border);grid-area:timeline;margin-top:.5rem;padding-right:2rem}@media (max-width:480px){.main .experience .timeline{margin-bottom:1.2rem;padding-right:.7rem;font-size:85%}}.main .experience .textHint{flex-direction:row nowrap;grid-area:text-hint;padding:0 0 1.5rem 2rem;display:flex}.main .experience .textHint:hover .imag{opacity:.75;transition:scale .25s,opacity .25s;scale:125%}@media (max-width:480px){.main .experience .textHint{padding:.4rem 0 0 .7rem;font-size:90%}}.main .experience p{margin:0}.main .experience .imag{transition:scale .25s,opacity .25s}.main .experience .titre{grid-area:h3;padding-left:1.5rem}@media (max-width:480px){.main .experience .titre{padding:0 0 .4rem .7rem;font-size:98%}}.main .experience .texte{grid-area:p;padding-left:1.5rem}@media (max-width:480px){.main .experience .texte{padding:1.5rem 0;font-size:95%}}.main .experience ul{grid-area:ul;padding-left:5rem;list-style:outside}@media (max-width:480px){.main .experience ul{font-size:95%}}.main .experience .resultat{padding:1rem 1.5rem}@media (max-width:480px){.main .experience .resultat{padding-bottom:0}}.main .experience .resultat span{text-decoration:underline}.main .separator{display:none}@media (max-width:480px){.main .separator{background:var(--border);border-radius:50%;width:10rem;height:.1rem;margin:1rem auto;display:flex}}@media (min-width:481px) and (max-width:767px){.main .separator{background:var(--border);border-radius:50%;width:20rem;height:.1rem;margin:1rem auto;display:flex}}.footer{font-family:var(--font-mulish);text-align:center;color:#fff;background:var(--text);flex-direction:column;grid-area:footer;justify-content:flex-start;align-items:center;padding:5rem;display:flex}@media (max-width:480px){.footer{padding:1rem 1rem 3rem}}.footer h2{margin-bottom:3rem}@media (max-width:480px){.footer h2{margin-bottom:2rem}}.footer .titleSmall{letter-spacing:.2rem;font-size:1.8rem;font-family:var(--font-mulish)}.footer a .titleCouleur{color:#fff;display:inline}.footer form{align-items:center;display:flex}.footer form .prefix,.footer form .postfix{background:linear-gradient(to left,var(--dark),var(--light));color:#fff;padding:1rem 2rem;font-size:2rem}.footer form .prefix{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.footer form button{background:var(--text);cursor:pointer;border:0;transition:all .2s}.footer form button:hover{opacity:.8}.footer form button .postfix{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.footer form input{border:0;outline:0;min-width:400px;padding:1rem 2rem;line-height:2rem}@media (max-width:480px){.footer form input{min-width:150px}}@media (min-width:481px) and (max-width:767px){.footer form input{min-width:250px}}.footer form input::placeholder{color:var(--text)}.localisation{flex-wrap:nowrap;display:flex}.localisation .entourage{position:relative}.localisation .entourage .cadre{z-index:1;border-radius:5px;width:192px;height:108px;margin:0;padding:0;position:absolute;top:-30px;left:165px;overflow:hidden;box-shadow:1.5px 0 10px rgba(23,29,37,.18)}.localisation .entourage .cadre .image{position:relative}.enter{opacity:0;transform:translate(40px)}.enterActive{transition:opacity .4s,transform .4s}.enterActive,.enterDone,.exit{opacity:1;transform:translate(0)}.exitActive{transition:opacity .4s,transform .4s}.exitActive,.exitDone{opacity:0;transform:translate(40px)}.formulaire{font-family:var(--font-mulish);z-index:20;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.formulaire .loadingSpin{z-index:30;color:var(--dark);font-size:200px;position:absolute}@media (min-width:481px) and (max-width:767px){.formulaire .loadingSpin{font-size:153px}}@media (max-width:480px){.formulaire .loadingSpin{font-size:120px}}.formulaire .containerFormulaire{border:2px solid var(--hint);background-color:#f5f5f5;border-radius:2rem;place-content:center;width:600px;padding:2rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire{width:460px;font-size:1.6rem}}@media (max-width:480px){.formulaire .containerFormulaire{border-radius:1rem;width:360px;padding:1.2rem;font-size:1.5rem}}.formulaire .containerFormulaire .form{flex-direction:column;margin-bottom:1.5rem;display:flex;position:relative}.formulaire .containerFormulaire .form .errors{color:red;font-size:12px;position:absolute;top:66px}.formulaire .containerFormulaire .form .format{margin-bottom:2rem;display:flex}.formulaire .containerFormulaire .form .format .flexFill{flex:auto}.formulaire .containerFormulaire .mark{color:var(--text);align-self:center;font-size:4rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire .mark{font-size:3.6rem}}@media (max-width:480px){.formulaire .containerFormulaire .mark{font-size:3.4rem}}.formulaire .containerFormulaire label{font-size:1.8rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire label{font-size:1.6rem}}@media (max-width:480px){.formulaire .containerFormulaire label{font-size:1.5rem}}.formulaire .containerFormulaire select{border:2px solid var(--hint);border-radius:6px;padding:1rem 1.5rem;font-size:1.8rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire select{font-size:1.6rem}}@media (max-width:480px){.formulaire .containerFormulaire select{padding:10px 1px;font-size:1.5rem}}.formulaire .containerFormulaire input{border:2px solid var(--hint);border-radius:6px;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1.8rem;position:relative}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire input{font-size:1.6rem}}@media (max-width:480px){.formulaire .containerFormulaire input{min-width:100px;font-size:1.5rem}}.formulaire .containerFormulaire textarea{border:2px solid var(--hint);resize:none;border-radius:6px;height:250px;padding:10px 15px;font-size:1.8rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire textarea{font-size:1.6rem}}@media (max-width:480px){.formulaire .containerFormulaire textarea{height:120px;font-size:1.5rem}}.formulaire .containerFormulaire button{background:linear-gradient(to left,var(--dark),var(--light));border:2px solid var(--hint);color:#fff;border-radius:6px;padding:10px 15px;font-size:2rem}@media (min-width:481px) and (max-width:767px){.formulaire .containerFormulaire{font-size:1.8rem}}@media (max-width:480px){.formulaire .containerFormulaire{font-size:1.6rem}}
/*# sourceMappingURL=90878fa1395a188c.css.map*/