header{margin:130px auto 0;display:flex;background:#ffffff0d;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:60%}.main_content_header{display:flex;justify-content:center;flex-direction:column;width:60%;padding:50px}.main_content_header h1{font-weight:700;font-size:35pt}.main_content_header h2{margin-top:-10px;font-weight:500}.main_content_header p{color:#d4d4d4}.main_content_header_right{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%}.main_content_header_right button{padding:12px 36px}.main_content_header_right_icons_section{margin-top:20px}.main_content_header_right_icons_section a{margin:6px}.main_content_header_right_icons_section img{height:40px;filter:invert(1);border:1px solid transparent;padding:8px;transition:.15s ease,.15s ease;border-radius:8px}.main_content_header_right_icons_section img:hover{background-color:#3d3d3d5d}.section_projets{margin:40px auto 0;display:flex;background:#ffffff0d;box-shadow:0 8px 32px #6d4fbe5e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:60%;justify-items:center;align-items:center;flex-direction:column;padding-bottom:40px}.main_content_sec_projets{display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center}.main_content_sec_projets h1{font-size:28pt}.cards_align_index{display:flex;flex-wrap:wrap;justify-content:center}.section_competences{margin:40px auto 0;display:flex;background:#ffffff0d;box-shadow:0 8px 32px #003a925e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:60%;justify-items:center;align-items:center;flex-direction:column}.section_competences img{margin:5px;border-radius:4px;transition:.15s ease,.15s ease}.section_competences img:hover{-webkit-box-shadow:0px 0px 28px 1px #ffffffce;box-shadow:0 0 28px 1px #ffffffce}.section_competences h1{font-size:28pt}.section_competences h2{color:#e4e4e4;text-align:center}.section_competences p{text-align:center}.section_competences p{color:#ccc;margin-bottom:10px;max-width:700px;text-align:center}.section_competences ul{list-style-type:disc;padding-left:1.8rem;max-width:700px;margin:1rem auto 2rem;color:#e4e4e4;font-size:1.1rem;line-height:1.6}.section_competences ul li{margin-bottom:.8rem}.section_contact h1{font-size:28pt}.section_contact{margin:50px auto 0;display:flex;background:#ffffff0d;box-shadow:0 8px 32px #261f875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:60%;justify-items:center;align-items:center;flex-direction:column;padding-bottom:40px}@media (max-width: 1200px){header,.section_projets,.section_competences,.section_contact{max-width:90%}header{margin:100px auto 0}}@media (max-width: 735px){header,.section_projets{flex-direction:column;align-items:center}header{margin-top:100px}.main_content_header_right{margin-bottom:25px}}@media (max-width: 969px){.main_content_header h1{font-size:25pt}}@media (max-width: 543px){.main_content_header h1{font-size:20pt}.main_content_header h2{font-size:15pt}}@media (max-width: 423px){.main_content_header_right_icons_section img{padding:2px}.main_content_header_right_icons_section a{margin:2px}}.btn_contact_nav{position:relative;padding:6px 18px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:#002fff;transition:all .2s ease;font-size:11pt}.btn_contact_nav:active{transform:scale(.96)}.btn_contact_nav:before,.btn_contact_nav:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.btn_contact_nav:hover:before{top:-70%;background-image:radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,transparent 20%,#002fff 20%,transparent 30%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,transparent 10%,#002fff 15%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn_contact_nav:hover:after{bottom:-70%;background-image:radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,transparent 10%,#002fff 15%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%),radial-gradient(circle,#002fff 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn_cv button{font-family:inherit;font-size:16px;background:#212121;color:#fff;fill:#9b9999;padding:.3em 1em .3em .9em;display:flex;align-items:center;cursor:pointer;border:none;border-radius:8px;margin-top:20px}.btn_cv button span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.btn_cv button svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.btn_cv button:hover{background:#002fff}.btn_cv button:hover .svg-wrapper{transform:scale(1.25);transition:.5s linear}.btn_cv button:hover svg{transform:translate(3.6em) scale(1.1);fill:#fff}.btn_cv button:hover span{opacity:0;transition:.5s linear}.btn_cv button:active{transform:scale(.95)}.cards_index{border:1px solid transparent;display:flex;flex-direction:column;align-items:center;border-radius:8px;padding:10px 10px 40px;width:300px;height:510px;margin:10px;-webkit-box-shadow:0px 6px 19px -3px rgba(0,0,0,.54);box-shadow:0 6px 19px -3px #0000008a;background-color:#002e9150;transition:.15s ease,.15s ease;position:relative}.cards_index:hover{border:1px solid rgb(255,255,255);-webkit-box-shadow:0px 6px 19px -3px rgba(248,248,248,.54);box-shadow:0 6px 30px -3px #3b3b3b8a}.img_cards_index{width:300px;height:200px}.img_cards_index img{width:100%;height:100%;object-fit:cover}.cards_index_techno{display:flex;flex-wrap:wrap;justify-content:center;overflow-y:auto}.cards_index_techno span{background-color:#424242;border-radius:16px;padding:3px 12px;font-size:10pt;margin:3px}.btns_cards_index{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center;gap:10px;margin-top:0;margin-bottom:10px}.btns_cards_index button{border-radius:8px;cursor:pointer;margin:8px;padding:8px;border:1px solid transparent;background-color:#002fff;color:#fff}.btns_cards_index button:hover{border:1px solid white;transition:.15s ease,.15s ease}.copy{--button-bg: #353434;--button-hover-bg: #464646;--button-text-color: #CCCCCC;--button-hover-text-color: #8bb9fe;--button-border-radius: 10px;--button-diameter: 36px;--button-outline-width: 1px;--button-outline-color: rgb(141, 141, 141);--tooltip-bg: #f4f3f3;--toolptip-border-radius: 4px;--tooltip-font-size: 12px;--tootip-text-color: rgb(50, 50, 50);--tooltip-padding-x: 7px;--tooltip-padding-y: 7px;--tooltip-offset: 8px}.copy{box-sizing:border-box;width:var(--button-diameter);height:var(--button-diameter);border-radius:var(--button-border-radius);background-color:var(--button-bg);color:var(--button-text-color);border:none;cursor:pointer;position:relative;outline:none}.tooltip{position:absolute;opacity:0;visibility:0;top:0;left:50%;transform:translate(-50%);white-space:nowrap;font:var(--tooltip-font-size) var(--tooltip-font-family);color:var(--tootip-text-color);background:var(--tooltip-bg);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--toolptip-border-radius);pointer-events:none;transition:all var(--tooltip-transition-duration) cubic-bezier(.68,-.55,.265,1.55)}.tooltip:before{content:attr(data-text-initial)}.tooltip:after{content:"";position:absolute;bottom:calc(var(--tooltip-padding-y) / 2 * -1);width:var(--tooltip-padding-y);height:var(--tooltip-padding-y);background:inherit;left:50%;transform:translate(-50%) rotate(45deg);z-index:-999;pointer-events:none}.copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark{display:none}.copy:hover .tooltip,.copy:focus:not(:focus-visible) .tooltip{opacity:1;visibility:visible;top:calc((100% + var(--tooltip-offset)) * -1)}.copy:focus:not(:focus-visible) .tooltip:before{content:attr(data-text-end)}.copy:focus:not(:focus-visible) .clipboard{display:none}.copy:focus:not(:focus-visible) .checkmark{display:block}.copy:hover,.copy:focus{background-color:var(--button-hover-bg)}.copy:active{outline:var(--button-outline-width) solid var(--button-outline-color)}.copy:hover svg{color:var(--button-hover-text-color)}nav{display:flex;justify-content:space-between;align-items:center;position:fixed;top:20px;left:50%;transform:translate(-50%);width:50%;padding:.8rem;transition:all .3s ease;box-shadow:0 0 0 1px #ffffff71;border-radius:8px;z-index:1000}.navbar-scrolled{top:0;border-radius:0 0 8px 8px;background:#29292945;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-link a{color:#fff;margin:0 5px;text-decoration:none;font-size:11pt}.a-nav-link{padding:6px 20px;border:1px solid transparent;border-radius:8px;transition:.15s}.nav-link{padding-right:20px}.logo-nav-name a{padding-left:20px;color:#fff;font-size:16pt;font-weight:700;margin:0;text-decoration:none}.logo-nav-name a:hover{color:#c2c2c2}.a-nav-link:hover{background-color:#9e9e9e77;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav_responsive{display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:fixed;top:90px;left:50%;transform:translate(-50%);width:50%;padding:1rem;transition:all .3s ease;box-shadow:0 0 0 1px #ffffff71;border-radius:8px;z-index:1000;background:#29292945;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav_responsive a{color:#fff;text-decoration:none;padding:6px 20px;border:1px solid transparent;border-radius:8px;transition:.15s}.a-nav-link-responsive:hover{background-color:#9e9e9e77;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (max-width: 1201px){nav{left:50%;transform:translate(-50%);width:70%;padding:.7rem}}@media (max-width: 862px){.nav-link a{margin:0 2px}.a-nav-link{padding:6px 10px}}@media (max-width: 742px){nav{left:50%;transform:translate(-50%);width:90%}}@media (max-width: 580px){.a-nav-link{display:none}}@media (min-width: 580px){.nav_responsive{display:none}}@media (min-width: 580px){.btn_res_nav{display:none}}.btn_res_nav{margin:0 auto}#checkbox{display:none}.toggle{position:relative;width:30px;height:30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition-duration:.5s}.bars{width:100%;height:4px;background-color:#fff;border-radius:4px}#bar2{transition-duration:.8s}#bar1,#bar3{width:70%}#checkbox:checked+.toggle .bars{position:absolute;transition-duration:.5s}#checkbox:checked+.toggle #bar2{transform:scaleX(0);transition-duration:.5s}#checkbox:checked+.toggle #bar1{width:100%;transform:rotate(45deg);transition-duration:.5s}#checkbox:checked+.toggle #bar3{width:100%;transform:rotate(-45deg);transition-duration:.5s}#checkbox:checked+.toggle{transition-duration:.5s;transform:rotate(180deg)}footer ul li a{color:#adadad;text-decoration:none;border:1px solid transparent;margin:3px;padding:3px 8px;transition:.15s;border-radius:8px}footer ul li a:hover{background-color:#9e9e9e77;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff}footer ul{list-style:none;display:flex;justify-content:center}.footer_btn{display:flex;justify-content:center}.section_page_projet{margin:130px auto 0;display:flex;background:#ffffff0d;box-shadow:0 8px 32px #1f61875e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:10px;border:1px solid rgba(255,255,255,.18);max-width:60%;justify-items:center;align-items:center;flex-direction:column;padding-bottom:40px}.box_img_header_projet{margin-top:40px;max-width:600px}.box_img_header_projet img{width:100%;height:100%;object-fit:cover}.btn_page_projet{color:#fff;border:none;cursor:pointer;margin:5px;padding:5px 20px;border-radius:8px;background-color:#002fff;transition:all .2s ease;font-size:12pt;display:inline-flex;align-items:center;border:1px solid transparent}.btn_page_projet img{vertical-align:middle;width:30px;margin-left:8px}.btn_page_projet:hover{border:1px solid white;transition:.15s ease,.15s ease}.img_zone_page_projet{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.img_zone_page_projet img{max-width:45%;margin:5px;border-radius:6px}@media (max-width: 1200px){.section_page_projet{max-width:90%}header{margin:100px auto 0}}@media (max-width: 700px){.img_zone_page_projet{display:flex;flex-wrap:wrap;flex-direction:column}.img_zone_page_projet img{max-width:100%;margin:5px}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#05081c;color:#fff;font-family:Lato,sans-serif;font-optical-sizing:auto;margin-top:80px;--color: rgba(114, 114, 114, .144);background-image:linear-gradient(0deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent);background-size:55px 55px}#root{max-width:1920px;margin:0 auto}.font-title{font-family:Noto Sans,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;background-repeat:repeat;background-size:300px 300px}