/* ======================================== 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; }

Statuts et Règlement Intérieur

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

Article 1 : Constitution

Il est fondé entre les adhérents aux présents statuts une association régie par la loi n° 4/2008 du 23 janvier 2008 relative aux associations en République du Congo, dénommée :

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

Abréviation : ANIERASI

Article 2 : Siège social

Le siège social est fixé à Brazzaville, République du Congo. Il peut être transféré en tout autre lieu par décision du Conseil d'Administration.

Article 3 : But et objectifs

L'association a pour but de :

Fédérer les ingénieurs, chercheurs et passionnés des technologies innovantes
Promouvoir l'excellence dans les sciences de l'ingénieur
Favoriser la recherche, l'innovation et le transfert de technologies
Organiser le Challenge National de Robotique
Créer un réseau d'experts et d'innovation technologique

Article 4 : Admission et cotisations

Peuvent être membres actifs toutes les personnes physiques ou morales partageant les objectifs de l'association.

Les cotisations annuelles sont fixées comme suit :

Membre actif : 50 000 FCFA
Membre étudiant : 10 000 FCFA
Membre bienfaiteur : 200 000 FCFA

Article 5 : Organisation

L'association est composée des organes suivants :

L'Assemblée Générale
Le Conseil d'Administration
Le Bureau Exécutif
Le Comité Scientifique

Article 6 : Dissolution

La dissolution de l'association ne peut être prononcée que par l'Assemblée Générale extraordinaire. Les biens sont alors dévolus conformément aux statuts.

Statuts adoptés en Assemblée Générale constitutive du 15 janvier 2025

Le Président fondateur
Dr. Jean Mambou