Maison

ARWAAX CREA | Hub d'Innovation Culturelle en Casamance

ARWAAX CREA

Transformer le patrimoine culturel en moteur de développement

L'art est une technologie du vivant

La culture est une infrastructure invisible de la prospérité

ICC = Intelligence, Création, Civilisation

5Éditions CMA

100+Talents accompagnés

4Projets phares

3Territoires impactés

Découvrir la plateforme Essayer l'IA mentor

NOTRE MISSION

Arwaax Business Center - Pionnier des industries culturelles et créatives en Casamance depuis 2008

Révolutionner l'économie créative africaine

Fondé en 2008 par Abdou Gueye, ARWAAX Business Center est un acteur majeur des industries culturelles et créatives sénégalaises. Notre mission est de positionner la Casamance comme hub créatif et numérique de référence en Afrique de l'Ouest.

Nous combinons l'héritage culturel africain avec les technologies les plus innovantes pour créer des projets transformateurs à fort impact social et économique.

Innovation Culturelle

Nous repoussons les limites de la création en intégrant IA, blockchain et réalité augmentée aux arts traditionnels.

Accompagnement des Talents

Plus de 100 artistes et entrepreneurs créatifs formés et accompagnés depuis notre création.

Impact Territorial

Nos projets transforment les territoires en catalyseurs d'économie créative et de tourisme culturel.

Voir nos projets Nous contacter

NOS SOLUTIONS INNOVANTES

Des outils technologiques au service de la création culturelle africaine

🎯

Créateur de Parcours Personnalisé

L'IA analyse votre profil artistique, vos compétences techniques et vos aspirations pour créer un parcours de formation unique alliant art, technologie, société et économie.

🧪

Laboratoire de Création Interdisciplinaire

Studio virtuel alimenté par l'IA pour créer musique, visuel, langage, code et NFT. Expérimentez sans limites avec des outils de création révolutionnaires.

🤖

IA Mentor Multilingue

Assistant intelligent disponible en français, anglais et arabe pour vous accompagner dans vos projets, portefeuilles et business models créatifs.

🏛️

Générateur de Projets Territoriaux

Concevez des projets de valorisation du patrimoine, tourisme culturel et design d'espaces publics adaptés à votre territoire.

📊

Simulateur d'Impact Culturel

Calculez précisément l'impact social, économique et environnemental de vos projets créatifs avant leur mise en œuvre.

🚀

Incubateur Virtuel d'ICC

Accompagnement IA complet pour transformer votre création en entreprise : stratégie, marketing, pitch, financement.

NOS RÉALISATIONS

Des initiatives transformatrices qui redéfinissent le paysage culturel de la Casamance

Nouveau

Septembre 2025

Casamance Music Awards

Ziguinchor, Sénégal

Le plus grand événement musical de Casamance récompensant les talents locaux et internationaux avec 15 catégories de prix.

Vedette

Mai 2026

Kussekaku Festa

Ziguinchor, Sénégal

Festival des Métiers de la Musique des Femmes, célébrant la créativité féminine à travers performances, ateliers et rencontres professionnelles.

Avril 2026

Festival sur le Fleuve Casamance

Ziguinchor, Sénégal

Célébration unique de la civilisation du fleuve à travers des performances artistiques, des expositions et des conférences.

Vedette

Mars 2026

Casamance CREA EXPO

Cap Skirring, Sénégal

Plateforme d'innovation culturelle combinant art, numérique, entrepreneuriat et tourisme pour un développement territorial durable.

ESSAYEZ L'IA MENTOR

Obtenez des conseils personnalisés pour votre projet créatif

Bonjour ! Je suis votre IA mentor pour l'ingénierie culturelle et créative. Comment puis-je vous aider à transformer votre vision artistique en projet d'impact ? 🎨✨

CASAMANCE CREA EXPO 2026

"La Culture comme moteur, la Création comme avenir" - Cap Skirring, 12-14 mars 2026

