@font-face{font-family:GermaniaOne;src:url(/assets/GermaniaOne-Regular-BkpYrND8.ttf) format("truetype")}@font-face{font-family:Genos;src:url(/assets/Genos-Bold-C8dRp_-q.ttf) format("truetype")}:root{font-weight:400;color-scheme:blue;background-color:#1e51c0}.dark-mode{background-color:#0f172a}html,body{margin:0;font-family:"DM Serif Display",serif;box-sizing:border-box}.flexlogo{display:flex;align-items:center;gap:16px}.logo{height:32px;width:32px}.titlelogo{color:#f3f3f3;font-size:28px;font-family:GermaniaOne,sans-serif}.navshowpos{height:40px;z-index:99;position:fixed;max-width:1050px;width:100%}.navsize{background-color:#1e51c080;padding:10px}.dark-mode .navsize{background-color:#0f172a80}.flexnav{display:flex;align-items:center;justify-content:space-between}.navfull{display:none}.buttonmode{position:relative}.buttonmode .switch{position:relative;display:inline-block;width:60px;height:30px;margin-right:10px;z-index:2}.buttonmode .switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:2px;background-color:#dedede;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"☀️";height:22px;width:22px;left:4px;bottom:3px;background-color:#f3f3f3;transition:.4s;border-radius:50%;z-index:3}input:checked+.slider{background-color:#1e1d1d}input:checked+.slider:before{transform:translate(28px);content:"🌑"}.buttonrep{background:#292929;width:40px;height:40px;border:1px solid;border-radius:5px;cursor:pointer;color:#c4c4c4}.buttonrep:hover{filter:brightness(.9)}header{max-width:1050px;width:100%;margin:auto}.headerimg{margin-top:60px;position:relative;width:100%}.image{position:relative;max-width:1050px;width:100%}.title{position:absolute;text-align:center;color:#f3f3f3;margin-top:5%;left:2%;right:2%;filter:drop-shadow(2px 2px 5px rgba(39,108,255,.7));font-size:24px;z-index:2;font-family:Genos,sans-serif}.title h1{margin:0}.title p{font-size:14px;margin:0}.dark-mode .title{color:#112965}.navpanel{margin:auto;background:#1e1d1d;width:50%;border-radius:5px}.navrep{display:flex;flex-direction:column;text-align:center;padding:1%;text-decoration:none}.navlink{text-decoration:none;padding-bottom:5px;color:#d1d5db;font-weight:700}.navlink:hover{color:#f3f3f3}#returnToHeader{bottom:1rem;transition:.3s}.scrollto{display:none}.service{margin-top:50px}.servicelook{text-align:center;font-size:16px;font-family:Genos,sans-serif;color:#f3f3f3}.servicelook h2{height:10px}.servicelook p{font-size:14px;margin-bottom:50px}.tabservice{color:#f3f3f3;max-width:280px;border-radius:10px;width:90%;margin:auto;padding:10px;background-color:#0025a9}.dark-mode .tabservice{background-color:#1e1d1d}.tabservice li{list-style:none;width:85%;border-radius:5px;text-align:center}.tabservice li h3{text-decoration:underline}#SkillBox{font-size:20px;height:auto;margin:40px auto;padding:10px;border-radius:10px}.SkillBar{width:95%;border-radius:5px;height:50px;position:relative;background:#1111114d;margin:20px auto;animation:AnimateSkill 2s forwards}.animated .Skill-HTML{background-color:#e44d26;border-radius:5px;width:100%;height:50px;animation:Animate-HTML 4s forwards}@keyframes Animate-HTML{0%{width:0}to{width:100%}}.animated .Skill-CSS-SCSS{background-color:#214ce5;border-radius:5px;width:95%;height:50px;animation:Animate-CSS-SCSS 5s forwards}@keyframes Animate-CSS-SCSS{0%{width:0}to{width:95%}}.animated .Skill-Bootstrap-Tailwind{background-color:#214ce5;border-radius:5px;width:95%;height:50px;animation:Animate-Bootstrap-Tailwind 5s forwards}@keyframes Animate-Bootstrap-Tailwind{0%{width:0}to{width:95%}}.animated .Skill-Wordpress{background-color:#21759b;border-radius:5px;width:85%;height:50px;animation:Animate-Wordpress 5s forwards}@keyframes Animate-Wordpress{0%{width:0}to{width:85%}}.animated .Skill-Javascript{background-color:#f7e018;border-radius:5px;width:80%;height:50px;animation:Animate-Javascript 4s forwards}@keyframes Animate-Javascript{0%{width:0}to{width:80%}}.Skill-Javascript .Skill-Area,.Skill-Javascript .PercentText{color:#000}.animated .Skill-PHP{background-color:#5a69a6;border-radius:5px;width:80%;height:50px;animation:Animate-PHP 4s forwards}@keyframes Animate-PHP{0%{width:0}to{width:80%}}.animated .Skill-Symfony{background-color:#070707;border-radius:5px;width:75%;height:50px;animation:Animate-Symfony 4s forwards}@keyframes Animate-Symfony{0%{width:0}to{width:75%}}.animated .Skill-Laravel{background-color:#ff291a;border-radius:5px;width:75%;height:50px;animation:Animate-Laravel 4s forwards}@keyframes Animate-Laravel{0%{width:0}to{width:75%}}.animated .Skill-React{background-color:#61dafb;border-radius:5px;width:70%;height:50px;animation:Animate-React 4s forwards}@keyframes Animate-React{0%{width:0}to{width:70%}}.Skill-React .Skill-Area,.Skill-React .PercentText{color:#000}.animated .Skill-React-Native{background-color:#61dafb;border-radius:5px;width:60%;height:50px;animation:Animate-React-Native 4s forwards}@keyframes Animate-React-Native{0%{width:0}to{width:60%}}.Skill-React-Native .Skill-Area,.Skill-React-Native .PercentText{color:#000}.animated .Skill-SQL{background-color:#3008fe;border-radius:5px;width:65%;height:50px;animation:Animate-SQL 4s forwards}@keyframes Animate-SQL{0%{width:0}to{width:65%}}.animated .Skill-Vue{background-color:#435466;border-radius:5px;width:60%;height:50px;animation:Animate-Vue 4s forwards}@keyframes Animate-Vue{0%{width:0}to{width:60%}}.Skill-Area{z-index:1;float:left;position:absolute;margin-top:15px;margin-left:15px;text-shadow:none;color:#f3f3f3;font-size:18px}.PercentText{z-index:3;position:relative;padding-right:15px;margin-top:15px;float:right;text-shadow:none;color:#f3f3f3;font-size:18px}.Skill-Details{z-index:1;float:left;position:absolute;margin-top:15px;margin-left:60px;text-shadow:none;color:#f3f3f3;font-size:18px}.SkillBoxlook{background-color:#1e51c080;width:80%}.Skill-Details{display:none}.SkillBoxlook{background-color:#0025a9}.dark-mode .SkillBoxlook{background-color:#1e1d1d}.titlecompétence,.tariftitle{text-align:center;font-size:16px;font-family:Genos,sans-serif;color:#f3f3f3;margin-top:50px}.tariftitle h2{height:10px}.tariftitle p{font-size:10px}.tarifslogan{background:#112965;color:#f3f3f3;padding:10px;border-radius:10px 10px 0 0}.tarif{border-radius:10px;width:90%;margin:auto;font-weight:700}.dark-mode .tarifslogan{background:#1e1d1d}.vitrinetarif{background:#0025a9;padding:10px;color:#f3f3f3;border:#070707 solid}.vitrinetarif h3{text-align:center;text-decoration:underline}.vitrinetarif p{text-align:center}.tariful{list-style-type:upper-roman}.dark-mode .vitrinetarif{background:#f9f9f9;color:#070707}.ecomtarif{background:#76a9fa;padding:10px;color:#f3f3f3;border:#070707 solid}.ecomtarif h3{text-align:center;text-decoration:underline}.ecomtarif p{text-align:center}.ecomtarif2{background:#76a9fa;padding:10px;color:#f3f3f3;border:#070707 solid;border-radius:0 0 10px 10px}.ecomtarif2 h3{text-align:center;text-decoration:underline}.ecomtarif2 p{text-align:center}.dark-mode .ecomtarif2{background:#76a9fa}.boutoncontact{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;width:99px;height:36px;background:#e44d26;border-radius:16px;margin:auto}.contactlien{text-decoration:none;font-weight:700;color:#f3f3f3}.dark-mode .ecomtarif,.dark-mode .ecomtarif2{background:#1e1d1d}.contactbutton{background:#e44d26;border:none;color:#f3f3f3;font-weight:700;cursor:pointer}.modal-background{margin-top:10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:20}.modal-content{position:relative;background:#f3f3f3;color:#070707;padding:20px;border-radius:8px;width:90%;height:auto;transition:all .3s ease-in-out;transform:translateY(-50px);opacity:0}.dark-mode .modal-content{color:#f3f3f3;background:#070707}.sr-only{visibility:hidden}.modal-background .modal-content{transform:translateY(0);opacity:1}.modal-header{display:flex;justify-content:flex-end}.close-button{background:none;border:none;cursor:pointer;padding:5px;height:24px;width:24px;margin-bottom:-40px;color:#b0b0b0;background:#f9f9f9;border-radius:5px}.close-button:hover{background:#b0b0b0;padding:5px;height:24px;width:24px;color:#070707}.modal-title{margin-bottom:10px;text-align:center;font-size:20px;font-family:Genos,sans-serif}.modal-slogan{background:#1e51c0;color:#f3f3f3;padding:1px;border-radius:5px;margin-bottom:15px}.form-group{margin-bottom:15px}.modal-radio{display:flex;align-items:center;gap:10px}.radio{display:flex;align-items:center}.form-label{display:block;margin-bottom:5px}.form-input,.form-textarea,.form-radio,.form-checkbox{width:95%;padding:5px;margin-bottom:5px}.form-textarea{resize:vertical}.checkbox-container{float:left;margin-bottom:15px}.checkbox-label{margin-left:.5rem}.checkbox-label.dark{color:#f3f3f3}.error-alert{display:flex;align-items:center;width:95%;font-size:12px;color:#721c24;background-color:#f9f9f9;border-radius:.375rem;padding:5px;border-radius:4px;margin-top:5px;margin-bottom:5px}.error-alert.dark{background-color:#2d3748;color:#fc8181}.submit-button{padding:10px 20px;background:#1e51c0;color:#f3f3f3;border:none;border-radius:4px;cursor:pointer}.submit-button:hover{padding:10px 20px;background:#3e7259;color:#f3f3f3;border:none;border-radius:4px;cursor:pointer}.captcha-group{display:flex;align-items:center;gap:9px;height:25px;position:relative}#captchas{width:20%}.dark-mode .captcha-question{background:#2c2c2c}.captcha-question{position:absolute;width:60px;background:#dedede;border-radius:5px;z-index:1;height:24px;padding-left:7px;padding-top:10px;margin-top:2px}#captcha{position:absolute;width:10%;border-radius:0 5px 5px 0;height:24px;margin-top:7px;padding-right:10px;border:none;background:#f9f9f9;z-index:2;left:50px}.success-alert{display:flex;align-items:center;justify-content:space-between;background-color:#d4edda;color:#155724;border-radius:4px;margin-top:5px;margin-bottom:5px}.error-icon{width:20px;height:20px;margin-right:10px}.error-text{display:inline-block}.dismiss-button{background:none;border:none;cursor:pointer}.apropos{margin:auto;width:95%;text-align:center;color:#f3f3f3}.titlepropos h2{font-family:Genos,sans-serif;font-size:16px;height:10px}.titlepropos p{font-size:10px}.aproposh3{background-color:#0025a9;padding:10px 30px;border-radius:10px}.dark-mode .aproposh3{background-color:#1e1d1d}.aproposh3 h3{font-family:Genos,sans-serif;font-size:24px}.contact{width:95%;margin:auto;color:#f3f3f3;font-family:Genos,sans-serif}.titlecontact{text-align:center}.titlecontact h1{font-size:16px}.titlecontact p{font-size:10px}.infocontact{background:#0025a9;padding-top:20px;padding-bottom:20px;border-radius:10px}.dark-mode .infocontact{background:#1a1a1a}.infocontact li{list-style:none}.info{padding-bottom:20px;text-align:center;margin-left:-13%}.map{width:100%;height:200px}.formulaire{padding-top:20px;padding-bottom:20px;width:95%;margin:auto}.formulaire .success-alert{width:40%;margin:auto;padding:5px}.footer{margin-top:150px;width:100%}.footer-top{background-color:#18181b;display:flex;padding:0 1.25rem;justify-content:space-between}.footer-logo{display:flex;align-items:center}.logo-img{height:2rem;width:2rem;margin-right:1rem}.footer-title{font-size:1.25rem;color:#fff}.footer-linkedin{display:flex;align-items:center}.linkedin-img{height:2rem;width:2rem}.footer-middle{background-color:#3f3f46;display:flex;align-items:center;justify-content:space-between;padding:1.25rem;flex-wrap:wrap}.dark-mode .footer-middle{background-color:#2c2c31}.footer-description{width:50%;color:#f3f3f3;padding-right:1.25rem}.footer-description p{margin:0}.footer-contact{width:15%;color:#f3f3f3}.footer-contact-title{text-decoration:underline}.footer-contact-list{list-style-type:none;padding:0;margin:0}.footer-contact-list li{padding-left:.25rem;margin-bottom:.5rem}.footer-contact-list li a{padding-left:.5rem;text-decoration:none;color:#f3f3f3}.footer-bottom{background-color:#18181b;text-align:center;color:#fff;padding:.5rem 1.25rem}@media (max-width: 768px){.footer-middle{flex-direction:column}.footer-description,.footer-contact{width:100%;padding:.5rem 0}}@media all and (min-width: 760px) and (max-width: 1500px){.image{margin-left:5%}}@media all and (min-width: 1500px) and (max-width: 1900px){#prenom,#nom{width:90%}}@media screen and (min-width: 1500px){header{width:100%;max-width:3840px}.image{max-width:3840px;height:700px}.navsize{padding-left:15%;padding-right:15%;height:40px;max-width:3840px}.buttonrep,.navpanel{display:none}.navshowpos{width:100%;max-width:3840px}.navfull{display:block;width:100%;margin-left:10%}.navlink{padding:2%}.title{margin-top:250px;font-size:54px}.title p{font-size:30px}.headerimg{overflow:hidden;height:100vh}.bubble{width:30px;height:30px;border-radius:100%;bottom:30%;position:absolute;background-color:#fff;opacity:.2;animation:bubble 15s ease-in-out infinite,sideWays 4s ease-in-out infinite alternate}@keyframes bubble{0%{transform:translateY(0);opacity:.06}to{transform:translateY(-68.5vh)}}@keyframes sideWays{0%{margin-left:0}to{margin-left:200px}}.bubble--1{left:10%;animation-delay:.5s;animation-duration:16s;opacity:.2}.bubble--2{width:15px;height:15px;left:40%;animation-delay:1s;animation-duration:10s;opacity:.1}.bubble--3{width:10px;height:10px;left:30%;animation-delay:5s;animation-duration:20s;opacity:.3}.bubble--4{width:25px;height:25px;left:40%;animation-delay:8s;animation-duration:17s;opacity:.2}.bubble--5{width:30px;height:30px;left:60%;animation-delay:10s;animation-duration:15s;opacity:.1}.bubble--6{width:10px;height:10px;left:80%;animation-delay:3s;animation-duration:30s;opacity:.4}.bubble--7{width:15px;height:15px;left:50%;animation-delay:-7s;animation-duration:25s;opacity:.3}.bubble--8{width:20px;height:20px;left:5%;animation-delay:-5s;animation-duration:19s;opacity:.2}.bubble--9{width:40px;height:40px;left:30%;animation-delay:-21s;animation-duration:16s;opacity:.3}.bubble--10{width:30px;height:30px;left:60%;animation-delay:-13.75s;animation-duration:20s;opacity:.2}.bubble--12{width:25px;height:25px;left:60%;animation-delay:-10.5s;animation-duration:19s;opacity:.3}.servicelook{font-size:48px}.tabservice{max-width:1050px;width:100%;padding:20px}.tabul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:0px}.li1{grid-area:1 / 1 / 2 / 2}.li2{grid-area:2 / 1 / 3 / 2}.li3{grid-area:3 / 1 / 4 / 2}.li4{grid-area:4 / 1 / 5 / 2}.li5{grid-area:1 / 2 / 2 / 3}.li6{grid-area:2 / 2 / 3 / 3}.li7{grid-area:3 / 2 / 4 / 3}.servicelook p{font-size:24px}.service{margin-top:-200px}.titlecompétence{font-size:48px;margin-top:100px}.SkillBoxlook{width:40%;font-family:Genos,sans-serif}.Skill-Details{display:block}.tarif{width:50%;margin-top:100px}.tariftitle{font-size:48px}.tariftitle p{font-size:24px}.tarifslogan{background:#11286e;color:#f3f3f3}.girdtarif{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:0px;grid-row-gap:0px}.div1{grid-area:1 / 1 / 3 / 2}.div2{grid-area:1 / 2 / 3 / 3}.div3{grid-area:3 / 1 / 4 / 2}.div4{grid-area:3 / 2 / 4 / 3}.ecomtarif2{border-radius:0 0 10px}.ecomtarif2p{margin-bottom:69px}.ecomtarif ul{margin-bottom:60px}.ul1{margin-bottom:45px}.div3{border-radius:0 0 0 10px}.modal-background{position:fixed;overflow-x:hidden;overflow-y:auto;top:0;left:0;margin-top:0;background:#00000080}.modal-content{width:40%;font-size:12px}.captcha-group{width:10%}#captcha{width:43%}.apropos{width:50%;margin-top:-200px}.titlepropos h2{font-size:48px}.titlepropos p{font-size:24px}.contact{width:65%;margin:auto;color:#f3f3f3;font-family:Genos,sans-serif}.infocontact{display:flex}.map{width:100%;height:105%;margin-top:-15px}.info{text-align:start;margin-left:0;width:28%}.formulaire{width:43%}.flexnom{display:flex;gap:15%}.form-input,.form-textarea{border-radius:5px;background:#f9f9f9}.form-actions{text-align:center}.inputnom{width:125%}.titlecontact h1{margin-top:100px;font-size:48px}.titlecontact p{font-size:24px}.formulaire .error-alert{width:95%}.formulaire .success-alert{width:95%;margin-left:-1px}#returnToNav{transition:.3s}.scrollto{position:fixed;bottom:10px;transition:right .3s;display:block;z-index:20}}