.container{width:90%;margin-inline:auto;max-width:1300px}@media (min-width: 768px){.row{display:grid}}@media (min-width: 768px){.row-1{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 768px){.row-2{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 768px){.row-3{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 768px){.row-4{grid-template-columns:repeat(4, 1fr)}}@media (min-width: 768px){.row-5{grid-template-columns:repeat(5, 1fr)}}@media (min-width: 768px){.row-6{grid-template-columns:repeat(6, 1fr)}}@media (min-width: 768px){.row-7{grid-template-columns:repeat(7, 1fr)}}@media (min-width: 768px){.row-8{grid-template-columns:repeat(8, 1fr)}}@media (min-width: 768px){.row-9{grid-template-columns:repeat(9, 1fr)}}@media (min-width: 768px){.row-10{grid-template-columns:repeat(10, 1fr)}}@media (min-width: 768px){.row-11{grid-template-columns:repeat(11, 1fr)}}@media (min-width: 768px){.row-12{grid-template-columns:repeat(12, 1fr)}}@media (min-width: 768px){.row-1-1{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.row-1-2{grid-template-columns:1fr 2fr}}@media (min-width: 768px){.row-1-3{grid-template-columns:1fr 3fr}}@media (min-width: 768px){.row-1-4{grid-template-columns:1fr 4fr}}@media (min-width: 768px){.row-1-5{grid-template-columns:1fr 5fr}}@media (min-width: 768px){.row-1-6{grid-template-columns:1fr 6fr}}@media (min-width: 768px){.row-1-7{grid-template-columns:1fr 7fr}}@media (min-width: 768px){.row-2-1{grid-template-columns:2fr 1fr}}@media (min-width: 768px){.row-2-2{grid-template-columns:2fr 2fr}}@media (min-width: 768px){.row-2-3{grid-template-columns:2fr 3fr}}@media (min-width: 768px){.row-2-4{grid-template-columns:2fr 4fr}}@media (min-width: 768px){.row-2-5{grid-template-columns:2fr 5fr}}@media (min-width: 768px){.row-2-6{grid-template-columns:2fr 6fr}}@media (min-width: 768px){.row-2-7{grid-template-columns:2fr 7fr}}@media (min-width: 768px){.row-3-1{grid-template-columns:3fr 1fr}}@media (min-width: 768px){.row-3-2{grid-template-columns:3fr 2fr}}@media (min-width: 768px){.row-3-3{grid-template-columns:3fr 3fr}}@media (min-width: 768px){.row-3-4{grid-template-columns:3fr 4fr}}@media (min-width: 768px){.row-3-5{grid-template-columns:3fr 5fr}}@media (min-width: 768px){.row-3-6{grid-template-columns:3fr 6fr}}@media (min-width: 768px){.row-3-7{grid-template-columns:3fr 7fr}}@media (min-width: 768px){.row-4-1{grid-template-columns:4fr 1fr}}@media (min-width: 768px){.row-4-2{grid-template-columns:4fr 2fr}}@media (min-width: 768px){.row-4-3{grid-template-columns:4fr 3fr}}@media (min-width: 768px){.row-4-4{grid-template-columns:4fr 4fr}}@media (min-width: 768px){.row-4-5{grid-template-columns:4fr 5fr}}@media (min-width: 768px){.row-4-6{grid-template-columns:4fr 6fr}}@media (min-width: 768px){.row-4-7{grid-template-columns:4fr 7fr}}@media (min-width: 768px){.row-5-1{grid-template-columns:5fr 1fr}}@media (min-width: 768px){.row-5-2{grid-template-columns:5fr 2fr}}@media (min-width: 768px){.row-5-3{grid-template-columns:5fr 3fr}}@media (min-width: 768px){.row-5-4{grid-template-columns:5fr 4fr}}@media (min-width: 768px){.row-5-5{grid-template-columns:5fr 5fr}}@media (min-width: 768px){.row-5-6{grid-template-columns:5fr 6fr}}@media (min-width: 768px){.row-5-7{grid-template-columns:5fr 7fr}}@media (min-width: 768px){.row-6-1{grid-template-columns:6fr 1fr}}@media (min-width: 768px){.row-6-2{grid-template-columns:6fr 2fr}}@media (min-width: 768px){.row-6-3{grid-template-columns:6fr 3fr}}@media (min-width: 768px){.row-6-4{grid-template-columns:6fr 4fr}}@media (min-width: 768px){.row-6-5{grid-template-columns:6fr 5fr}}@media (min-width: 768px){.row-6-6{grid-template-columns:6fr 6fr}}@media (min-width: 768px){.row-6-7{grid-template-columns:6fr 7fr}}@media (min-width: 768px){.row-7-1{grid-template-columns:7fr 1fr}}@media (min-width: 768px){.row-7-2{grid-template-columns:7fr 2fr}}@media (min-width: 768px){.row-7-3{grid-template-columns:7fr 3fr}}@media (min-width: 768px){.row-7-4{grid-template-columns:7fr 4fr}}@media (min-width: 768px){.row-7-5{grid-template-columns:7fr 5fr}}@media (min-width: 768px){.row-7-6{grid-template-columns:7fr 6fr}}@media (min-width: 768px){.row-7-7{grid-template-columns:7fr 7fr}}.gap-1{grid-gap:1rem}.gap-2{grid-gap:2rem}.gap-3{grid-gap:3rem}.gap-4{grid-gap:4rem}.gap-5{grid-gap:5rem}.p-0{padding:0rem}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.p-4{padding:4rem}.p-5{padding:5rem}.m-0{margin:0rem}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.m-4{margin:4rem}.m-5{margin:5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}html,body{overflow-x:hidden}body{background-color:#f1f1f1;font-family:"Poppins",sans-serif;font-weight:300;font-size:clamp(15px, 3vw, 18px);margin:0;padding:0;position:relative}header{z-index:10}main{position:relative;background-color:#f1f1f1;z-index:1}h1,h2,h3,h4,h5,h6{line-height:1.1}@media (max-width: 810px){h1,h2,h3,h4,h5,h6{hyphens:auto}}h1,h2,h3{text-transform:uppercase}h1{font-size:clamp(50px, 10vw, 130px)}h2{font-size:clamp(26px, 7vw, 72px)}h3{font-size:clamp(22px, 5vw, 42px)}.company{font-size:clamp(20px, 4vw, 30px);font-weight:600;margin-top:0}img{width:auto;max-width:100%;height:auto}header,main,footer,div{box-sizing:border-box;position:relative}.btn{border-radius:999px;border:solid 3px #000;color:#343F56;cursor:pointer;display:inline-block;font-weight:600;padding:.6rem 1.5rem;position:relative;text-decoration:none}.btn:after{transition:all .4s ease-in-out;content:'+';opacity:0}.btn:hover:after{opacity:1;transform:rotate(45deg);margin-left:1.5rem;margin-right:.5rem}.popbox{display:none;background:white;padding:1rem 2rem;z-index:100}.bg-jaune{background-color:#F8DA2F}.bg-orange{background-color:#EA6C01}.bg-gris{background-color:#343F56}.bg-brun{background-color:#6B482D}.bg-blanc{background-color:#fff}.slide-container{display:flex;flex-wrap:wrap}.slide-container .info,.slide-container .slide,.slide-container .poplink{aspect-ratio:1;height:100%;width:100%;max-width:calc((100% - 3rem) / 2);margin:.5rem}@media (min-width: 810px){.slide-container .info,.slide-container .slide,.slide-container .poplink{max-width:calc((100% - 4rem) / 4)}}@media (min-width: 1024px){.slide-container .info,.slide-container .slide,.slide-container .poplink{max-width:10vw}}.slide-container .info{position:relative;display:flex;justify-content:center;align-items:center}.slide-container .info img,.slide-container .info svg{max-width:3rem}.slide-container .slide{transition:all .4s ease-in-out;cursor:pointer;overflow:hidden;display:flex;align-items:flex-start}.slide-container .slide.active{max-width:100%;overflow-y:scroll}@media (min-width: 810px){.slide-container .slide.active{max-width:60vw}}@media (min-width: 1024px){.slide-container .slide.active{max-width:30vw}}.slide-container .poplink{display:flex;aspect-ratio:2 / 1;max-width:calc(100% - 2rem)}@media (min-width: 810px){.slide-container .poplink{max-width:calc(50% - 1rem)}}@media (min-width: 1024px){.slide-container .poplink{aspect-ratio:initial;height:10vw;max-width:calc(20vw + 1rem)}}.slide-container .poplink .more{position:absolute;top:0;left:100%;background-color:#fff;height:100%;opacity:0;padding:1.5rem}.slide-container .poplink.active .more{left:0;opacity:1}.slide-container .poplink .logo{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.nav{transition:all .4s ease-in-out;position:absolute;right:0;top:3rem;background-color:#EA6C01;transform:translateX(100%);z-index:10}.nav.open{transform:translateX(0);box-shadow:10px 15px 10px rgba(0,0,0,0.5)}.nav.open #burger-icon-container{transform:translate(60%, -50%)}.nav #burger-icon-container{transition:all .4s ease-in-out;border-radius:999px;background-color:#333;cursor:pointer;display:flex;justify-content:center;align-items:center;position:fixed;transform:translateX(-130px);width:70px;height:70px}.nav ul{list-style:none;width:calc(100vw - 6rem)}@media (min-width: 810px){.nav ul{width:auto;min-width:50vw}}@media (min-width: 1024px){.nav ul{width:auto;min-width:30vw}}.nav ul a{transition:all .4s ease-in-out;text-decoration:none;color:#fff;font-size:2rem;font-weight:600}.nav ul a:hover,.nav ul a:focus{color:#343F56;margin-left:1rem}.linkedin img{max-width:60px}svg rect{fill:#fff;transition:all .5s ease}svg:hover #line-1 #big-1,.nav.open svg #line-1 #big-1{transform:translateX(100%);opacity:0}svg:hover #line-1 #small-1,.nav.open svg #line-1 #small-1{transform:translateX(100%);transition-delay:250ms;opacity:0}svg #middle-line #middle-line-1,svg #middle-line #middle-line-2{transform-origin:center center}svg:hover #middle-line #middle-line-1,.nav.open svg #middle-line #middle-line-1{transform:rotate(45deg)}svg:hover #middle-line #middle-line-2,.nav.open svg #middle-line #middle-line-2{transform:rotate(-45deg)}svg:hover #line-2 #big-2,.nav.open svg #line-2 #big-2{transform:translateX(-100%);opacity:0}svg:hover #line-2 #small-2,.nav.open svg #line-2 #small-2{transform:translateX(-100%);transition-delay:250ms;opacity:0}.mon-cv{padding-top:3rem}.head-links{background-color:#000;color:#fff}a{text-decoration:none}a svg{transition:all .4s ease-in-out;opacity:1}a:hover svg{opacity:.5}svg#icon-screen-code #cercle-orange{fill:#ea6c01}svg#icon-screen-code #screen-code{fill:#fff;fill-rule:evenodd}svg#icon-coffee-cup #cercle-brun{fill:#6b482d}svg#icon-coffee-cup #coffee-cup{fill:#fff;fill-rule:evenodd}svg#icon-mailto-link #cercle-blanc,svg#icon-mailto-link #enveloppe{fill:#fff}svg#icon-phone-link #cercle-blanc,svg#icon-phone-link #mobile{fill:#fff}svg#icon-linkedin #cercle-blanc,svg#icon-linkedin #linkedin-path{fill:#fff}svg#cercle-jaune #cercle-jaune-path{fill:#f7cd1e}svg #icon-wp .img-path,svg #icon-drupal .img-path{fill:#fff}svg#back-to-top{mix-blend-mode:difference}svg#back-to-top #top-path{transition:all .4s ease-in-out;fill:#fff;opacity:1}svg#back-to-top #top-path:hover{opacity:.6}svg#back-to-top #arrow{fill:#000}.portfolio main{background-image:url("../../images/demi-cercle-blanc.svg");background-repeat:no-repeat;background-position:50vw center}@media (max-width: 375px){.portfolio main{padding-top:5rem}}.portfolio main #section-1{border-radius:0 0 125px 0}.portfolio #section-1{background-color:#F8DA2F}.portfolio #section-1 #cercle-jaune{max-width:10vw;position:absolute;right:10rem;bottom:0;transform:translate(0, 50%)}footer{background-color:#000;color:#fff;position:fixed;width:100%;left:0;bottom:0}footer a{display:inline-block}footer a:not(:last-of-type){margin-right:15px}#back-to-top{transition:all .4s ease-in-out;cursor:pointer;max-width:80px;position:fixed;bottom:-20px;right:20px;opacity:0;z-index:20;transform:translateY(0)}#back-to-top.scrolled{max-width:80px;position:fixed;bottom:0;opacity:1;transform:translateY(-20px)}.icone-3,#icon-screen-code,#icon-coffee-cup{width:clamp(75px, 10vw, 110px)}#icon-screen-code,#icon-coffee-cup{position:absolute}#icon-screen-code{top:0;left:10%}@media (min-width: 810px){#icon-screen-code{left:50%}}#icon-coffee-cup{bottom:0;left:30%;transform:translate(-100%, 100%)}@media (min-width: 810px){#icon-coffee-cup{left:46%}}#section-1 .column:first-of-type{display:flex}#section-1 .image-1,#section-1 .image-2{border-radius:999px;max-width:46%;margin-right:3%;height:auto}#section-1 .cercle-jaune-container{display:flex;justify-content:flex-end}#section-1 #cercle-jaune{max-width:150px}.image-2{margin-top:10rem}#section-3{background-image:linear-gradient(90deg, #F8DA2F 100%, rgba(248,218,47,0) 100%)}@media (min-width: 810px){#section-3{background-image:linear-gradient(90deg, #F8DA2F 65%, rgba(248,218,47,0) 65%)}}#section-3 .cercle-noir{max-width:120px;position:absolute;transform:translate(0, -50%)}#section-3 .demi-cercle-noir{position:absolute;max-width:15vw;left:2vw;opacity:.1}#section-3 .laptop-mask{mask-image:url("../../images/demi-cercle.svg");-webkit-mask-image:url("../../images/demi-cercle.svg");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:85%;-webkit-mask-size:85%;mask-position-x:20px;-webkit-mask-position-x:20px;mask-position-y:30px;-webkit-mask-position-y:30px;position:absolute;top:0;max-width:45vw;right:-10vw}#section-3 .laptop-mask .laptop{width:100%}.form-page{background-color:#343F56}form{max-width:600px;margin-inline:auto}.form-field{position:relative}label{color:#fff;display:block;font-size:16px;margin-bottom:5px}input:not(.submit),textarea{background-color:transparent;border:solid 3px #fff;border-width:0 0 3px 0;width:100%;margin-bottom:20px;padding:10px}input:not(.submit):focus,textarea:focus{background-color:rgba(255,255,255,0.1);outline:none}.submit{background-color:#EA6C01;border-radius:0;border:none;padding:10px 20px;text-transform:uppercase;color:#fff;cursor:pointer}.submit:hover{background-color:#F8DA2F;color:#343F56}.send-success{max-width:600px;background:#F8DA2F;padding:10px;margin-block:50px}