Menu Makko:root { --blue: #212551; --yellow: #ECAE22; --white: #FFFFFF; --gray-bg: #F2F2F4; --gray-text: #666; }*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Cabin', sans-serif; background: #FAFAFA; }/* ═══════════════════════════════════════ NAVBAR ═══════════════════════════════════════ */ .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 30px 24px; }.navbar-inner { max-width: 1200px; margin: 0 auto; background: var(--white); border-radius: 60px; padding: 10px 12px 10px 20px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 20px rgba(33, 37, 81, 0.06), 0 0 0 1px rgba(33, 37, 81, 0.03); transition: box-shadow 0.3s ease; }.navbar-inner.scrolled { box-shadow: 0 4px 32px rgba(33, 37, 81, 0.1), 0 0 0 1px rgba(33, 37, 81, 0.05); }/* ═══════════════════════════════════════ LOGO ═══════════════════════════════════════ */ .nav-logo { flex-shrink: 0; display: flex; align-items: center; } .nav-logo img { height: 32px; width: auto; }/* ═══════════════════════════════════════ DESKTOP NAV LINKS ═══════════════════════════════════════ */ .nav-links { display: flex; align-items: center; gap: 2px; list-style: none; }.nav-links > li > a { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13.5px; color: var(--blue); text-decoration: none; padding: 10px 16px; border-radius: 40px; transition: background 0.2s, color 0.2s; white-space: nowrap; display: flex; align-items: center; gap: 6px; }.nav-links > li > a:hover { background: var(--gray-bg); }/* ═══════════════════════════════════════ DROPDOWN ═══════════════════════════════════════ */ .nav-dropdown { position: relative; }.nav-dropdown > a::after { content: ''; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--blue); opacity: 0.35; transition: transform 0.25s ease; }.nav-dropdown:hover > a::after { transform: rotate(180deg); }.dropdown-menu { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(8px); background: var(--white); border-radius: 16px; padding: 8px; min-width: 260px; box-shadow: 0 8px 40px rgba(33, 37, 81, 0.12), 0 0 0 1px rgba(33, 37, 81, 0.04); opacity: 0; visibility: hidden; transition: all 0.2s ease; list-style: none; }.nav-dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }.dropdown-menu li a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13px; border-radius: 10px; color: var(--blue); text-decoration: none; transition: background 0.15s; }.dropdown-menu li a:hover { background: var(--gray-bg); }.dd-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; }.dd-icon.blue { background: rgba(33, 37, 81, 0.06); } .dd-icon.yellow { background: rgba(236, 174, 34, 0.12); } .dd-icon.green { background: rgba(29, 158, 117, 0.1); } .dd-icon.purple { background: rgba(127, 90, 220, 0.1); }.dd-text .dd-label { display: block; font-size: 13px; color: var(--blue); } .dd-text .dd-desc { display: block; font-size: 11px; color: #999; font-weight: 400; margin-top: 1px; font-family: 'Cabin', sans-serif; }/* ═══════════════════════════════════════ RIGHT SIDE ═══════════════════════════════════════ */ .nav-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }.nav-app { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13.5px; color: var(--blue); text-decoration: none; padding: 10px 16px; border-radius: 40px; transition: background 0.2s; white-space: nowrap; }.nav-app:hover { background: var(--gray-bg); }.nav-cta { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; color: var(--blue); background: var(--yellow); padding: 12px 24px; border-radius: 40px; text-decoration: none; border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap; }/* ═══════════════════════════════════════ BURGER (mobile) ═══════════════════════════════════════ */ .nav-burger { display: none; width: 44px; height: 44px; border-radius: 50%; background: var(--gray-bg); border: none; cursor: pointer; position: relative; flex-shrink: 0; transition: background 0.2s; }.nav-burger:hover { background: #E8E8EA; }.nav-burger span { display: block; width: 18px; height: 2px; background: var(--blue); border-radius: 2px; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }.nav-burger span:nth-child(1) { top: 15px; } .nav-burger span:nth-child(2) { top: 21px; } .nav-burger span:nth-child(3) { top: 27px; }.nav-burger.open span:nth-child(1) { top: 21px; transform: translateX(-50%) rotate(45deg); } .nav-burger.open span:nth-child(2) { opacity: 0; transform: translateX(-50%) scaleX(0); } .nav-burger.open span:nth-child(3) { top: 21px; transform: translateX(-50%) rotate(-45deg); }/* ═══════════════════════════════════════ MOBILE MENU ═══════════════════════════════════════ */ .mobile-menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(33, 37, 81, 0.2); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: all 0.3s ease; }.mobile-menu.open { opacity: 1; visibility: visible; }.mobile-menu-inner { position: absolute; top: 80px; left: 16px; right: 16px; background: var(--white); border-radius: 24px; padding: 8px; box-shadow: 0 16px 64px rgba(33, 37, 81, 0.15); transform: translateY(-16px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); max-height: calc(100vh - 120px); overflow-y: auto; }.mobile-menu.open .mobile-menu-inner { transform: translateY(0); }.mobile-section-label { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 10px; color: #BBB; text-transform: uppercase; letter-spacing: 1.5px; padding: 12px 20px 4px; }.mobile-menu-links { list-style: none; padding: 0; }.mobile-menu-links a { display: flex; align-items: center; gap: 12px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 15px; color: var(--blue); text-decoration: none; padding: 12px 20px; border-radius: 14px; transition: background 0.15s; }.mobile-menu-links a:hover, .mobile-menu-links a:active { background: var(--gray-bg); }.mobile-menu-links .m-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }.mobile-menu-links .m-icon.blue { background: rgba(33, 37, 81, 0.06); } .mobile-menu-links .m-icon.yellow { background: rgba(236, 174, 34, 0.12); } .mobile-menu-links .m-icon.green { background: rgba(29, 158, 117, 0.1); } .mobile-menu-links .m-icon.purple { background: rgba(127, 90, 220, 0.1); }.mobile-divider { height: 1px; background: #F0F0F0; margin: 6px 16px; }.mobile-cta-area { padding: 8px; }.mobile-cta { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: var(--blue); background: var(--yellow); padding: 16px; border-radius: 16px; text-decoration: none; text-align: center; transition: all 0.2s; }.mobile-cta:hover { box-shadow: 0 4px 16px rgba(236, 174, 34, 0.35); }/* ═══════════════════════════════════════ RESPONSIVE ═══════════════════════════════════════ */ @media (max-width: 900px) { .navbar { padding: 12px 16px; } .navbar-inner { padding: 8px 8px 8px 16px; border-radius: 50px; } .nav-links { display: none; } .nav-cta-desktop { display: none; } .nav-burger { display: block; } .mobile-menu { display: block; } .nav-right { gap: 6px; } .nav-app { font-size: 13px; padding: 8px 14px; } .nav-logo img { height: 28px; } }const burger = document.getElementById('burgerBtn'); const mobileMenu = document.getElementById('mobileMenu');burger.addEventListener('click', () => { burger.classList.toggle('open'); mobileMenu.classList.toggle('open'); document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : ''; });mobileMenu.addEventListener('click', (e) => { if (e.target === mobileMenu) { burger.classList.remove('open'); mobileMenu.classList.remove('open'); document.body.style.overflow = ''; } });const navInner = document.getElementById('navbarInner'); window.addEventListener('scroll', () => { navInner.classList.toggle('scrolled', window.scrollY > 20); });

😍 Services happy

Redonnez le sourire à vos collaborateurs en leur offrant le meilleur des services !

Offrez à vos employés les meilleurs services pour accroître leur bien être : livraison de fruits, thé-cafés, etc. !

Découvrir

Découvrez notre large choix de service :

Comestibles

Livraisons des meilleurs produits directement dans vos locaux.

Livraisons à la fréquence de votre choix des meilleurs fruits de saison

Commandez vos plateaux repas en livraison auprès de traiteurs locaux

Livraisons des en-cas sains et bio sur votre lieu de travail pour rebooster et satisfaire vos collaborateurs.

Créez vous-même le pack qui vous convient (fruits, fruits secs, snacks, encas, etc.)

Demandez un devis personnalisé

Boissons

Réapprovisionnement ou livraisons ponctuelles de vos boissons chaudes ou froides.

Assurez une livraison en continue de thés et cafés, garantie sans pénurie.

Désaltérez vos collaborateurs via la livraison d’eau, soda, jus de fruit etc.

Pour la fin de journée, rien de tel que quelques bières, verres de vins ou champagnes.

Demandez un devis personnalisé

Machines / Distributeurs

Installation de machines et distributeurs dans vos locaux, au service de vos employés.

Un large choix de consommables pour machines à café et distributeurs automatiques

Demandez un devis personnalisé

Comment ca marche ?

Simple, rapide et sans engagement !

Sélectionnez le service souhaité

Choisissez parmi plus de 100 services proposés celui qui vous convient, du ménage à la réparation de la clim.

Détaillez votre besoin

Dites-nous ce que vous recherchez (besoin, heures d'intervention etc.) afin de vous proposer le service le plus adapté.

Faites votre choix et validez

Examinez les options que nos experts vous enverront et sélectionnez celle qui convient à votre besoin.

Faire un devis en ligne

Prêt à créer votre futur environnement de travail ?

Une session de ménage en profondeur offerte !​

06 73 16 65 30​

Faire un devis en ligne