12 - 14 MARS 2026 | CAP SKIRRING

Le hub de l'innovation culturelle en Afrique de l'Ouest

CREA EXPO 2026 positionne la Casamance comme pôle créatif, numérique et touristique de référence, aligné avec la Stratégie Nationale de Développement du Sénégal.

Innovation Culturelle

Ateliers sur le design, l'audiovisuel, les arts numériques et l'entrepreneuriat créatif.

Opportunités d'Affaires

Forum d'investissement et sessions B2B pour les Industries Culturelles et Créatives.

Renforcement des Capacités

Panels sur l'économie créative, la fiscalité, les droits d'auteur et les nouvelles technologies.

Devenir Partenaire Programme Complet

NOTRE IMPACT

Chiffres clés et vision pour l'avenir culturel africain

Artistes-Technologues Formés

Projets Créatifs Incubés

Emplois Culturels Créés

Territoires Transformés

REJOIGNEZ L'AVENTURE ARWAAX CREA

Que vous soyez artiste, partenaire ou simplement passionné, il y a une place pour vous dans notre écosystème.

Inscription pour Artistes

Rejoignez notre réseau d'artistes et bénéficiez d'une visibilité accrue, de formations et d'opportunités de collaboration.

Nom complet

Téléphone

Discipline artistique

Devenir Partenaire

Associez votre marque à nos événements et bénéficiez d'une visibilité exceptionnelle auprès d'un public engagé.

Devenir Bénévole

Rejoignez notre équipe de bénévoles et contribuez activement au succès de nos événements.

CONTACTEZ-NOUS

Une question, un projet ou simplement envie d'en savoir plus ? Écrivez-nous !

Nos Coordonnées

Abdou Gueye

Directeur Général

Adresse

HLM KENYA villa 99 - Ziguinchor, Sénégal

Téléphone

+221 77 731 89 97

