@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap);*,body,*::after,*::before{margin:0;padding:0;box-sizing:border-box}body{font-family:"Montserrat",sans-serif;background:#f0f0f0;color:#333}nav{position:fixed;top:0;left:0;width:100%;height:50px;background:#000c1f;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000}li{list-style-type:none}nav .logo{display:flex;align-items:center;gap:10px}nav .logo a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}nav .logo img{height:35px}nav .logo p{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:5px;z-index:1100}.hamburger span{width:30px;height:4px;background:#fff;border-radius:2px;transition:.3s}.hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2) {opacity:0}.hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}.nav-container{position:fixed;top:0;right:-100%;width:66.6%;height:100vh;background:#000c1f;padding-top:60px;transition:right .3s ease-in-out;z-index:1050}.nav-container.active{right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;z-index:1000}.overlay.active{opacity:1;visibility:visible}.nav-links{list-style:none;padding:20px}.nav-links li{padding:15px}.nav-links li>a{color:#fff;font-size:18px;font-weight:400;text-decoration:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.submenu{display:none;padding-left:20px}.nav-links li.open .submenu{display:block}.submenu li{padding:10px}.submenu li a{font-size:16px;opacity:.8;color:#fff;text-decoration:none}header{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#000c1f;color:#fff}header h1{font-size:60px;font-weight:600;margin-bottom:10px}header p{font-size:30px;line-height:1.5}.presentation{max-width:90%;margin:50px auto;text-align:center}.presentation h2{font-size:40px;font-weight:600;color:#000c1f;margin-bottom:20px}.presentation h3{font-weight:1500;color:#333;margin-bottom:20px}.presentation p{font-size:20px;color:#333;line-height:1.6;margin-bottom:15px}main{text-align:center;padding:50px 20px;background:#fff}main h1{font-size:28px;font-weight:600;color:#000c1f;margin-bottom:30px}main h2{font-size:35px;font-weight:600;color:#000c1f;margin-bottom:30px}.roles-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto}.apply{max-width:30%;margin:0 auto}@media (max-width:768px){.apply{max-width:100%;margin:0}.presentation{max-width:100%;padding:0 15px}}.box{background:#f9f9f9;border-radius:10px;padding:40px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out , box-shadow .3s ease-in-out;min-height:300px}.box a{display:inline-block;background:#000c1f;color:#fff;padding:15px 25px;font-size:18px;font-weight:600;border-radius:5px;text-decoration:none;text-align:center;transition:background .3s ease-in-out , transform .2s ease-in-out}.box a:hover{background:#000c1f;transform:scale(1.05)}.box img{width:120px;height:120px;object-fit:contain;margin-bottom:20px}.box .title{font-size:24px;font-weight:600;color:#000c1f;margin-bottom:15px}.box button{background:#000c1f;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out , transform .2s ease-in-out}.box button:hover{background:#000c1f;transform:scale(1.05)}footer{width:100%;background:#000c1f;color:#fff;text-align:center;padding:15px 0;font-size:14px;font-weight:400;margin-top:50px}.close-btn{position:absolute;top:20px;right:20px;font-size:50px;color:#fff;cursor:pointer;z-index:1100}.close-btn:hover{color:#fc0}.separator{width:80%;height:4px;background:linear-gradient(to right,#000c1f,#000c1f);margin:50px auto;border-radius:2px;position:relative}.box ul{list-style-type:none;padding:0}.box ul li{margin-bottom:10px}.infos_poste{margin-top:5%;text-align:left;padding:10px}@media (max-width:768px){.roles-container{display:grid!important;grid-template-columns:1fr!important}.nav-container{width:80%;padding-top:80px}.nav-links li{padding:20px}.nav-links li>a{font-size:20px}header{height:80vh;padding:30px}header h1{font-size:40px}header p{font-size:24px}}@media (min-width:769px){.nav-container{width:20%}}.mentions-legales{font-size:20px;color:#333;line-height:1.6;margin-bottom:15px;margin-left:5%;margin-right:5%;margin-top:3%}