html:root{--black:#222;--gris:#666;--gris-clair:#ddd;--bg:#f6f6f6;--blanc:#fff;--violet:#9747FF;--jaune:#F6CA2C;--bleu:#1929FF;--bleu-clair:#E8E9FE;--border:#E8E9FE;--shad-jaune:-12px 12px 0 var(--jaune);--shad-null:0 0 0 var(--jaune);--br999:999px}::-webkit-selection{background:var(--jaune);color:var(--black)}::-moz-selection{background:var(--jaune);color:var(--black)}::selection{background:var(--jaune);color:var(--black)}body,html{text-align:center;background-color:var(--blanc);font-family:"Work Sans",Arial,Sans-serif;font-size:18px;line-height:28px;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--black)}#md{min-height:100vh;overflow-x:hidden}img{display:block}img,svg{width:100%;height:initial}a,a:hover,a:visited{text-decoration:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}*:focus-visible{outline:var(--violet) dashed 2px;border-radius:6px}button{margin:0;padding:0;border:0;background:rgba(0,0,0,0)}button :hover{cursor:pointer}.container{padding:90px 0 0}@media(max-width: 1024px){.container{padding:0}}.home h1{font-size:120px;line-height:100px}.home h1 i{display:block}.main h1{font-size:90px;line-height:80px;color:var(--black);margin:0 auto 10px}.home h1,.main h1{font-weight:700}@media(max-width: 640px){.home h1,.main h1{font-size:85px;line-height:75px}}@media(max-width: 480px){.home h1,.main h1{font-size:65px;line-height:60px}}.home h1 span,.main h1 span{font-weight:400}.home h1 i,.main h1 i{font-style:italic}h2{font-size:46px;line-height:56px;font-weight:700}h3{font-size:36px;line-height:46px;font-weight:700}h4{font-size:26px;line-height:30px;font-weight:600;text-align:left}h5{font-size:22px;line-height:26px;font-weight:600;text-align:left}h6{font-size:60px;line-height:60px;font-weight:700;color:var(--gris)}@media(max-width: 640px){h6{font-size:55px;line-height:55px}}@media(max-width: 480px){h6{font-size:35px;line-height:35px}}h6 span{font-weight:400}p,article ul{font-size:18px;line-height:28px;margin:20px auto;color:var(--gris)}p+p:last-child,article ul+p:last-child{margin-bottom:0}.cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:500;font-family:"Work Sans",Arial,Sans-serif;color:var(--black);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cta svg{width:18px}.cta svg path{fill:var(--black)}.cta .circle{width:56px;height:56px;margin:0 0 0 20px;border:2px solid var(--black);background:var(--jaune);border-radius:var(--br999);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}a:hover .circle svg{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.img,.video{position:relative;border:2px solid var(--black);overflow:hidden}.video{width:100%;height:0;padding-top:56.25%;border-radius:20px;margin:0 auto 60px}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:after,:before,a,a:hover,span,svg,.img,#menu div:nth-of-type(3){-webkit-transition:.1s;transition:.1s;-webkit-transition-duration:.1s;transition-duration:.1s}#menu{z-index:999;background:var(--blanc);position:fixed;top:0;left:0;right:0;padding:29px 40px;border-bottom:2px solid var(--black)}@media(max-width: 1024px){#menu{top:auto;left:0;right:0;bottom:0;border-bottom:0;border-top:2px solid var(--black);padding:29px 20px 29px 15px}#menu .menu div:nth-of-type(1){display:none}}@media(max-width: 480px){#menu{padding:29px 20px}}#menu .menu,#menu .first{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1200px;margin:0 auto}#menu .menu a,#menu .first a{color:var(--black)}#menu .menu div,#menu .menu ul,#menu .first div,#menu .first ul{display:-webkit-box;display:-ms-flexbox;display:flex}#menu .menu div,#menu .first div{font-size:22px}#menu .menu div:nth-of-type(1) a,#menu .first div:nth-of-type(1) a{display:-webkit-box;display:-ms-flexbox;display:flex;text-transform:uppercase;text-align:left}#menu .menu div:nth-of-type(1) a:hover svg,#menu .first div:nth-of-type(1) a:hover svg{-webkit-animation:move .3s cubic-bezier(0.215, 0.61, 0.355, 1.6) 2;animation:move .3s cubic-bezier(0.215, 0.61, 0.355, 1.6) 2}#menu .menu div:nth-of-type(1) svg,#menu .first div:nth-of-type(1) svg{width:30px;margin:0 14px 0 0}#menu .menu div:nth-of-type(1) svg path:nth-of-type(1),#menu .menu div:nth-of-type(1) svg path:nth-of-type(3),#menu .first div:nth-of-type(1) svg path:nth-of-type(1),#menu .first div:nth-of-type(1) svg path:nth-of-type(3){fill:var(--blanc)}#menu .menu div:nth-of-type(1) svg path:nth-of-type(2),#menu .menu div:nth-of-type(1) svg path:nth-of-type(4),#menu .menu div:nth-of-type(1) svg path:nth-of-type(5),#menu .menu div:nth-of-type(1) svg path:nth-of-type(6),#menu .first div:nth-of-type(1) svg path:nth-of-type(2),#menu .first div:nth-of-type(1) svg path:nth-of-type(4),#menu .first div:nth-of-type(1) svg path:nth-of-type(5),#menu .first div:nth-of-type(1) svg path:nth-of-type(6){fill:var(--black)}@media screen and (max-width: 480px){#menu .menu div:nth-of-type(2),#menu .first div:nth-of-type(2){font-size:20px}}@media screen and (max-width: 768px){#menu .menu div:nth-of-type(2),#menu .first div:nth-of-type(2){margin:0 70px 0 0}}@media screen and (max-width: 480px){#menu .menu div:nth-of-type(2),#menu .first div:nth-of-type(2){margin:0 60px 0 0}}#menu .menu div:nth-of-type(2) a,#menu .first div:nth-of-type(2) a{position:relative}#menu .menu div:nth-of-type(2) a:before,#menu .first div:nth-of-type(2) a:before{z-index:-1;content:"";position:absolute;display:block;background:var(--jaune);border-radius:var(--br999);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0}#menu .menu div:nth-of-type(2) a:hover:before,#menu .first div:nth-of-type(2) a:hover:before{width:40px;height:40px}#menu .menu div:nth-of-type(2) li,#menu .first div:nth-of-type(2) li{margin:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 480px){#menu .menu div:nth-of-type(2) li,#menu .first div:nth-of-type(2) li{margin:0 10px}}#menu .menu div:nth-of-type(2) li.active a:before,#menu .first div:nth-of-type(2) li.active a:before{width:40px;height:40px;background:var(--bleu-clair)}@media screen and (max-width: 768px){#menu .menu div:nth-of-type(3),#menu .first div:nth-of-type(3){position:absolute;right:40px;bottom:19px;width:50px;height:50px;background:var(--border);border-radius:var(--br999);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}#menu .menu div:nth-of-type(3).open,#menu .first div:nth-of-type(3).open{height:252px}#menu .menu div:nth-of-type(3).open li:nth-of-type(5) svg,#menu .first div:nth-of-type(3).open li:nth-of-type(5) svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#menu .menu div:nth-of-type(3) :before,#menu .first div:nth-of-type(3) :before{display:none}}@media screen and (max-width: 480px){#menu .menu div:nth-of-type(3),#menu .first div:nth-of-type(3){right:25px}}@media screen and (max-width: 768px){#menu .menu div:nth-of-type(3) ul,#menu .first div:nth-of-type(3) ul{position:absolute;bottom:12px;height:235px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}#menu .menu div:nth-of-type(3) ul li,#menu .first div:nth-of-type(3) ul li{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 768px){#menu .menu div:nth-of-type(3) ul li,#menu .first div:nth-of-type(3) ul li{margin:10px 0}}#menu .menu div:nth-of-type(3) ul li:nth-of-type(5),#menu .first div:nth-of-type(3) ul li:nth-of-type(5){display:none}@media screen and (max-width: 768px){#menu .menu div:nth-of-type(3) ul li:nth-of-type(5),#menu .first div:nth-of-type(3) ul li:nth-of-type(5){position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}#menu .menu div:nth-of-type(3) ul li:nth-of-type(5) span,#menu .first div:nth-of-type(3) ul li:nth-of-type(5) span{z-index:5;display:block;position:absolute;left:-14px;bottom:-12px;width:50px;height:50px;border-radius:var(--br999)}#menu .menu div:nth-of-type(3) ul li:nth-of-type(5) svg,#menu .first div:nth-of-type(3) ul li:nth-of-type(5) svg{position:relative;width:20px}}#menu .menu div:nth-of-type(3) svg,#menu .first div:nth-of-type(3) svg{width:26px;height:26px}#menu .menu div:nth-of-type(3) svg path,#menu .first div:nth-of-type(3) svg path{fill:var(--black)}#menu .menu div:nth-of-type(3) button svg:nth-of-type(2),#menu .first div:nth-of-type(3) button svg:nth-of-type(2){position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0}#menu .menu div:nth-of-type(3) a,#menu .menu div:nth-of-type(3) button,#menu .first div:nth-of-type(3) a,#menu .first div:nth-of-type(3) button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0}#menu .menu div:nth-of-type(3) a:before,#menu .menu div:nth-of-type(3) button:before,#menu .first div:nth-of-type(3) a:before,#menu .first div:nth-of-type(3) button:before{z-index:-1;content:"";position:absolute;display:block;background:var(--jaune);border-radius:var(--br999);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0}#menu .menu div:nth-of-type(3) a:hover:before,#menu .menu div:nth-of-type(3) button:hover:before,#menu .first div:nth-of-type(3) a:hover:before,#menu .first div:nth-of-type(3) button:hover:before{width:40px;height:40px}#first{display:none}#first .menu,#first .first{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1200px;margin:0 auto}#first .menu a,#first .first a{color:var(--black)}#first .menu div,#first .menu ul,#first .first div,#first .first ul{display:-webkit-box;display:-ms-flexbox;display:flex}#first .menu div,#first .first div{font-size:22px}#first .menu div:nth-of-type(1) a,#first .first div:nth-of-type(1) a{display:-webkit-box;display:-ms-flexbox;display:flex;text-transform:uppercase;text-align:left}#first .menu div:nth-of-type(1) a:hover svg,#first .first div:nth-of-type(1) a:hover svg{-webkit-animation:move .3s cubic-bezier(0.215, 0.61, 0.355, 1.6) 2;animation:move .3s cubic-bezier(0.215, 0.61, 0.355, 1.6) 2}#first .menu div:nth-of-type(1) svg,#first .first div:nth-of-type(1) svg{width:30px;margin:0 14px 0 0}#first .menu div:nth-of-type(1) svg path:nth-of-type(1),#first .menu div:nth-of-type(1) svg path:nth-of-type(3),#first .first div:nth-of-type(1) svg path:nth-of-type(1),#first .first div:nth-of-type(1) svg path:nth-of-type(3){fill:var(--blanc)}#first .menu div:nth-of-type(1) svg path:nth-of-type(2),#first .menu div:nth-of-type(1) svg path:nth-of-type(4),#first .menu div:nth-of-type(1) svg path:nth-of-type(5),#first .menu div:nth-of-type(1) svg path:nth-of-type(6),#first .first div:nth-of-type(1) svg path:nth-of-type(2),#first .first div:nth-of-type(1) svg path:nth-of-type(4),#first .first div:nth-of-type(1) svg path:nth-of-type(5),#first .first div:nth-of-type(1) svg path:nth-of-type(6){fill:var(--black)}@media screen and (max-width: 480px){#first .menu div:nth-of-type(2),#first .first div:nth-of-type(2){font-size:20px}}@media screen and (max-width: 768px){#first .menu div:nth-of-type(2),#first .first div:nth-of-type(2){margin:0 70px 0 0}}@media screen and (max-width: 480px){#first .menu div:nth-of-type(2),#first .first div:nth-of-type(2){margin:0 60px 0 0}}#first .menu div:nth-of-type(2) a,#first .first div:nth-of-type(2) a{position:relative}#first .menu div:nth-of-type(2) a:before,#first .first div:nth-of-type(2) a:before{z-index:-1;content:"";position:absolute;display:block;background:var(--jaune);border-radius:var(--br999);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0}#first .menu div:nth-of-type(2) a:hover:before,#first .first div:nth-of-type(2) a:hover:before{width:40px;height:40px}#first .menu div:nth-of-type(2) li,#first .first div:nth-of-type(2) li{margin:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 480px){#first .menu div:nth-of-type(2) li,#first .first div:nth-of-type(2) li{margin:0 10px}}#first .menu div:nth-of-type(2) li.active a:before,#first .first div:nth-of-type(2) li.active a:before{width:40px;height:40px;background:var(--bleu-clair)}@media screen and (max-width: 768px){#first .menu div:nth-of-type(3),#first .first div:nth-of-type(3){position:absolute;right:40px;bottom:19px;width:50px;height:50px;background:var(--border);border-radius:var(--br999);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}#first .menu div:nth-of-type(3).open,#first .first div:nth-of-type(3).open{height:252px}#first .menu div:nth-of-type(3).open li:nth-of-type(5) svg,#first .first div:nth-of-type(3).open li:nth-of-type(5) svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#first .menu div:nth-of-type(3) :before,#first .first div:nth-of-type(3) :before{display:none}}@media screen and (max-width: 480px){#first .menu div:nth-of-type(3),#first .first div:nth-of-type(3){right:25px}}@media screen and (max-width: 768px){#first .menu div:nth-of-type(3) ul,#first .first div:nth-of-type(3) ul{position:absolute;bottom:12px;height:235px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}#first .menu div:nth-of-type(3) ul li,#first .first div:nth-of-type(3) ul li{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 768px){#first .menu div:nth-of-type(3) ul li,#first .first div:nth-of-type(3) ul li{margin:10px 0}}#first .menu div:nth-of-type(3) ul li:nth-of-type(5),#first .first div:nth-of-type(3) ul li:nth-of-type(5){display:none}@media screen and (max-width: 768px){#first .menu div:nth-of-type(3) ul li:nth-of-type(5),#first .first div:nth-of-type(3) ul li:nth-of-type(5){position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}#first .menu div:nth-of-type(3) ul li:nth-of-type(5) span,#first .first div:nth-of-type(3) ul li:nth-of-type(5) span{z-index:5;display:block;position:absolute;left:-14px;bottom:-12px;width:50px;height:50px;border-radius:var(--br999)}#first .menu div:nth-of-type(3) ul li:nth-of-type(5) svg,#first .first div:nth-of-type(3) ul li:nth-of-type(5) svg{position:relative;width:20px}}#first .menu div:nth-of-type(3) svg,#first .first div:nth-of-type(3) svg{width:26px;height:26px}#first .menu div:nth-of-type(3) svg path,#first .first div:nth-of-type(3) svg path{fill:var(--black)}#first .menu div:nth-of-type(3) button svg:nth-of-type(2),#first .first div:nth-of-type(3) button svg:nth-of-type(2){position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0}#first .menu div:nth-of-type(3) a,#first .menu div:nth-of-type(3) button,#first .first div:nth-of-type(3) a,#first .first div:nth-of-type(3) button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0}#first .menu div:nth-of-type(3) a:before,#first .menu div:nth-of-type(3) button:before,#first .first div:nth-of-type(3) a:before,#first .first div:nth-of-type(3) button:before{z-index:-1;content:"";position:absolute;display:block;background:var(--jaune);border-radius:var(--br999);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:0;height:0}#first .menu div:nth-of-type(3) a:hover:before,#first .menu div:nth-of-type(3) button:hover:before,#first .first div:nth-of-type(3) a:hover:before,#first .first div:nth-of-type(3) button:hover:before{width:40px;height:40px}@media(max-width: 1024px){#first{display:block}}#first .first{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:29px 20px;border-bottom:2px solid var(--black)}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px) rotate(20deg);transform:translateY(-6px) rotate(20deg)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px) rotate(20deg);transform:translateY(-6px) rotate(20deg)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1200px;margin:100px auto 0;text-align:left}@media(max-width: 1024px){.hero{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:60px auto 0;padding:0 40px}}@media(max-width: 480px){.hero{padding:0 25px}}.hero>div{margin:0 50px 100px;-webkit-box-flex:1;-ms-flex:1;flex:1}@media(max-width: 1024px){.hero>div{margin:0 40px 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;max-width:580px;margin:0 auto 60px}}.hero>div>div{position:relative}.hero>div>div .img{border-radius:100px 100px 100px 0;-webkit-box-shadow:var(--shad-jaune);box-shadow:var(--shad-jaune)}@media(max-width: 1024px){.hero>div>div .img{max-width:400px}}@media(max-width: 480px){.hero>div>div .img{max-width:300px}}.hero>div>div .uxui{z-index:5;position:absolute;-webkit-animation:uxui 12s cubic-bezier(0.215, 0.61, 0.355, 1.15) infinite;animation:uxui 12s cubic-bezier(0.215, 0.61, 0.355, 1.15) infinite}.hero>div>div .uxui svg{width:22px}.hero>div>div .uxui svg path:nth-of-type(1){-webkit-animation:mouse01 12s 0s infinite;animation:mouse01 12s 0s infinite}.hero>div>div .uxui svg path:nth-of-type(2){fill:var(--black)}.hero>div>div .uxui span{position:absolute;top:18px;left:18px;font-weight:600}.hero>div>div .uxui span:after{-webkit-animation:change 12s 0s infinite;animation:change 12s 0s infinite;content:"UXUI";display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 16px;background:var(--gris);width:45px;height:45px;border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero>div p{margin:40px auto}.hero>div p span{display:block}@-webkit-keyframes uxui{0%{top:48%;left:30%}15%{top:63%;left:88%}50%{top:63%;left:88%}65%{top:48%;left:30%}100%{top:48%;left:30%}}@keyframes uxui{0%{top:48%;left:30%}15%{top:63%;left:88%}50%{top:63%;left:88%}65%{top:48%;left:30%}100%{top:48%;left:30%}}@-webkit-keyframes change{0%{content:"UX";background:var(--bleu);color:var(--blanc)}15%{content:"UI";background:var(--jaune);color:var(--black)}50%{content:"UI";background:var(--jaune);color:var(--black)}65%{content:"UX";background:var(--bleu);color:var(--blanc)}100%{content:"UX";background:var(--bleu);color:var(--blanc)}}@keyframes change{0%{content:"UX";background:var(--bleu);color:var(--blanc)}15%{content:"UI";background:var(--jaune);color:var(--black)}50%{content:"UI";background:var(--jaune);color:var(--black)}65%{content:"UX";background:var(--bleu);color:var(--blanc)}100%{content:"UX";background:var(--bleu);color:var(--blanc)}}@-webkit-keyframes mouse01{0%{fill:var(--bleu)}15%{fill:var(--jaune)}50%{fill:var(--jaune)}65%{fill:var(--bleu)}100%{fill:var(--bleu)}}@keyframes mouse01{0%{fill:var(--bleu)}15%{fill:var(--jaune)}50%{fill:var(--jaune)}65%{fill:var(--bleu)}100%{fill:var(--bleu)}}@media(max-width: 768px){.statut{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.statut a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 14px 14px 40px;border:2px solid var(--black);border-radius:var(--br999)}@media(max-width: 768px){.statut{display:-webkit-box;display:-ms-flexbox;display:flex}}@media(max-width: 768px){.statut strong{display:none}}@media(max-width: 480px){.statut .cta{text-align:left}.statut .cta span{max-width:150px}}.statut strong{font-size:30px;font-weight:600;color:var(--black);margin:0 30px 0 0}#brand{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--bg)}.brand{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:1080px;margin:40px auto;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 40px}@media(max-width: 768px){.brand{margin:40px auto 0}}@media(max-width: 640px){.brand{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width: 480px){.brand{padding:0 25px}}.brand div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media(max-width: 768px){.brand div{-ms-flex-wrap:wrap;flex-wrap:wrap}}.brand svg{width:initial}.brand svg:nth-of-type(1){height:33px}@media(max-width: 480px){.brand svg:nth-of-type(1){height:28px}}.brand svg:nth-of-type(2){height:39px}@media(max-width: 480px){.brand svg:nth-of-type(2){height:34px}}.brand svg:nth-of-type(3){height:25px}@media(max-width: 480px){.brand svg:nth-of-type(3){height:20px}}.brand svg:nth-of-type(4){height:25px}@media(max-width: 480px){.brand svg:nth-of-type(4){height:20px}}.brand svg path{fill:var(--gris)}@media(max-width: 768px){.brand svg{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto 40px}}@media(max-width: 640px){.brand h4{text-align:center;margin:0 auto 40px}}.col{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:1080px;text-align:left;margin:0 auto}.col>div{width:100%;padding:0 40px}@media(max-width: 480px){.col>div{padding:0 25px}}.col>div a{display:block}.col>div a>.img{border:2px solid var(--black);border-radius:20px 20px 20px 0}.col>div a>h5{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--black);margin:15px 0 0 0}.col>div a>h5 img{width:24px;height:24px;margin:0 10px 0 0}#soft{background:var(--black);color:var(--blanc);padding:80px 0 60px}#soft p{color:var(--gris-clair)}#soft .compo{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;color:var(--violet);margin:0 0 2px 0}#soft .compo span{margin:0 0 0 4px}#soft .compo svg{width:14px}#soft .logi{position:relative;background:var(--blanc);padding:26px 30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:10px}@media(max-width: 480px){#soft .logi{padding:16px 20px}}#soft .logi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:2px dashed var(--violet)}@media(max-width: 480px){#soft .logi svg{height:36px !important}}#soft .compo-pictos,#skill .compo-pictos{display:-webkit-box;display:-ms-flexbox;display:flex}#soft .compo-pictos svg,#skill .compo-pictos svg{height:46px;width:initial}@media(max-width: 1024px){#soft,#skill{padding:60px 0 40px !important}}@media(max-width: 768px){#soft,#skill{padding:60px 0 !important}#soft .col,#skill .col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:660px}#soft .col>div:nth-of-type(1),#skill .col>div:nth-of-type(1){margin:0 auto 20px}}#skill{background:var(--bleu-clair);padding:80px 0 60px}#skill .skill{position:relative;background:var(--blanc);padding:20px 30px;margin:0 auto 20px;border-radius:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#skill .skill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:2px solid var(--black)}#skill .skill img{width:initial;height:46px}#skill .skill p{color:var(--black);margin:0 0 0 25px}#skill .skill strong{margin:0 0 0 25px;font-weight:600}#port{padding:100px 0}#port h4{margin:35px 0 0 0;color:var(--black)}#port .col{max-width:1160px}@media(max-width: 768px){#port .col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(max-width: 768px)and (max-width: 768px){#port .col>div{max-width:660px;margin:0 auto 60px}}@media(max-width: 768px)and (max-width: 768px){#port .col>div:last-child{margin-bottom:0}}#port a .img{-webkit-box-shadow:var(--shad-null);box-shadow:var(--shad-null);border-radius:20px 20px 20px 0}#port a:hover .img{-webkit-box-shadow:var(--shad-jaune);box-shadow:var(--shad-jaune)}#port.portfolio{padding:100px 0 0}@media(max-width: 1024px){#port.portfolio{padding:60px 0 0 !important}}#port.portfolio .chapo{text-align:left;padding:0 40px;max-width:1160px}@media(max-width: 768px){#port.portfolio .chapo{padding:0 25px}}#port.portfolio .col{-ms-flex-wrap:wrap;flex-wrap:wrap}#port.portfolio .col>div{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:0 40px 80px;max-width:100%}@media(max-width: 768px){#port.portfolio .col>div{margin:0 auto}}@media(max-width: 480px){#port.portfolio .col>div{padding:0 25px 60px}}@media(max-width: 1024px){#port,#drib,#inst{padding:60px 0 !important}}.chapo{margin:0 auto 60px;max-width:1100px}.chapo p{max-width:680px;padding:0 40px;margin:20px auto}@media(max-width: 480px){.chapo p{padding:0 25px}}.bt{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--bleu);font-weight:600}.bt svg{width:18px;margin:0 0 0 10px}.bt svg path{fill:var(--bleu)}.bt:hover svg{-webkit-transform:translateX(4px);transform:translateX(4px)}#inst{background:var(--black)}#inst .col a>.img{border:2px solid var(--gris-clair)}#inst .cta{color:var(--blanc)}#inst h2,#inst h5{color:var(--blanc)}#inst p{color:var(--gris-clair)}#drib,#inst{padding:100px 0}#drib .col,#inst .col{max-width:1080px;padding:0 10px}@media(max-width: 768px){#drib .col,#inst .col{max-width:480px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#drib .col>div,#inst .col>div{padding:0 30px}@media(max-width: 768px){#drib .col>div,#inst .col>div{margin:0 auto 60px}}@media(max-width: 480px){#drib .col>div,#inst .col>div{padding:0 15px}}@media(max-width: 768px){#drib .col>div:last-child,#inst .col>div:last-child{margin:0 auto}}#drib .col a:hover,#inst .col a:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}#drib .cta,#inst .cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:80px auto 0}#contact{padding:100px 0}@media(max-width: 1024px){#contact{padding:60px 0}}#contact .contact{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1000px;margin:0 auto}@media(max-width: 1024px){#contact .contact{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#contact .contact>div{text-align:left;margin:0 50px}@media(max-width: 480px){#contact .contact>div{margin:0 25px}}#contact .contact>div:nth-of-type(2){-webkit-box-flex:1;-ms-flex:1;flex:1}#contact .contact>div:nth-of-type(2) .link{display:-webkit-box;display:-ms-flexbox;display:flex;margin:60px auto}@media(max-width: 1024px){#contact .contact>div:nth-of-type(2) .link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#contact .contact>div:nth-of-type(2) .link svg{max-width:30px;margin:0 10px 0 0}#contact .contact>div:nth-of-type(2) .link svg path{fill:var(--black)}#contact .contact>div:nth-of-type(2) .link>a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--black);-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 40px 0 0;padding:16px 27px;border:2px solid var(--black);border-radius:10px}#contact .contact>div:nth-of-type(2) .link>a:hover svg{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}#contact .contact>div:nth-of-type(2) .link>a:nth-of-type(1):hover .mailto-message{opacity:1}@media(max-width: 1024px){#contact .contact>div:nth-of-type(2) .link>a{margin:0 20px}}@media(max-width: 480px){#contact .contact>div:nth-of-type(2) .link>a{margin:0 10px}}#contact .contact>div:nth-of-type(2) .link .mailto-message{position:absolute;left:-2px;top:-30px;text-align:center;font-size:14px;line-height:16px;opacity:0;white-space:nowrap}@media(max-width: 1024px){#contact .contact>div h1,#contact .contact>div h6{text-align:center}}#contact .contact>div .img{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:100px 100px 100px 0;-webkit-box-shadow:var(--shad-jaune);box-shadow:var(--shad-jaune)}@media(max-width: 1024px){#contact .contact>div .img{max-width:360px;margin:0 auto 60px}}@media(max-width: 480px){#contact .contact>div .img{max-width:280px;margin:0 auto 60px}}#contact .contact p span{display:block}#hobbies{padding:100px 0 40px}@media(max-width: 1024px){#hobbies{padding:60px 0 0}}#hobbies .hobbies .col{padding:0 10px}@media(max-width: 640px){#hobbies .hobbies .col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#hobbies .hobbies .col>div{padding:0 30px}@media(max-width: 480px){#hobbies .hobbies .col>div{padding:0 15px}}@media(max-width: 640px){#hobbies .hobbies .col>div{max-width:320px;margin:0 auto}}#hobbies .hobbies .img-small{padding-bottom:100%}#hobbies .hobbies .img-big{padding-bottom:200%}@media(max-width: 480px){#hobbies .hobbies .img-big{padding-bottom:180%}}#hobbies .hobbies .img-small,#hobbies .hobbies .img-big{position:relative;margin:0 auto 60px;border-radius:var(--br999)}#hobbies .hobbies .img-small img,#hobbies .hobbies .img-big img{position:absolute;-o-object-fit:cover;object-fit:cover;height:100%}#content .chapo,#content .article{margin:100px auto;text-align:left}@media(max-width: 768px){#content .chapo,#content .article{margin:60px auto}}#content .chapo{max-width:1080px}#content .chapo h1,#content .chapo h6{padding:0 40px}@media(max-width: 480px){#content .chapo h1,#content .chapo h6{padding:0 25px}}#content .chapo .infos{margin:80px auto 0}@media(max-width: 480px){#content .chapo .infos{margin:60px auto 0}}#content .chapo .infos strong{font-weight:600}#content .chapo .infos ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(max-width: 768px){#content .chapo .infos ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#content .chapo .infos ul li{margin:0 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}@media(max-width: 768px){#content .chapo .infos ul li{margin:0 40px 20px}}@media(max-width: 480px){#content .chapo .infos ul li{margin:0 25px 20px}}@media(max-width: 768px){#content .chapo .infos ul li:last-child{margin:0 40px}}@media(max-width: 480px){#content .chapo .infos ul li:last-child{margin:0 25px}}#content .chapo .infos ul li p{margin:0;padding:0}#content .img-main{border:0}#content .article{max-width:1080px;padding:0 40px}@media(max-width: 480px){#content .article{padding:0 25px}}#content .article h2{max-width:800px;margin:60px auto -40px;font-size:26px;line-height:30px;font-weight:600}#content .article p,#content .article ul{margin:60px auto;max-width:800px}#content .article .img{border-radius:20px;margin:60px auto}@media(max-width: 1024px){footer{margin:0 auto 90px}}footer a{display:block;color:var(--black)}footer a .anim{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding:40px 0;border:2px solid var(--black);border-left:0;border-right:0;background:var(--jaune)}footer a .anim .animation{position:relative;-webkit-animation:scroll 50s 0s infinite;animation:scroll 50s 0s infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-direction:normal;animation-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}footer a .anim .animation .animation-ct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 20px;white-space:nowrap}footer a .anim .animation .animation-ct span{font-size:40px;font-weight:600}@media(max-width: 480px){footer a .anim .animation .animation-ct span{font-size:30px}}footer a .anim .animation .animation-ct img{width:47px;margin:0 0 0 30px}footer #footer{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--bg)}footer #footer .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1230px;margin:80px auto;padding:0 40px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 1024px){footer #footer .footer{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:60px auto;max-width:680px}}@media(max-width: 768px){footer #footer .footer{max-width:480px}}footer #footer .footer div{color:var(--gris)}@media(max-width: 1024px){footer #footer .footer div{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}footer #footer .footer div:nth-of-type(1){font-size:16px}@media(max-width: 768px){footer #footer .footer div:nth-of-type(1){font-size:13px}}footer #footer .footer div:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 1024px){footer #footer .footer div:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 0 10px 0}}footer #footer .footer div ul{display:-webkit-box;display:-ms-flexbox;display:flex}footer #footer .footer div ul:nth-of-type(1){margin:0 70px 0 0}@media(max-width: 1024px){footer #footer .footer div ul{margin:0 !important}}@media(max-width: 768px){footer #footer .footer div ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}footer #footer .footer div ul li{margin:0 10px}footer #footer .footer div ul li a{color:var(--gris)}footer #footer .footer div ul li a:hover{color:var(--black)}@media(max-width: 1024px){footer #footer .footer div ul li{text-align:left;margin:0 10px 20px}}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}html.dark:root{--black:#fff;--blanc:#15202b;--gris:#f6f6f6;--gris-clair:#ccc;--jaune:#5770ff;--bg:#253341;--bg2:#1E2732;--border:#38444d;--bleu:#F6CA2C;--shad-jaune:12px 12px 0 var(--jaune)}html.dark #md h1,html.dark #md h2,html.dark #md h3,html.dark #md h4,html.dark #md h5,html.dark #md h6,html.dark #md #inst .cta{color:var(--black)}html.dark #md p,html.dark #md .main h6{color:var(--gris-clair)}html.dark #md .statut a,html.dark #md .cta .circle,html.dark #md .img,html.dark #md #skill .skill:before{border-color:var(--border)}html.dark #menu,html.dark footer a .anim{border-color:var(--border)}html.dark #menu div:nth-of-type(2) li.active a:before{background:var(--border)}html.dark #menu div:nth-of-type(3) ul li:nth-of-type(4) button svg:nth-of-type(1){-webkit-transform:scale(0);transform:scale(0);opacity:0}html.dark #menu div:nth-of-type(3) ul li:nth-of-type(4) button svg:nth-of-type(2){-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}html.dark footer #footer .footer a{color:var(--gris)}html.dark footer #footer .footer a:hover{color:var(--bleu)}html.dark .hero>div>div .uxui svg path:nth-of-type(2){fill:var(--border)}html.dark #brand{background:var(--bg2)}html.dark #soft,html.dark #skill,html.dark #inst{background:var(--bg)}html.dark .brand svg path{fill:var(--gris-clair)}/*# sourceMappingURL=style.min.css.map */