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); });

🌟 Covid19 – 9 étapes pour préparer la réouverture de vos bureaux

La date de déconfinement progressif arrive à grand pas, nous vous avons préparé un guide pour anticiper la réouverture de vos bureaux :

Comment préparer mes bureaux à la reprise ? Comment désinfecter mes bureaux ? Quelles mesures de sécurité à prendre ?


1 – Prévoyez un grand nettoyage ou une désinfection de vos bureaux !

Desinfection et nettoyage bureaux covid 19

2 cas de figure :
1 – S’il y a eu du passage dans les bureaux : effectuer un nettoyage + une désinfection complète de vos bureaux
2 – Si vos bureaux sont bien restés fermés au publie pendant le confinement : prévoir un grand nettoyage avant la réouverture.


2 – Modifiez, selon votre plan de reprise, l’agencement de vos bureaux

Modifiez, selon votre plan de reprise,  l’agencement de vos bureaux

Espacement entre les bureaux, marquage au sol, pose de panneaux en plexiglas (accueil, open space), condamnation de pièces ou éléments (frigo), affichage des règles de sécurité , etc. :

Vous souhaitez un devis pour la pose de plexiglas ?


3 – Mettez à disposition des équipes des lingettes désinfectantes, du gel hydroalcoolique, du savon désinfectant, etc !

Mettez à disposition des équipes des lingettes désinfectantes, du gel hydroalcoolique, du savon désinfectant, etc !

Mettez les à disposition pour chacun des collaborateurs et dans les lieux de passage tels que l’accueil, les salles de réunion, la cuisine, les espaces de détente etc.


4 – Prévenez l’ensemble de vos prestataires de la date de réouverture

Prévenez l’ensemble de vos prestataires de la date de réouverture

Et planifier la reprise de l’ensemble des services de bureaux :
Ménage,
Paniers de fruits & Snacks,
Livraison de café et thé,
etc.


5 – Assurez-vous de la reprogrammation de toutes les livraisons qui avaient pu être suspendues

Assurez-vous de la reprogrammation de toutes les livraisons qui avaient pu être suspendues

Si vous aviez passé des commandes avant le confinement, replanifiez la livraison ou vérifiez comment les récupérer


6 – Communiquez la date de réouverture et surtout les nouvelles règles d’accès si elles ont été changées (code alarme, digicode etc.)

Communiquez la date de réouverture et surtout les nouvelles règles d’accès si elles ont été changées (code alarme, digicode etc.)

Prévenez vos équipes bien-sûr, mais aussi vos prestataires 😁


7 – Vérifiez l’état des appareils électriques, électroniques, informatiques, wifi etc. !

Vérifiez l’état des appareils électriques, électroniques, informatiques, wifi etc.

Une petite vérification avant la réouverture est nécessaire pour assurer le bon fonctionnement le jour J


8 – Vérifiez l’état des filtres de votre système d’aération / climatisation, changez les si besoin

Retrouvez l’ensemble des bonnes pratiques pour l’exploitation des Systèmes CVC ici


9 – Organisez un petit-déjeuner avec l’ensemble des équipes pour la reprise !

En respectant bien sûr les distances de sécurité et les gestes barrières