/* ======================================== STYLE ANIERASI - Noir, Blanc, Rouge ======================================== */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap'); :root { --rouge: #e63946; --rouge-fonce: #c0392b; --noir: #000000; --blanc: #ffffff; --gris-clair: #f8f9fa; --gris-border: #e0e0e0; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', 'Arial', sans-serif; font-size: 16px; line-height: 1.6; color: var(--noir); background-color: var(--blanc); } /* ======================================== TYPOGRAPHIE - Titres en rouge ======================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Cormorant Garamond', 'Georgia', serif; font-weight: 700; color: var(--rouge); margin-bottom: 1rem; } h1 { font-size: 3.5rem; line-height: 1.2; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.1rem; } h6 { font-size: 1rem; } /* Texte en noir */ p, span, li, .text, .card-text, .lead { color: var(--noir); } .lead { font-size: 1.1rem; font-weight: 400; } /* Liens */ a { color: var(--rouge); text-decoration: none; transition: all 0.3s ease; } a:hover { color: var(--rouge-fonce); } /* ======================================== NAVIGATION ======================================== */ .navbar { background: var(--blanc) !important; padding: 15px 0; border-bottom: 1px solid var(--gris-border); } .navbar-brand { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 700; color: var(--noir); } .navbar-nav .nav-link { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--noir); padding: 0.5rem 1rem; } .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--rouge); } /* Dropdown */ .dropdown-menu { border-radius: 8px; padding: 0.5rem 0; margin-top: 0.5rem; border: 1px solid var(--gris-border); background: var(--blanc); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .dropdown-item { font-family: 'Inter', sans-serif; font-size: 0.85rem; padding: 0.5rem 1.5rem; color: var(--noir); } .dropdown-item:hover { background-color: var(--gris-clair); color: var(--rouge); } .dropdown-divider { border-color: var(--gris-border); } /* ======================================== BOUTONS - Rouge uniquement ======================================== */ .btn { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.85rem; letter-spacing: 0.5px; border-radius: 30px; padding: 10px 28px; transition: all 0.3s ease; } .btn-primary { background-color: var(--rouge); border-color: var(--rouge); color: var(--blanc); } .btn-primary:hover { background-color: var(--rouge-fonce); border-color: var(--rouge-fonce); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(230,57,70,0.3); } .btn-outline-primary { border-color: var(--rouge); color: var(--rouge); background: transparent; } .btn-outline-primary:hover { background-color: var(--rouge); border-color: var(--rouge); color: var(--blanc); } /* ======================================== HERO SECTION ======================================== */ .hero-section { background: var(--noir); min-height: 75vh; display: flex; align-items: center; position: relative; } .hero-section h1 { color: var(--rouge); } .hero-section p { color: rgba(255,255,255,0.8); } /* ======================================== SECTION TITLE ======================================== */ .section-title { text-align: center; margin-bottom: 3rem; } .section-title h2 { color: var(--rouge); margin-bottom: 0.75rem; } .section-title .divider { width: 60px; height: 3px; background: var(--rouge); margin: 0 auto; } /* ======================================== CARTES DOMAINES ======================================== */ .domain-card { background: var(--blanc); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; transition: all 0.3s ease; border: 1px solid var(--gris-border); height: 100%; cursor: pointer; } .domain-card:hover { border-color: var(--rouge); transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .domain-card h5 { color: var(--rouge); margin-bottom: 0.75rem; } .domain-card p { color: var(--noir); } .domain-icon { width: 70px; height: 70px; background: rgba(230,57,70,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; } .domain-icon i { font-size: 2rem; color: var(--rouge); } /* ======================================== STATISTIQUES ======================================== */ .stat-number { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; font-weight: 700; color: var(--rouge); line-height: 1; } .stat-label { font-size: 0.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: var(--noir); } /* ======================================== VALEURS ======================================== */ .value-badge { background: var(--gris-clair); border-radius: 40px; padding: 8px 20px; font-size: 0.85rem; font-weight: 500; color: var(--noir); transition: all 0.3s ease; border: 1px solid transparent; } .value-badge:hover { background: var(--rouge); color: var(--blanc); border-color: var(--rouge); } .value-badge i { color: var(--rouge); margin-right: 8px; } .value-badge:hover i { color: var(--blanc); } /* ======================================== TIMELINE ======================================== */ .timeline-item { position: relative; padding-left: 2rem; margin-bottom: 2rem; } .timeline-item::before { content: ''; position: absolute; left: 0; top: 0.5rem; width: 10px; height: 10px; border-radius: 50%; background: var(--rouge); } .timeline-item::after { content: ''; position: absolute; left: 4px; top: 1.2rem; width: 2px; height: calc(100% + 0.5rem); background: var(--gris-border); } .timeline-item:last-child::after { display: none; } .timeline-item h5 { color: var(--rouge); margin-bottom: 0.5rem; } .timeline-item p { color: var(--noir); } /* ======================================== CARTES ======================================== */ .card-institutional { border: 1px solid var(--gris-border); border-radius: 12px; background: var(--blanc); transition: all 0.3s ease; } .card-institutional:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } /* ======================================== ÉDITORIAL PRÉSIDENT ======================================== */ .editorial-card { background: var(--gris-clair); border-radius: 16px; overflow: hidden; } .editorial-content h3 { color: var(--rouge); } .editorial-content p { color: var(--noir); } .president-title { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: var(--rouge); margin-bottom: 1rem; } .signature { border-top: 1px solid var(--gris-border); padding-top: 1.5rem; margin-top: 1.5rem; } /* ======================================== FOOTER ======================================== */ .footer { background: var(--noir); color: var(--blanc); padding: 3rem 0 2rem; } .footer h5 { color: var(--rouge); margin-bottom: 1.5rem; } .footer a { color: rgba(255,255,255,0.7); } .footer a:hover { color: var(--rouge); } .footer p { color: rgba(255,255,255,0.7); } /* ======================================== BADGES ======================================== */ .challenge-badge { background: var(--rouge); color: var(--blanc); padding: 5px 15px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; } /* ======================================== ANIMATIONS ======================================== */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fadeInUp { animation: fadeInUp 0.6s ease-out; } /* ======================================== RESPONSIVE ======================================== */ @media (max-width: 768px) { h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } .stat-number { font-size: 2rem; } .hero-section { min-height: 60vh; } .hero-section h1 { font-size: 1.75rem; } } /* ======================================== BACK TO TOP ======================================== */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 45px; height: 45px; background: var(--rouge); color: var(--blanc); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 1000; } .back-to-top:hover { background: var(--rouge-fonce); transform: translateY(-3px); } /* ======================================== TABLEAUX & FORMULAIRES ======================================== */ table { border-color: var(--gris-border); } th { color: var(--rouge); } td { color: var(--noir); } .form-control, .form-select { border: 1px solid var(--gris-border); border-radius: 8px; color: var(--noir); } .form-control:focus, .form-select:focus { border-color: var(--rouge); box-shadow: 0 0 0 2px rgba(230,57,70,0.2); } label { color: var(--noir); font-weight: 500; }

