*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #f8f9ff; font-family: ‘Montserrat’, -apple-system, sans-serif; color: #334155; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.em-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.em-section { padding: 5rem 0; }
.em-section–gray { background: #f8f9ff; }
.em-section–white { background: #fff; }
/* ── HERO ── */
.em-hero {
background: linear-gradient(135deg, #1a1a2e 0%, #2d1b4e 55%, #6F327E 100%);
color: #fff; position: relative; overflow: hidden; padding: 5rem 0 4.5rem;
}
.em-hero::before {
content: ”; position: absolute; inset: 0;
background-image: url(“data:image/svg+xml,”);
pointer-events: none;
}
.em-hero::after {
content: ”; position: absolute; top: -80px; right: -60px;
width: 420px; height: 420px;
background: radial-gradient(circle, rgba(231,38,122,0.14) 0%, transparent 65%);
border-radius: 50%; pointer-events: none;
}
/* Classe renommée pour éviter le conflit avec le CSS global */
.hero-centered {
position: relative; z-index: 1;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center;
max-width: 820px;
margin: 0 auto;
}
.em-badge {
display: inline-block; background: rgba(255,255,255,0.12); color: #fff;
font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
padding: 0.375rem 1rem; border-radius: 2rem; margin-bottom: 1.5rem;
border: 1px solid rgba(255,255,255,0.2);
}
.hero-centered h1 {
font-size: 3rem; font-weight: 900; line-height: 1.15;
margin: 0 0 1.375rem; color: #fff;
}
.hero-centered h1 span { color: #E7267A; }
.hero-desc {
font-size: 1.1rem; opacity: 0.85; line-height: 1.75;
margin: 0 auto 2.25rem; max-width: 620px;
}
.hero-kpis {
display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2.25rem; width: 100%;
}
.em-kpi {
text-align: center; padding: 1rem 1.5rem;
background: rgba(255,255,255,0.07); border-radius: 8px; border: 1px solid rgba(255,255,255,0.1);
min-width: 130px;
}
.em-kpi-num { font-size: 1.75rem; font-weight: 800; color: #fff; display: block; line-height: 1.1; }
.em-kpi-num span { color: #E7267A; }
.em-kpi-label { font-size: 0.68rem; opacity: 0.72; margin-top: 0.25rem; display: block; line-height: 1.3; }
.hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.em-btn-primary {
display: inline-block; background: #fff; color: #E7267A;
font-size: 0.9rem; font-weight: 800; padding: 0.9rem 2rem;
border-radius: 8px; text-decoration: none;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: transform 0.15s, box-shadow 0.2s;
}
.em-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.25); }
.em-btn-outline {
display: inline-block; background: transparent; color: #fff;
font-size: 0.9rem; font-weight: 600; padding: 0.9rem 2rem;
border-radius: 8px; text-decoration: none;
border: 2px solid rgba(255,255,255,0.4); transition: all 0.2s;
}
.em-btn-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
/* ── SECTION HEADER ── */
.em-sh { text-align: center; margin-bottom: 2.75rem; }
.em-sh-badge {
display: inline-block; background: rgba(231,38,122,0.1); color: #E7267A;
font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
padding: 0.375rem 1rem; border-radius: 2rem; margin-bottom: 1rem;
}
.em-sh h2 {
font-size: 2.25rem; font-weight: 800; color: #1a1a2e;
margin: 0 0 0.5rem; letter-spacing: -0.3px; line-height: 1.2;
}
.em-sh h2::after {
content: ”; display: block; width: 3.5rem; height: 3px;
background: #E7267A; border-radius: 2px; margin: 1.25rem auto 0;
}
.em-sh h2 span { color: #E7267A; }
.em-sh p { font-size: 1rem; color: #64748b; max-width: 47.5rem; margin: 1.25rem auto 0; line-height: 1.7; }
/* ── HUB CARDS ── */
.hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.hub-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 16px;
padding: 2.25rem 2rem; position: relative; overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
display: flex; flex-direction: column; text-decoration: none; color: inherit;
}
.hub-card::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, #E7267A, #6F327E);
}
.hub-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(231,38,122,0.14); }
.hub-card-icon {
width: 3.5rem; height: 3.5rem; border-radius: 12px;
background: linear-gradient(135deg, #E7267A, #6F327E);
display: flex; align-items: center; justify-content: center;
margin-bottom: 1.25rem; font-size: 1.6rem;
}
.hub-card h3 { font-size: 1.2rem; font-weight: 800; color: #1a1a2e; margin: 0 0 0.75rem; }
.hub-card p { font-size: 0.9rem; color: #64748b; line-height: 1.65; margin: 0; flex: 1; }
.hub-card-footer {
display: flex; align-items: center; justify-content: space-between;
margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #f1f5f9;
}
.hub-card-link {
font-size: 0.85rem; font-weight: 700; color: #E7267A;
display: inline-flex; align-items: center; gap: 0.3rem; transition: gap 0.2s;
}
.hub-card-link::after { content: ‘→’; }
.hub-card:hover .hub-card-link { gap: 0.6rem; }
.hub-card-arrow {
width: 2rem; height: 2rem; border-radius: 50%;
background: rgba(231,38,122,0.08);
display: flex; align-items: center; justify-content: center;
color: #E7267A; font-size: 0.9rem; transition: background 0.2s;
}
.hub-card:hover .hub-card-arrow { background: #E7267A; color: #fff; }
/* ── MINI CLIENTS ── */
.mini-clients { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.mini-client-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 10px;
padding: 1.25rem 1rem; text-align: center;
text-decoration: none; color: inherit;
transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
position: relative; overflow: hidden;
}
.mini-client-card::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, #E7267A, #6F327E);
}
.mini-client-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(231,38,122,0.12); border-color: rgba(231,38,122,0.25); }
.mini-client-logo {
width: 3rem; height: 3rem; border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 0.72rem; font-weight: 900; color: #fff;
margin: 0 auto 0.875rem; letter-spacing: 0.04em;
}
.mini-client-card h4 { font-size: 0.88rem; font-weight: 800; color: #1a1a2e; margin: 0 0 0.25rem; }
.mini-client-card p { font-size: 0.75rem; color: #64748b; margin: 0 0 0.75rem; line-height: 1.5; }
.mini-client-sector {
display: inline-block; font-size: 0.62rem; font-weight: 700;
letter-spacing: 0.06em; text-transform: uppercase;
padding: 0.2rem 0.55rem; border-radius: 2rem;
background: rgba(231,38,122,0.08); color: #E7267A;
}
.view-all-card {
background: linear-gradient(135deg, #E7267A, #6F327E); border: none; border-radius: 10px;
padding: 1.25rem 1rem; text-align: center;
text-decoration: none; color: #fff;
display: flex; flex-direction: column; align-items: center; justify-content: center;
transition: opacity 0.2s, transform 0.2s;
}
.view-all-card:hover { opacity: 0.9; transform: translateY(-4px); }
.view-all-card .arrow-circle {
width: 3rem; height: 3rem; border-radius: 50%;
background: rgba(255,255,255,0.2);
display: flex; align-items: center; justify-content: center;
font-size: 1.25rem; margin: 0 auto 0.875rem;
}
.view-all-card h4 { font-size: 0.9rem; font-weight: 800; color: #fff; margin: 0 0 0.25rem; }
.view-all-card p { font-size: 0.75rem; color: rgba(255,255,255,0.8); margin: 0; }
/* ── SECTEURS ── */
.sectors-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.sector-card {
background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
padding: 1.125rem 1rem;
display: flex; align-items: center; gap: 0.875rem;
text-decoration: none; color: inherit;
transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.sector-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(231,38,122,0.12); border-color: rgba(231,38,122,0.3); }
.sector-icon {
width: 2.5rem; height: 2.5rem; border-radius: 8px;
background: linear-gradient(135deg, rgba(231,38,122,0.1), rgba(111,50,126,0.08));
display: flex; align-items: center; justify-content: center;
font-size: 1.2rem; flex-shrink: 0;
}
.sector-card h4 { font-size: 0.82rem; font-weight: 700; color: #1a1a2e; margin: 0 0 0.125rem; line-height: 1.3; }
.sector-card span { font-size: 0.7rem; color: #94a3b8; }
.sector-card-arrow { margin-left: auto; color: #E7267A; font-size: 0.8rem; opacity: 0; transition: opacity 0.2s; flex-shrink: 0; }
.sector-card:hover .sector-card-arrow { opacity: 1; }
/* ── REALISATIONS STRIP ── */
.realisations-strip {
background: linear-gradient(135deg, #1a1a2e 0%, #2d1b4e 60%, #6F327E 100%);
padding: 4rem 0; position: relative; overflow: hidden;
}
.realisations-strip::after {
content: ”; position: absolute; top: -60px; right: -60px;
width: 300px; height: 300px;
background: radial-gradient(circle, rgba(231,38,122,0.12) 0%, transparent 70%);
border-radius: 50%; pointer-events: none;
}
.realisations-inner {
position: relative; z-index: 1;
display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center;
}
.realisations-text .tag {
display: inline-block; background: rgba(231,38,122,0.25); color: #fff;
font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
padding: 0.3rem 0.875rem; border-radius: 2rem; margin-bottom: 1rem;
}
.realisations-text h2 { font-size: 2rem; font-weight: 800; color: #fff; margin: 0 0 0.75rem; line-height: 1.2; }
.realisations-text p { font-size: 0.95rem; color: rgba(255,255,255,0.78); line-height: 1.7; max-width: 520px; }
.realisations-stats { display: flex; gap: 1.5rem; margin-top: 1.5rem; flex-wrap: wrap; }
.real-stat strong { display: block; font-size: 1.6rem; font-weight: 900; color: #fff; line-height: 1.1; }
.real-stat span { font-size: 0.68rem; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 0.5px; }
.btn-yellow {
display: inline-block; background: #FFDD00; color: #020202;
font-size: 0.9rem; font-weight: 800; padding: 0.9rem 1.875rem;
border-radius: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px;
transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.2); white-space: nowrap;
}
.btn-yellow:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.25); }
/* ── BLOC SEO ── */
.seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.seo-prose h3 { font-size: 1.1rem; font-weight: 800; color: #1a1a2e; margin: 0 0 0.75rem; }
.seo-prose h3 + h3 { margin-top: 1.75rem; }
.seo-prose p { font-size: 0.9rem; color: #475569; line-height: 1.85; margin: 0 0 1.1rem; }
.seo-prose p:last-child { margin-bottom: 0; }
.seo-prose strong { color: #1a1a2e; }
.seo-point {
display: flex; align-items: flex-start; gap: 0.875rem;
background: #f8f9ff; border-radius: 10px; padding: 1rem 1.125rem;
margin-bottom: 0.875rem;
}
.seo-point:last-of-type { margin-bottom: 1.75rem; }
.seo-point-icon {
width: 2.25rem; height: 2.25rem; border-radius: 8px;
background: linear-gradient(135deg, #E7267A, #6F327E);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; font-size: 1rem;
}
.seo-point strong { font-size: 0.88rem; color: #1a1a2e; display: block; margin-bottom: 0.2rem; }
.seo-point span { font-size: 0.8rem; color: #64748b; line-height: 1.6; }
.seo-kpi-box {
background: linear-gradient(135deg, #E7267A, #6F327E);
border-radius: 12px; padding: 1.75rem; color: #fff; text-align: center;
}
.seo-kpi-box .big-num { font-size: 3rem; font-weight: 900; line-height: 1; margin-bottom: 0.5rem; }
.seo-kpi-box .big-label { font-size: 0.9rem; font-weight: 700; margin-bottom: 0.5rem; }
.seo-kpi-box .big-desc { font-size: 0.78rem; opacity: 0.82; line-height: 1.55; }
.seo-bottom {
margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid #e2e8f0;
text-align: center;
}
.seo-bottom p { font-size: 0.9rem; color: #64748b; line-height: 1.85; max-width: 860px; margin: 0 auto; }
.seo-bottom strong { color: #1a1a2e; }
.seo-bottom a { color: #E7267A; font-weight: 700; text-decoration: none; }
.seo-bottom a:hover { text-decoration: underline; }
/* ── FINAL CTA ── */
.final-cta {
background: linear-gradient(135deg, #1a1a2e 0%, #6F327E 60%, #E7267A 100%);
color: #fff; text-align: center; position: relative; overflow: hidden; padding: 5rem 0;
}
.final-cta::before {
content: ”; position: absolute; top: -80px; right: -60px; width: 320px; height: 320px;
background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
border-radius: 50%; pointer-events: none;
}
.final-cta::after {
content: ”; position: absolute; bottom: -50px; left: -30px; width: 200px; height: 200px;
background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%);
border-radius: 50%; pointer-events: none;
}
.final-cta-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }
.final-cta h2 { color: #fff; font-size: 2.25rem; font-weight: 800; margin: 0 0 1rem; line-height: 1.2; }
.final-cta p { color: rgba(255,255,255,0.82); font-size: 1rem; margin: 0 0 2rem; line-height: 1.7; }
.final-cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.cta-btn-yellow {
display: inline-block; background: #FFDD00; color: #020202;
font-size: 0.95rem; font-weight: 800; padding: 0.9rem 2rem;
border-radius: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px;
transition: all 0.2s; box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.cta-btn-yellow:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.25); }
.cta-btn-white-outline {
display: inline-block; background: transparent; color: #fff;
font-size: 0.95rem; font-weight: 700; padding: 0.9rem 2rem;
border-radius: 8px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px;
border: 2px solid rgba(255,255,255,0.45); transition: all 0.2s;
}
.cta-btn-white-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
.sectors-grid { grid-template-columns: repeat(3, 1fr); }
.mini-clients { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
.hub-grid { grid-template-columns: 1fr; }
.sectors-grid { grid-template-columns: repeat(2, 1fr); }
.realisations-inner { grid-template-columns: 1fr; gap: 1.5rem; }
.mini-clients { grid-template-columns: repeat(2, 1fr); }
.seo-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.hero-centered h1 { font-size: 2rem; }
.em-sh h2 { font-size: 1.6rem; }
.sectors-grid { grid-template-columns: repeat(2, 1fr); }
.mini-clients { grid-template-columns: 1fr 1fr; }
.final-cta h2 { font-size: 1.6rem; }
.hero-kpis { gap: 0.75rem; }
.em-kpi { min-width: 100px; padding: 0.875rem 1rem; }
}
L’affichage dynamique
pour tous les secteurs
Découvrez comment plus de 3 000 organisations utilisent les solutions EMITY au quotidien, par secteur d’activité, par cas d’usage, et à travers nos réalisations concrètes.
Clients actifs
Secteurs couverts
Cas clients détaillés
Déploiements
Tout ce que vous voulez savoir
Cas clients concrets, secteurs d’activité et galerie de réalisations : choisissez votre point d’entrée pour découvrir EMITY en action.
Nos cas clients
GLS, MHSC, Europcar, Colissimo, Schindler… Découvrez des retours d’expérience détaillés sur comment chaque organisation a transformé sa communication avec EMITY.
Nos secteurs d’activité
Restauration, corporate, éducation, hôtellerie, médical, transports… L’affichage dynamique EMITY s’adapte à plus de 18 secteurs professionnels différents.
Nos réalisations
Une galerie de déploiements réels, partout en France et dans le monde. Visualisez concrètement ce que nos solutions donnent une fois installées chez nos clients.
Ils nous font confiance
Un aperçu de nos clients qui utilisent EMITY au quotidien pour transformer leur communication.
GLS France
Hub logistique piloté en temps réel
Logistique
Montpellier HSC
Scoring live et affichage sportif
Sport
Europcar
Communication en agence modernisée
Automobile
Atelier Banette
Vitrines animées en boulangerie
Restauration
Colissimo
Communication interne La Poste
Logistique
Schindler
Communication corporate internationale
Entreprise
Sushi Daily
Kiosques animés en grande surface
Restauration
Voir tous les cas clients
+8 cas détaillés
Une solution pour chaque métier
Quel que soit votre secteur, EMITY dispose d’une solution d’affichage dynamique adaptée à vos contraintes et vos usages.
Entreprise / Corporate
Communication interne
→
Éducation
Écoles, universités
→
Commerce / Retail
Point de vente
→
Restauration
Menu board, kiosques
→
Collectivités / Mairies
Service public
→
Immobilier
Agences, promoteurs
→
Hôtellerie
Accueil, signalétique
→
Tourisme
Offices, sites touristiques
→
Médical / Paramédical
Cliniques, pharmacies
→
Transports
Gares, aéroports
→
BTP / Industrie
Chantiers, usines
→
Banques / Assurances
Agences, sièges
→
EHPAD
Maisons de retraite
→
Automobile
Concessions, garages
→
Sport / Fitness
Clubs, salles de sport
→
Coiffure
Salons, franchises
→
Luxe
Boutiques premium
→
Cérémonie / Funéraire
Pompes funèbres
→
Des déploiements concrets, partout en France et en Europe
Visualisez les installations réelles de nos clients : écrans en boutique, bornes tactiles en entreprise, scoring dans les stades, accueil dans les hôpitaux… EMITY en action.
Une technologie accessible à toutes les organisations
L’affichage dynamique n’est plus réservé aux grandes enseignes
Longtemps perçu comme un investissement réservé aux grandes chaînes ou aux multinationales, l’affichage dynamique est aujourd’hui accessible à toutes les structures : TPE, PME, associations, collectivités, indépendants. Grâce à des solutions comme EMITY, une boulangerie artisanale peut diffuser ses promotions du jour exactement comme une enseigne nationale, avec le même niveau de qualité visuelle et la même simplicité de gestion.
Ce changement de paradigme est rendu possible par la démocratisation du matériel, par la simplification radicale des logiciels (E-MANAGER ne requiert aucune compétence technique), et par des modèles d’abonnement flexibles qui éliminent les barrières à l’entrée. Résultat : du cabinet médical de quartier au groupe industriel de 500 sites, l’affichage dynamique fonctionne partout.
S’adapter à chaque contexte, chaque usage, chaque contrainte
Ce qui distingue véritablement l’affichage dynamique pour tous, c’est sa capacité d’adaptation infinie. Un même écran peut servir le matin à afficher les menus du jour dans une cafétéria, l’après-midi à diffuser les indicateurs de production sur un atelier, et le soir à souhaiter bonne nuit aux résidents d’un EHPAD. La planification horaire, la segmentation par site, la personnalisation par audience, tout est paramétrable en quelques clics depuis n’importe quel navigateur.
EMITY va encore plus loin avec l’affichage interactif : là où l’écran passif informe, la borne tactile dialogue. Elle enregistre un visiteur, oriente un client, collecte un avis, gère une file d’attente ou réserve une salle de réunion. Dans les 18 secteurs que nous couvrons, chaque usage trouve sa réponse dans notre suite logicielle E-MANAGER et E-CLICK.
Affichez vos promotions, horaires et nouveautés en temps réel. Changez votre menu du jour depuis votre téléphone, sans technicien, sans délai.
Pilotez vos indicateurs de production, sécurité et flux en temps réel sur vos ateliers et entrepôts. Intégration native avec vos systèmes existants.
Informez vos administrés, gérez les files d’attente et digitalisez votre accueil sans compétence technique interne requise.
Centralisez la communication de tous vos sites depuis une seule interface. Déployez des contenus nationaux ou laissez chaque site personnaliser localement.
Que vous soyez une TPE cherchant à moderniser son point de vente, une collectivité souhaitant fluidifier son accueil, un club sportif voulant afficher ses scores en direct ou un groupe industriel cherchant à sécuriser sa communication opérationnelle, EMITY a la solution d’affichage dynamique et interactif adaptée à votre contexte, votre budget et vos équipes.
Parlez-en à notre équipe →
Votre secteur, votre usage,
votre solution EMITY
Notre équipe s’adapte à 100 % à votre besoin, quel que soit votre secteur. Démo gratuite, sans engagement.
