Architecture

Navigation

Règle de base

Apps internes

Sidebar latérale (gauche), fond mc-navy

prodspe, ERP, webshops privés, catalogue admin

Sites publics

Top nav horizontale, fond blanc ou mc-navy

minisites, site principal, webshop public

Zone	Contenu	Classe / Style
Header	Logo app (icône MC + nom app)	border-b border-white/10 px-5 py-4
Nav groupes	Groupes thématiques avec titre section	text-[10px] font-accent font-bold text-white/35 uppercase
Nav items	Liens avec icône (optionnelle) + label + compteur opt.	text-white/65 hover:text-white, actif: bg-mc-green
Footer	Avatar utilisateur + nom, déconnexion	border-t border-white/10 px-4 py-3

✓ Maximum 2 niveaux de profondeur : groupe → items (pas de sous-sous-niveaux)

✓ Item actif : bg-mc-green, texte blanc, font-bold — un seul à la fois

✓ Compteur sur un item si une action est requise (badge numérique)

✓ Largeur fixe : w-60 (240px) — ne pas varier selon l'app

✗ Ne pas mettre plus de 8 items au total dans une sidebar

✗ Ne pas dupliquer la même action dans sidebar et toolbar de page

Zone	Contenu	Position
Logo	Logo MC (min 80px wide), lien vers accueil	Gauche
Liens	Navigation principale (max 5 liens)	Centre ou gauche après logo
CTA	Bouton primary ("Demander un devis", "Commander")	Droite
Utilitaires	Panier, compte, langue (webshop uniquement)	Droite, avant CTA ou à la place

✓ Top nav sticky (fixed sur scroll) pour les minisites

✓ Logo minimum 80px wide (règle brand)

✓ Sur fond blanc: logo mc-green, liens mc-navy. Sur fond mc-navy: logo vert/blanc, liens blancs

✓ Mobile: hamburger → menu fullscreen avec même hiérarchie

✗ Ne pas mettre plus de 5 liens dans la nav principale

✗ Ne pas dupliquer le CTA dans la nav ET dans le hero (choisir l'un ou créer une variante)