Challenge National 2025

Association Nationale des Ingénieurs en Électronique, Robotique et Systèmes Intelligents

Fédérer les ingénieurs, chercheurs et innovateurs congolais pour bâtir le Congo technologique de demain.

Devenir membre Challenge Robotique 2025

Membres actifs

Projets réalisés

Publications

Événements à venir

Dr. Jean Mambou

Président fondateur d'ANIERASI

« Notre avenir technologique est une décision à prendre aujourd'hui »

Chers membres, chers partenaires, chers passionnés de technologie,

L'ANIERASI est née d'une conviction profonde : la République du Congo regorge de talents exceptionnels dans les domaines de l'électronique, de la robotique et des systèmes intelligents. Notre pays a besoin de ces compétences pour relever les défis de la transformation numérique et industrielle.

Je vous invite à rejoindre cette aventure collective. Ensemble, construisons un Congo innovant, compétitif et tourné vers l'avenir.

Dr. Jean Mambou
Président fondateur, ANIERASI

À propos d'ANIERASI

L'ANIERASI est une organisation nationale à caractère scientifique, technique et professionnel.

Notre mission est de fédérer les ingénieurs, chercheurs, enseignants, étudiants, entrepreneurs et passionnés des technologies innovantes en République du Congo.

En savoir plus →

Notre Mission

Promouvoir l'excellence dans les sciences de l'ingénieur
Favoriser la recherche, l'innovation et le transfert de technologies
Encourager le développement des compétences techniques
Accompagner les projets technologiques à fort impact

Notre Vision

Faire du Congo un pôle d'excellence en ingénierie et innovation technologique en Afrique centrale.

Notre Devise

« Innovation – Intelligence – Industrialisation »

Nos Domaines d'Excellence

Électronique

Analogique, numérique, microélectronique, PCB, instrumentation

Robotique

Industrielle, mobile, autonome, drones, robotique éducative

Automatismes

API/PLC, contrôle-commande, SCADA, Industrie 4.0

Intelligence Artificielle

Machine Learning, Deep Learning, vision par ordinateur

Internet des Objets

Capteurs connectés, Smart Cities, agriculture intelligente

Systèmes Embarqués

ESP32, STM32, RTOS, Firmware, Edge Computing

Nos Valeurs

Excellence

Innovation

Intégrité

Collaboration

Leadership

Développement durable

Nos Objectifs Stratégiques

Développement des compétences

Formations techniques, certifications professionnelles, ateliers pratiques et programmes de mentorat.

Recherche et Innovation

Laboratoires collaboratifs, projets de recherche appliquée, développement de prototypes.

Entrepreneuriat Technologique

Accompagnement de startups, incubation de projets innovants.

Rayonnement International

Partenariats universitaires, coopération avec les entreprises, participation aux événements scientifiques.

ANIERSI TECH CHALLENGE 2025

La première compétition nationale dédiée à la robotique et l'intelligence artificielle.

Rejoignez les meilleurs talents congolais et remportez jusqu'à 1 000 000 FCFA !

Je m'inscris →

1M FCFA

Prix Senior

500k FCFA

Prix Junior

Actualités

Toutes les actualités