/* ======================================================================= LICENCETAXI.FR — THEME BEIGE PREMIUM + CTA NOIRS Date : 30 avril 2026 Palette : Navbar : #ffffff (blanc pur, demarque du hero) Hero (zone titre): #fdfaf3 (creme tres clair) Fond global : #fdfaf3 (creme ivoire) Cards : #ffffff (beige clair) CTA noir profond : #0a0a0a Gradient titre : #c4456c -> #ff6b9d -> #ffb38a (framboise->peche) ======================================================================= IMPORTANT : ce fichier doit etre charge EN DERNIER dans le pour que ses regles aient la priorite. ======================================================================= */ /* ======================================================================= 1. VARIABLES GLOBALES — REDEFINITION DE LA PALETTE ======================================================================= */ :root { /* On garde les variables raspberry mais en les pointant vers du noir */ --raspberry: #0a0a0a !important; --raspberry-dark: #000000 !important; --raspberry-light: #2a2a2a !important; --orange-soft: #1a1a1a !important; /* Le gradient devient un degrade noir tres subtil */ --gradient: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%) !important; /* Halo : on annule presque (transparent) */ --halo: radial-gradient(circle, rgba(10,10,10,0.02), transparent 70%) !important; /* Gris-bg (fond global) -> beige sable */ --gray-bg: #fdfaf3 !important; --gray-bg-light: #fdfaf3 !important; /* Cards et white -> beige tres clair */ --white: #ffffff !important; } /* ======================================================================= 2. FOND GLOBAL DE LA PAGE — BEIGE SABLE DOUX ======================================================================= */ html, body { background: #fdfaf3 !important; background-color: #fdfaf3 !important; } /* ======================================================================= 3. ATTENUATION DES HALOS (presque invisibles maintenant) ======================================================================= */ .lt-hero-halo { background: radial-gradient(circle, rgba(10,10,10,0.03), transparent 70%) !important; width: 600px !important; height: 600px !important; top: -150px !important; right: -150px !important; opacity: 0.5 !important; } .has-halo::before { background: radial-gradient( ellipse at center, rgba(10,10,10,0.03) 0%, transparent 70% ) !important; } .has-halo::after { background: radial-gradient( circle at center, rgba(10,10,10,0.02) 0%, transparent 70% ) !important; } @keyframes halo-shift { 0%, 100% { background: radial-gradient(ellipse at center, rgba(10,10,10,0.03) 0%, transparent 70%) !important; } 50% { background: radial-gradient(ellipse at center, rgba(10,10,10,0.04) 0%, transparent 70%) !important; } } /* ======================================================================= 4. HERO — fond du hero a la couleur du theme (pas blanc) ======================================================================= */ .lt-hero { background: #fdfaf3 !important; } .lt-hero-text h1 { color: #0a0a0a !important; } /* ======================================================================= 5. GRADIENT TEXT — passage en noir avec petite transparence pour garder un effet visuel sur "votre licence taxi" ======================================================================= */ .lt-grad-text, .gradient-text { background: linear-gradient(135deg, #c4456c 0%, #ff6b9d 50%, #ffb38a 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: transparent !important; } /* ======================================================================= 6. CTA PRINCIPAUX — TOUS LES BOUTONS PASSENT EN NOIR ======================================================================= */ /* Boutons gradient (Deposer, Rechercher, etc.) */ .lt-btn-primary, .btn-gradient, .btn-primary, .cat-btn-primary, .ctr-btn-primary, .dash-btn.primary, .filter-submit, .contact-btn.primary, .dash-filter-pill.active { background: #0a0a0a !important; color: #ffffff !important; border: 0 !important; box-shadow: 0 6px 20px rgba(10,10,10,0.25) !important; } .lt-btn-primary:hover, .btn-gradient:hover, .btn-primary:hover, .cat-btn-primary:hover, .ctr-btn-primary:hover, .dash-btn.primary:hover, .filter-submit:hover, .contact-btn.primary:hover { background: #1a1a1a !important; color: #ffffff !important; box-shadow: 0 10px 30px rgba(10,10,10,0.35) !important; transform: translateY(-2px) !important; } /* Boutons outline (border noir, fond beige clair, texte noir) */ .lt-btn-outline, .btn-outline, .dash-btn, .filter-reset { background: #ffffff !important; color: #0a0a0a !important; border: 2px solid #0a0a0a !important; } .lt-btn-outline:hover, .btn-outline:hover, .dash-btn:hover, .filter-reset:hover { background: #0a0a0a !important; color: #ffffff !important; border-color: #0a0a0a !important; } /* ======================================================================= 7. BADGES (VEDETTE, GRATUIT, pill stats, etc.) ======================================================================= */ /* Pill stats "X annonces actives en France" */ .lt-pill { background: rgba(10,10,10,0.08) !important; color: #0a0a0a !important; border: 1px solid rgba(10,10,10,0.15) !important; } /* Badge ANNONCE VEDETTE */ .lt-vedette-badge, .detail-tag.featured, .detail-tag.primary, .annonce-card-badge-vedette { background: #0a0a0a !important; color: #ffffff !important; border: 0 !important; } /* Badge "GRATUIT" jaune dans la navbar — on le laisse jaune (utile pour attirer l'oeil) mais on s'assure que le texte est bien noir pour le contraste */ .lt-nav-badge-gratuit, .lt-dd-badge-gratuit { /* on ne change pas le jaune intentionnellement (signal d'action) */ } /* ======================================================================= 8. CARDS (annonces, contrats, dashboard) ======================================================================= */ .lt-vedette-card, .annonce-card, .contact-card, .dash-card, .dash-stat, .cat-card, .ctr-card, .lt-mini-card { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.08) !important; box-shadow: 0 4px 16px rgba(10,10,10,0.04) !important; } .lt-vedette-card:hover, .annonce-card:hover, .cat-card:hover, .ctr-card:hover, .lt-mini-card:hover { box-shadow: 0 12px 32px rgba(10,10,10,0.10) !important; border-color: rgba(10,10,10,0.20) !important; transform: translateY(-2px) !important; } /* ======================================================================= 9. LIENS ET ACCENTS (anciennement rose -> noir) ======================================================================= */ a { color: #0a0a0a !important; } a:hover { color: #1a1a1a !important; text-decoration: underline !important; } /* Refs/codes annonces (LT0659) */ .dash-table .ref, .annonce-card-meta, .detail-meta-item, .lt-map-list-head strong { color: #0a0a0a !important; } /* ======================================================================= 10. NAVBAR — fond beige pour cohérence ======================================================================= */ header.lt-header, .lt-header { background: rgba(255, 255, 255, 0.96) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-bottom: 1px solid rgba(10,10,10,0.06) !important; box-shadow: 0 1px 3px rgba(10,10,10,0.04) !important; } .lt-nav-link { color: #0a0a0a !important; } .lt-nav-link.active, .lt-nav-link:hover { color: #0a0a0a !important; font-weight: 700 !important; } /* Bouton "S'inscrire" dans la navbar (gros CTA) */ .lt-nav-cta, .lt-header .btn-primary, .lt-header .lt-btn-primary { background: #0a0a0a !important; color: #ffffff !important; } /* ======================================================================= 11. FORMULAIRES — inputs et selects ======================================================================= */ .lt-search-form input, .lt-search-form select, .filter-input, .filter-select, .dash-form-group input, .dash-form-group select, .dash-form-group textarea { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.15) !important; color: #0a0a0a !important; } .lt-search-form input:focus, .lt-search-form select:focus, .filter-input:focus, .filter-select:focus, .dash-form-group input:focus { border-color: #0a0a0a !important; outline: none !important; box-shadow: 0 0 0 3px rgba(10,10,10,0.08) !important; } /* ======================================================================= 12. SVG ICONS dans CTA — couleur adaptee au fond ======================================================================= */ .lt-btn-primary svg, .btn-gradient svg, .cat-btn-primary svg, .ctr-btn-primary svg, .dash-btn.primary svg, .filter-submit svg, .contact-btn.primary svg { color: #ffffff !important; stroke: #ffffff !important; } .lt-btn-outline svg, .btn-outline svg, .dash-btn svg, .filter-reset svg { color: #0a0a0a !important; stroke: #0a0a0a !important; } /* Icones dans badges noirs */ .lt-vedette-badge svg, .detail-tag.featured svg, .detail-tag.primary svg { color: #ffffff !important; stroke: #ffffff !important; fill: #ffffff !important; } /* ======================================================================= 13. PAGINATION ======================================================================= */ .pagination a, .pagination span { background: #ffffff !important; border-color: rgba(10,10,10,0.15) !important; color: #0a0a0a !important; } .pagination a:hover { border-color: #0a0a0a !important; background: #0a0a0a !important; color: #ffffff !important; } .pagination .current { background: #0a0a0a !important; color: #ffffff !important; border-color: #0a0a0a !important; } /* ======================================================================= 14. FILTRES SIDEBAR (page annonces) ======================================================================= */ .filters, aside.filters { background: #ffffff !important; border-color: rgba(10,10,10,0.10) !important; } /* ======================================================================= 15. FOOTER (si present) ======================================================================= */ footer, .lt-footer { background: #1a1a1a !important; color: #fdfaf3 !important; } footer a, .lt-footer a { color: #fdfaf3 !important; } /* ======================================================================= 16. PAGES DASHBOARD (espace membre) Force le quasi-blanc + cards blanches sur dashboard, mes-favoris, mes-recherches, mes-contrats, mes-annonces, mon-profil, messages ======================================================================= */ /* Layout principal des pages dashboard */ .dash-layout { background: #fdfaf3 !important; min-height: 100vh !important; } .dash-main { background: #fdfaf3 !important; } /* Sidebar gauche du dashboard */ .dash-sidebar { background: #ffffff !important; border-right: 1px solid rgba(10,10,10,0.08) !important; } .dash-sidebar .dash-logo { border-bottom: 1px solid rgba(10,10,10,0.06) !important; } .dash-nav-section { color: #999 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .dash-nav-link { color: #333 !important; border-radius: 8px !important; transition: all 0.15s !important; } .dash-nav-link:hover { background: #fdfaf3 !important; color: #0a0a0a !important; } .dash-nav-link.active { background: #0a0a0a !important; color: #ffffff !important; } .dash-nav-link.active svg { color: #ffffff !important; stroke: #ffffff !important; } /* Header de page dashboard */ .dash-header { background: transparent !important; border-bottom: 1px solid rgba(10,10,10,0.06) !important; } .dash-title { color: #0a0a0a !important; } .dash-subtitle { color: #666 !important; } /* Cards dashboard (statistiques, infos, etc.) */ .dash-card, .dash-stat, .dash-table-wrap, .dash-empty, .fav-card, .recherche-card, .contrat-card, .profil-card { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.08) !important; box-shadow: 0 4px 16px rgba(10,10,10,0.04) !important; border-radius: 12px !important; } .dash-card:hover, .fav-card:hover, .recherche-card:hover, .contrat-card:hover { box-shadow: 0 8px 24px rgba(10,10,10,0.08) !important; border-color: rgba(10,10,10,0.15) !important; } /* Stats chiffres */ .dash-stat-value { color: #0a0a0a !important; } .dash-stat-label { color: #666 !important; } /* Tableaux */ .dash-table { background: transparent !important; } .dash-table th { background: #fdfaf3 !important; color: #0a0a0a !important; border-bottom: 1px solid rgba(10,10,10,0.10) !important; } .dash-table td { border-bottom: 1px solid rgba(10,10,10,0.06) !important; color: #333 !important; } .dash-table tr:hover { background: #fdfaf3 !important; } /* Boutons dashboard */ .dash-btn { background: #ffffff !important; color: #0a0a0a !important; border: 1.5px solid rgba(10,10,10,0.15) !important; border-radius: 10px !important; font-weight: 600 !important; } .dash-btn:hover { border-color: #0a0a0a !important; background: #fdfaf3 !important; } .dash-btn.primary { background: #0a0a0a !important; color: #ffffff !important; border-color: #0a0a0a !important; } .dash-btn.primary:hover { background: #1a1a1a !important; border-color: #1a1a1a !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(10,10,10,0.20) !important; } /* Formulaires dashboard */ .dash-form-input, .dash-form-select, .dash-form-textarea { background: #fdfaf3 !important; border: 1px solid rgba(10,10,10,0.15) !important; color: #0a0a0a !important; border-radius: 10px !important; } .dash-form-input:focus, .dash-form-select:focus, .dash-form-textarea:focus { border-color: #0a0a0a !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(10,10,10,0.08) !important; outline: none !important; } .dash-form-label { color: #0a0a0a !important; font-weight: 600 !important; } /* User profile dans sidebar */ .dash-user-card, .dash-user { background: #fdfaf3 !important; border: 1px solid rgba(10,10,10,0.08) !important; border-radius: 10px !important; } .dash-user-name { color: #0a0a0a !important; } .dash-user-role { color: #666 !important; } /* Badges count (favoris, recherches) */ .badge-count { background: rgba(10,10,10,0.08) !important; color: #0a0a0a !important; } /* Empty state */ .dash-empty { background: #ffffff !important; text-align: center !important; padding: 60px 24px !important; } .dash-empty h3 { color: #0a0a0a !important; margin: 8px 0 !important; } .dash-empty p { color: #666 !important; margin-bottom: 20px !important; } /* ======================================================================= 17. PAGES CATEGORIES (annonces/* et contrats/*) Force le quasi-blanc + style noir cohérent sur : - /annonces/licence-taxi.php, location-gerance, remplacement, equipements, bons-plans - /contrats/vente-definitive, promesse-vente, location-gerance, remplacement ======================================================================= */ /* Hero des pages catégories */ .cat-hero, .ctr-hero { background: #fdfaf3 !important; } /* Halo rose -> presque invisible */ .cat-hero-halo { background: radial-gradient(circle, rgba(10,10,10,0.03), transparent 70%) !important; opacity: 0.3 !important; } /* Wrapper d'icône en haut du hero */ .cat-icon-wrap { background: rgba(10,10,10,0.05) !important; border: 1px solid rgba(10,10,10,0.08) !important; } .cat-icon-wrap svg { color: #0a0a0a !important; stroke: #0a0a0a !important; } /* Titre principal */ .cat-hero h1, .ctr-hero h1 { color: #0a0a0a !important; background: none !important; -webkit-text-fill-color: #0a0a0a !important; } /* Sous-titre */ .cat-hero p, .ctr-hero p { color: #555 !important; } /* Stats : "659 ANNONCES ACTIVES" en NOIR */ .cat-stats, .cat-stat { text-align: center !important; } .cat-stat strong { color: #0a0a0a !important; background: none !important; -webkit-text-fill-color: #0a0a0a !important; font-weight: 800 !important; } .cat-stat span { color: #666 !important; } /* Section filtres */ .cat-filters-section { background: #ffffff !important; border-top: 1px solid rgba(10,10,10,0.08) !important; border-bottom: 1px solid rgba(10,10,10,0.08) !important; } .cat-filters { background: transparent !important; } .cat-field label { color: #666 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .cat-field input, .cat-field select { background: #fdfaf3 !important; border: 1px solid rgba(10,10,10,0.15) !important; color: #0a0a0a !important; border-radius: 10px !important; } .cat-field input:focus, .cat-field select:focus { border-color: #0a0a0a !important; background: #ffffff !important; outline: none !important; box-shadow: 0 0 0 3px rgba(10,10,10,0.08) !important; } /* BOUTON FILTRER : noir profond */ .cat-btn-search { background: #0a0a0a !important; color: #ffffff !important; border: 0 !important; border-radius: 10px !important; font-weight: 700 !important; box-shadow: 0 6px 20px rgba(10,10,10,0.20) !important; transition: all 0.2s !important; } .cat-btn-search:hover { background: #1a1a1a !important; transform: translateY(-2px) !important; box-shadow: 0 10px 30px rgba(10,10,10,0.30) !important; } /* Cards de listings */ .cat-listings { background: #fdfaf3 !important; } .cat-card { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.08) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(10,10,10,0.04) !important; transition: all 0.2s !important; } .cat-card:hover, .cat-card:active { border-color: rgba(10,10,10,0.20) !important; box-shadow: 0 12px 32px rgba(10,10,10,0.10) !important; transform: translateY(-2px) !important; } .cat-card-ref { color: #0a0a0a !important; background: none !important; -webkit-text-fill-color: #0a0a0a !important; font-weight: 700 !important; } .cat-card h3 { color: #0a0a0a !important; } /* Icône meta sur les cards : passer du rose au noir */ .cat-card-meta svg { color: #666 !important; } .cat-card-meta { color: #666 !important; } .cat-card-date { color: #999 !important; } .cat-card-desc { color: #555 !important; } .cat-card-price strong { color: #0a0a0a !important; background: none !important; -webkit-text-fill-color: #0a0a0a !important; } .cat-card-price span { color: #666 !important; } /* Empty state */ .cat-empty { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.08) !important; border-radius: 12px !important; } .cat-empty svg { color: #999 !important; } .cat-empty h3 { color: #0a0a0a !important; } .cat-empty p { color: #666 !important; } /* Bouton primary catégorie (Déposer une annonce, etc.) */ .cat-btn-primary { background: #0a0a0a !important; color: #ffffff !important; border: 0 !important; box-shadow: 0 6px 20px rgba(10,10,10,0.20) !important; } .cat-btn-primary:hover { background: #1a1a1a !important; transform: translateY(-2px) !important; } /* Pagination */ .cat-pagination { background: transparent !important; } .cat-page { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.15) !important; color: #0a0a0a !important; } .cat-page:hover, .cat-page.active { background: #0a0a0a !important; color: #ffffff !important; border-color: #0a0a0a !important; } /* ======================================================================= PAGES CONTRATS (ctr-*) ======================================================================= */ .ctr-hero { background: #fdfaf3 !important; } /* Le badge "100% GRATUIT" jaune : on le garde jaune (signal d'action utile) mais on s'assure qu'il ressort bien */ .ctr-icon-wrap, .ctr-card-icon { background: rgba(10,10,10,0.05) !important; } .ctr-icon-wrap svg, .ctr-card-icon svg { color: #0a0a0a !important; stroke: #0a0a0a !important; } /* Titres des contrats : NOIR (pas gradient) */ .ctr-hero h1 { color: #0a0a0a !important; background: none !important; -webkit-text-fill-color: #0a0a0a !important; } .ctr-hero p { color: #555 !important; } /* BOUTON "Générer mon contrat gratuit" : NOIR profond */ .ctr-btn-primary, a.ctr-btn-primary { background: #0a0a0a !important; color: #ffffff !important; border: 0 !important; box-shadow: 0 6px 24px rgba(10,10,10,0.25) !important; transition: all 0.2s !important; } .ctr-btn-primary:hover { background: #1a1a1a !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 10px 32px rgba(10,10,10,0.35) !important; } /* BOUTON "Voir le contenu détaillé" : OUTLINE noir */ .ctr-btn-outline, a.ctr-btn-outline { background: #ffffff !important; color: #0a0a0a !important; border: 2px solid #0a0a0a !important; } .ctr-btn-outline:hover { background: #0a0a0a !important; color: #ffffff !important; } /* Cards d'articles de contrat */ .ctr-card, .ctr-article-card { background: #ffffff !important; border: 1px solid rgba(10,10,10,0.08) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(10,10,10,0.04) !important; } .ctr-card:hover, .ctr-article-card:hover { box-shadow: 0 8px 24px rgba(10,10,10,0.08) !important; } .ctr-card h2, .ctr-card h3, .ctr-article-card h3 { color: #0a0a0a !important; } .ctr-card p, .ctr-article-card p { color: #555 !important; } /* ======================================================================= 18. FIX EXHAUSTIF — TOUS LES HÉROS ET HEADERS DE PAGE Force le fond beige uniforme sur toutes les zones de titre / hero / header de pages, peu importe leur classe CSS. ======================================================================= */ /* HÉROS PRINCIPAUX (toutes les classes possibles trouvées dans le code) */ .lt-hero, .cat-hero, .ctr-hero, .contrats-hero, .form-hero, .auth-hero, .estim-hero, .hero, [class*="-hero"]:not(.lt-hero-text):not(.lt-hero-trust):not(.lt-hero-form):not(.lt-hero-halo):not(.lt-hero-inner):not([class*="-content"]):not([class*="-halo"]):not([class*="-inner"]) { background: #fdfaf3 !important; background-color: #fdfaf3 !important; } /* HEADERS DE PAGE (page-head, dash-header, etc.) */ .page-head, .dash-header, .contract-header, .recherche-head, .head, [class*="page-head"], [class*="-page-header"] { background: #fdfaf3 !important; background-color: #fdfaf3 !important; } /* HALOS : tous les halos roses doivent devenir presque invisibles */ .lt-hero-halo, .cat-hero-halo, .ctr-hero-halo, [class*="-halo"], .has-halo::before, .has-halo::after { background: radial-gradient(circle, rgba(10,10,10,0.03), transparent 70%) !important; opacity: 0.4 !important; } /* Wrapper interne du hero (centrer le contenu) */ .lt-hero-inner, .cat-hero-inner, .ctr-hero-inner, .contrats-hero-content, [class*="-hero-inner"], [class*="-hero-content"] { background: transparent !important; } /* TITRES DES HÉROS : forcer le noir (pas de gradient rose persistant) */ .lt-hero h1, .cat-hero h1, .ctr-hero h1, .contrats-hero h1, .form-hero h1, .page-head h1, .dash-header h1, .estim-hero h1, [class*="-hero"] h1, [class*="page-head"] h1, [class*="-header"] h1 { color: #0a0a0a !important; } /* SOUS-TITRES (paragraphe sous le H1) */ .lt-hero p, .cat-hero p, .ctr-hero p, .contrats-hero p, .form-hero p, .page-head p, .dash-header p, .estim-hero p, [class*="-hero"] > p, [class*="page-head"] > p { color: #555 !important; } /* GRADIENT TEXT : le seul autorisé reste le framboise sur les mots-clés spécifiques (.lt-grad-text et .gradient-text) — déjà géré section 5 */ /* WRAPPERS D'ICÔNE (cercles arrondis avec icône au-dessus du titre) */ .lt-hero-icon, .cat-icon-wrap, .ctr-icon-wrap, .estim-icon-wrap, .form-hero-icon, [class*="-icon-wrap"] { background: rgba(10,10,10,0.05) !important; border: 1px solid rgba(10,10,10,0.08) !important; } .lt-hero-icon svg, .cat-icon-wrap svg, .ctr-icon-wrap svg, .estim-icon-wrap svg, [class*="-icon-wrap"] svg { color: #0a0a0a !important; stroke: #0a0a0a !important; } /* SECTION HEADER (titre de section dans le hero) */ .lt-section-header h2, .ctr-section-head h2 { color: #0a0a0a !important; } .lt-section-header p, .ctr-section-head p { color: #555 !important; } /* DASHBOARD CARD HEADER (sous-headers dans les cards) */ .dash-card-header { background: transparent !important; border-bottom: 1px solid rgba(10,10,10,0.06) !important; } /* FORMULAIRES — le hero du formulaire qui contient les explications */ .form-hero { background: #fdfaf3 !important; } .form-hero h1, .form-hero h2 { color: #0a0a0a !important; } /* Si une page affiche un container fullbleed avec fond different, on force quand meme le beige */ section.lt-hero, section.cat-hero, section.ctr-hero, section.form-hero, section[class*="-hero"] { background: #fdfaf3 !important; } /* SAFETY NET : tout container avec un fond rose -> le forcer en beige */ [style*="background:#fff5f7"], [style*="background-color:#fff5f7"], [style*="background:#ffeef2"], [style*="background:#ffe0e8"] { background: #fdfaf3 !important; background-color: #fdfaf3 !important; } /* ======================================================================= FIN DU THEME BEIGE + CTA NOIRS ======================================================================= */