/* African Patterns */ .african-pattern { position: fixed; opacity: 0.03; z-index: 0; background-size: contain; background-repeat: no-repeat; pointer-events: none; filter: drop-shadow(0 0 5px rgba(230, 57, 70, 0.3)); mix-blend-mode: overlay; } .pattern-1 { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,20 C40,40 60,40 80,20 C60,0 40,0 20,20 Z" fill="%23E63946"/>'); width: clamp(200px, 30vw, 400px); height: clamp(200px, 30vw, 400px); top: 10%; left: 5%; animation: float 15s ease-in-out infinite; } .pattern-2 { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 0 L100 50 L50 100 L0 50 Z" fill="%23F1C453"/>'); width: clamp(150px, 25vw, 300px); height: clamp(150px, 25vw, 300px); bottom: 15%; right: 8%; animation: float 12s ease-in-out infinite reverse; } .pattern-3 { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" stroke="%23457B9D" stroke-width="8" fill="none"/>'); width: clamp(180px, 28vw, 350px); height: clamp(180px, 28vw, 350px); top: 60%; left: 70%; animation: rotate 20s linear infinite; } @keyframes float { 0% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(20px, 20px) rotate(5deg); } 100% { transform: translate(0, 0) rotate(0deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Loading Screen */ .loading-screen.hidden { opacity: 0; visibility: hidden; } .loading-content { transform-style: preserve-3d; perspective: 1000px; } .loading-logo { animation: gradientShift 2s ease-in-out infinite, float3D 6s ease-in-out infinite; text-shadow: 0 0 20px rgba(230, 57, 70, 0.3); } .loading-progress { width: 300px; max-width: 80%; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; margin: 0 auto 1rem; transform-style: preserve-3d; } .loading-progress-bar { height: 100%; width: 0%; background: var(--primary-gradient); transition: width 0.3s ease; transform-origin: left center; animation: progressPulse 1.5s ease-in-out infinite; } .loading-percentage { font-size: 1rem; opacity: 0.8; font-weight: 600; letter-spacing: 1px; } @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes float3D { 0%, 100% { transform: translateZ(0) rotateY(0deg); } 50% { transform: translateZ(20px) rotateY(5deg); } } @keyframes progressPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } /* Navigation */ .nav-logo::after { content: "INNOVATION CULTURELLE"; position: absolute; bottom: -18px; left: 0; font-size: 0.6rem; letter-spacing: 2px; background: linear-gradient(90deg, var(--primary), var(--tertiary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 100%; text-align: left; opacity: 0.8; } .nav-links { display: flex; gap: 2rem; list-style: none; } .nav-links a { color: var(--text-secondary); text-decoration: none; font-weight: 600; font-size: 1.1rem; position: relative; transition: var(--transition); display: flex; flex-direction: column; align-items: center; text-transform: uppercase; letter-spacing: 1px; } .nav-links a span { transition: var(--transition); } .nav-links a:hover { color: var(--accent); } .nav-links a::after { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%) scaleX(0); width: 70%; height: 2px; background: var(--primary-gradient); transition: var(--transition); border-radius: 2px; transform-origin: center; } .nav-links a:hover::after { transform: translateX(-50%) scaleX(1); } .nav-toggle { display: none; background: none; border: none; color: white; font-size: 1.8rem; cursor: pointer; z-index: 1001; transition: var(--transition); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.1); } .nav-toggle:hover { background: rgba(255,255,255,0.2); } /* Header/Hero Section */ .header { background: radial-gradient(circle at center, rgba(138, 43, 226, 0.3) 0%, transparent 70%); } .particles-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; } .particle { position: absolute; width: 2px; height: 2px; background: var(--accent); border-radius: 50%; animation: particleFloat 20s infinite linear; opacity: 0.3; } @keyframes particleFloat { 0% { transform: translateY(100vh) translateX(0) rotate(0deg); opacity: 0; } 10% { opacity: 0.3; } 90% { opacity: 0.3; } 100% { transform: translateY(-100px) translateX(100px) rotate(360deg); opacity: 0; } } .floating-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .floating-element { position: absolute; opacity: 0.1; animation: floatElement 25s infinite linear; font-size: 2rem; filter: blur(0.5px); } @keyframes floatElement { 0% { transform: translateY(100vh) rotate(0deg) scale(0.5); opacity: 0; } 10% { opacity: 0.1; } 90% { opacity: 0.1; } 100% { transform: translateY(-100px) rotate(360deg) scale(1); opacity: 0; } } .hero-content { animation: fadeInUp 1s ease-out; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .logo { background-size: 400% 400%; animation: gradientShift 4s ease-in-out infinite; text-shadow: 0 0 20px rgba(230, 57, 70, 0.3); } .mantras { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin: 3rem 0; animation: fadeInUp 1s ease-out 0.6s both; } .mantra { background: var(--glass-bg); padding: 2rem; border-radius: var(--border-radius); border: 1px solid var(--glass-border); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: var(--transition); position: relative; overflow: hidden; text-align: left; } .mantra::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.6s ease; } .mantra:hover::before { left: 100%; } .mantra:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.1); box-shadow: var(--box-shadow); border-color: var(--accent); } .mantra strong { font-weight: 700; color: white; font-size: 1.2rem; line-height: 1.4; display: block; } .hero-stats { display: flex; gap: 1.5rem; margin: 2.5rem 0; flex-wrap: wrap; justify-content: center; animation: fadeInUp 1s ease-out 0.9s both; } .hero-stat { font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; background: var(--glass-bg); padding: 1.5rem; border-radius: var(--border-radius); border: 1px solid var(--glass-border); min-width: 180px; transition: var(--transition); } .hero-stat:hover { transform: translateY(-5px); background: rgba(255,255,255,0.1); box-shadow: var(--box-shadow); } .hero-stat i { margin-right: 0.5rem; color: var(--accent); font-size: 1.5rem; } .hero-stat span { display: block; font-size: 1rem; font-weight: 400; color: var(--text-secondary); margin-top: 0.3rem; } .hero-cta { margin-top: 2.5rem; animation: fadeInUp 1s ease-out 0.9s both; display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } /* About Section */ .about-section { background: linear-gradient(135deg, rgba(230, 57, 70, 0.1), rgba(69, 123, 157, 0.2)); position: relative; overflow: hidden; } .about-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M30,30 Q50,10 70,30 T90,50 Q70,70 50,90 T10,50 Q30,30 50,10" fill="none" stroke="rgba(230,57,70,0.05)" stroke-width="2"/>'); background-size: 300px; opacity: 0.1; z-index: 0; } .about-content { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 3.75rem; align-items: center; } .about-image { border-radius: var(--border-radius-xl); overflow: hidden; box-shadow: var(--box-shadow-lg); transition: transform 0.5s ease; position: relative; } .about-image::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--primary-gradient); opacity: 0.2; mix-blend-mode: overlay; } .about-image:hover { transform: scale(1.02); } .about-image img { width: 100%; height: auto; display: block; } .about-text h3 { margin-bottom: 1.5rem; color: var(--accent); } .about-text p { margin-bottom: 1.5rem; color: var(--text-secondary); } .about-highlights { margin: 2.5rem 0; } .highlight-item { display: flex; align-items: flex-start; margin-bottom: 1.5rem; background: var(--glass-bg); padding: 1.5rem; border-radius: var(--border-radius); border: 1px solid var(--glass-border); transition: var(--transition); } .highlight-item:hover { transform: translateY(-5px); border-color: var(--accent); } .highlight-icon { width: 50px; height: 50px; background: var(--primary-gradient); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; flex-shrink: 0; color: white; font-size: 1.5rem; } .highlight-content h4 { font-size: 1.2rem; margin-bottom: 0.5rem; color: white; } .highlight-content p { margin-bottom: 0; font-size: 0.95rem; } /* Modules Section */ .modules-section { position: relative; background: linear-gradient(45deg, rgba(255, 107, 107, 0.05), rgba(78, 205, 196, 0.05)); } .section-title { text-align: center; font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 5rem; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; letter-spacing: -0.02em; position: relative; display: inline-block; text-transform: uppercase; } .section-title::after { content: ''; position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background: var(--primary-gradient); border-radius: 2px; } .section-subtitle { font-size: 1.3rem; color: var(--text-secondary); max-width: 700px; margin: 0 auto 3rem; text-align: center; } .modules-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 2rem; } .module-card { background: var(--glass-bg); padding: 2.5rem; border-radius: var(--border-radius-lg); border: 1px solid var(--glass-border); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: var(--transition); position: relative; overflow: hidden; cursor: pointer; will-change: transform; } .module-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.6s ease; } .module-card:hover::before { left: 100%; } .module-card:hover { transform: translateY(-15px); box-shadow: var(--box-shadow-lg); border-color: var(--accent); } .module-icon { font-size: 3.5rem; margin-bottom: 1.5rem; display: block; filter: drop-shadow(0 0 20px rgba(78, 205, 196, 0.3)); } .module-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.25rem; color: var(--accent); line-height: 1.3; } .module-description { opacity: 0.85; line-height: 1.7; font-size: 1rem; } /* Projects Section */ .projects-section { background: linear-gradient(135deg, rgba(150, 206, 180, 0.1), rgba(255, 107, 107, 0.1)); } .projects-tabs { display: flex; justify-content: center; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 0.5rem; } .project-tab { padding: 0.75rem 1.5rem; background: var(--glass-bg); border: none; border-radius: 50px; color: var(--text-secondary); font-weight: 600; cursor: pointer; transition: var(--transition); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-transform: uppercase; letter-spacing: 1px; } .project-tab.active, .project-tab:hover { background: var(--primary-gradient); color: white; box-shadow: 0 5px 20px rgba(230, 57, 70, 0.3); } .projects-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1.5rem; } .project-card { background: var(--glass-bg); border-radius: var(--border-radius); overflow: hidden; transition: var(--transition); position: relative; border: 1px solid var(--glass-border); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); will-change: transform; } .project-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: var(--box-shadow-lg); border-color: var(--accent); } .project-badge { position: absolute; top: 1.25rem; right: 1.25rem; background: var(--primary-gradient); color: white; padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 600; z-index: 2; text-transform: uppercase; letter-spacing: 1px; } .project-image { height: 250px; position: relative; overflow: hidden; } .project-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .project-card:hover .project-image img { transform: scale(1.1); } .project-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); padding: 1.25rem; z-index: 1; } .project-content { padding: 1.5rem; } .project-date { display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.8rem; margin-bottom: 1rem; color: var(--secondary); } .project-name { font-size: 1.5rem; margin-bottom: 0.6rem; color: white; } .project-location { display: flex; align-items: center; color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem; } .project-location i { margin-right: 0.5rem; color: var(--accent); } .project-description { color: var(--text-secondary); margin-bottom: 1.25rem; font-size: 0.95rem; } .project-link { display: inline-flex; align-items: center; color: var(--accent); font-weight: 500; text-decoration: none; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; } .project-link i { margin-left: 0.5rem; transition: transform 0.3s ease; } .project-link:hover { color: var(--secondary); } .project-link:hover i { transform: translateX(5px); } /* Interactive Demo */ .demo-section { background: rgba(0, 0, 0, 0.3); position: relative; } .demo-interface { background: var(--glass-bg); border-radius: var(--border-radius-lg); padding: 3rem; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border: 1px solid var(--glass-border); max-width: 900px; margin: 0 auto; box-shadow: var(--box-shadow); } .chat-interface { background: rgba(0, 0, 0, 0.4); border-radius: var(--border-radius); padding: 1.5rem; max-height: 500px; overflow-y: auto; margin-bottom: 2rem; border: 1px solid rgba(255, 255, 255, 0.1); scrollbar-width: thin; scrollbar-color: var(--accent) rgba(255,255,255,0.1); } .chat-interface::-webkit-scrollbar { width: 6px; } .chat-interface::-webkit-scrollbar-track { background: rgba(255,255,255,0.1); border-radius: 3px; } .chat-interface::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 3px; } .message { margin-bottom: 1.25rem; padding: 1.125rem 1.5rem; border-radius: 15px; animation: messageSlideIn 0.5s ease-out; max-width: 85%; word-wrap: break-word; line-height: 1.5; } .user-message { background: var(--primary-gradient); margin-left: auto; text-align: right; color: white; font-weight: 500; } .ai-message { background: rgba(255, 255, 255, 0.1); margin-right: auto; border: 1px solid rgba(255, 255, 255, 0.1); } @keyframes messageSlideIn { from { opacity: 0; transform: translateY(20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .input-area { display: flex; gap: 1.25rem; align-items: center; } .chat-input { flex: 1; padding: 1.125rem 1.5rem; border: 2px solid var(--glass-border); border-radius: 15px; background: var(--glass-bg); color: white; font-size: 1rem; transition: var(--transition); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .chat-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.1); } .chat-input::placeholder { color: var(--text-secondary); } .send-btn { padding: 1.125rem 1.875rem; background: var(--primary-gradient); border: none; border-radius: 15px; color: white; font-weight: 600; cursor: pointer; transition: var(--transition); font-size: 1rem; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 1px; } .send-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); background: var(--primary-gradient-light); } .send-btn:active { transform: translateY(0); } .send-btn.loading { pointer-events: none; } .send-btn.loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid transparent; border-top: 2px solid white; border-radius: 50%; animation: spin 1s linear infinite; } /* Impact Metrics */ .metrics-section { background: linear-gradient(135deg, rgba(150, 206, 180, 0.1), rgba(255, 107, 107, 0.1)); } .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2.5rem; } .metric-card { text-align: center; padding: 2.5rem 1.875rem; background: var(--glass-bg); border-radius: var(--border-radius); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid var(--glass-border); transition: var(--transition); position: relative; overflow: hidden; will-change: transform; } .metric-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--primary-gradient); transform: scaleX(0); transition: transform 0.6s ease; } .metric-card:hover::before { transform: scaleX(1); } .metric-card:hover { transform: translateY(-10px); box-shadow: var(--box-shadow); } .metric-number { font-size: 3.5rem; font-weight: 900; color: var(--accent); display: block; margin-bottom: 1rem; line-height: 1; } .metric-label { font-size: 1.1rem; opacity: 0.8; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } /* CREA EXPO Section */ .crea-expo { background: linear-gradient(135deg, rgba(230, 57, 70, 0.1), rgba(69, 123, 157, 0.2)); position: relative; overflow: hidden; } .crea-expo::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M30,30 Q50,10 70,30 T90,50 Q70,70 50,90 T10,50 Q30,30 50,10" fill="none" stroke="rgba(230,57,70,0.05)" stroke-width="2"/>'); background-size: 300px; opacity: 0.1; z-index: 0; } .crea-expo-content { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 3.75rem; align-items: center; } .crea-expo-image { border-radius: var(--border-radius-xl); overflow: hidden; box-shadow: var(--box-shadow-lg); transition: transform 0.5s ease; } .crea-expo-image:hover { transform: scale(1.02); } .crea-expo-image img { width: 100%; height: auto; display: block; } .crea-expo-dates { background: var(--primary-gradient); color: white; padding: 0.6rem 1.25rem; border-radius: 50px; display: inline-block; margin-bottom: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .crea-expo-highlights { margin: 1.875rem 0; } .highlight-item { display: flex; align-items: flex-start; margin-bottom: 1.25rem; } .highlight-icon { width: 40px; height: 40px; background: var(--primary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; flex-shrink: 0; color: white; } /* Registration Section */ .registration-section { background: linear-gradient(135deg, #1a1a2e 0%, var(--darker) 100%); } .registration-tabs { display: flex; justify-content: center; margin-bottom: 2.5rem; gap: 0.6rem; flex-wrap: wrap; } .registration-tab { padding: 0.75rem 1.5rem; background: var(--glass-bg); border: none; border-radius: 50px; color: var(--text-secondary); font-weight: 600; cursor: pointer; transition: var(--transition); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-transform: uppercase; letter-spacing: 1px; } .registration-tab.active, .registration-tab:hover { background: var(--primary-gradient); color: white; box-shadow: 0 5px 20px rgba(230, 57, 70, 0.3); } .registration-content { display: none; } .registration-content.active { display: block; } .registration-form { background: var(--glass-bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 2.5rem; border: 1px solid var(--glass-border); max-width: 800px; margin: 0 auto; box-shadow: var(--box-shadow); } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.6rem; color: white; font-weight: 500; } .form-control { width: 100%; padding: 0.9375rem 1.25rem; background: rgba(255, 255, 255, 0.1); border: 1px solid var(--glass-border-light); border-radius: 10px; color: white; font-size: 1rem; transition: var(--transition); } .form-control:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 20px rgba(230, 57, 70, 0.3); background: rgba(255, 255, 255, 0.15); } textarea.form-control { min-height: 150px; resize: vertical; } .submit-btn { width: 100%; padding: 1.125rem; background: var(--primary-gradient); color: white; border: none; border-radius: 10px; font-weight: 600; font-size: 1.1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 1px; } .submit-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(230, 57, 70, 0.5); background: var(--primary-gradient-light); } .submit-btn i { margin-left: 0.6rem; } /* Contact Section */ .contact-section { background: linear-gradient(135deg, #1a1a2e 0%, var(--darker) 100%); } .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 3.75rem; } .contact-info { background: var(--glass-bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 2.5rem; border: 1px solid var(--glass-border); box-shadow: var(--box-shadow); } .contact-info-title { font-size: 1.8rem; margin-bottom: 1.875rem; color: white; } .contact-item { display: flex; margin-bottom: 1.5rem; } .contact-icon { width: 60px; height: 60px; background: var(--primary-gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-right: 1.25rem; flex-shrink: 0; color: white; font-size: 1.5rem; } .contact-details h4 { font-size: 1.2rem; margin-bottom: 0.3rem; color: white; } .contact-details p, .contact-details a { color: var(--text-secondary); text-decoration: none; transition: var(--transition); } .contact-details a:hover { color: var(--accent); } .contact-social { display: flex; gap: 0.9375rem; margin-top: 2.5rem; } .contact-social a { width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; transition: var(--transition); } .contact-social a:hover { background: var(--primary); transform: translateY(-5px); } .contact-form { background: var(--glass-bg); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 2.5rem; border: 1px solid var(--glass-border); box-shadow: var(--box-shadow); } /* Newsletter Section */ .newsletter-section { background: var(--primary-gradient); padding: 5rem 0; text-align: center; } .newsletter-container { max-width: 800px; margin: 0 auto; } .newsletter h2 { font-size: 2.5rem; margin-bottom: 1.5rem; color: white; text-transform: uppercase; letter-spacing: 2px; } .newsletter p { color: rgba(255, 255, 255, 0.9); margin-bottom: 1.875rem; font-size: 1.1rem; } .newsletter-form { display: flex; max-width: 600px; margin: 0 auto; } .newsletter-input { flex: 1; padding: 1.125rem 1.5rem; border: none; border-radius: 50px 0 0 50px; font-size: 1rem; background: rgba(255,255,255,0.9); } .newsletter-input:focus { outline: none; background: white; } .newsletter-btn { padding: 1.125rem 1.875rem; background: var(--dark); color: white; border: none; border-radius: 0 50px 50px 0; font-weight: 600; cursor: pointer; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; } .newsletter-btn:hover { background: var(--darker); transform: translateY(-2px); } /* Footer */ .footer { padding: 6.25rem 0 3.125rem; background: rgba(0, 0, 0, 0.6); border-top: 1px solid var(--glass-border); } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3.125rem; margin-bottom: 3.75rem; } .footer-logo { font-size: 2rem; margin-bottom: 1.25rem; display: inline-block; background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .footer-about p { color: var(--text-secondary); margin-bottom: 1.5rem; } .footer-title { font-size: 1.3rem; margin-bottom: 1.5rem; color: white; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .footer-links li { margin-bottom: 0.9375rem; list-style: none; } .footer-links a { color: var(--text-secondary); text-decoration: none; transition: var(--transition); display: flex; align-items: center; } .footer-links a i { margin-right: 0.6rem; color: var(--accent); font-size: 0.8rem; } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .footer-contact p { display: flex; align-items: flex-start; color: var(--text-secondary); margin-bottom: 0.9375rem; } .footer-contact i { margin-right: 0.6rem; color: var(--accent); margin-top: 0.2rem; } .footer-bottom { text-align: center; padding-top: 1.875rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } .copyright { color: var(--text-secondary); margin-bottom: 1.25rem; } .footer-social { display: flex; justify-content: center; gap: 1.25rem; margin-bottom: 1.25rem; } .footer-social a { width: 45px; height: 45px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; transition: var(--transition); } .footer-social a:hover { background: var(--primary); transform: translateY(-5px); } .footer-lang { display: flex; justify-content: center; gap: 0.9375rem; } .footer-lang a { color: var(--text-secondary); text-decoration: none; transition: var(--transition); } .footer-lang a:hover, .footer-lang a.active { color: var(--accent); } /* CTA Buttons */ .cta-button { display: inline-flex; align-items: center; justify-content: center; padding: 1.25rem 2.5rem; background: var(--primary-gradient); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 1.1rem; transition: var(--transition); margin: 0.9375rem; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; will-change: transform; border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } .cta-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.6s ease; } .cta-button:hover::before { left: 100%; } .cta-button:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4); background: var(--primary-gradient-light); } .cta-button:active { transform: translateY(-2px) scale(1.02); } .cta-button i { margin-left: 0.5rem; transition: transform 0.3s ease; } .cta-button:hover i { transform: translateX(5px); } /* Scroll to top button */ .scroll-to-top:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); background: var(--primary-gradient-light); } /* Animations */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Responsive Design */ @media (max-width: 1200px) { .section-title { font-size: 3rem; } .about-content, .crea-expo-content { grid-template-columns: 1fr; gap: 2.5rem; } .about-image, .crea-expo-image { max-width: 600px; margin: 0 auto; order: -1; } } @media (max-width: 992px) { .contact-container { grid-template-columns: 1fr; } .newsletter-form { flex-direction: column; } .newsletter-input { border-radius: 50px; margin-bottom: 0.9375rem; } .newsletter-btn { border-radius: 50px; } } @media (max-width: 768px) { .nav-links { position: fixed; top: 80px; left: 0; right: 0; background: var(--darker); flex-direction: column; align-items: center; padding: 2rem 0; gap: 1.5rem; transform: translateY(-150%); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 999; border-bottom: 1px solid var(--glass-border); } .nav-links.active { transform: translateY(0); } .nav-toggle { display: flex; } .section-title { font-size: 2.5rem; margin-bottom: 4rem; } .section-subtitle { font-size: 1.1rem; } .projects-grid, .modules-grid { grid-template-columns: 1fr; } .input-area { flex-direction: column; gap: 0.9375rem; } .chat-input { width: 100%; } .send-btn { width: 100%; } .hero-cta { flex-direction: column; align-items: center; } .scroll-to-top { bottom: 20px; right: 20px; width: 50px; height: 50px; font-size: 1.2rem; } .demo-interface { padding: 2rem; } } @media (max-width: 576px) { .container { padding: 0 1rem; } section { padding: 4.375rem 0; } .hero-stats { flex-direction: column; align-items: center; } .metric-number { font-size: 2.5rem; } .footer-content { grid-template-columns: 1fr; } .registration-form, .contact-info, .contact-form { padding: 1.5rem; } } /* Scrollbar Styling */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 4px; } ::-webkit-scrollbar-thumb { background: var(--primary-gradient); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--accent); } /* Accessibility */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

ARWAAX CREA

NOTRE MISSION

Révolutionner l'économie créative africaine

Innovation Culturelle

Accompagnement des Talents

Impact Territorial

NOS SOLUTIONS INNOVANTES

Créateur de Parcours Personnalisé

Laboratoire de Création Interdisciplinaire

IA Mentor Multilingue

Générateur de Projets Territoriaux

Simulateur d'Impact Culturel

Incubateur Virtuel d'ICC

NOS RÉALISATIONS

Casamance Music Awards

Kussekaku Festa

Festival sur le Fleuve Casamance

Casamance CREA EXPO

ESSAYEZ L'IA MENTOR

CASAMANCE CREA EXPO 2026

Le hub de l'innovation culturelle en Afrique de l'Ouest

Innovation Culturelle

Opportunités d'Affaires

Renforcement des Capacités

NOTRE IMPACT

REJOIGNEZ L'AVENTURE ARWAAX CREA

Inscription pour Artistes

Devenir Partenaire

Devenir Bénévole

PRÊT À REJOINDRE L'AVENTURE ?

CONTACTEZ-NOUS

Nos Coordonnées

Abdou Gueye

Adresse

Téléphone

Entre traditions vivantes et innovations créatives.