1<!DOCTYPE html><html lang="fr" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Où passer l'examen civique de naturalisation en 2026 ? Trouvez le plus proche des 431 centres agréés : recherche par ville, carte interactive, prix, délais et inscription. Plus l'examen blanc gratuit pour vous entraîner."><title>Centres de l'examen civique 2026 : où le passer près de chez vous</title><!-- Titre pour la recherche Pagefind : on force le titre de la page plutot 2 que de laisser Pagefind le deduire du premier h1. 3 A l'origine c'etait un contournement : les 103 pages /prefecture/ avaient 4 un h1 rempli en JS qui valait "Chargement..." dans le HTML servi. Ce h1 5 est rendu au build depuis le 25/08/2026, mais on garde le titre de page 6 comme source : il est plus explicite dans une liste de resultats. --><meta data-pagefind-meta="title[content]" content="Centres de l'examen civique 2026 : où le passer près de chez vous"><link rel="canonical" href="https://naturalisation-facile.fr/centres-examen-civique"><meta property="og:title" content="Centres de l'examen civique 2026 : où le passer près deâ¦"><meta property="og:description" content="Où passer l'examen civique de naturalisation en 2026 ? Trouvez le plus proche des 431 centres agréés : recherche par ville, carte interactive, prix, délais et inscription. Plus l'examen blanc gratuit pour vous entraîner."><meta property="og:type" content="website"><meta property="og:url" content="https://naturalisation-facile.fr/centres-examen-civique"><meta property="og:site_name" content="naturalisation-facile.fr"><meta property="og:locale" content="fr_FR"><meta property="og:image" content="https://naturalisation-facile.fr/quiz/hero-examen.webp"><meta property="og:image:alt" content="Naturalisation-Facile.fr - Recherche de décret et suivi de naturalisation"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Centres de l'examen civique 2026 : où le passer près deâ¦"><meta name="twitter:description" content="Où passer l'examen civique de naturalisation en 2026 ? Trouvez le plus proche des 431 centres agréés : recherche par ville, carte interactive, prix, délais et inscription. Plus l'examen blanc gratuit pour vous entraîner."><meta name="twitter:image" content="https://naturalisation-facile.fr/quiz/hero-examen.webp">
6<script type="application/ld+json">[{"@context":"https://schema.org","@type":"Article","headline":"Centres de l'examen civique 2026 : où le passer près de chez vous","description":"Où passer l'examen civique de naturalisation en 2026 ? Trouvez le plus proche des 431 centres agréés : recherche par ville, carte interactive, prix, délais et inscription. Plus l'examen blanc gratuit pour vous entraîner.","image":"https://naturalisation-facile.fr/quiz/hero-examen.webp","author":{"@type":"Organization","name":"naturalisation-facile.fr","url":"https://naturalisation-facile.fr"},"publisher":{"@type":"Organization","name":"naturalisation-facile.fr","logo":{"@type":"ImageObject","url":"https://naturalisation-facile.fr/brand/logo-square-1000.png"}},"datePublished":"2026-07-30T08:00:00+02:00","dateModified":"2026-07-30T08:00:00+02:00","mainEntityOfPage":"https://naturalisation-facile.fr/centres-examen-civique","inLanguage":"fr-FR"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://naturalisation-facile.fr/"},{"@type":"ListItem","position":2,"name":"Centres de l'examen civique","item":"https://naturalisation-facile.fr/centres-examen-civique"}]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Puis-je passer l'examen civique dans n'importe quel centre ?","acceptedA
6nswer":{"@type":"Answer","text":"Oui. Aucun centre n'est réservé aux habitants de son département : vous choisissez librement, par exemple un centre voisin où les délais sont plus courts. L'attestation a la même valeur partout."}},{"@type":"Question","name":"Combien coûte le passage de l'examen ?","acceptedAnswer":{"@type":"Answer","text":"Entre 70 et 90 ⬠selon le centre, réglés directement au centre lors de l'inscription. Ce tarif ne comprend pas le test de langue B2."}},{"@type":"Question","name":"Que se passe-t-il si j'échoue ?","acceptedAnswer":{"@type":"Answer","text":"Vous pouvez repasser l'examen, mais chaque tentative est payante et un nouveau délai d'attente s'applique. C'est pourquoi nous conseillons de vous entraîner sérieusement avant de réserver."}},{"@type":"Question","name":"Quels sont les délais pour obtenir une place ?","acceptedAnswer":{"@type":"Answer","text":"Comptez 2 à 6 semaines. Dans les grandes villes (Paris, Lyon, Nice), les sessions partent vite : réservez au moins un mois à l'avance."}},{"@type":"Question","name":"L'examen civique remplace-t-il l'entretien en préfecture ?","acceptedA
6nswer":{"@type":"Answer","text":"Non. L'examen civique s'ajoute à votre dossier : vous joignez l'attestation de réussite, et l'entretien d'assimilation reste possible."}},{"@type":"Question","name":"Suis-je dispensé si j'ai déjà un diplôme français ?","acceptedAnswer":{"@type":"Answer","text":"La dispense concerne le test de langue, pas l'examen civique. Depuis le 1er janvier 2026, l'examen civique est demandé à tous les candidats concernés."}}]},{"@context":"https://schema.org","@type":"ItemList","name":"Centres de l'examen civique par département","itemListElement":[{"@type":"ListItem","position":1,"name":"Centres dans Ain","url":"https://naturalisation-facile.fr/centres-examen-civique/ain"},{"@type":"ListItem","position":2,"name":"Centres dans Aisne","url":"https://naturalisation-facile.fr/centres-examen-civique/aisne"},{"@type":"ListItem","position":3,"name":"Centres dans Allier","url":"https://naturalisation-facile.fr/centres-examen-civique/allier"},{"@type":"ListItem","position":4,"name":"Centres dans Alpes-de-Haute-Provence","url":"https://naturalisation-facile.fr/centres-examen-civique/alpes-de-haute-provence"},{"@type":"ListItem","position":5,"name":"Centres dans Hautes-Alpes","url":"https://naturalisation-facile.fr/centres-examen-civique/hautes-alpes"},{"@type":"ListItem","position":6,"name":"Centres dans Alpes-Maritimes","url":"https://naturalisation-facile.fr/centres-examen-civique/alpes-maritimes"},{"@type":"ListItem","position":7,"name":"Centres dans Ardèche","url":"https://naturalisation-facile.fr/centres-examen-civique/ardeche"},{"@type":"ListItem","position":8,"name":"Centres dans Ardennes","url":"https://naturalisation-facile.fr/centres-examen-civique/ardennes"},{"@type":"ListItem","position":9,"name":"Centres dans Ariège","url":"https://naturalisation-facile.fr/centres-examen-civique/ariege"},{"@type":"ListItem","position":10,"name":"Centres dans Aube","url":"https://naturalisation-facile.fr/centres-examen-civique/aube"},{"@type":"ListItem","position":11,"name":"Centres dans Aude","url":"https://naturalisation-facile.fr/centres-examen-civique/aude"},{"@type":"ListItem","position":12,"name":"Centres dans Aveyron","url":"https://naturalisation-facile.fr/centres-examen-civique/aveyron"},{"@type":"ListItem","position":13,"name":"Centres dans Bouches-du-Rhône","url":"https://naturalisation-facile.fr/centres-examen-civique/bouches-du-rhone"},{"@type":"ListItem","position":14,"name":"Centres dans Calvados","url":"https://naturalisation-facile.fr/centres-examen-civique/calvados"},{"@type":"ListItem","position":15,"name":"Centres dans Cantal","url":"https://naturalisation-facile.fr/centres-examen-civique/cantal"},{"@type":"ListItem","position":16,"name":"Centres dans Charente","url":"https://naturalisation-facile.fr/centres-examen-civique/charente"},{"@type":"ListItem","position":17,"name":"Centres dans Charente-Maritime","url":"https://naturalisation-facile.fr/centres-examen-civique/charente-maritime"},{"@type":"ListItem","position":18,"name":"Centres dans Cher","url":"https://naturalisation-facile.fr/centres-examen-civique/cher"},{"@type":"ListItem","position":19,"name":"Centres dans Corrèze","url":"https://naturalisation-facile.fr/centres-examen-civique/correze"},{"@type":"ListItem","position":20,"name":"Centres dans Corse","url":"https://naturalisation-facile.fr/centres-examen-civique/corse"},{"@type":"ListItem","position":21,"name":"Centres dans Côte-d'Or","url":"https://naturalisation-facile.fr/centres-examen-civique/cote-d-or"},{"@type":"ListItem","position":22,"name":"Centres dans Côtes-d'Armor","url":"https://naturalisation-facile.fr/centres-examen-civique/cotes-d-armor"},{"@type":"ListItem","position":23,"name":"Centres dans Dordogne","url":"https://naturalisation-facile.fr/centres-examen-civique/dordogne"},{"@type":"ListItem","position":24,"name":"Centres dans Doubs","url":"https://naturalisation-facile.fr/centres-examen-civique/doubs"},{"@type":"ListItem","position":25,"name":"Centres dans Drôme","url":"https://naturalisation-facile.fr/centres-examen-civique/drome"},{"@type":"ListItem","position":26,"name":"Centres dans Eure","url":"https://naturalisation-facile.fr/centres-examen-civique/eure"},{"@type":"ListItem","position":27,"name":"Centres dans Eure-et-Loir","url":"https://naturalisation-facile.fr/centres-examen-civique/eure-et-loir"},{"@type":"ListItem","position":28,"name":"Centres dans Finistère","url":"https://naturalisation-facile.fr/centres-examen-civique/finistere"},{"@type":"ListItem","position":29,"name":"Centres dans 2a","url":"https://naturalisation-facile.fr/centres-examen-civique/2a"},{"@type":"ListItem","position":30,"name":"Centres dans 2b","url":"https://naturalisation-facile.fr/centres-examen-civique/2b"},{"@type":"ListItem","position":31,"name":"Centres dans Gard","url":"https://naturalisation-facile.fr/centres-examen-civique/gard"},{"@type":"ListItem","position":32,"name":"Centres dans Haute-Garonne","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-garonne"},{"@type":"ListItem","position":33,"name":"Centres dans Gers","url":"https://naturalisation-facile.fr/centres-examen-civique/gers"},{"@type":"ListItem","position":34,"name":"Centres dans Gironde","url":"https://naturalisation-facile.fr/centres-examen-civique/gironde"}
6,{"@type":"ListItem","position":35,"name":"Centres dans Hérault","url":"https://naturalisation-facile.fr/centres-examen-civique/herault"},{"@type":"ListItem","position":36,"name":"Centres dans Ille-et-Vilaine","url":"https://naturalisation-facile.fr/centres-examen-civique/ille-et-vilaine"},{"@type":"ListItem","position":37,"name":"Centres dans Indre","url":"https://naturalisation-facile.fr/centres-examen-civique/indre"},{"@type":"ListItem","position":38,"name":"Centres dans Indre-et-Loire","url":"https://naturalisation-facile.fr/centres-examen-civique/indre-et-loire"},{"@type":"ListItem","position":39,"name":"Centres dans Isère","url":"https://naturalisation-facile.fr/centres-examen-civique/isere"},{"@type":"ListItem","position":40,"name":"Centres dans Jura","url":"https://naturalisation-facile.fr/centres-examen-civique/jura"},{"@type":"ListItem","position":41,"name":"Centres dans Landes","url":"https://naturalisation-facile.fr/centres-examen-civique/landes"},{"@type":"ListItem","position":42,"name":"Centres dans Loir-et-Cher","url":"https://naturalisation-facile.fr/centres-examen-civique/loir-et-cher"},{"@type":"ListItem","position":43,"name":"Centres dans Loire","url":"https://naturalisation-facile.fr/centres-examen-civique/loire"},{"@type":"ListItem","position":44,"name":"Centres dans Haute-Loire","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-loire"},{"@type":"ListItem","position":45,"name":"Centres dans Loire-Atlantique","url":"https://naturalisation-facile.fr/centres-examen-civique/loire-atlantique"},{"@type":"ListItem","position":46,"name":"Centres dans Loiret","url":"https://naturalisation-facile.fr/centres-examen-civique/loiret"},{"@type":"ListItem","position":47,"name":"Centres dans Lot","url":"https://naturalisation-facile.fr/centres-examen-civique/lot"},{"@type":"ListItem","position":48,"name":"Centres dans Lozère","url":"https://naturalisation-facile.fr/centres-examen-civique/lozere"},{"@type":"ListItem","position":49,"name":"Centres dans Maine-et-Loire","url":"https://naturalisation-facile.fr/centres-examen-civique/maine-et-loire"},{"@type":"ListItem","position":50,"name":"Centres dans Manche","url":"https://naturalisation-facile.fr/centres-examen-civique/manche"},{"@type":"ListItem","position":51,"name":"Centres dans Marne","url":"https://naturalisation-facile.fr/centres-examen-civique/marne"},{"@type":"ListItem","position":52,"name":"Centres dans Haute-Marne","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-marne"},{"@type":"ListItem","position":53,"name":"Centres dans Mayenne","url":"https://naturalisation-facile.fr/centres-examen-civique/mayenne"},{"@type":"ListItem","position":54,"name":"Centres dans Meurthe-et-Moselle","url":"https://naturalisation-facile.fr/centres-examen-civique/meurthe-et-moselle"},{"@type":"ListItem","position":55,"name":"Centres dans Morbihan","url":"https://naturalisation-facile.fr/centres-examen-civique/morbihan"},{"@type":"ListItem","position":56,"name":"Centres dans Moselle","url":"https://naturalisation-facile.fr/centres-examen-civique/moselle"},{"@type":"ListItem","position":57,"name":"Centres dans Nièvre","url":"https://naturalisation-facile.fr/centres-examen-civique/nievre"},{"@type":"ListItem","position":58,"name":"Centres dans Nord","url":"https://naturalisation-facile.fr/centres-examen-civique/nord"},{"@type":"ListItem","position":59,"name":"Centres dans Oise","url":"https://naturalisation-facile.fr/centres-examen-civique/oise"},{"@type":"ListItem","position":60,"name":"Centres dans Orne","url":"https://naturalisation-facile.fr/centres-examen-civique/orne"},{"@type":"ListItem","position":61,"name":"Centres dans Pas-de-Calais","url":"https://naturalisation-facile.fr/centres-examen-civique/pas-de-calais"},{"@type":"ListItem","position":62,"name":"Centres dans Puy-de-Dôme","url":"https://naturalisation-facile.fr/centres-examen-civique/puy-de-dome"},{"@type":"ListItem","position":63,"name":"Centres dans Pyrénées-Atlantiques","url":"https://naturalisation-facile.fr/centres-examen-civique/pyrenees-atlantiques"},{"@type":"ListItem","position":64,"name":"Centres dans Hautes-Pyrénées","url":"https://naturalisation-facile.fr/centres-examen-civique/hautes-pyrenees"},{"@type":"ListItem","position":65,"name":"Centres dans Pyrénées-Orientales","url":"https://naturalisation-facile.fr/centres-examen-civique/pyrenees-orientales"},{"@type":"ListItem","position":66,"name":"Centres dans Bas-Rhin","url":"https://naturalisation-facile.fr/centres-examen-civique/bas-rhin"},{"@type":"ListItem","position":67,"name":"Centres dans Haut-Rhin","url":"https://naturalisation-facile.fr/centres-examen-civique/haut-rhin"},{"@type":"ListItem","position":68,"name":"Centres dans Rhône","url":"https://naturalisation-facile.fr/centres-examen-civique/rhone"},{"@type":"ListItem","position":69,"name":"Centres dans Haute-Saône","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-saone"},{"@type":"ListItem","position":70,"name":"Centres dans Saône-et-Loire","url":"https://naturalisation-facile.fr/centres-examen-civique/saone-et-loire"},{"@type":"ListItem","position":71,"name":"Centres dans Sarthe","url":"https://naturalisation-facile.fr/centres-examen-civique/sarthe"},{"@type":"ListItem","position":72,"name":"Centres dans Savoie","url":"https://naturalisation-facile.fr/centres-examen-civique/savoie"},{"@type":"ListItem","position":73,"name":"Centres dans Haute-Savoie","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-savoie"},{"@type":"ListItem","position":74,"name":"Centres dans Seine-Maritime","url":"https://naturalisation-facile.fr/centres-examen-civique/seine-maritime"},{"@type":"ListItem","position":75,"name":"Centres dans Seine-et-Marne","url":"https://naturalisation-facile.fr/centres-examen-civique/seine-et-marne"},{"@type":"ListItem","position":76,"name":"Centres dans Yvelines","url":"https://naturalisation-facile.fr/centres-examen-civique/yvelines"},{"@type":"ListItem","position":77,"name":"Centres dans Deux-Sèvres","url":"https://naturalisation-facile.fr/centres-examen-civique/deux-sevres"},{"@type":"ListItem","position":78,"name":"Centres dans Somme","url":"https://naturalisation-facile.fr/centres-examen-civique/somme"},{"@type":"ListItem","position":79,"name":"Centres dans Tarn","url":"https://naturalisation-facile.fr/centres-examen-civique/tarn"},{"@type":"ListItem","position":80,"name":"Centres dans Tarn-et-Garonne","url":"https://naturalisation-facile.fr/centres-examen-civique/tarn-et-garonne"},{"@type":"ListItem","position":81,"name":"Centres dans Var","url":"https://naturalisation-facile.fr/centres-examen-civique/var"},{"@type":"ListItem","position":82,"name":"Centres dans Vaucluse","url":"https://naturalisation-facile.fr/centres-examen-civique/vaucluse"},{"@type":"ListItem","position":83,"name":"Centres dans Vendée","url":"https://naturalisation-facile.fr/centres-examen-civique/vendee"},{"@type":"ListItem","position":84,"name":"Centres dans Vienne","url":"https://naturalisation-facile.fr/centres-examen-civique/vienne"},{"@type":"ListItem","position":85,"name":"Centres dans Haute-Vienne","url":"https://naturalisation-facile.fr/centres-examen-civique/haute-vienne"},{"@type":"ListItem","position":86,"name":"Centres dans Vosges","url":"https://naturalisation-facile.fr/centres-examen-civique/vosges"},{"@type":"ListItem","position":87,"name":"Centres dans Yonne","url":"https://naturalisation-facile.fr/centres-examen-civique/yonne"},{"@type":"ListItem","position":88,"name":"Centres dans Territoire de Belfort","url":"https://naturalisation-facile.fr/centres-examen-civique/territoire-de-belfort"},{"@type":"ListItem","position":89,"name":"Centres dans Essonne","url":"https://naturalisation-facile.fr/centres-examen-civique/essonne"},{"@type":"ListItem","position":90,"name":"Centres dans Hauts-de-Seine","url":"https://naturalisation-facile.fr/centres-examen-civique/hauts-de-seine"},{"@type":"ListItem","position":91,"name":"Centres dans Seine-Saint-Denis","url":"https://naturalisation-facile.fr/centres-examen-civique/seine-saint-denis"},{"@type":"ListItem","position":92,"name":"Centres dans Val-de-M
6arne","url":"https://naturalisation-facile.fr/centres-examen-civique/val-de-marne"},{"@type":"ListItem","position":93,"name":"Centres dans Val-d'Oise","url":"https://naturalisation-facile.fr/centres-examen-civique/val-d-oise"},{"@type":"ListItem","position":94,"name":"Centres dans Outre-mer (DROM)","url":"https://naturalisation-facile.fr/centres-examen-civique/outre-mer-drom"},{"@type":"ListItem","position":95,"name":"Centres dans 971","url":"https://naturalisation-facile.fr/centres-examen-civique/971"},{"@type":"ListItem","position":96,"name":"Centres dans 972","url":"https://naturalisation-facile.fr/centres-examen-civique/972"},{"@type":"ListItem","position":97,"name":"Centres dans 973","url":"https://naturalisation-facile.fr/centres-examen-civique/973"},{"@type":"ListItem","position":98,"name":"Centres dans 974","url":"https://naturalisation-facile.fr/centres-examen-civique/974"},{"@type":"ListItem","position":99,"name":"Centres dans 976","url":"https://naturalisation-facile.fr/centres-examen-civique/976"},{"@type":"ListItem","position":100,"name":"Centres dans Outre-mer","url":"https://naturalisation-facile.fr/centres-examen-civique/outre-mer"}]}]</script>
6<!-- JSON-LD global Organisation (toutes pages) --><!-- Anti-confusion : ChatGPT confond parfois avec une app App Store tierce 7 'Naturalisation France Facile'. On precise via disambiguatingDescription 8 + on liste nos vrais produits officiels (extension + app Android) en subOrganization. -->
8<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"naturalisation-facile.fr","alternateName":["Naturalisation Facile (naturalisation-facile.fr)","NaturalisationFacile.fr"],"url":"https://naturalisation-facile.fr","logo":"https://naturalisation-facile.fr/brand/logo-square-1000.png","description":"Plateforme independante d'aide a la naturalisation francaise : suivi de dossier ANEF, alertes Journal Officiel, statistiques par prefecture, decodage des codes administratifs (SDANF, CAA, CAE, SCEC, RAPO).","disambiguatingDescription":"Site web naturalisation-facile.fr. AUCUNE affiliation avec l'application 'Naturalisation FRANCE Facile' (avec le mot 'France', App Store, editeur tiers) ni avec d'autres sites homonymes. Nos seuls produits officiels : ce site web naturalisation-facile.fr, l'extension navigateur 'Decodeur ANEF' (Chrome/Firefox), et l'application mobile 'Naturalisation Facile' (identifiant com.naturalisationfacile.app) actuellement en beta sur Android et bientot disponible sur iOS.","knowsAbout":["Naturalisation francaise par decret","Naturalisation par mariage (article 21-2 Code civil)","Journal Officiel de la Republique francaise (JORF)","Administration Numerique des Etrangers en France (ANEF)","Sous-Direction d'Acces a la Nationalite Francaise (SDANF)","Service Central d'Etat Civil (SCEC)"],"sameAs":["https://www.instagram.com/naturalisation_facile/","https://www.tiktok.com/@naturalisation_facile","https://www.youtube.com/channel/UC3vcWmo-BXvYriukLlCou2Q","https://chromewebstore.google.com/detail/d%C3%A9codeur-anef/pjoihdhlbdlgdiamkfdddkkcdpghmaed","https://addons.mozilla.org/fr/firefox/addon/d%C3%A9codeur-anef-naturalisation/"],"subjectOf":[{"@type":"WebSite","name":"naturalisation-facile.fr","url":"https://naturalisation-facile.fr"},{"@type":"WebApplication","name":"Decodeur ANEF (extension Chrome / Firefox)","applicationCategory":"BrowserApplication","operatingSystem":"Chrome, Firefox, Edge, Brave, Opera","url":"https://chromewebstore.google.com/detail/d%C3%A9codeur-anef/pjoihdhlbdlgdiamkfdddkkcdpghmaed"},{"@type":"MobileApplication","name":"Naturalisation Facile","applicationCategory":"UtilitiesApplication","operatingSystem":"Android, iOS","applicationSuite":"com.naturalisationfacile.app","publisher":{"@type":"Organization","name":"naturalisation-facile.fr"},"description":"Application mobile officielle naturalisation-facile.fr - suivi ANEF, alertes JO. En beta sur Android (Play Store), bientot disponible sur iOS (App Store)."}]}</script>
8<link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="alternate" type="application/rss+xml" title="naturalisation-facile.fr - Articles (RSS)" href="/rss.xml"><link rel="alternate" type="application/atom+xml" title="naturalisation-facile.fr - Articles (Atom)" href="/atom.xml"><!-- Polices auto-hébergées (08/09/2026) : plus de CSS bloquant depuis Google Fonts, 9 preload des deux fichiers du premier écran, et polices de repli calibrées 10 (size-adjust) pour supprimer le décalage de mise en page (CLS) au chargement. 11 11/09 : DM Sans et Bricolage sont des polices variables, toutes les graisses 12 sont dans le même fichier. Chaque graisse pointe donc vers la même URL, sinon 13 le navigateur télécharge plusieurs fois le même fichier (126 Kio en trop sur 14 l'accueil). Les descripteurs par graisse restent, pour un rendu identique. --><link rel="preload" href="/fonts/dm-sans-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/bricolage-grotesque-normal-800-latin.woff2" as="font" type="font/woff2" crossorigin>
14<script> 15(function () { 16 var CLE = 'nf_ab_theme'; 17 var THEMES = ['normal', 'orange', 'jaune', 'rouge']; 18 var theme = null; 19 20 // Apercu interne : ?theme=jaune force un theme et n'envoie aucun evenement. 21 try { 22 var q = new URLSearchParams(location.search).get('theme'); 23 if (THEMES.indexOf(q) !== -1) { theme = q; window.__nfThemePreview = true; } 24 } catch (e) {} 25 26 if (!theme) { 27 try { theme = sessionStorage.getItem(CLE); } catch (e) {} 28 if (THEMES.indexOf(theme) === -1) { 29 // Tirage PONDERE, pas uniforme : 40 % au controle, 20 % a chaque 30 // couleur. Trois visiteurs sur quatre exposes a un theme non valide, 31 // c'etait trop : avec 7 ventes par mois, une couleur qui abime la 32 // confiance couterait des ventes sans qu'on puisse le voir a temps dans 33 // le bruit. Le verdict prend une semaine de plus, le risque baisse d'un 34 // tiers, et le controle accumule assez de volume pour servir de repere 35 // fiable. 36 var r = Math.random(); 37 theme = r < 0.40 ? 'normal' : r < 0.60 ? 'orange' : r < 0.80 ? 'jaune' : 'rouge'; 38 try { sessionStorage.setItem(CLE, theme); } catch (e) {} 39 } 40 } 41 window.__nfTheme = theme; 42 document.documentElement.setAttribute('data-nf-theme', theme); 43})(); 44</script>
44 <link rel="stylesheet" href="/_astro/Layout.gISdnC_0.css"> 45<style>#centre-map{z-index:0}#centre-map .leaflet-container{font:inherit;border-radius:16px}#centre-map .leaflet-tile-pane{filter:grayscale(1) brightness(1.08) contrast(.88) saturate(0)}.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 12px 30px #0a0a2e2e;border:1px solid #e3e3fd}.leaflet-popup-content{margin:12px 14px}.leaflet-popup-tip{border:1px solid #e3e3fd} 46</style></head> <body class="bg-white text-[#161616] min-h-screen flex flex-col" data-astro-cid-sckkx6r4> <!-- Header --> <header class="shrink-0 bg-white border-b border-gray-200/80" data-pagefind-ignore data-astro-cid-sckkx6r4> <div class="max-w-[1480px] mx-auto px-3 sm:px-4 lg:px-6 h-[72px] flex items-center justify-between" data-astro-cid-sckkx6r4> <!-- Left: Logo (flag + bell hybrid) + brand --> <a href="/" class="flex items-center gap-2 sm:gap-2.5 group min-w-0" data-astro-cid-sckkx6r4> <!-- Custom logo: bell shape with tricolor fill --> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0" data-astro-cid-sckkx6r4> <!-- Bell body with tricolor --> <clipPath id="bellClip" data-astro-cid-sckkx6r4> <path d="M15 3C10.03 3 6 7.03 6 12V19.5C6 19.5 3.5 21 3.5 22.5H26.5C26.5 21 24 19.5 24 19.5V12C24 7.03 19.97 3 15 3Z" data-astro-cid-sckkx6r4></path> <rect x="11" y="23" width="8" height="4" rx="2" data-astro-cid-sckkx6r4></rect> </clipPath> <g clip-path="url(#bellClip)" data-astro-cid-sckkx6r4> <rect x="0" y="0" width="10" height="30" fill="#000091" data-astro-cid-sckkx6r4></rect> <rect x="10" y="0" width="10" height="30" fill="white" data-astro-cid-sckkx6r4></rect> <rect x="20" y="0" width="10" height="30" fill="#E1000F" data-astro-cid-sckkx6r4></rect> </g> <!-- Bell outline --> <path d="M15 3C10.03 3 6 7.03 6 12V19.5C6 19.5 3.5 21 3.5 22.5H26.5C26.5 21 24 19.5 24 19.5V12C24 7.03 19.97 3 15 3Z" stroke="#000091" stroke-width="1.2" fill="none" data-astro-cid-sckkx6r4></path> <path d="M11 23C11 25.21 12.79 27 15 27C17.21 27 19 25.21 19 23" stroke="#000091" stroke-width="1.2" fill="none" data-astro-cid-sckkx6r4></path> </svg> <div class="leading-none min-w-0 overflow-hidden" data-astro-cid-sckkx6r4> <span class="text-[12px] min-[380px]:text-[14px] font-extrabold text-[#000091] font-display tracking-tight block whitespace-nowrap" data-astro-cid-sckkx6r4>Naturalisation-Facile<span class="text-[#E1000F]" data-astro-cid-sckkx6r4>.fr</span></span> <span class="text-[8px] min-[380px]:text-[9px] text-gray-500 font-medium tracking-[0.08em] uppercase block truncate" data-astro-cid-sckkx6r4>Parcours de naturalisation</span> </div> </a> <!-- Nav --> <nav class="hidden md:flex items-center gap-1.5" data-astro-cid-sckkx6r4> <!-- Dropdown Examen civique : la famille qui vend, en 2e position. 47 Parent cliquable â /centres-examen-civique. --> <div class="relative nav-examen" data-nav-dropdown data-astro-cid-sckkx6r4> <a href="/centres-examen-civique" class="nav-examen-btn flex items-center gap-1.5 px-3.5 py-2.5 text-[14px] whitespace-nowrap rounded-lg transition-colors font-bold text-[#000091] bg-[#f5f5fe]" aria-haspopup="menu" aria-expanded="false" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M22 10L12 5 2 10l10 5 10-5z" data-astro-cid-sckkx6r4></path><path d="M6 12v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5" data-astro-cid-sckkx6r4></path></svg> 48Examen civique 49<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="nav-chevron transition-transform" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </a> <div class="nav-examen-menu hidden absolute left-0 top-full pt-1.5 w-[480px] lg:w-[720px] xl:w-[930px] z-50" data-menu="examen" data-astro-cid-sckkx6r4> <div class="bg-white border border-gray-200 rounded-xl shadow-[0_10px_30px_-10px_rgba(0,0,145,0.18)] overflow-hidden" data-astro-cid-sckkx6r4> <div class="h-[3px] flex" data-astro-cid-sckkx6r4> <span class="flex-1 bg-[#000091]" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-white" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-[#E1000F]" data-astro-cid-sckkx6r4></span> </div> <div class="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-1 gap-y-2 p-2.5" data-astro-cid-sckkx6r4> <div data-astro-cid-sckkx6r4> <p class="px-3 pt-1.5 pb-1 text-[10.5px] font-extrabold uppercase tracking-[0.12em] text-gray-600" data-astro-cid-sckkx6r4>Se préparer (gratuit)</p>
49 <a href="/examen-blanc-gratuit" class="block rounded-lg px-3 py-2.5 mb-0.5 transition-colors bg-gradient-to-r from-[#f5f5fe] to-[#eeeefd] hover:from-[#e9e9fd] hover:to-[#e3e3fd]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#000091]" data-astro-cid-sckkx6r4>Examen blanc gratuit</div> <div class="text-[11px] mt-0.5 text-gray-600" data-astro-cid-sckkx6r4>40 questions au format officiel</div> </a><a href="/guide-gratuit" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>PDF de révision gratuit</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>10 questions expliquées + examen blanc, 5 langues</div> </a><a href="/culture-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Cours de culture civique</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Devise, Marianne, symboles, institutions</div> </a><a href="/dates-examen-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Les dates à connaître</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>1789, 1905, 1944, 1958 : les 10 dates qui tombent</div> </a><a href="/examen-civique-mises-en-situation" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Les mises en situation</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>15 cas corrigés, 2 thèmes sur 5</div> </a> </div><div data-astro-cid-sckkx6r4> <p class="px-3 pt-1.5 pb-1 text-[10.5px] font-extrabold uppercase tracking-[0.12em] text-gray-600" data-astro-cid-sckkx6r4>Passer l'examen</p> <a href="/examen-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Guide de l'examen civique</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Format, programme, résultat</div> </a><a href="/centres-examen-civique" class="block rounded-lg px-3 py-2 transition-colors bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#000091]" data-astro-cid-sckkx6r4>Trouver un centre</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Carte des centres agréés</div> </a><a href="/prix-examen-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Prix de l'examen</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>70-90 â¬, sans payer deux fois</div> </a><a href="/test-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Test civique : inscription</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Résultat et attestation</div> </a> </div><div data-astro-cid-sckkx6r4> <p class="px-3 pt-1.5 pb-1 text-[10.5px] font-extrabold uppercase tracking-[0.12em] text-gray-600" data-astro-cid-sckkx6r4>Votre situation</p> <a href="/dispense-examen-civique" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Qui est dispensé ?</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>65 ans, santé, réfugiés, mariage</div> </a><a href="/examen-civique-titre-de-sejour" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Titre de séjour</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>L'examen hors naturalisation</div> </a><a href="/examen-civique-carte-de-resident" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Carte de résident</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Carte de 10 ans : B1 et examen</div> </a> </div> <div class="border-l-2 border-[#C8A24B]/60 pl-1" data-astro-cid-sckkx6r4> <p class="px-3 pt-1.5 pb-1 text-[10.5px] font-extrabold uppercase tracking-[0.12em] text-[#8a6d1f]" data-astro-cid-sckkx6r4>Test de français (TCF)</p> <a href="/tcf-irn" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#fdf8ed]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>TCF IRN : le test</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>4 épreuves, niveau B2, prix</div> </a><a href="/test-niveau-francais" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#fdf8ed]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Test de niveau gratuit</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>B1 ou B2 ? Verdict immédiat</div> </a><a href="/centres-tcf" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#fdf8ed]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Trouver un centre TCF</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>248 centres agréés</div> </a><a href="/preparation-tcf-irn" class="block rounded-lg px-3 py-2 transition-colors hover:bg-[#fdf8ed]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#8a6d1f]" data-astro-cid-sckkx6r4>â
Préparer le TCF</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>PDF, audios, en ligne · dès 4,90 â¬</div> </a> </div> </div> <div class="grid grid-cols-2 border-t border-[#C8A24B]/30" data-astro-cid-sckkx6r4> <a href="/guide" class="flex items-center gap-2 px-5 py-3 transition-colors bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 24 24" fill="#C8A24B" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01z" data-astro-cid-sckkx6r4></path></svg> <span class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Le guide complet</span> <span class="text-[11.5px] text-gray-600" data-astro-cid-sckkx6r4>dès 4,90 â¬</span> </a><a href="/examen-civique-en-ligne" class="flex items-center justify-end gap-2 px-5 py-3 border-l border-[#C8A24B]/30 transition-colors bg-[#C8A24B]/10 hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="text-[13px] font-extrabold text-[#000091]" data-astro-cid-sckkx6r4>S'entraîner en ligne</span> <span class="text-[11.5px] text-gray-600 hidden lg:inline" data-astro-cid-sckkx6r4>examens blancs illimités</span> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M5 12h14M13 5l7 7-7 7" data-astro-cid-sckkx6r4></path></svg> </a> </div> </div> </div> </div> <!-- Dropdown Mon dossier : suivre son parcours (étapes, préfectures, extension).
50 Parent cliquable â /etapes-naturalisation-sdanf. --> <div class="relative nav-dossier" data-nav-dropdown data-astro-cid-sckkx6r4> <a href="/etapes-naturalisation-sdanf" class="nav-dossier-btn flex items-center gap-1.5 px-3.5 py-2.5 text-[14px] whitespace-nowrap rounded-lg transition-colors font-medium text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe]" aria-haspopup="menu" aria-expanded="false" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" data-astro-cid-sckkx6r4></path></svg> 51Mon dossier 52<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="nav-chevron transition-transform" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </a> <div class="nav-dossier-menu hidden absolute left-0 top-full pt-1.5 w-80 z-50" data-astro-cid-sckkx6r4> <div class="bg-white border border-gray-200 rounded-xl shadow-[0_10px_30px_-10px_rgba(0,0,145,0.18)] overflow-hidden" data-astro-cid-sckkx6r4> <div class="h-[3px] flex" data-astro-cid-sckkx6r4> <span class="flex-1 bg-[#000091]" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-white" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-[#E1000F]" data-astro-cid-sckkx6r4></span> </div> <div class="py-1.5" data-astro-cid-sckkx6r4> <a href="/anef" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>ANEF : compte et suivi</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Compte, suivi de dossier, 85 statuts, contact</div> </a><a href="/etapes-naturalisation-sdanf" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Les étapes de la naturalisation</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Du dépôt au décret, avec les délais réels</div> </a><a href="/delai-naturalisation" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Délai de naturalisation</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Où en sont les dossiers en ce moment, étape par étape</div> </a><a href="/prefectures" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Préfectures & délais</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Du dépôt au décret : le délai de chaque préfecture</div> </a><a href="/devenir-francais" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Trouver ma préfecture</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Votre ville â votre plateforme et délai</div> </a><a href="/installer-extension-decodeur-anef" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Extension Décodeur ANEF</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Décodez votre espace ANEF (Chrome/Firefox)</div> </a><a href="/assistant" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Assistant : poser une question</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Réponse sourcée, tirée de nos fiches et articles</div> </a><a href="/glossaire" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Glossaire</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>CAA, CAE, SDANF, RAPO, JO...</div> </a><a href="/questions-entretien-naturalisation" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Questions d'entretien</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>4 questions posées en préfecture et leurs réponses</div> </a> </div> </div> </div> </div> <!-- Dropdown Décrets : Recherche + Journal Officiel + Baromètre. 53 Parent cliquable â /decrets (hub recherche). Dropdown ouvre au hover. --> <div class="relative nav-decrets" data-nav-dropdown data-astro-cid-sckkx6r4> <a href="/decrets" class="nav-decrets-btn flex items-center gap-1.5 px-3.5 py-2.5 text-[14px] whitespace-nowrap rounded-lg transition-colors font-medium text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe]" aria-haspopup="menu" aria-expanded="false" data-astro-cid-sckkx6r4>
53 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M19 17V5a2 2 0 0 0-2-2H4" data-astro-cid-sckkx6r4></path><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3a1 1 0 0 0 1 1h3" data-astro-cid-sckkx6r4></path></svg> 54Décrets 55<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="nav-chevron transition-transform" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </a> <div class="nav-decrets-menu hidden absolute left-0 top-full pt-1.5 w-80 z-50" data-astro-cid-sckkx6r4> <div class="bg-white border border-gray-200 rounded-xl shadow-[0_10px_30px_-10px_rgba(0,0,145,0.18)] overflow-hidden" data-astro-cid-sckkx6r4> <div class="h-[3px] flex" data-astro-cid-sckkx6r4> <span class="flex-1 bg-[#000091]" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-white" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-[#E1000F]" data-astro-cid-sckkx6r4></span> </div> <div class="py-1.5" data-astro-cid-sckkx6r4> <a href="/decrets" class="flex items-center gap-3 px-4 py-3 transition-colors bg-gradient-to-r from-rose-50 to-orange-50 hover:from-rose-100 hover:to-orange-100" data-astro-cid-sckkx6r4> <span class="shrink-0 w-9 h-9 rounded-lg flex items-center justify-center bg-[#E1000F] text-white" data-astro-cid-sckkx6r4> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" data-astro-cid-sckkx6r4><circle cx="11" cy="11" r="8" data-astro-cid-sckkx6r4></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-astro-cid-sckkx6r4></line></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Recherche par numéro</span> <span class="block text-[11px] mt-0.5 text-gray-600" data-astro-cid-sckkx6r4>Vérifier mon décret au JO</span> </span> </a><a href="/alerte-sms?src=menu-decrets" class="flex items-center gap-3 px-4 py-3 transition-colors bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20" data-astro-cid-sckkx6r4> <span class="shrink-0 w-9 h-9 rounded-lg flex items-center justify-center bg-[#C8A24B] text-white" data-astro-cid-sckkx6r4> <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" data-astro-cid-sckkx6r4><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" data-astro-cid-sckkx6r4></path><path d="M13.73 21a2 2 0 0 1-3.46 0" data-astro-cid-sckkx6r4></path></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Alerte SMS décret</span> <span class="block text-[11px] text-gray-600 mt-0.5" data-astro-cid-sckkx6r4>Prévenu la nuit même, 7,90 ⬠une fois</span> </span> </a><a href="/decrets/journal-officiel" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2" data-astro-cid-sckkx6r4></path><path d="M18 14h-8" data-astro-cid-sckkx6r4></path><path d="M15 18h-5" data-astro-cid-sckkx6r4></path><path d="M10 6h8v4h-8z" data-astro-cid-sckkx6r4></path></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Journal Officiel</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Tous les décrets publiés au JORF</span> </span> </a><a href="/decrets/calendrier-jo" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4>
55 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><rect x="3" y="4" width="18" height="18" rx="2" ry="2" data-astro-cid-sckkx6r4></rect><line x1="16" y1="2" x2="16" y2="6" data-astro-cid-sckkx6r4></line><line x1="8" y1="2" x2="8" y2="6" data-astro-cid-sckkx6r4></line><line x1="3" y1="10" x2="21" y2="10" data-astro-cid-sckkx6r4></line></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Calendrier des JO</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Calendrier interactif annuel + prochain JO</span> </span> </a><a href="/decrets/bilan/2025" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><line x1="18" y1="20" x2="18" y2="10" data-astro-cid-sckkx6r4></line><line x1="12" y1="20" x2="12" y2="4" data-astro-cid-sckkx6r4></line><line x1="6" y1="20" x2="6" y2="14" data-astro-cid-sckkx6r4></line></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Bilan annuel</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Chiffres par an : pays, départements, prénoms</span> </span> </a><a href="/decrets/barometre" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><line x1="18" y1="20" x2="18" y2="10" data-astro-cid-sckkx6r4></line><line x1="12" y1="20" x2="12" y2="4" data-astro-cid-sckkx6r4></line><line x1="6" y1="20" x2="6" y2="14" data-astro-cid-sckkx6r4></line></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Baromètre</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Estimation du prochain décret</span> </span> </a><a href="/decrets/identifiant-decret-anef" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><rect x="3" y="4" width="18" height="16" rx="2" data-astro-cid-sckkx6r4></rect><circle cx="9" cy="10" r="2" data-astro-cid-sckkx6r4></circle><path d="M15 8h4" data-astro-cid-sckkx6r4></path><path d="M15 12h4" data-astro-cid-sckkx6r4></path><path d="M5 18c.5-2 2-3 4-3s3.5 1 4 3" data-astro-cid-sckkx6r4></path></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Identifiant décret ANEF</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Comprendre votre decret.id</span> </span> </a><a href="/decrets/historique" class="flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <span class="shrink-0 w-8 h-8 rounded-lg flex items-center justify-center bg-gray-100 text-[#000091]" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-sckkx6r4><rect x="2" y="3" width="20" height="5" rx="1" data-astro-cid-sckkx6r4></rect><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" data-astro-cid-sckkx6r4></path><path d="M10 12h4" data-astro-cid-sckkx6r4></path></svg> </span> <span class="flex-1 min-w-0" data-astro-cid-sckkx6r4> <span class="block text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Historique des JO</span> <span class="block text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Toutes les publications passées</span> </span> </a> </div> </div> </div> </div> <!-- Dropdown Ressources --> <div class="relative nav-ressources" data-nav-dropdown data-astro-cid-sckkx6r4> <a href="/articles" class="nav-ressources-btn flex items-center gap-1.5 px-3.5 py-2.5 text-[14px] whitespace-nowrap rounded-lg transition-colors font-medium text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe]" aria-haspopup="menu" aria-expanded="false" data-astro-cid-sckkx6r4>
55 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" data-astro-cid-sckkx6r4></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" data-astro-cid-sckkx6r4></path></svg> 56Ressources 57<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="nav-chevron transition-transform" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </a> <div class="nav-ressources-menu hidden absolute left-0 top-full pt-1.5 w-72 z-50" data-astro-cid-sckkx6r4> <div class="bg-white border border-gray-200 rounded-xl shadow-[0_10px_30px_-10px_rgba(0,0,145,0.18)] overflow-hidden" data-astro-cid-sckkx6r4> <div class="h-[3px] flex" data-astro-cid-sckkx6r4> <span class="flex-1 bg-[#000091]" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-white" data-astro-cid-sckkx6r4></span><span class="flex-1 bg-[#E1000F]" data-astro-cid-sckkx6r4></span> </div> <div class="py-1.5" data-astro-cid-sckkx6r4> <a href="/articles" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Articles</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Guides détaillés sur la naturalisation</div> </a><a href="/actualites" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Actualités</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Refonte ANEF, OFII, JO, annonces</div> </a><a href="/livret-du-citoyen" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Livret du citoyen</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>PDF officiel du ministère, 28 pages</div> </a><a href="/donnees-statistiques" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Données & statistiques</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Délais réels, JO, chiffres par préfecture</div> </a><a href="/modeles-lettres" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Modèles de lettres</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>RAPO, TAJ, casier judiciaire (gratuit)</div> </a><a href="/double-nationalite" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Double nationalité</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Garder sa nationalité : la règle de chaque pays</div> </a><a href="/outils" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Tous les outils</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Comparateur de délais, calculateur de revenus...</div> </a><a href="/faq" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>FAQ</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Nos réponses vérifiées et la communauté</div> </a><a href="/contact" class="block px-4 py-2.5 transition-colors hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <div class="text-[13px] font-extrabold text-[#0a0a2e]" data-astro-cid-sckkx6r4>Contact</div> <div class="text-[11px] text-gray-500 mt-0.5" data-astro-cid-sckkx6r4>Nous écrire, réponse sous 48 h</div> </a> </div> </div> </div> </div>
57 <a href="/guide-gratuit" class="px-4 py-2.5 text-[14px] font-extrabold text-[#000091] rounded-lg inline-flex items-center gap-1.5 ring-1 ring-[#C8A24B]/60 bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20 transition-colors whitespace-nowrap" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 24 24" fill="#C8A24B" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01z" data-astro-cid-sckkx6r4></path></svg> Guide </a> <a href="/boutique" aria-label="Boutique : guides, entraînement, alertes, recours" title="Boutique" class="inline-flex items-center gap-1.5 p-2 min-[1400px]:px-3 rounded-lg text-[14px] font-semibold whitespace-nowrap transition-colors text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sckkx6r4><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" data-astro-cid-sckkx6r4></path><line x1="3" y1="6" x2="21" y2="6" data-astro-cid-sckkx6r4></line><path d="M16 10a4 4 0 0 1-8 0" data-astro-cid-sckkx6r4></path></svg> <span class="hidden min-[1400px]:inline" data-astro-cid-sckkx6r4>Boutique</span> </a> <!-- Filet : à gauche le contenu et la vente, à droite les outils et le compte --> <span class="w-px h-5 bg-gray-200 mx-1.5 shrink-0" aria-hidden="true" data-astro-cid-sckkx6r4></span> <button type="button" data-site-search-open aria-label="Rechercher sur le site" title="Rechercher (Ctrl+K)" class="p-2 text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe] rounded-lg transition-colors" data-astro-cid-sckkx6r4> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sckkx6r4><circle cx="11" cy="11" r="7" data-astro-cid-sckkx6r4></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-astro-cid-sckkx6r4></line></svg> </button> <!-- 01/10/2026 : « Une question ? » avec le conseiller du jour (pseudonyme de 58 /a-propos). Point vert UNIQUEMENT si l'admin est vraiment en ligne 59 (/api/faq/presence), orange s'il l'était récemment, sinon pas de point. --> <a href="/faq/poser-question?src=menu-conseiller" id="nav-conseiller" data-etat="" class="group relative order-last ml-1 inline-flex items-center gap-2 rounded-full border border-[#cfe8d8] bg-[#f0faf3] py-1 pl-1 pr-3 text-[13.5px] font-extrabold text-[#0f5f30] whitespace-nowrap transition-colors hover:bg-[#e2f4e8]" data-astro-cid-sckkx6r4> <span class="relative inline-flex" data-astro-cid-sckkx6r4> <span id="nav-conseiller-init" class="flex h-[30px] w-[30px] items-center justify-center rounded-full bg-[#000091] text-[12px] font-extrabold text-white" data-astro-cid-sckkx6r4>NF</span> <span id="nav-conseiller-point" class="absolute -bottom-px -right-px hidden h-[11px] w-[11px] rounded-full border-2 border-white" data-astro-cid-sckkx6r4></span> </span> <span class="hidden min-[1400px]:inline" data-astro-cid-sckkx6r4>Une question ?</span> <span id="nav-conseiller-bulle" class="pointer-events-none absolute right-0 top-full mt-2 whitespace-nowrap rounded-md bg-[#0a0a2e] px-2.5 py-1.5 text-[11.5px] font-bold text-white opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100 z-50" data-astro-cid-sckkx6r4>Posez votre question à lâéquipe</span> </a>
59<script> 60 (function () { 61 var a = document.getElementById('nav-conseiller'); 62 if (!a) return; 63 function go() { 64 fetch('/api/faq/presence').then(function (r) { return r.ok ? r.json() : null; }).then(function (d) { 65 if (!d) return; 66 var nom = d.redacteur || ''; 67 var init = nom.replace(/[^A-Za-zÃ-ÿ ]/g, '').split(' ').map(function (x) { return x.charAt(0); }).join('').slice(0, 2); 68 if (init) document.getElementById('nav-conseiller-init').textContent = init; 69 var p = document.getElementById('nav-conseiller-point'), b = document.getElementById('nav-conseiller-bulle'); 70 var moy = d.delai_h != null ? (d.delai_h < 24 ? Math.max(1, Math.round(d.delai_h)) + ' h' : Math.round(d.delai_h / 24) + ' j') : ''; 71 a.setAttribute('data-etat', d.etat); 72 if (d.etat === 'en_ligne') { p.style.background = '#18753c'; p.classList.remove('hidden'); b.textContent = nom + ' est en ligne : posez votre question'; } 73 else if (d.etat === 'recent') { p.style.background = '#d97706'; p.classList.remove('hidden'); b.textContent = nom + ' était en ligne il y a ' + d.minutes + ' min'; } 74 else { b.textContent = moy ? 'Réponse de lâéquipe en moyenne en ' + moy : 'Posez votre question à lâéquipe'; } 75 var m = document.querySelector('[data-mobile-point]'); 76 if (m) m.style.background = d.etat === 'en_ligne' ? '#18753c' : (d.etat === 'recent' ? '#d97706' : '#9ca3af'); 77 }).catch(function () {}); 78 } 79 if ('requestIdleCallback' in window) requestIdleCallback(go, { timeout: 2500 }); else setTimeout(go, 800); 80 })(); 81 </script>
81 <!-- Auth slot : rendu dynamique par /auth/session --> <div id="nav-auth" class="flex items-center gap-1.5" data-astro-cid-sckkx6r4> <!-- 01/10/2026 : compte en une icône (Connexion et Inscription au survol, la page 82 de connexion propose de créer un compte). La place va à « Une question ? ». --> <a href="/connexion" data-auth="anon" aria-label="Connexion ou inscription" class="group relative inline-flex items-center p-2 text-gray-500 hover:text-[#000091] hover:bg-[#f5f5fe] rounded-lg transition-colors" data-astro-cid-sckkx6r4><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" data-astro-cid-sckkx6r4></path><circle cx="12" cy="7" r="4" data-astro-cid-sckkx6r4></circle></svg><span class="pointer-events-none absolute left-1/2 top-full mt-2 -translate-x-1/2 whitespace-nowrap rounded-md bg-[#0a0a2e] px-2 py-1 text-[11.5px] font-bold text-white opacity-0 transition-opacity group-hover:opacity-100 group-focus:opacity-100 z-50" data-astro-cid-sckkx6r4>Connexion / Inscription</span></a> <div data-entr-seul class="hidden relative" data-astro-cid-sckkx6r4> <button id="entr-btn" class="flex items-center gap-1.5 px-3 py-2 text-[14px] font-bold text-[#000091] bg-[#f5f5fe] rounded-lg hover:bg-[#e8e8fe] transition-colors whitespace-nowrap" data-astro-cid-sckkx6r4> <span data-astro-cid-sckkx6r4>Mon espace</span> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div id="entr-menu" class="hidden absolute right-0 top-full mt-1 w-56 bg-white border border-gray-200 rounded-lg shadow-lg py-1 z-50" data-astro-cid-sckkx6r4> <a href="/entrainement" class="block px-4 py-2 text-[13px] font-bold text-[#000091] hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4>Mon entraînement</a> <button id="entr-logout" class="w-full text-left px-4 py-2 text-[13px] text-[#E1000F] hover:bg-red-50" data-astro-cid-sckkx6r4>Se déconnecter</button> </div> </div> <div data-auth="user" class="hidden relative" data-astro-cid-sckkx6r4> <button id="nav-user-btn" class="flex items-center gap-1.5 px-3 py-2 text-[14px] font-bold text-[#000091] bg-[#f5f5fe] rounded-lg hover:bg-[#e8e8fe] transition-colors whitespace-nowrap" data-astro-cid-sckkx6r4> <span data-astro-cid-sckkx6r4><span id="nav-user-salut" data-astro-cid-sckkx6r4>Bonjour</span> <span id="nav-user-prenom" data-astro-cid-sckkx6r4>â¦</span></span> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div id="nav-user-menu" class="hidden absolute right-0 top-full mt-1 w-56 bg-white border border-gray-200 rounded-lg shadow-lg py-1 z-50" data-astro-cid-sckkx6r4> <a href="/mon-compte" class="block px-4 py-2 text-[13px] text-gray-700 hover:bg-[#f5f5fe] hover:text-[#000091]" data-astro-cid-sckkx6r4>Mon compte</a> <a href="/entrainement" data-auth-entrainement class="hidden px-4 py-2 text-[13px] font-bold text-[#000091] hover:bg-[#f5f5fe]" data-astro-cid-sckkx6r4>Mon entraînement</a> <a href="/admin/" data-auth-admin class="hidden px-4 py-2 text-[13px] text-gray-700 hover:bg-[#f5f5fe] hover:text-[#000091]" data-astro-cid-sckkx6r4>Admin</a> <button id="nav-logout-btn" class="w-full text-left px-4 py-2 text-[13px] text-[#E1000F] hover:bg-red-50" data-astro-cid-sckkx6r4>Se déconnecter</button> </div> </div> </div> </nav> <div class="md:hidden flex items-center gap-0.5 shrink-0" data-astro-cid-sckkx6r4> <button type="button" data-site-search-open aria-label="Rechercher sur le site" class="p-1.5 min-[380px]:p-2 rounded-lg hover:bg-gray-100 transition-colors" data-astro-cid-sckkx6r4> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sckkx6r4><circle cx="11" cy="11" r="7" data-astro-cid-sckkx6r4></circle><line x1="21" y1="21" x2="16.65" y2="16.65" data-astro-cid-sckkx6r4></line></svg> </button> <a href="/guide-gratuit?src=nav-mobile" class="flex items-center gap-1 px-2 py-1.5 rounded-lg text-[13px] font-extrabold text-[#000091] whitespace-nowrap ring-1 ring-[#C8A24B]/60 bg-[#C8A24B]/10 active:bg-[#C8A24B]/20 transition-colors" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 24 24" fill="#C8A24B" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01z" data-astro-cid-sckkx6r4></path></svg> 83Guide 84</a> <button id="mobile-menu-btn" aria-label="Ouvrir le menu" class="p-1.5 min-[380px]:p-2 rounded-lg hover:bg-gray-100 transition-colors" data-astro-cid-sckkx6r4> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2" data-astro-cid-sckkx6r4><line x1="3" y1="6" x2="21" y2="6" data-astro-cid-sckkx6r4></line><line x1="3" y1="12" x2="21" y2="12" data-astro-cid-sckkx6r4></line><line x1="3" y1="18" x2="21" y2="18" data-astro-cid-sckkx6r4></line></svg> </button> </div> </div> <div id="mobile-menu" class="hidden md:hidden border-t border-gray-100 px-5 py-2.5 space-y-1 bg-white" data-astro-cid-sckkx6r4> <a href="/" class="block px-4 py-3 text-[15px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Accueil</a> <!-- Accordion Décrets (fermé par défaut, s'ouvre si la page actuelle est dedans) --> <div class="mobile-accordion" data-accordion="decrets" data-open="false" data-astro-cid-sckkx6r4> <button type="button" class="accordion-toggle w-full flex items-center justify-between px-4 py-3 text-[15px] rounded-lg text-gray-600 hover:bg-gray-50" aria-expanded="false" data-astro-cid-sckkx6r4> <span class="flex items-center gap-2" data-astro-cid-sckkx6r4>
84 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M19 17V5a2 2 0 0 0-2-2H4" data-astro-cid-sckkx6r4></path><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3a1 1 0 0 0 1 1h3" data-astro-cid-sckkx6r4></path></svg> 85Décrets 86</span> <svg class="accordion-chevron transition-transform" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div class="accordion-panel pl-3 space-y-0.5 mt-0.5 hidden" data-astro-cid-sckkx6r4> <a href="/decrets" class="block px-4 py-2.5 text-[14px] font-bold text-[#E1000F] bg-rose-50 hover:bg-rose-100 rounded-lg" data-astro-cid-sckkx6r4>ð Recherche par numéro</a><a href="/alerte-sms?src=menu-decrets" class="block px-4 py-2.5 text-[14px] font-bold text-[#0a0a2e] bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20 rounded-lg" data-astro-cid-sckkx6r4>ð Alerte SMS décret</a><a href="/decrets/journal-officiel" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Journal Officiel</a><a href="/decrets/calendrier-jo" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Calendrier des JO</a><a href="/decrets/bilan/2025" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Bilan annuel</a><a href="/decrets/barometre" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Baromètre</a><a href="/decrets/identifiant-decret-anef" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Identifiant décret ANEF</a><a href="/decrets/historique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Historique des JO</a> </div> </div> <!-- Accordion Ressources --> <div class="mobile-accordion" data-accordion="ressources" data-open="false" data-astro-cid-sckkx6r4> <button type="button" class="accordion-toggle w-full flex items-center justify-between px-4 py-3 text-[15px] rounded-lg text-gray-600 hover:bg-gray-50" aria-expanded="false" data-astro-cid-sckkx6r4> <span class="flex items-center gap-2" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" data-astro-cid-sckkx6r4></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" data-astro-cid-sckkx6r4></path></svg> 87Ressources 88</span> <svg class="accordion-chevron transition-transform" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div class="accordion-panel pl-3 space-y-0.5 mt-0.5 hidden" data-astro-cid-sckkx6r4> <a href="/articles" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Articles</a><a href="/actualites" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Actualités</a><a href="/livret-du-citoyen" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Livret du citoyen</a><a href="/donnees-statistiques" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Données & statistiques</a><a href="/modeles-lettres" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Modèles de lettres</a><a href="/double-nationalite" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Double nationalité</a><a href="/outils" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Tous les outils</a><a href="/faq" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>FAQ</a><a href="/contact" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Contact</a> </div> </div> <!-- Accordion Examen civique --> <div class="mobile-accordion" data-accordion="examen" data-open="true" data-astro-cid-sckkx6r4> <button type="button" class="accordion-toggle w-full flex items-center justify-between px-4 py-3 text-[15px] rounded-lg font-bold text-[#000091] bg-[#f5f5fe]" aria-expanded="true" data-astro-cid-sckkx6r4> <span class="flex items-center gap-2" data-astro-cid-sckkx6r4>
88 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M22 10L12 5 2 10l10 5 10-5z" data-astro-cid-sckkx6r4></path><path d="M6 12v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5" data-astro-cid-sckkx6r4></path></svg> 89Examen civique 90</span> <svg class="accordion-chevron transition-transform" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div class="accordion-panel pl-3 space-y-0.5 mt-0.5 " data-menu="examen" data-astro-cid-sckkx6r4> <div class="pt-1.5" data-astro-cid-sckkx6r4> <p class="px-4 pt-1 pb-1 text-[11px] font-extrabold uppercase tracking-[0.12em] text-gray-500" data-astro-cid-sckkx6r4>Se préparer (gratuit)</p> <a href="/examen-blanc-gratuit" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Examen blanc gratuit</a><a href="/guide-gratuit" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>PDF de révision gratuit</a><a href="/culture-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Cours de culture civique</a><a href="/dates-examen-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Les dates à connaître</a><a href="/examen-civique-mises-en-situation" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Les mises en situation</a> </div><div class="pt-1.5" data-astro-cid-sckkx6r4> <p class="px-4 pt-1 pb-1 text-[11px] font-extrabold uppercase tracking-[0.12em] text-gray-500" data-astro-cid-sckkx6r4>Passer l'examen</p> <a href="/examen-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Guide de l'examen civique</a><a href="/centres-examen-civique" class="block px-4 py-2.5 text-[14px] font-semibold text-[#000091] bg-[#f5f5fe] rounded-lg" data-astro-cid-sckkx6r4>Trouver un centre</a><a href="/prix-examen-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Prix de l'examen</a><a href="/test-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Test civique : inscription</a> </div><div class="pt-1.5" data-astro-cid-sckkx6r4> <p class="px-4 pt-1 pb-1 text-[11px] font-extrabold uppercase tracking-[0.12em] text-gray-500" data-astro-cid-sckkx6r4>Votre situation</p> <a href="/dispense-examen-civique" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Qui est dispensé ?</a><a href="/examen-civique-titre-de-sejour" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Titre de séjour</a><a href="/examen-civique-carte-de-resident" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Carte de résident</a> </div> <div class="pt-1.5" data-astro-cid-sckkx6r4> <p class="px-4 pt-1 pb-1 text-[11px] font-extrabold uppercase tracking-[0.12em] text-[#8a6d1f]" data-astro-cid-sckkx6r4>Test de français (TCF)</p> <a href="/tcf-irn" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>TCF IRN : le test</a><a href="/test-niveau-francais" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Test de niveau gratuit</a><a href="/centres-tcf" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Trouver un centre TCF</a><a href="/preparation-tcf-irn" class="block px-4 py-2.5 text-[14px] font-semibold text-[#8a6d1f] hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Préparer le TCF</a> </div> <div class="pt-2 space-y-0.5" data-astro-cid-sckkx6r4> <a href="/guide" class="block px-4 py-2.5 text-[14px] font-bold text-[#0a0a2e] bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20 rounded-lg" data-astro-cid-sckkx6r4>Le guide complet</a><a href="/examen-civique-en-ligne" class="block px-4 py-2.5 text-[14px] font-bold text-[#000091] bg-[#f5f5fe] hover:bg-[#e3e3fd] rounded-lg" data-astro-cid-sckkx6r4>S'entraîner en ligne</a> </div> </div> </div> <!-- Accordion Mon dossier --> <div class="mobile-accordion" data-accordion="dossier" data-open="false" data-astro-cid-sckkx6r4> <button type="button" class="accordion-toggle w-full flex items-center justify-between px-4 py-3 text-[15px] rounded-lg text-gray-600 hover:bg-gray-50" aria-expanded="false" data-astro-cid-sckkx6r4> <span class="flex items-center gap-2" data-astro-cid-sckkx6r4>
90 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-astro-cid-sckkx6r4><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" data-astro-cid-sckkx6r4></path></svg> 91Mon dossier 92</span> <svg class="accordion-chevron transition-transform" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <div class="accordion-panel pl-3 space-y-0.5 mt-0.5 hidden" data-astro-cid-sckkx6r4> <a href="/anef" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>ANEF : compte et suivi</a><a href="/etapes-naturalisation-sdanf" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Les étapes de la naturalisation</a><a href="/delai-naturalisation" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Délai de naturalisation</a><a href="/prefectures" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Préfectures & délais</a><a href="/devenir-francais" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Trouver ma préfecture</a><a href="/installer-extension-decodeur-anef" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Extension Décodeur ANEF</a><a href="/assistant" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Assistant : poser une question</a><a href="/glossaire" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Glossaire</a><a href="/questions-entretien-naturalisation" class="block px-4 py-2.5 text-[14px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Questions d'entretien</a> </div> </div> <!-- Boutique (11/09) : même icône que la barre desktop, libellé court, après 93 Mon dossier et juste avant le Guide, pour garder la vente groupée. --> <a href="/faq/poser-question?src=menu-mobile" class="flex items-center gap-2 px-4 py-3 text-[15px] font-extrabold text-[#0f5f30] bg-[#f0faf3] rounded-lg" data-astro-cid-sckkx6r4> <span data-mobile-point class="h-2.5 w-2.5 rounded-full bg-[#9ca3af]" data-astro-cid-sckkx6r4></span> 94Une question ? Posez-la à lâéquipe 95</a> <a href="/boutique" class="flex items-center gap-2 px-4 py-3 text-[15px] rounded-lg text-gray-600 hover:bg-gray-50" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" data-astro-cid-sckkx6r4></path><line x1="3" y1="6" x2="21" y2="6" data-astro-cid-sckkx6r4></line><path d="M16 10a4 4 0 0 1-8 0" data-astro-cid-sckkx6r4></path></svg> 96Boutique 97</a> <a href="/guide-gratuit" class="flex items-center gap-2 px-4 py-3 text-[15px] font-extrabold text-[#000091] rounded-lg ring-1 ring-[#C8A24B]/60 bg-[#C8A24B]/10 hover:bg-[#C8A24B]/20 transition-colors" data-astro-cid-sckkx6r4> <svg width="15" height="15" viewBox="0 0 24 24" fill="#C8A24B" aria-hidden="true" data-astro-cid-sckkx6r4><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01z" data-astro-cid-sckkx6r4></path></svg> Guide </a> <div class="pt-2 mt-2 border-t border-gray-100 space-y-1" data-astro-cid-sckkx6r4> <a href="/connexion" data-auth="anon" class="block px-4 py-3 text-[15px] text-gray-600 hover:bg-gray-50 rounded-lg" data-astro-cid-sckkx6r4>Connexion</a> <a href="/inscription" data-auth="anon" class="block px-4 py-3 text-[15px] font-extrabold text-[#000091] bg-[#f5f5fe] rounded-lg text-center" data-astro-cid-sckkx6r4>Inscription</a> <a href="/mon-compte" data-auth="user" class="hidden block px-4 py-3 text-[15px] font-bold text-[#000091] bg-[#f5f5fe] rounded-lg" data-astro-cid-sckkx6r4>Mon compte</a> <a href="/entrainement" data-auth-entrainement class="hidden px-4 py-3 text-[15px] font-bold text-[#000091] bg-[#f5f5fe] rounded-lg" data-astro-cid-sckkx6r4>Mon entraînement</a> <button data-auth="user" id="mobile-logout-btn" class="hidden w-full text-left px-4 py-3 text-[15px] text-[#E1000F] hover:bg-red-50 rounded-lg" data-astro-cid-sckkx6r4>Se déconnecter</button> </div> </div> </header> <!-- Liseré tricolore global, juste sous le menu (cohérence civique sur tout le site) --> <div class="shrink-0 h-[3px] flex" data-astro-cid-sckkx6r4> <div class="flex-1 bg-[#000091]" data-astro-cid-sckkx6r4></div> <div class="flex-1 bg-white" data-astro-cid-sckkx6r4></div> <div class="flex-1 bg-[#E1000F]" data-astro-cid-sckkx6r4></div> </div> <main class="flex-1" data-astro-cid-sckkx6r4> <section class="bg-[#000091] text-white"> <div class="mx-auto max-w-5xl px-4 pt-10 pb-8 sm:pt-14 sm:pb-12"> <span class="inline-flex items-center gap-2 rounded-full bg-white/10 border border-white/25 px-3 py-1 text-[12px] font-semibold tracking-wide"> <span class="w-1.5 h-1.5 rounded-full bg-[#C8A24B]"></span>à jour 2026 98</span> <h1 class="font-display font-extrabold text-[30px] leading-[1.08] sm:text-[46px] mt-4 max-w-[22ch] text-balance">Où passer l'examen civique de naturalisation</h1> <p class="mt-3 text-[16px] sm:text-[19px] text-[#e3e3fd] max-w-[46ch] text-pretty">431 centres agréés en France : trouvez le plus proche de chez vous, et inscrivez-vous.</p> <div class="mt-6 grid grid-cols-3 gap-3 max-w-md"> <div><div class="font-display font-extrabold text-[26px] sm:text-[32px] leading-none tabular-nums">431</div><div class="text-[11px] uppercase tracking-[.1em] text-[#e3e3fd]/80 mt-1">centres</div></div> <div><div class="font-display font-extrabold text-[26px] sm:text-[32px] leading-none tabular-nums">40</div><div class="text-[11px] uppercase tracking-[.1em] text-[#e3e3fd]/80 mt-1">questions</div></div> <div><div class="font-display font-extrabold text-[26px] sm:text-[32px] leading-none tabular-nums">32<span class="text-[#e3e3fd]/70">/40</span></div><div class="text-[11px] uppercase tracking-[.1em] text-[#e3e3fd]/80 mt-1">pour réussir</div></div> </div> </div> </section> <section class="bg-white border-b border-[#e3e3fd]">
98 <div class="mx-auto max-w-5xl px-4 py-5 sm:py-7"> <h2 class="font-display font-bold text-[18px] sm:text-[22px]">Trouver un centre près de moi</h2> <div class="mt-1 h-[3px] w-10 flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-[#E1000F]"></div></div> <form id="centre-search" class="mt-4 flex flex-col sm:flex-row gap-2"> <label class="sr-only" for="centre-search-input">Votre adresse ou ville</label> <input id="centre-search-input" name="q" type="text" autocomplete="postal-code" placeholder="Votre adresse ou ville (ex. Lyon, 69003)" class="flex-1 min-w-0 h-14 rounded-xl border-2 border-[#e3e3fd] bg-[#f5f5fe] px-4 text-[16px] text-[#0a0a2e] placeholder:text-[#6a6a8a] outline-none focus:border-[#000091] focus:bg-white"> <button type="submit" class="h-14 px-6 rounded-xl bg-[#000091] text-white font-semibold text-[16px] hover:bg-[#1212ff] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] focus-visible:ring-offset-2">Rechercher</button> <button id="centre-geoloc" type="button" class="h-14 px-5 rounded-xl border-2 border-[#000091] text-[#000091] bg-white font-semibold text-[15px] hover:bg-[#e3e3fd] transition-colors inline-flex items-center justify-center gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <span class="w-2.5 h-2.5 rounded-full border-[3px] border-[#000091]"></span>Autour de moi 99</button> </form> <p id="centre-search-hint" class="mt-3 text-[14px] text-[#6a6a8a]">Saisissez votre ville ou activez la géolocalisation : les centres seront classés du plus proche au plus lointain.</p> <div class="mt-3 flex flex-wrap items-center gap-3"> <p id="centre-search-label" class="text-[15px] font-semibold text-[#000091]" aria-live="polite" hidden></p> <button id="centre-reset" type="button" class="text-[13px] text-[#6a6a8a] underline" hidden>Effacer</button> </div> </div> </section> <section class="mx-auto max-w-5xl px-4 pt-6"> <div id="centre-map" data-lat="46.7" data-lon="2.6" data-zoom="5" class="w-full h-[300px] sm:h-[440px] rounded-2xl border border-[#e3e3fd] bg-[#f0f0f8] shadow-sm overflow-hidden"></div> <p class="mt-2 text-[12px] text-[#6a6a8a]">Cliquez sur un marqueur pour voir le centre. Fond de carte © OpenStreetMap.</p> </section> <section class="mx-auto max-w-5xl px-4 pt-8 pb-4"> <div class="flex flex-wrap items-end justify-between gap-3"> <div> <h2 id="centre-list-title" data-default="Les 431 centres agréés en France" class="font-display font-bold text-[20px] sm:text-[26px]">Les 431 centres agréés en France</h2> <div class="mt-1 h-[3px] w-10 flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-[#E1000F]"></div></div> </div> <div class="flex items-center gap-1 text-[13px]"> <span class="text-[#6a6a8a] mr-1">Trier :</span> <button id="sort-distance" type="button" class="px-3 py-1.5 rounded-lg bg-[#000091] text-white font-semibold">Distance</button> <button id="sort-name" type="button" class="px-3 py-1.5 rounded-lg border border-[#e3e3fd] bg-white text-[#0a0a2e] hover:border-[#000091]">Nom</button> </div> </div> <div id="centre-results" class="mt-5 grid gap-3 sm:grid-cols-2"> <article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location15-1088" data-lat="45.968871" data-lon="5.342275" data-name="LEO LAGRANGE FORMATION - AMBÃRIEUX EN BUGEY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 100 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 101 element visuellement fort etait « S'inscrire », qui part chez le centre. 102 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 103 qui porte l'examen blanc, le guide et le formulaire de retour. 104 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 105 bouton « S'inscrire sur le site du centre ». 106 En superposition et non en <a> englobant, parce qu'on ne peut pas 107 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 108 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/amberieux-en-bugey-1088" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 109 vides sur le site). Le mot-cle « examen civique + ville » dans 110 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ambérieux-en-Bugey : LEO LAGRANGE FORMATION - AMBÃRIEUX EN BUGEY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">01</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - AMBÃRIEUX EN BUGEY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">14 Rue Marius Berliet , 01500 , AMBÃRIEUX EN BUGEY</p> <p class="text-[14px] text-[#6a6a8a]">01500 Ambérieux-en-Bugey</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1088/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
110Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location155-436" data-lat="46.21266" data-lon="5.23931" data-name="FRATE FORMATION CONSEIL - BOURG-EN-BRESSE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 111 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 112 element visuellement fort etait « S'inscrire », qui part chez le centre. 113 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 114 qui porte l'examen blanc, le guide et le formulaire de retour. 115 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 116 bouton « S'inscrire sur le site du centre ». 117 En superposition et non en <a> englobant, parce qu'on ne peut pas 118 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 119 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bourg-en-bresse-436" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 120 vides sur le site). Le mot-cle « examen civique + ville » dans 121 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bourg-en-Bresse : FRATE FORMATION CONSEIL - BOURG-EN-BRESSE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">01</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - BOURG-EN-BRESSE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 rue Colonel Arnaud Beltrame, 01000, BOURG-EN-BRESSE</p> <p class="text-[14px] text-[#6a6a8a]">01000 Bourg-en-Bresse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/436" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location102-1097" data-lat="45.845744" data-lon="5.057744" data-name="FRATE FORMATION - MONTLUEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 122 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 123 element visuellement fort etait « S'inscrire », qui part chez le centre. 124 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 125 qui porte l'examen blanc, le guide et le formulaire de retour. 126 Ca ne coute rien au visiteur presse : la fiche contient elle au
126ssi le 127 bouton « S'inscrire sur le site du centre ». 128 En superposition et non en <a> englobant, parce qu'on ne peut pas 129 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 130 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montluel-1097" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 131 vides sur le site). Le mot-cle « examen civique + ville » dans 132 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montluel : FRATE FORMATION - MONTLUEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">01</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION - MONTLUEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">630 rue des Valets, 01120, MONTLUEL</p> <p class="text-[14px] text-[#6a6a8a]">01120 Montluel</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1097" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location60-1012" data-lat="49.045819" data-lon="3.399278" data-name="AEFTI SAVOIRS ET COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 133 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 134 element visuellement fort etait « S'inscrire », qui part chez le centre. 135 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 136 qui porte l'examen blanc, le guide et le formulaire de retour. 137 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 138 bouton « S'inscrire sur le site du centre ». 139 En superposition et non en <a> englobant, parce qu'on ne peut pas 140 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 141 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chateau-thierry-1012" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 142 vides sur le site). Le mot-cle « examen civique + ville » dans 143 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chateau-Thierry : AEFTI SAVOIRS ET COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">02</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI SAVOIRS ET COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
14373 Grande rue, 02400, CHATEAU-THIERRY</p> <p class="text-[14px] text-[#6a6a8a]">02400 Chateau-Thierry</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1012/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-52B9D93324B3B29D00C95B7E370D09A15C2A" data-lat="49.568215" data-lon="3.62563" data-name="CFP02"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 144 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 145 element visuellement fort etait « S'inscrire », qui part chez le centre. 146 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 147 qui porte l'examen blanc, le guide et le formulaire de retour. 148 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 149 bouton « S'inscrire sur le site du centre ». 150 En superposition et non en <a> englobant, parce qu'on ne peut pas 151 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 152 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/laon-fei-a15c2a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 153 vides sur le site). Le mot-cle « examen civique + ville » dans 154 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Laon : CFP02</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">02</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP02</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 rue Roger Salengro</p> <p class="text-[14px] text-[#6a6a8a]">02000 Laon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://cfp02.info/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
154Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-F72D021E4A154A49AD238BFE5075BE07E165" data-lat="49.860195" data-lon="3.293992" data-name="GRETA Aisne"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 155 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 156 element visuellement fort etait « S'inscrire », qui part chez le centre. 157 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 158 qui porte l'examen blanc, le guide et le formulaire de retour. 159 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 160 bouton « S'inscrire sur le site du centre ». 161 En superposition et non en <a> englobant, parce qu'on ne peut pas 162 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 163 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-quentin-fei-07e165" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 164 vides sur le site). Le mot-cle « examen civique + ville » dans 165 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Quentin : GRETA Aisne</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">02</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA Aisne</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 Rue Henri Hertz</p> <p class="text-[14px] text-[#6a6a8a]">02100 Saint-Quentin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://monavenirpro-hdf.fr/notre-reseau/greta-aisne/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location193-1072" data-lat="49.367706" data-lon="3.335228" data-name="ZD ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 166 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 167 element visuellement fort etait « S'inscrire », qui part chez le centre. 168 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 169 qui porte l'examen blanc, le guide et le formulaire de retour. 170 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 171 bouton « S'inscrire sur le site du centre ». 172 En superposition et non en <a> englobant, parce qu'on ne peut pas 173 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 174 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/soissons-1072" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 175 vides sur le site). Le mot-cle « examen civique + ville » dans 176 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Soissons : ZD ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">02</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ZD ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 bis rue de la Gare, 02200, Soissons</p> <p class="text-[14px] text-[#6a6a8a]">02200 Soissons</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1072" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
176Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5AE553BF21B16DCAE1995B2B994F4F4D6703" data-lat="46.57953" data-lon="3.322904" data-name="IFI 03 - ECOLE DE LA DEUXIÃME CHANCE DE L'ALLIER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 177 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 178 element visuellement fort etait « S'inscrire », qui part chez le centre. 179 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 180 qui porte l'examen blanc, le guide et le formulaire de retour. 181 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 182 bouton « S'inscrire sur le site du centre ». 183 En superposition et non en <a> englobant, parce qu'on ne peut pas 184 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 185 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/avermes-fei-4d6703" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 186 vides sur le site). Le mot-cle « examen civique + ville » dans 187 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Avermes : IFI 03 - ECOLE DE LA DEUXIÃME CHANCE DE L'ALLIER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">03</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IFI 03 - ECOLE DE LA DEUXIÃME CHANCE DE L'ALLIER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 route de Paris</p> <p class="text-[14px] text-[#6a6a8a]">03000 Avermes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.e2c-allier.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-411D543A92158DBFAC81CEFE3DAADA13FFB1" data-lat="46.345497" data-lon="2.599845" data-name="CCI ALLIER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 188 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 189 element visuellement fort etait « S'inscrire », qui part chez le centre. 190 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 191 qui porte l'examen blanc, le guide et le formulaire de retour. 192 Ca ne coute rien au visiteur presse : la fiche contient elle au
192ssi le 193 bouton « S'inscrire sur le site du centre ». 194 En superposition et non en <a> englobant, parce qu'on ne peut pas 195 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 196 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montlucon-fei-13ffb1" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 197 vides sur le site). Le mot-cle « examen civique + ville » dans 198 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montluçon : CCI ALLIER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">03</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CCI ALLIER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">31, quai Louis Blanc</p> <p class="text-[14px] text-[#6a6a8a]">03100 Montluçon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cci-formation-allier.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DAD78314184654C395561CB307211D4B1034" data-lat="46.11992" data-lon="3.425392" data-name="CAVILAM - ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 199 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 200 element visuellement fort etait « S'inscrire », qui part chez le centre. 201 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 202 qui porte l'examen blanc, le guide et le formulaire de retour. 203 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 204 bouton « S'inscrire sur le site du centre ». 205 En superposition et non en <a> englobant, parce qu'on ne peut pas 206 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 207 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vichy-fei-4b1034" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 208 vides sur le site). Le mot-cle « examen civique + ville » dans 209 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vichy : CAVILAM - ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">03</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CAVILAM - ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Service des examens 1, avenue des Célestins</p> <p class="text-[14px] text-[#6a6a8a]">03200 Vichy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cavilam.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
209Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location166-449" data-lat="46.125678" data-lon="3.423723" data-name="FRATE FORMATION CONSEIL - VICHY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 210 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 211 element visuellement fort etait « S'inscrire », qui part chez le centre. 212 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 213 qui porte l'examen blanc, le guide et le formulaire de retour. 214 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 215 bouton « S'inscrire sur le site du centre ». 216 En superposition et non en <a> englobant, parce qu'on ne peut pas 217 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 218 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vichy-449" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 219 vides sur le site). Le mot-cle « examen civique + ville » dans 220 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vichy : FRATE FORMATION CONSEIL - VICHY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">03</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - VICHY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2-4 rue de Paris, Passage des Commerces, 03206, VICHY</p> <p class="text-[14px] text-[#6a6a8a]">03206 Vichy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/449" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-CB7EF82599B051D53BFF0425EABEBDB7687F" data-lat="43.823457" data-lon="5.79657" data-name="CIBC ALPES PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 221 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 222 element visuellement fort etait « S'inscrire », qui part chez le centre. 223 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 224 qui porte l'examen blanc, le guide et le formulaire de retour. 225 Ca ne coute rien au visiteur presse : la fiche contient elle au
225ssi le 226 bouton « S'inscrire sur le site du centre ». 227 En superposition et non en <a> englobant, parce qu'on ne peut pas 228 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 229 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/manosque-fei-b7687f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 230 vides sur le site). Le mot-cle « examen civique + ville » dans 231 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Manosque : CIBC ALPES PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">04</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CIBC ALPES PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">264 Rue Berthelot</p> <p class="text-[14px] text-[#6a6a8a]">04100 Manosque</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cpe-cfa.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location162-662" data-lat="43.833475" data-lon="5.782563" data-name="PROVENCE LINGUA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 232 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 233 element visuellement fort etait « S'inscrire », qui part chez le centre. 234 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 235 qui porte l'examen blanc, le guide et le formulaire de retour. 236 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 237 bouton « S'inscrire sur le site du centre ». 238 En superposition et non en <a> englobant, parce qu'on ne peut pas 239 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 240 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/manosque-662" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 241 vides sur le site). Le mot-cle « examen civique + ville » dans 242 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Manosque : PROVENCE LINGUA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">04</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">PROVENCE LINGUA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">13bis Place de lâHôtel de Ville, 04100, MANOSQUE</p> <p class="text-[14px] text-[#6a6a8a]">04100 Manosque</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/662" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
242Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-12D6D7ABA5044FA1312459998BF4D9876541" data-lat="44.555704" data-lon="6.077904" data-name="CPE CFA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 243 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 244 element visuellement fort etait « S'inscrire », qui part chez le centre. 245 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 246 qui porte l'examen blanc, le guide et le formulaire de retour. 247 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 248 bouton « S'inscrire sur le site du centre ». 249 En superposition et non en <a> englobant, parce qu'on ne peut pas 250 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 251 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/gap-fei-876541" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 252 vides sur le site). Le mot-cle « examen civique + ville » dans 253 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Gap : CPE CFA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">05</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CPE CFA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Immeuble le Neptune, 3e étage 140 Boulevard Georges Pompidou</p> <p class="text-[14px] text-[#6a6a8a]">05000 Gap</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cpe-cfa.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location161-603" data-lat="44.53506" data-lon="6.052878" data-name="KANGOUROU PROVENCE GAP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 254 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 255 element visuellement fort etait « S'inscrire », qui part chez le centre. 256 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 257 qui porte l'examen blanc, le guide et le formulaire de retour. 258 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 259 bouton « S'inscrire sur le site du centre ». 260 En superposition et non en <a> englobant, parce qu'on ne peut pas 261 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 262 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/gap-603" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 263 vides sur le site). Le mot-cle « examen civique + ville » dans 264 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Gap : KANGOUROU PROVENCE GAP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">05</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE GAP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Micropolis Quartier Belle Aureille, 05000, GAP</p> <p class="text-[14px] text-[#6a6a8a]">05000 Gap</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/603" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
264Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8F06FEE16E030801E6CFF0EE5934144F7F27" data-lat="43.664855" data-lon="7.149826" data-name="ASSOCIATION REFLETS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 265 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 266 element visuellement fort etait « S'inscrire », qui part chez le centre. 267 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 268 qui porte l'examen blanc, le guide et le formulaire de retour. 269 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 270 bouton « S'inscrire sur le site du centre ». 271 En superposition et non en <a> englobant, parce qu'on ne peut pas 272 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 273 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cagnes-sur-mer-fei-4f7f27" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 274 vides sur le site). Le mot-cle « examen civique + ville » dans 275 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cagnes-sur-Mer : ASSOCIATION REFLETS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION REFLETS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4, place Sainte Luce Le Lafayette</p> <p class="text-[14px] text-[#6a6a8a]">06800 Cagnes-sur-Mer</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.reflets.asso.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location126-928" data-lat="43.554661" data-lon="7.025072" data-name="LANGUAZUR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 276 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 277 element visuellement fort etait « S'inscrire », qui part chez le centre. 278 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 279 qui porte l'examen blanc, le guide et le formulaire de retour. 280 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 281 bouton « S'inscrire sur le site du centre ». 282 En superposition et non en <a> englobant, parce qu'on ne peut pas 283 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 284 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cannes-928" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 285 vides sur le site). Le mot-cle « examen civique + ville » dans 286 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cannes : LANGUAZUR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LANGUAZUR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">22 boulevard de la République, 06400, CANNES</p> <p class="text-[14px] text-[#6a6a8a]">06400 Cannes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/928" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
286Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C2D5C8CC23D3F8807F34D82401BC6FF94726" data-lat="43.705627" data-lon="7.270036" data-name="ALLIANCE FRANÃAISE CÃTE D'AZUR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 287 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 288 element visuellement fort etait « S'inscrire », qui part chez le centre. 289 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 290 qui porte l'examen blanc, le guide et le formulaire de retour. 291 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 292 bouton « S'inscrire sur le site du centre ». 293 En superposition et non en <a> englobant, parce qu'on ne peut pas 294 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 295 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nice-fei-f94726" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 296 vides sur le site). Le mot-cle « examen civique + ville » dans 297 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nice : ALLIANCE FRANÃAISE CÃTE D'AZUR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE CÃTE D'AZUR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2, rue de Paris</p> <p class="text-[14px] text-[#6a6a8a]">06000 Nice</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.af-nice.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-584" data-lat="43.700237" data-lon="7.262427" data-name="INTERNATIONAL HOUSE CENTRE DE LANGUE RIVIERA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 298 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 299 element visuellement fort etait « S'inscrire », qui part chez le centre. 300 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 301 qui porte l'examen blanc, le guide et le formulaire de retour. 302 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 303 bouton « S'inscrire sur le site du centre ». 304 En superposition et non en <a> englobant, parce qu'on ne peut pas 305 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 306 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nice-584" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 307 vides sur le site). Le mot-cle « examen civique + ville » dans 308 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nice : INTERNATIONAL HOUSE CENTRE DE LANGUE RIVIERA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INTERNATIONAL HOUSE CENTRE DE LANGUE RIVIERA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">27 rue Rossini, 06000, NICE</p> <p class="text-[14px] text-[#6a6a8a]">06000 Nice</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/584/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
308Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-865" data-lat="43.706949" data-lon="7.262772" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 309 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 310 element visuellement fort etait « S'inscrire », qui part chez le centre. 311 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 312 qui porte l'examen blanc, le guide et le formulaire de retour. 313 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 314 bouton « S'inscrire sur le site du centre ». 315 En superposition et non en <a> englobant, parce qu'on ne peut pas 316 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 317 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nice-865" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 318 vides sur le site). Le mot-cle « examen civique + ville » dans 319 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nice : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 rue de Dijon, 06000, Nice</p> <p class="text-[14px] text-[#6a6a8a]">06000 Nice</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/865/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-19C615E25F0F27C96D2C8C670527816C4E70" data-lat="43.700298" data-lon="7.276523" data-name="LES ATELIERS FL-ESLF"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 320 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 321 element visuellement fort etait « S'inscrire », qui part chez le centre. 322 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 323 qui porte l'examen blanc, le guide et le formulaire de retour. 324 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 325 bouton « S'inscrire sur le site du centre ». 326 En superposition et non en <a> englobant, parce qu'on ne peut pas 327 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 328 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nice-fei-6c4e70" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 329 vides sur le site). Le mot-cle « examen civique + ville » dans 330 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nice : LES ATELIERS FL-ESLF</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LES ATELIERS FL-ESLF</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Alfred Mortier</p> <p class="text-[14px] text-[#6a6a8a]">06000 Nice</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://sejour.fl-france.fr/nice/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
330Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-6D65D913570F1D8D77C722D91714A24869BB" data-lat="43.703931" data-lon="7.255447" data-name="LIGUE DE L'ENSEIGNEMENT FOLAM"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 331 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 332 element visuellement fort etait « S'inscrire », qui part chez le centre. 333 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 334 qui porte l'examen blanc, le guide et le formulaire de retour. 335 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 336 bouton « S'inscrire sur le site du centre ». 337 En superposition et non en <a> englobant, parce qu'on ne peut pas 338 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 339 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nice-fei-4869bb" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 340 vides sur le site). Le mot-cle « examen civique + ville » dans 341 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nice : LIGUE DE L'ENSEIGNEMENT FOLAM</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LIGUE DE L'ENSEIGNEMENT FOLAM</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 rue Oscar 2</p> <p class="text-[14px] text-[#6a6a8a]">06000 Nice</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://folam.weebly.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8C8616A77EBBEAA9163BA92C2216084CB5B3" data-lat="43.615512" data-lon="7.054762" data-name="EQUIVALENCE LANGUE ET COMMUNICATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 342 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 343 element visuellement fort etait « S'inscrire », qui part chez le centre. 344 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 345 qui porte l'examen blanc, le guide et le formulaire de retour. 346 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 347 bouton « S'inscrire sur le site du centre ». 348 En superposition et non en <a> englobant, parce qu'on ne peut pas 349 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 350 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/valbonne-fei-4cb5b3" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 351 vides sur le site). Le mot-cle « examen civique + ville » dans 352 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Valbonne : EQUIVALENCE LANGUE ET COMMUNICATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">06</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EQUIVALENCE LANGUE ET COMMUNICATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Place Sophie Laffitte</p> <p class="text-[14px] text-[#6a6a8a]">06560 Valbonne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.groupeset.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
352Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location169-994" data-lat="44.60825" data-lon="4.390293" data-name="EFFICIA - AUBENAS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 353 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 354 element visuellement fort etait « S'inscrire », qui part chez le centre. 355 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 356 qui porte l'examen blanc, le guide et le formulaire de retour. 357 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 358 bouton « S'inscrire sur le site du centre ». 359 En superposition et non en <a> englobant, parce qu'on ne peut pas 360 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 361 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aubenas-994" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 362 vides sur le site). Le mot-cle « examen civique + ville » dans 363 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aubenas : EFFICIA - AUBENAS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">07</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EFFICIA - AUBENAS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 Rue Marc Seguin, 07200, AUBENAS</p> <p class="text-[14px] text-[#6a6a8a]">07200 Aubenas</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/994" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-768689DB7B41108C6E0749980F3F8FE25FF8" data-lat="44.613017" data-lon="4.404781" data-name="INFREP ARDÃCHE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 364 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 365 element visuellement fort etait « S'inscrire », qui part chez le centre. 366 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 367 qui porte l'examen blanc, le guide et le formulaire de retour. 368 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 369 bouton « S'inscrire sur le site du centre ». 370 En superposition et non en <a> englobant, parce qu'on ne peut pas 371 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 372 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aubenas-fei-e25ff8" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 373 vides sur le site). Le mot-cle « examen civique + ville » dans 374 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aubenas : INFREP ARDÃCHE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">07</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP ARDÃCHE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">25, rue des Griottes</p> <p class="text-[14px] text-[#6a6a8a]">07200 Aubenas</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
374Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0D3A3D2BE37436C46D37F77FE07F713C0F34" data-lat="45.257726" data-lon="4.686333" data-name="NOUVELLE DONNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 375 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 376 element visuellement fort etait « S'inscrire », qui part chez le centre. 377 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 378 qui porte l'examen blanc, le guide et le formulaire de retour. 379 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 380 bouton « S'inscrire sur le site du centre ». 381 En superposition et non en <a> englobant, parce qu'on ne peut pas 382 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 383 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/davezieux-fei-3c0f34" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 384 vides sur le site). Le mot-cle « examen civique + ville » dans 385 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Davézieux : NOUVELLE DONNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">07</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NOUVELLE DONNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Hôtel et Pépinière d'entreprises 698 rue de Vidalon</p> <p class="text-[14px] text-[#6a6a8a]">07430 Davézieux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.nouvelle-donne-formation.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-52EAAAB04A999AA8CFF3D38A44ABFDE5DEE8" data-lat="49.740929" data-lon="4.729592" data-name="API FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 386 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 387 element visuellement fort etait « S'inscrire », qui part chez le centre. 388 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 389 qui porte l'examen blanc, le guide et le formulaire de retour. 390 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 391 bouton « S'inscrire sur le site du centre ». 392 En superposition et non en <a> englobant, parce qu'on ne peut pas 393 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 394 Les elements interactifs passent au-dessus via z-10. -->
394 <a href="/centres-examen-civique/centre/charleville-mezieres-fei-e5dee8" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 395 vides sur le site). Le mot-cle « examen civique + ville » dans 396 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Charleville-Mézières : API FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">08</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">API FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10, rue Jean-Baptiste Lefort Z.A. du Val de Vence</p> <p class="text-[14px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://api-vt.com/apiformation/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location91-1063" data-lat="49.741349" data-lon="4.72938" data-name="FRATE FORMATION CONSEIL - CHARLEVILLE-MÃZIÃRES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 397 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 398 element visuellement fort etait « S'inscrire », qui part chez le centre. 399 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 400 qui porte l'examen blanc, le guide et le formulaire de retour. 401 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 402 bouton « S'inscrire sur le site du centre ». 403 En superposition et non en <a> englobant, parce qu'on ne peut pas 404 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 405 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/charleville-mezieres-1063" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 406 vides sur le site). Le mot-cle « examen civique + ville » dans 407 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Charleville-Mézières : FRATE FORMATION CONSEIL - CHARLEVILLE-MÃZIÃRES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">08</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - CHARLEVILLE-MÃZIÃRES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 rue Jean Baptiste Lefort, 08000, CHARLEVILLE-MÃZIÃRES</p> <p class="text-[14px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1063" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
407Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4AAA33A2471EFD858B6E5CD78CCA2B95A320" data-lat="49.774085" data-lon="4.738383" data-name="LA RONDE DES DÃCOUVERTES 08"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 408 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 409 element visuellement fort etait « S'inscrire », qui part chez le centre. 410 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 411 qui porte l'examen blanc, le guide et le formulaire de retour. 412 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 413 bouton « S'inscrire sur le site du centre ». 414 En superposition et non en <a> englobant, parce qu'on ne peut pas 415 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 416 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/charleville-mezieres-fei-95a320" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 417 vides sur le site). Le mot-cle « examen civique + ville » dans 418 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Charleville-Mézières : LA RONDE DES DÃCOUVERTES 08</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">08</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LA RONDE DES DÃCOUVERTES 08</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">19, avenue de Montcy Notre-Dame</p> <p class="text-[14px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.rdd08.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location85-848" data-lat="42.966752" data-lon="1.609072" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 419 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 420 element visuellement fort etait « S'inscrire », qui part chez le centre. 421 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 422 qui porte l'examen blanc, le guide et le formulaire de retour. 423 Ca ne coute rien au visiteur presse : la fiche contient elle au
423ssi le 424 bouton « S'inscrire sur le site du centre ». 425 En superposition et non en <a> englobant, parce qu'on ne peut pas 426 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 427 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/foix-848" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 428 vides sur le site). Le mot-cle « examen civique + ville » dans 429 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Foix : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">09</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4, Cours Irénée CROS, 09000, Foix</p> <p class="text-[14px] text-[#6a6a8a]">09000 Foix</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/848/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location133-1028" data-lat="42.9312" data-lon="1.846024" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 430 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 431 element visuellement fort etait « S'inscrire », qui part chez le centre. 432 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 433 qui porte l'examen blanc, le guide et le formulaire de retour. 434 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 435 bouton « S'inscrire sur le site du centre ». 436 En superposition et non en <a> englobant, parce qu'on ne peut pas 437 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 438 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lavelanet-1028" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 439 vides sur le site). Le mot-cle « examen civique + ville » dans 440 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lavelanet : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">09</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">41 Rue Jean Jaurès, 09300, LAVELANET</p> <p class="text-[14px] text-[#6a6a8a]">09300 Lavelanet</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1028" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
440Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location134-1029" data-lat="43.128236" data-lon="1.621819" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 441 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 442 element visuellement fort etait « S'inscrire », qui part chez le centre. 443 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 444 qui porte l'examen blanc, le guide et le formulaire de retour. 445 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 446 bouton « S'inscrire sur le site du centre ». 447 En superposition et non en <a> englobant, parce qu'on ne peut pas 448 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 449 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pamiers-1029" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 450 vides sur le site). Le mot-cle « examen civique + ville » dans 451 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pamiers : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">09</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48 Av. de la Rijol, 09100, PAMIERS</p> <p class="text-[14px] text-[#6a6a8a]">09100 Pamiers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1029" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location135-1030" data-lat="42.985165" data-lon="1.144874" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 452 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 453 element visuellement fort etait « S'inscrire », qui part chez le centre. 454 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 455 qui porte l'examen blanc, le guide et le formulaire de retour. 456 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 457 bouton « S'inscrire sur le site du centre ». 458 En superposition et non en <a> englobant, parce qu'on ne peut pas 459 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 460 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-girons-1030" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 461 vides sur le site). Le mot-cle « examen civique + ville » dans 462 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint Girons : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">09</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Maison de la Citoyenneté - 16 rue de la République, 09200, SAINT GIRONS</p> <p class="text-[14px] text-[#6a6a8a]">
46209200 Saint Girons</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1030" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location211-447" data-lat="48.299175" data-lon="4.063242" data-name="FRATE FORMATION CONSEIL - TROYES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 463 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 464 element visuellement fort etait « S'inscrire », qui part chez le centre. 465 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 466 qui porte l'examen blanc, le guide et le formulaire de retour. 467 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 468 bouton « S'inscrire sur le site du centre ». 469 En superposition et non en <a> englobant, parce qu'on ne peut pas 470 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 471 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/troyes-447" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 472 vides sur le site). Le mot-cle « examen civique + ville » dans 473 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Troyes : FRATE FORMATION CONSEIL - TROYES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">10</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - TROYES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">28 rue Coulommières, 10000, TROYES</p> <p class="text-[14px] text-[#6a6a8a]">10000 Troyes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/447" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
473Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4D2E4F807C850B15DFF1EE74A3B387A5143C" data-lat="48.283727" data-lon="4.078757" data-name="Y SCHOOLS - GROUPE ADPS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 474 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 475 element visuellement fort etait « S'inscrire », qui part chez le centre. 476 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 477 qui porte l'examen blanc, le guide et le formulaire de retour. 478 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 479 bouton « S'inscrire sur le site du centre ». 480 En superposition et non en <a> englobant, parce qu'on ne peut pas 481 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 482 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/troyes-fei-a5143c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 483 vides sur le site). Le mot-cle « examen civique + ville » dans 484 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Troyes : Y SCHOOLS - GROUPE ADPS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">10</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">Y SCHOOLS - GROUPE ADPS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">217, avenue Pierre Brossolette</p> <p class="text-[14px] text-[#6a6a8a]">10000 Troyes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.pfep.yschools.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-666987B687EE455E7BA4258B3B6290D8A4F7" data-lat="43.210238" data-lon="2.303169" data-name="GRETA - CFA DE L'AUDE ET DES PYRÃNÃES ORIENTALES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 485 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 486 element visuellement fort etait « S'inscrire », qui part chez le centre. 487 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 488 qui porte l'examen blanc, le guide et le formulaire de retour. 489 Ca ne coute rien au visiteur presse : la fiche contient elle au
489ssi le 490 bouton « S'inscrire sur le site du centre ». 491 En superposition et non en <a> englobant, parce qu'on ne peut pas 492 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 493 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/carcassonne-fei-d8a4f7" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 494 vides sur le site). Le mot-cle « examen civique + ville » dans 495 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Carcassonne : GRETA - CFA DE L'AUDE ET DES PYRÃNÃES ORIENTALES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA - CFA DE L'AUDE ET DES PYRÃNÃES ORIENTALES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Site de Carcassonne Salvaza 750, rue Antoine Durand</p> <p class="text-[14px] text-[#6a6a8a]">11000 Carcassonne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://digital.maforpro-occitanie.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location55-1034" data-lat="43.206029" data-lon="2.315962" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 496 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 497 element visuellement fort etait « S'inscrire », qui part chez le centre. 498 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 499 qui porte l'examen blanc, le guide et le formulaire de retour. 500 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 501 bouton « S'inscrire sur le site du centre ». 502 En superposition et non en <a> englobant, parce qu'on ne peut pas 503 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 504 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/carcassonne-1034" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 505 vides sur le site). Le mot-cle « examen civique + ville » dans 506 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Carcassonne : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">170, Rue Jean Melliès, 11000, CARCASSONNE</p> <p class="text-[14px] text-[#6a6a8a]">11000 Carcassonne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1034/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
506Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-845B8039CE9EFA6BBBDB65D25388F85F0958" data-lat="43.304411" data-lon="1.943346" data-name="GRETA-CFA DE L'AUDE ET DES PYRÃNÃES-ORIENTALES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 507 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 508 element visuellement fort etait « S'inscrire », qui part chez le centre. 509 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 510 qui porte l'examen blanc, le guide et le formulaire de retour. 511 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 512 bouton « S'inscrire sur le site du centre ». 513 En superposition et non en <a> englobant, parce qu'on ne peut pas 514 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 515 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/castelnaudary-fei-5f0958" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 516 vides sur le site). Le mot-cle « examen civique + ville » dans 517 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Castelnaudary : GRETA-CFA DE L'AUDE ET DES PYRÃNÃES-ORIENTALES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA DE L'AUDE ET DES PYRÃNÃES-ORIENTALES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Germaine Tillon 1, avenue du campus Jean Durant</p> <p class="text-[14px] text-[#6a6a8a]">11400 Castelnaudary</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://maforpro-occitanie.fr/greta-cfa/votre-greta-cfa/greta-cfa-des-pyrenees-orientales" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DA601A66FDF1552595E12BC1C2C2012C0A1C" data-lat="43.185409" data-lon="2.979154" data-name="ASSOCIATION "CHEZ MOTS PASSANTS""> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 518 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 519 element visuellement fort etait « S'inscrire », qui part chez le centre. 520 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 521 qui porte l'examen blanc, le guide et le formulaire de retour. 522 Ca ne coute rien au visiteur presse : la fiche contient elle au
522ssi le 523 bouton « S'inscrire sur le site du centre ». 524 En superposition et non en <a> englobant, parce qu'on ne peut pas 525 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 526 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/narbonne-fei-2c0a1c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 527 vides sur le site). Le mot-cle « examen civique + ville » dans 528 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Narbonne : ASSOCIATION "CHEZ MOTS PASSANTS"</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION "CHEZ MOTS PASSANTS"</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Maison des Services 1, avenue de la Naïade</p> <p class="text-[14px] text-[#6a6a8a]">11100 Narbonne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.chezmotspassants.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location138-1035" data-lat="43.161524" data-lon="3.047209" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 529 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 530 element visuellement fort etait « S'inscrire », qui part chez le centre. 531 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 532 qui porte l'examen blanc, le guide et le formulaire de retour. 533 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 534 bouton « S'inscrire sur le site du centre ». 535 En superposition et non en <a> englobant, parce qu'on ne peut pas 536 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 537 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/narbonne-1035" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 538 vides sur le site). Le mot-cle « examen civique + ville » dans 539 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Narbonne : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Batiment B Espace soleil, 2 route de Gruissan, 11100, NARBONNE</p> <p class="text-[14px] text-[#6a6a8a]">11100 Narbonne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1035" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
539Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location139-1036" data-lat="48.403469" data-lon="6.825691" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 540 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 541 element visuellement fort etait « S'inscrire », qui part chez le centre. 542 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 543 qui porte l'examen blanc, le guide et le formulaire de retour. 544 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 545 bouton « S'inscrire sur le site du centre ». 546 En superposition et non en <a> englobant, parce qu'on ne peut pas 547 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 548 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pieusse-1036" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 549 vides sur le site). Le mot-cle « examen civique + ville » dans 550 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pieusse : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">11</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Pépinière et Hotel d'entreprises Parc régional d'activité économique Charles Cros RD 118, 11300, PIEUSSE</p> <p class="text-[14px] text-[#6a6a8a]">11300 Pieusse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1036" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location181-995" data-lat="44.103057" data-lon="3.076782" data-name="EFFICIA - MILLAU"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 551 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 552 element visuellement fort etait « S'inscrire », qui part chez le centre. 553 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 554 qui porte l'examen blanc, le guide et le formulaire de retour. 555 Ca ne coute rien au visiteur presse : la fiche contient elle au
555ssi le 556 bouton « S'inscrire sur le site du centre ». 557 En superposition et non en <a> englobant, parce qu'on ne peut pas 558 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 559 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/millau-995" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 560 vides sur le site). Le mot-cle « examen civique + ville » dans 561 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Millau : EFFICIA - MILLAU</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">12</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EFFICIA - MILLAU</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">32 avenue de la République, 12100, MILLAU</p> <p class="text-[14px] text-[#6a6a8a]">12100 Millau</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/995" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5852B86BC9C79A91E1F867C96F29211D00CC" data-lat="44.096325" data-lon="3.076504" data-name="GRETA MIDI-PYRÃNÃES NORD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 562 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 563 element visuellement fort etait « S'inscrire », qui part chez le centre. 564 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 565 qui porte l'examen blanc, le guide et le formulaire de retour. 566 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 567 bouton « S'inscrire sur le site du centre ». 568 En superposition et non en <a> englobant, parce qu'on ne peut pas 569 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 570 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/millau-fei-1d00cc" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 571 vides sur le site). Le mot-cle « examen civique + ville » dans 572 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Millau : GRETA MIDI-PYRÃNÃES NORD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">12</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA MIDI-PYRÃNÃES NORD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">38 boulevard de l'Ayrolle</p> <p class="text-[14px] text-[#6a6a8a]">12100 Millau</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://maforpro-occitanie.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
572Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location179-260" data-lat="44.359002" data-lon="2.557955" data-name="CAMPUS XIIe AVENUE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 573 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 574 element visuellement fort etait « S'inscrire », qui part chez le centre. 575 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 576 qui porte l'examen blanc, le guide et le formulaire de retour. 577 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 578 bouton « S'inscrire sur le site du centre ». 579 En superposition et non en <a> englobant, parce qu'on ne peut pas 580 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 581 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rodez-260" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 582 vides sur le site). Le mot-cle « examen civique + ville » dans 583 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rodez : CAMPUS XIIe AVENUE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">12</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CAMPUS XIIe AVENUE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 rue de Bruxelles, 12000, RODEZ</p> <p class="text-[14px] text-[#6a6a8a]">12000 Rodez</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/260" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-7F9061CC06FEF561569BE3B84E6706E5BCF8" data-lat="44.362659" data-lon="2.576899" data-name="GRETA MIDI-PYRÃNÃES NORD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 584 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 585 element visuellement fort etait « S'inscrire », qui part chez le centre. 586 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 587 qui porte l'examen blanc, le guide et le formulaire de retour. 588 Ca ne coute rien au visiteur presse : la fiche contient elle au
588ssi le 589 bouton « S'inscrire sur le site du centre ». 590 En superposition et non en <a> englobant, parce qu'on ne peut pas 591 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 592 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rodez-fei-e5bcf8" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 593 vides sur le site). Le mot-cle « examen civique + ville » dans 594 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rodez : GRETA MIDI-PYRÃNÃES NORD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">12</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA MIDI-PYRÃNÃES NORD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 avenue du Maréchal Joffre</p> <p class="text-[14px] text-[#6a6a8a]">12000 Rodez</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.maforpro.ac-toulouse.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-337E0DEFF8D578C58581D51EB35F71ADA4F1" data-lat="43.528657" data-lon="5.440324" data-name="ALLIANCE FRANÃAISE PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 595 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 596 element visuellement fort etait « S'inscrire », qui part chez le centre. 597 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 598 qui porte l'examen blanc, le guide et le formulaire de retour. 599 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 600 bouton « S'inscrire sur le site du centre ». 601 En superposition et non en <a> englobant, parce qu'on ne peut pas 602 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 603 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aix-en-provence-fei-ada4f1" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 604 vides sur le site). Le mot-cle « examen civique + ville » dans 605 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aix-en-Provence : ALLIANCE FRANÃAISE PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">47 boulevard de la République</p> <p class="text-[14px] text-[#6a6a8a]">13100 Aix-en-Provence</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afaixmarseille.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
605Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location96-1070" data-lat="43.479928" data-lon="5.372757" data-name="ELFE - ÃVRY COURCOURONNES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 606 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 607 element visuellement fort etait « S'inscrire », qui part chez le centre. 608 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 609 qui porte l'examen blanc, le guide et le formulaire de retour. 610 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 611 bouton « S'inscrire sur le site du centre ». 612 En superposition et non en <a> englobant, parce qu'on ne peut pas 613 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 614 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aix-en-provence-1070" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 615 vides sur le site). Le mot-cle « examen civique + ville » dans 616 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aix-en-Provence : ELFE - ÃVRY COURCOURONNES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELFE - ÃVRY COURCOURONNES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">155 Rue Paul Langevin, 13290, AIX-EN-PROVENCE</p> <p class="text-[14px] text-[#6a6a8a]">13290 Aix-en-Provence</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1070" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5415467995719E71FAF6BE95F472E8CF1A95" data-lat="43.526874" data-lon="5.46275" data-name="IS - INSTITUT INTERNATIONAL DE LANGUE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 617 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 618 element visuellement fort etait « S'inscrire », qui part chez le centre. 619 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 620 qui porte l'examen blanc, le guide et le formulaire de retour. 621 Ca ne coute rien au visiteur presse : la fiche contient elle au
621ssi le 622 bouton « S'inscrire sur le site du centre ». 623 En superposition et non en <a> englobant, parce qu'on ne peut pas 624 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 625 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aix-en-provence-fei-cf1a95" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 626 vides sur le site). Le mot-cle « examen civique + ville » dans 627 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aix-en-Provence : IS - INSTITUT INTERNATIONAL DE LANGUE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IS - INSTITUT INTERNATIONAL DE LANGUE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">30, avenue des Ecoles Militaires</p> <p class="text-[14px] text-[#6a6a8a]">13100 Aix-en-Provence</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.is-aix.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B4D946A0AE3C25727947F42489AF8A4E5097" data-lat="43.505307" data-lon="4.989155" data-name="CENTRE SOCIAL LA FARANDOLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 628 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 629 element visuellement fort etait « S'inscrire », qui part chez le centre. 630 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 631 qui porte l'examen blanc, le guide et le formulaire de retour. 632 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 633 bouton « S'inscrire sur le site du centre ». 634 En superposition et non en <a> englobant, parce qu'on ne peut pas 635 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 636 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/istres-fei-4e5097" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 637 vides sur le site). Le mot-cle « examen civique + ville » dans 638 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Istres : CENTRE SOCIAL LA FARANDOLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE SOCIAL LA FARANDOLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
638Rue de la Poutre</p> <p class="text-[14px] text-[#6a6a8a]">13800 Istres</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://languesfarandole.wordpress.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-736BBEDBD6574988F74393CD5E54934D2AAA" data-lat="43.287709" data-lon="5.379563" data-name="ALLIANCE FRANÃAISE PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 639 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 640 element visuellement fort etait « S'inscrire », qui part chez le centre. 641 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 642 qui porte l'examen blanc, le guide et le formulaire de retour. 643 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 644 bouton « S'inscrire sur le site du centre ». 645 En superposition et non en <a> englobant, parce qu'on ne peut pas 646 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 647 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-fei-4d2aaa" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 648 vides sur le site). Le mot-cle « examen civique + ville » dans 649 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Marseille : ALLIANCE FRANÃAISE PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">72-74 rue Saint-Suffren</p> <p class="text-[14px] text-[#6a6a8a]">13006 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afaixmarseille.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
649Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-50411253F0658FE77BC018C8561B7FE2019B" data-lat="43.288473" data-lon="5.38151" data-name="ATOUT LANGUES SUD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 650 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 651 element visuellement fort etait « S'inscrire », qui part chez le centre. 652 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 653 qui porte l'examen blanc, le guide et le formulaire de retour. 654 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 655 bouton « S'inscrire sur le site du centre ». 656 En superposition et non en <a> englobant, parce qu'on ne peut pas 657 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 658 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-fei-e2019b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 659 vides sur le site). Le mot-cle « examen civique + ville » dans 660 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
660Examen civique à Marseille : ATOUT LANGUES SUD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ATOUT LANGUES SUD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 rue Dragon</p> <p class="text-[14px] text-[#6a6a8a]">13006 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.courslangueetrangere.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-939" data-lat="43.296901" data-lon="5.379568" data-name="COGNITION FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 661 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 662 element visuellement fort etait « S'inscrire », qui part chez le centre. 663 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 664 qui porte l'examen blanc, le guide et le formulaire de retour. 665 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 666 bouton « S'inscrire sur le site du centre ». 667 En superposition et non en <a> englobant, parce qu'on ne peut pas 668 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 669 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-939" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 670 vides sur le site). Le mot-cle « examen civique + ville » dans 671 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Marseille : COGNITION FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">COGNITION FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">52 La Canebière 13001, 13014, MARSEILLE</p> <p class="text-[14px] text-[#6a6a8a]">13014 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/939/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
671Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location2-901" data-lat="43.295912" data-lon="5.423662" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 672 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 673 element visuellement fort etait « S'inscrire », qui part chez le centre. 674 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 675 qui porte l'examen blanc, le guide et le formulaire de retour. 676 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 677 bouton « S'inscrire sur le site du centre ». 678 En superposition et non en <a> englobant, parce qu'on ne peut pas 679 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 680 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-901" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 681 vides sur le site). Le mot-cle « examen civique + ville » dans 682 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Marseille : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 rue Gaston de Flotte, 13012, Marseille</p> <p class="text-[14px] text-[#6a6a8a]">13012 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/901/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B61BFF8EB345978303F96C7587083DDE3D6F" data-lat="43.278024" data-lon="5.405837" data-name="SUD FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 683 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 684 element visuellement fort etait « S'inscrire », qui part chez le centre. 685 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 686 qui porte l'examen blanc, le guide et le formulaire de retour. 687 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 688 bouton « S'inscrire sur le site du centre ». 689 En superposition et non en <a> englobant, parce qu'on ne peut pas 690 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 691 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-fei-de3d6f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 692 vides sur le site). Le mot-cle « examen civique + ville » dans 693 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
693Examen civique à Marseille : SUD FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">SUD FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Jean Eugène Paillas CÅur Capelette Iot 18 Bât D</p> <p class="text-[14px] text-[#6a6a8a]">13010 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://sudformation13.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-744" data-lat="43.298401" data-lon="5.374286" data-name="WORLD TRADE CENTER MARSEILLE PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 694 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 695 element visuellement fort etait « S'inscrire », qui part chez le centre. 696 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 697 qui porte l'examen blanc, le guide et le formulaire de retour. 698 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 699 bouton « S'inscrire sur le site du centre ». 700 En superposition et non en <a> englobant, parce qu'on ne peut pas 701 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 702 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/marseille-744" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 703 vides sur le site). Le mot-cle « examen civique + ville » dans 704 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Marseille : WORLD TRADE CENTER MARSEILLE PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">13</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">WORLD TRADE CENTER MARSEILLE PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 rue Henri Barbusse, 13001, MARSEILLE</p> <p class="text-[14px] text-[#6a6a8a]">13001 Marseille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/744/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
704Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-FEE2F99031E32E9DDEC427A2E212046AE618" data-lat="49.188688" data-lon="-0.382916" data-name="ECOLE DES PARENTS ET DES ÃDUCATEURS DU CALVADOS - EPE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 705 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 706 element visuellement fort etait « S'inscrire », qui part chez le centre. 707 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 708 qui porte l'examen blanc, le guide et le formulaire de retour. 709 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 710 bouton « S'inscrire sur le site du centre ». 711 En superposition et non en <a> englobant, parce qu'on ne peut pas 712 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 713 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/caen-fei-6ae618" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 714 vides sur le site). Le mot-cle « examen civique + ville » dans 715 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Caen : ECOLE DES PARENTS ET DES ÃDUCATEURS DU CALVADOS - EPE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">14</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ECOLE DES PARENTS ET DES ÃDUCATEURS DU CALVADOS - EPE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">24 avenue de la 1ère Armée Française</p> <p class="text-[14px] text-[#6a6a8a]">14000 Caen</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.epe14.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location186-985" data-lat="49.198856" data-lon="-0.36164" data-name="MOVE UP FORMATION - CAEN"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 716 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 717 element visuellement fort etait « S'inscrire », qui part chez le centre. 718 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 719 qui porte l'examen blanc, le guide et le formulaire de retour. 720 Ca ne coute rien au visiteur presse : la fiche contient elle au
720ssi le 721 bouton « S'inscrire sur le site du centre ». 722 En superposition et non en <a> englobant, parce qu'on ne peut pas 723 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 724 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/caen-985" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 725 vides sur le site). Le mot-cle « examen civique + ville » dans 726 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Caen : MOVE UP FORMATION - CAEN</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">14</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - CAEN</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26 Avenue de Thiès, 14000, CAEN</p> <p class="text-[14px] text-[#6a6a8a]">14000 Caen</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/985" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-56027240CA5FF06A4DE5907FB390BC8F86F6" data-lat="44.920119" data-lon="2.438424" data-name="OSENGO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 727 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 728 element visuellement fort etait « S'inscrire », qui part chez le centre. 729 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 730 qui porte l'examen blanc, le guide et le formulaire de retour. 731 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 732 bouton « S'inscrire sur le site du centre ». 733 En superposition et non en <a> englobant, parce qu'on ne peut pas 734 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 735 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aurillac-fei-8f86f6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 736 vides sur le site). Le mot-cle « examen civique + ville » dans 737 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aurillac : OSENGO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">15</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">OSENGO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5, rue du Coq Vert</p> <p class="text-[14px] text-[#6a6a8a]">15000 Aurillac</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.aformac.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
737Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location187-1016" data-lat="45.036265" data-lon="3.081002" data-name="FRATE FORMATION CONSEIL - SAINT-FLOUR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 738 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 739 element visuellement fort etait « S'inscrire », qui part chez le centre. 740 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 741 qui porte l'examen blanc, le guide et le formulaire de retour. 742 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 743 bouton « S'inscrire sur le site du centre ». 744 En superposition et non en <a> englobant, parce qu'on ne peut pas 745 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 746 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-flour-1016" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 747 vides sur le site). Le mot-cle « examen civique + ville » dans 748 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Flour : FRATE FORMATION CONSEIL - SAINT-FLOUR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">15</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - SAINT-FLOUR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 Avenue de Besserette, 15100, SAINT- FLOUR</p> <p class="text-[14px] text-[#6a6a8a]">15100 Saint-Flour</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1016" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A69E900A01F921B2B3D77DB98199E7D65B10" data-lat="45.658586" data-lon="0.164575" data-name="LIGUE DE LâENSEIGNEMENT NOUVELLE AQUITAINE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 749 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 750 element visuellement fort etait « S'inscrire », qui part chez le centre. 751 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 752 qui porte l'examen blanc, le guide et le formulaire de retour. 753 Ca ne coute rien au visiteur presse : la fiche contient elle au
753ssi le 754 bouton « S'inscrire sur le site du centre ». 755 En superposition et non en <a> englobant, parce qu'on ne peut pas 756 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 757 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/angouleme-fei-d65b10" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 758 vides sur le site). Le mot-cle « examen civique + ville » dans 759 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Angoulême : LIGUE DE LâENSEIGNEMENT NOUVELLE AQUITAINE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">16</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LIGUE DE LâENSEIGNEMENT NOUVELLE AQUITAINE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 rue de Paris</p> <p class="text-[14px] text-[#6a6a8a]">16000 Angoulême</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.irfrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DBD03751D191BA8815B2684F3F5E8A35DC89" data-lat="46.167601" data-lon="-1.165817" data-name="GRETA POITOU-CHARENTES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 760 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 761 element visuellement fort etait « S'inscrire », qui part chez le centre. 762 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 763 qui porte l'examen blanc, le guide et le formulaire de retour. 764 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 765 bouton « S'inscrire sur le site du centre ». 766 En superposition et non en <a> englobant, parce qu'on ne peut pas 767 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 768 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/la-rochelle-fei-35dc89" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 769 vides sur le site). Le mot-cle « examen civique + ville » dans 770 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à La Rochelle : GRETA POITOU-CHARENTES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">17</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA POITOU-CHARENTES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">86, rue de Bel Air CS</p> <p class="text-[14px] text-[#6a6a8a]">10703 La Rochelle</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.greta-poitou-charentes.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
770Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-48D4DF19C0810F4AE02AAF1BCFD4BB8B2EAD" data-lat="46.140789" data-lon="-1.160576" data-name="INLINGUA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 771 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 772 element visuellement fort etait « S'inscrire », qui part chez le centre. 773 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 774 qui porte l'examen blanc, le guide et le formulaire de retour. 775 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 776 bouton « S'inscrire sur le site du centre ». 777 En superposition et non en <a> englobant, parce qu'on ne peut pas 778 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 779 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/la-rochelle-fei-8b2ead" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 780 vides sur le site). Le mot-cle « examen civique + ville » dans 781 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à La Rochelle : INLINGUA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">17</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INLINGUA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 Rue Alfred Kastler</p> <p class="text-[14px] text-[#6a6a8a]">17000 La Rochelle</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.inlingua17.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-008528986D45FD000E35278A4208FD2A6F67" data-lat="45.628831" data-lon="-1.017066" data-name="CENTRE AUDIOVISUEL DE ROYAN POUR L'ETUDE DES LANGUES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 782 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 783 element visuellement fort etait « S'inscrire », qui part chez le centre. 784 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 785 qui porte l'examen blanc, le guide et le formulaire de retour. 786 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 787 bouton « S'inscrire sur le site du centre ». 788 En superposition et non en <a> englobant, parce qu'on ne peut pas 789 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 790 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/royan-fei-2a6f67" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 791 vides sur le site). Le mot-cle « examen civique + ville » dans 792 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Royan : CENTRE AUDIOVISUEL DE ROYAN POUR L'ETUDE DES LANGUES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">17</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE AUDIOVISUEL DE ROYAN POUR L'ETUDE DES LANGUES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48, boulevard Franck Lamy Place Jean-Noel de Lipkowski</p> <p class="text-[14px] text-[#6a6a8a]">17200 Royan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.carel.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
792Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location185-1003" data-lat="47.123187" data-lon="2.407767" data-name="FRATE FORMATION - BOURGES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 793 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 794 element visuellement fort etait « S'inscrire », qui part chez le centre. 795 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 796 qui porte l'examen blanc, le guide et le formulaire de retour. 797 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 798 bouton « S'inscrire sur le site du centre ». 799 En superposition et non en <a> englobant, parce qu'on ne peut pas 800 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 801 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bourges-1003" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 802 vides sur le site). Le mot-cle « examen civique + ville » dans 803 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bourges : FRATE FORMATION - BOURGES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">18</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION - BOURGES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Association Tivoli Initiative, 18000, BOURGES</p> <p class="text-[14px] text-[#6a6a8a]">18000 Bourges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1003" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1D98948A951D410E55563E5B385893469DDD" data-lat="47.078858" data-lon="2.416143" data-name="IMEP - INSTITUT COMMUNAUTAIRE D'EDUCATION PERMANENTE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 804 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 805 element visuellement fort etait « S'inscrire », qui part chez le centre. 806 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 807 qui porte l'examen blanc, le guide et le formulaire de retour. 808 Ca ne coute rien au visiteur presse : la fiche contient elle au
808ssi le 809 bouton « S'inscrire sur le site du centre ». 810 En superposition et non en <a> englobant, parce qu'on ne peut pas 811 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 812 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bourges-fei-469ddd" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 813 vides sur le site). Le mot-cle « examen civique + ville » dans 814 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bourges : IMEP - INSTITUT COMMUNAUTAIRE D'EDUCATION PERMANENTE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">18</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IMEP - INSTITUT COMMUNAUTAIRE D'EDUCATION PERMANENTE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7, rue Marest - Bât. Salle d'Armes Campus Lahitolle</p> <p class="text-[14px] text-[#6a6a8a]">18000 Bourges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://imep.bourgesplus.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-704103A1AFE8A19B6BA644464348DDC4311E" data-lat="47.223372" data-lon="2.07073" data-name="APPRENDRE LE FRANÃAIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 815 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 816 element visuellement fort etait « S'inscrire », qui part chez le centre. 817 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 818 qui porte l'examen blanc, le guide et le formulaire de retour. 819 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 820 bouton « S'inscrire sur le site du centre ». 821 En superposition et non en <a> englobant, parce qu'on ne peut pas 822 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 823 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vierzon-fei-c4311e" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 824 vides sur le site). Le mot-cle « examen civique + ville » dans 825 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vierzon : APPRENDRE LE FRANÃAIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">18</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">APPRENDRE LE FRANÃAIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26 Place Vaillant Couturier</p> <p class="text-[14px] text-[#6a6a8a]">18100 Vierzon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.facebook.com/ALF.18100" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
825Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A986648DFA6FC4EE31E1D052C91F7120882A" data-lat="45.158044" data-lon="1.479082" data-name="FEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 826 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 827 element visuellement fort etait « S'inscrire », qui part chez le centre. 828 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 829 qui porte l'examen blanc, le guide et le formulaire de retour. 830 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 831 bouton « S'inscrire sur le site du centre ». 832 En superposition et non en <a> englobant, parce qu'on ne peut pas 833 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 834 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/brive-la-gaillarde-fei-20882a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 835 vides sur le site). Le mot-cle « examen civique + ville » dans 836 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Brive-la-Gaillarde : FEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">19</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 avenue du 4 Juillet 1774</p> <p class="text-[14px] text-[#6a6a8a]">19100 Brive-la-Gaillarde</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.groupe-fel.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location194-1073" data-lat="45.154653" data-lon="1.530236" data-name="ZD ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 837 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 838 element visuellement fort etait « S'inscrire », qui part chez le centre. 839 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 840 qui porte l'examen blanc, le guide et le formulaire de retour. 841 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 842 bouton « S'inscrire sur le site du centre ». 843 En superposition et non en <a> englobant, parce qu'on ne peut pas 844 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 845 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/brive-la-gaillarde-1073" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 846 vides sur le site). Le mot-cle « examen civique + ville » dans 847 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Brive-la-Gaillarde : ZD ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">19</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ZD ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">152 avenue jean Jaurès, 19100, Brive La Gaillarde</p> <p class="text-[14px] text-[#6a6a8a]">19100 Brive-la-Gaillarde</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1073" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
847Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location50-1008" data-lat="41.911044" data-lon="8.721375" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 848 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 849 element visuellement fort etait « S'inscrire », qui part chez le centre. 850 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 851 qui porte l'examen blanc, le guide et le formulaire de retour. 852 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 853 bouton « S'inscrire sur le site du centre ». 854 En superposition et non en <a> englobant, parce qu'on ne peut pas 855 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 856 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ajaccio-1008" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 857 vides sur le site). Le mot-cle « examen civique + ville » dans 858 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ajaccio : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">20</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Place Miot, boulevard Albert 1er, 20000, Ajaccio</p> <p class="text-[14px] text-[#6a6a8a]">20000 Ajaccio</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1008/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location117-1076" data-lat="42.704562" data-lon="9.449657" data-name="MOVE UP FORMATION - BASTIA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 859 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 860 element visuellement fort etait « S'inscrire », qui part chez le centre. 861 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 862 qui porte l'examen blanc, le guide et le formulaire de retour. 863 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 864 bouton « S'inscrire sur le site du centre ». 865 En superposition et non en <a> englobant, parce qu'on ne peut pas 866 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 867 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bastia-1076" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 868 vides sur le site). Le mot-cle « examen civique + ville » dans 869 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bastia : MOVE UP FORMATION - BASTIA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">20</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - BASTIA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 Route de ville, 20200, BASTIA</p> <p class="text-[14px] text-[#6a6a8a]">20200 Bastia</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1076" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
869Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B5CCA9EB620BC438DDBB5DA3D5E428A3D9E5" data-lat="47.332143" data-lon="5.064279" data-name="CESAM - CONCILIER LâECONOMIQUE ET LE SOCIAL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 870 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 871 element visuellement fort etait « S'inscrire », qui part chez le centre. 872 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 873 qui porte l'examen blanc, le guide et le formulaire de retour. 874 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 875 bouton « S'inscrire sur le site du centre ». 876 En superposition et non en <a> englobant, parce qu'on ne peut pas 877 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 878 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dijon-fei-a3d9e5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 879 vides sur le site). Le mot-cle « examen civique + ville » dans 880 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dijon : CESAM - CONCILIER LâECONOMIQUE ET LE SOCIAL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">21</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CESAM - CONCILIER LâECONOMIQUE ET LE SOCIAL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Jean XXIII</p> <p class="text-[14px] text-[#6a6a8a]">21000 Dijon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cesamformation.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location171-439" data-lat="47.316027" data-lon="5.03309" data-name="FRATE FORMATION CONSEIL - DIJON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 881 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 882 element visuellement fort etait « S'inscrire », qui part chez le centre. 883 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 884 qui porte l'examen blanc, le guide et le formulaire de retour. 885 Ca ne coute rien au visiteur presse : la fiche contient elle au
885ssi le 886 bouton « S'inscrire sur le site du centre ». 887 En superposition et non en <a> englobant, parce qu'on ne peut pas 888 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 889 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dijon-439" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 890 vides sur le site). Le mot-cle « examen civique + ville » dans 891 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dijon : FRATE FORMATION CONSEIL - DIJON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">21</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - DIJON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 rue des Corroyeurs, 21000, DIJON</p> <p class="text-[14px] text-[#6a6a8a]">21000 Dijon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/439" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D27FC40EBA6DEE80B1B131E958A405332A1C" data-lat="47.349223" data-lon="5.047118" data-name="IFPA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 892 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 893 element visuellement fort etait « S'inscrire », qui part chez le centre. 894 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 895 qui porte l'examen blanc, le guide et le formulaire de retour. 896 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 897 bouton « S'inscrire sur le site du centre ». 898 En superposition et non en <a> englobant, parce qu'on ne peut pas 899 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 900 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dijon-fei-332a1c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 901 vides sur le site). Le mot-cle « examen civique + ville » dans 902 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dijon : IFPA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">21</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IFPA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 boulevard Rembrandt</p> <p class="text-[14px] text-[#6a6a8a]">21000 Dijon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://ifpa-formation.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
902Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location119-807" data-lat="47.328252" data-lon="5.031845" data-name="INSTITUT DE TOURAINE - IEFT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 903 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 904 element visuellement fort etait « S'inscrire », qui part chez le centre. 905 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 906 qui porte l'examen blanc, le guide et le formulaire de retour. 907 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 908 bouton « S'inscrire sur le site du centre ». 909 En superposition et non en <a> englobant, parce qu'on ne peut pas 910 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 911 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dijon-807" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 912 vides sur le site). Le mot-cle « examen civique + ville » dans 913 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dijon : INSTITUT DE TOURAINE - IEFT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">21</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT DE TOURAINE - IEFT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Ligue de l'Enseignement BFC, 20 rue de l'Egalité,, 21000, Dijon</p> <p class="text-[14px] text-[#6a6a8a]">21000 Dijon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/807" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location127-836" data-lat="47.331411" data-lon="5.061915" data-name="LIGUE DE L'ENSEIGNEMENT BOURGOGNE FRANCHE COMTà - DIJON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 914 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 915 element visuellement fort etait « S'inscrire », qui part chez le centre. 916 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 917 qui porte l'examen blanc, le guide et le formulaire de retour. 918 Ca ne coute rien au visiteur presse : la fiche contient elle au
918ssi le 919 bouton « S'inscrire sur le site du centre ». 920 En superposition et non en <a> englobant, parce qu'on ne peut pas 921 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 922 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dijon-836" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 923 vides sur le site). Le mot-cle « examen civique + ville » dans 924 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dijon : LIGUE DE L'ENSEIGNEMENT BOURGOGNE FRANCHE COMTà - DIJON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">21</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LIGUE DE L'ENSEIGNEMENT BOURGOGNE FRANCHE COMTà - DIJON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10 rue Camille Flammarion, 21000, DIJON</p> <p class="text-[14px] text-[#6a6a8a]">21000 Dijon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/836" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1F937DCB112698615B8C8179CA87742C5721" data-lat="48.499588" data-lon="-2.749213" data-name="CLPS L'ENJEU COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 925 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 926 element visuellement fort etait « S'inscrire », qui part chez le centre. 927 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 928 qui porte l'examen blanc, le guide et le formulaire de retour. 929 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 930 bouton « S'inscrire sur le site du centre ». 931 En superposition et non en <a> englobant, parce qu'on ne peut pas 932 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 933 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-brieuc-fei-2c5721" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 934 vides sur le site). Le mot-cle « examen civique + ville » dans 935 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Brieuc : CLPS L'ENJEU COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">22</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLPS L'ENJEU COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Jules Vallès</p> <p class="text-[14px] text-[#6a6a8a]">22000 Saint-Brieuc</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.clps.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
935Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location113-1065" data-lat="48.510029" data-lon="-2.759742" data-name="MOVE UP FORMATION - SAINT-BRIEUC"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 936 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 937 element visuellement fort etait « S'inscrire », qui part chez le centre. 938 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 939 qui porte l'examen blanc, le guide et le formulaire de retour. 940 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 941 bouton « S'inscrire sur le site du centre ». 942 En superposition et non en <a> englobant, parce qu'on ne peut pas 943 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 944 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-brieuc-1065" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 945 vides sur le site). Le mot-cle « examen civique + ville » dans 946 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Brieuc : MOVE UP FORMATION - SAINT-BRIEUC</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">22</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - SAINT-BRIEUC</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 Boulevard Clemenceau, 22000 , SAINT-BRIEUC</p> <p class="text-[14px] text-[#6a6a8a]">22000 Saint-Brieuc</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1065" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location32-1108" data-lat="44.849445" data-lon="0.484596" data-name="LEO LAGRANGE FORMATION - BERGERAC"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 947 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 948 element visuellement fort etait « S'inscrire », qui part chez le centre. 949 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 950 qui porte l'examen blanc, le guide et le formulaire de retour. 951 Ca ne coute rien au visiteur presse : la fiche contient elle au
951ssi le 952 bouton « S'inscrire sur le site du centre ». 953 En superposition et non en <a> englobant, parce qu'on ne peut pas 954 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 955 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bergerac-1108" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 956 vides sur le site). Le mot-cle « examen civique + ville » dans 957 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bergerac : LEO LAGRANGE FORMATION - BERGERAC</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">24</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - BERGERAC</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 rue Neuve dâArgenson, 24100, BERGERAC</p> <p class="text-[14px] text-[#6a6a8a]">24100 Bergerac</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1108/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-BEBD9967698EBE26509421166719E522B390" data-lat="45.180272" data-lon="0.719077" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 958 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 959 element visuellement fort etait « S'inscrire », qui part chez le centre. 960 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 961 qui porte l'examen blanc, le guide et le formulaire de retour. 962 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 963 bouton « S'inscrire sur le site du centre ». 964 En superposition et non en <a> englobant, parce qu'on ne peut pas 965 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 966 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perigueux-fei-22b390" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 967 vides sur le site). Le mot-cle « examen civique + ville » dans 968 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Périgueux : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">24</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1, rue Littré</p> <p class="text-[14px] text-[#6a6a8a]">24000 Périgueux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
968Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-23DEE29AEBF174E06D7DA07A0C98DA82D571" data-lat="47.234477" data-lon="6.015209" data-name="CLA - UNIVERSITà MARIE ET LOUIS PASTEUR - U33250-01"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 969 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 970 element visuellement fort etait « S'inscrire », qui part chez le centre. 971 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 972 qui porte l'examen blanc, le guide et le formulaire de retour. 973 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 974 bouton « S'inscrire sur le site du centre ». 975 En superposition et non en <a> englobant, parce qu'on ne peut pas 976 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 977 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/besancon-fei-82d571" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 978 vides sur le site). Le mot-cle « examen civique + ville » dans 979 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Besançon : CLA - UNIVERSITà MARIE ET LOUIS PASTEUR - U33250-01</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">25</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLA - UNIVERSITà MARIE ET LOUIS PASTEUR - U33250-01</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Pôle scolarité 6, rue Gabriel Plançon</p> <p class="text-[14px] text-[#6a6a8a]">25000 Besançon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://cla.univ-fcomte.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location177-433" data-lat="47.229598" data-lon="5.99143" data-name="FRATE FORMATION CONSEIL - BESANÃON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 980 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 981 element visuellement fort etait « S'inscrire », qui part chez le centre. 982 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 983 qui porte l'examen blanc, le guide et le formulaire de retour. 984 Ca ne coute rien au visiteur presse : la fiche contient elle au
984ssi le 985 bouton « S'inscrire sur le site du centre ». 986 En superposition et non en <a> englobant, parce qu'on ne peut pas 987 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 988 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/besancon-433" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 989 vides sur le site). Le mot-cle « examen civique + ville » dans 990 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Besançon : FRATE FORMATION CONSEIL - BESANÃON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">25</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - BESANÃON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">83 rue de Dole , 25000, BESANÃON</p> <p class="text-[14px] text-[#6a6a8a]">25000 Besançon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/433" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location217-451" data-lat="47.512103" data-lon="6.799449" data-name="FRATE FORMATION CONSEIL - MONTBÃLIARD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 991 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 992 element visuellement fort etait « S'inscrire », qui part chez le centre. 993 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 994 qui porte l'examen blanc, le guide et le formulaire de retour. 995 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 996 bouton « S'inscrire sur le site du centre ». 997 En superposition et non en <a> englobant, parce qu'on ne peut pas 998 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 999 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montbeliard-451" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1000 vides sur le site). Le mot-cle « examen civique + ville » dans 1001 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montbéliard : FRATE FORMATION CONSEIL - MONTBÃLIARD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">25</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - MONTBÃLIARD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">37 avenue des alliés , 25200, MONTBÃLIARD</p> <p class="text-[14px] text-[#6a6a8a]">25200 Montbéliard</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/451" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1001Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-E981D57A702E424C19567AA4C06A2F522B4D" data-lat="47.495974" data-lon="6.805894" data-name="GRETA - CFA HAUTE-SAÃNE & NORD FRANCHE-COMTÃ"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1002 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1003 element visuellement fort etait « S'inscrire », qui part chez le centre. 1004 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1005 qui porte l'examen blanc, le guide et le formulaire de retour. 1006 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1007 bouton « S'inscrire sur le site du centre ». 1008 En superposition et non en <a> englobant, parce qu'on ne peut pas 1009 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1010 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montbeliard-fei-522b4d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1011 vides sur le site). Le mot-cle « examen civique + ville » dans 1012 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montbéliard : GRETA - CFA HAUTE-SAÃNE & NORD FRANCHE-COMTÃ</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">25</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA - CFA HAUTE-SAÃNE & NORD FRANCHE-COMTÃ</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">NUMERICA - Bâtiment A 1, cours Louis Leprince-Ringuet</p> <p class="text-[14px] text-[#6a6a8a]">25200 Montbéliard</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://greta-franche-comte.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-42966A508CF81E6A9B518B3FE25E7633A32F" data-lat="44.99189" data-lon="4.980677" data-name="ELO LES LANGUES DE LA CCI DE LA DRÃME"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1013 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1014 element visuellement fort etait « S'inscrire », qui part chez le centre. 1015 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1016 qui porte l'examen blanc, le guide et le formulaire de retour. 1017 Ca ne coute rien au visiteur presse : la fiche contient elle au
1017ssi le 1018 bouton « S'inscrire sur le site du centre ». 1019 En superposition et non en <a> englobant, parce qu'on ne peut pas 1020 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1021 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/alixan-fei-33a32f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1022 vides sur le site). Le mot-cle « examen civique + ville » dans 1023 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Alixan : ELO LES LANGUES DE LA CCI DE LA DRÃME</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">26</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELO LES LANGUES DE LA CCI DE LA DRÃME</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">50 bis, cours Emilie du Châtelet BP</p> <p class="text-[14px] text-[#6a6a8a]">15353 Alixan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.drome.cci.fr/nos-formations" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-75866DADC0E0F7C897CD373F2A8B3047D3D1" data-lat="44.573446" data-lon="4.738987" data-name="INFREP DROME"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1024 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1025 element visuellement fort etait « S'inscrire », qui part chez le centre. 1026 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1027 qui porte l'examen blanc, le guide et le formulaire de retour. 1028 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1029 bouton « S'inscrire sur le site du centre ». 1030 En superposition et non en <a> englobant, parce qu'on ne peut pas 1031 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1032 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montelimar-fei-47d3d1" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1033 vides sur le site). Le mot-cle « examen civique + ville » dans 1034 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montélimar : INFREP DROME</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">26</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP DROME</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 Avenue Gaston Vernier</p> <p class="text-[14px] text-[#6a6a8a]">26200 Montélimar</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1034Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location66-1111" data-lat="44.524317" data-lon="4.742831" data-name="LA VOIX FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1035 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1036 element visuellement fort etait « S'inscrire », qui part chez le centre. 1037 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1038 qui porte l'examen blanc, le guide et le formulaire de retour. 1039 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1040 bouton « S'inscrire sur le site du centre ». 1041 En superposition et non en <a> englobant, parce qu'on ne peut pas 1042 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1043 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montelimar-1111" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1044 vides sur le site). Le mot-cle « examen civique + ville » dans 1045 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montélimar : LA VOIX FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">26</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LA VOIX FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 rue Maurice Sibille, 26200, MONTÃLIMAR</p> <p class="text-[14px] text-[#6a6a8a]">26200 Montélimar</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1111/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location20-472" data-lat="44.93417" data-lon="4.897456" data-name="LEO LAGRANGE FORMATION - VALENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1046 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1047 element visuellement fort etait « S'inscrire », qui part chez le centre. 1048 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1049 qui porte l'examen blanc, le guide et le formulaire de retour. 1050 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1051 bouton « S'inscrire sur le site du centre ». 1052 En superposition et non en <a> englobant, parce qu'on ne peut pas 1053 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1054 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/valence-472" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1055 vides sur le site). Le mot-cle « examen civique + ville » dans 1056 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Valence : LEO LAGRANGE FORMATION - VALENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">26</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - VALENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 passage de l'argonne, 26000, VALENCE</p> <p class="text-[14px] text-[#6a6a8a]">26000 Valence</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/472/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1056Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location29-769" data-lat="49.030489" data-lon="1.185426" data-name="ÃDUCATION ET FORMATION - ÃVREUX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1057 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1058 element visuellement fort etait « S'inscrire », qui part chez le centre. 1059 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1060 qui porte l'examen blanc, le guide et le formulaire de retour. 1061 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1062 bouton « S'inscrire sur le site du centre ». 1063 En superposition et non en <a> englobant, parce qu'on ne peut pas 1064 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1065 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/evreux-769" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1066 vides sur le site). Le mot-cle « examen civique + ville » dans 1067 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ãvreux : ÃDUCATION ET FORMATION - ÃVREUX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">27</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ÃDUCATION ET FORMATION - ÃVREUX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">63 rue de Rome, 27000, ÃVREUX</p> <p class="text-[14px] text-[#6a6a8a]">27000 Ãvreux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/769/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-F58672AB1686F6A9F83EAFC8ECBE3385D71E" data-lat="49.108181" data-lon="1.499039" data-name="ALFA - ASSOCIATION LOCALE POUR LA FORMATION ET LâADAPTATION SOCIOPROFESSIONNELLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1068 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1069 element visuellement fort etait « S'inscrire », qui part chez le centre. 1070 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1071 qui porte l'examen blanc, le guide et le formulaire de retour. 1072 Ca ne coute rien au visiteur presse : la fiche contient elle au
1072ssi le 1073 bouton « S'inscrire sur le site du centre ». 1074 En superposition et non en <a> englobant, parce qu'on ne peut pas 1075 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1076 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vernon-fei-85d71e" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1077 vides sur le site). Le mot-cle « examen civique + ville » dans 1078 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vernon : ALFA - ASSOCIATION LOCALE POUR LA FORMATION ET LâADAPTATION SOCIOPROFESSIONNELLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">27</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALFA - ASSOCIATION LOCALE POUR LA FORMATION ET LâADAPTATION SOCIOPROFESSIONNELLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Campus de l'espace 1 Avenue Hubert Curien</p> <p class="text-[14px] text-[#6a6a8a]">27200 Vernon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://association-alfa.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-55AE49B15C70A57AE1266ABD617D782C89B3" data-lat="48.44511" data-lon="1.519433" data-name="CRIA 28"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1079 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1080 element visuellement fort etait « S'inscrire », qui part chez le centre. 1081 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1082 qui porte l'examen blanc, le guide et le formulaire de retour. 1083 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1084 bouton « S'inscrire sur le site du centre ». 1085 En superposition et non en <a> englobant, parce qu'on ne peut pas 1086 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1087 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chartres-fei-2c89b3" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1088 vides sur le site). Le mot-cle « examen civique + ville » dans 1089 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chartres : CRIA 28</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CRIA 28</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Ancienne nne, salles 1 et 2, rue d'Aboville, allée du général Martial Valin</p> <p class="text-[14px] text-[#6a6a8a]">28000 Chartres</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria28.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1089Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location104-1052" data-lat="48.451006" data-lon="1.446782" data-name="LEO LAGRANGE FORMATION - DREUX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1090 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1091 element visuellement fort etait « S'inscrire », qui part chez le centre. 1092 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1093 qui porte l'examen blanc, le guide et le formulaire de retour. 1094 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1095 bouton « S'inscrire sur le site du centre ». 1096 En superposition et non en <a> englobant, parce qu'on ne peut pas 1097 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1098 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chartres-mainvilliers-1052" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1099 vides sur le site). Le mot-cle « examen civique + ville » dans 1100 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chartres Mainvilliers : LEO LAGRANGE FORMATION - DREUX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - DREUX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">58 rue du Château d'eau, 28300, CHARTRES MAINVILLIERS</p> <p class="text-[14px] text-[#6a6a8a]">28300 Chartres Mainvilliers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1052" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location106-1053" data-lat="48.069025" data-lon="1.33115" data-name="LEO LAGRANGE FORMATION - DREUX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1101 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1102 element visuellement fort etait « S'inscrire », qui part chez le centre. 1103 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1104 qui porte l'examen blanc, le guide et le formulaire de retour. 1105 Ca ne coute rien au visiteur presse : la fiche contient elle au
1105ssi le 1106 bouton « S'inscrire sur le site du centre ». 1107 En superposition et non en <a> englobant, parce qu'on ne peut pas 1108 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1109 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chateaudun-1053" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1110 vides sur le site). Le mot-cle « examen civique + ville » dans 1111 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chateaudun : LEO LAGRANGE FORMATION - DREUX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - DREUX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">37 rue Gambetta, 28200, CHATEAUDUN</p> <p class="text-[14px] text-[#6a6a8a]">28200 Chateaudun</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1053" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-15BD316A6185880EBE92B27BBE7895AA1F60" data-lat="48.070776" data-lon="1.327343" data-name="CRIA 28"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1112 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1113 element visuellement fort etait « S'inscrire », qui part chez le centre. 1114 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1115 qui porte l'examen blanc, le guide et le formulaire de retour. 1116 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1117 bouton « S'inscrire sur le site du centre ». 1118 En superposition et non en <a> englobant, parce qu'on ne peut pas 1119 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1120 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chateaudun-fei-aa1f60" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1121 vides sur le site). Le mot-cle « examen civique + ville » dans 1122 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Châteaudun : CRIA 28</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CRIA 28</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre Toufaire 3, passage des Francs-Tireurs de Cannes</p> <p class="text-[14px] text-[#6a6a8a]">28200 Châteaudun</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria28.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1122Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5E834534A33EFF91C61FAE6080DA8A9F68EC" data-lat="48.739374" data-lon="1.370014" data-name="CRIA 28"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1123 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1124 element visuellement fort etait « S'inscrire », qui part chez le centre. 1125 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1126 qui porte l'examen blanc, le guide et le formulaire de retour. 1127 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1128 bouton « S'inscrire sur le site du centre ». 1129 En superposition et non en <a> englobant, parce qu'on ne peut pas 1130 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1131 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dreux-fei-9f68ec" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1132 vides sur le site). Le mot-cle « examen civique + ville » dans 1133 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dreux : CRIA 28</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CRIA 28</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre St Jean 17, rue St Jean</p> <p class="text-[14px] text-[#6a6a8a]">28100 Dreux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria28.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location105-1049" data-lat="48.72615" data-lon="1.370687" data-name="LEO LAGRANGE FORMATION - DREUX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1134 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1135 element visuellement fort etait « S'inscrire », qui part chez le centre. 1136 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1137 qui porte l'examen blanc, le guide et le formulaire de retour. 1138 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1139 bouton « S'inscrire sur le site du centre ». 1140 En superposition et non en <a> englobant, parce qu'on ne peut pas 1141 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1142 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dreux-1049" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1143 vides sur le site). Le mot-cle « examen civique + ville » dans 1144 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dreux : LEO LAGRANGE FORMATION - DREUX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">28</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - DREUX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">LEO LAGRANGE FORMATION , 28100, DREUX</p> <p class="text-[14px] text-[#6a6a8a]">28100 Dreux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1049" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1144Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-71C4D7B659627F7EF0335F40628DD831ECC5" data-lat="48.42019" data-lon="-4.45919" data-name="CLPS L'ENJEU COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1145 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1146 element visuellement fort etait « S'inscrire », qui part chez le centre. 1147 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1148 qui porte l'examen blanc, le guide et le formulaire de retour. 1149 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1150 bouton « S'inscrire sur le site du centre ». 1151 En superposition et non en <a> englobant, parce qu'on ne peut pas 1152 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1153 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/brest-fei-31ecc5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1154 vides sur le site). Le mot-cle « examen civique + ville » dans 1155 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Brest : CLPS L'ENJEU COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">29</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLPS L'ENJEU COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 rue Ferdinand de Lesseps BP</p> <p class="text-[14px] text-[#6a6a8a]">42317 Brest</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.clps.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location93-1048" data-lat="48.40459" data-lon="-4.47913" data-name="LEO LAGRANGE FORMATION - BREST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1156 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1157 element visuellement fort etait « S'inscrire », qui part chez le centre. 1158 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1159 qui porte l'examen blanc, le guide et le formulaire de retour. 1160 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1161 bouton « S'inscrire sur le site du centre ». 1162 En superposition et non en <a> englobant, parce qu'on ne peut pas 1163 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1164 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/brest-1048" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1165 vides sur le site). Le mot-cle « examen civique + ville » dans 1166 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Brest : LEO LAGRANGE FORMATION - BREST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">29</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - BREST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">82 Avenue Montaigne , 29200, BREST</p> <p class="text-[14px] text-[#6a6a8a]">29200 Brest</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1048" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1166Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location72-1100" data-lat="48.595782" data-lon="-3.816644" data-name="IBEP - MORLAIX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1167 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1168 element visuellement fort etait « S'inscrire », qui part chez le centre. 1169 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1170 qui porte l'examen blanc, le guide et le formulaire de retour. 1171 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1172 bouton « S'inscrire sur le site du centre ». 1173 En superposition et non en <a> englobant, parce qu'on ne peut pas 1174 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1175 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/morlaix-1100" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1176 vides sur le site). Le mot-cle « examen civique + ville » dans 1177 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Morlaix : IBEP - MORLAIX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">29</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IBEP - MORLAIX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">310, Rue Caroline Aigle, 29600, MORLAIX</p> <p class="text-[14px] text-[#6a6a8a]">29600 Morlaix</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1100/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location94-1050" data-lat="47.982855" data-lon="-4.078864" data-name="LEO LAGRANGE FORMATION - BREST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1178 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1179 element visuellement fort etait « S'inscrire », qui part chez le centre. 1180 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1181 qui porte l'examen blanc, le guide et le formulaire de retour. 1182 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1183 bouton « S'inscrire sur le site du centre ». 1184 En superposition et non en <a> englobant, parce qu'on ne peut pas 1185 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1186 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/qimper-1050" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1187 vides sur le site). Le mot-cle « examen civique + ville » dans 1188 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Qimper : LEO LAGRANGE FORMATION - BREST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">29</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - BREST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace associatif - 1 Allée Monseigneur Jean René Calloc'h, 29000, QIMPER</p> <p class="text-[14px] text-[#6a6a8a]">29000 Qimper</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1050" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1188Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8CB3EC965B86CC91E39BBD5D6432C58E46FE" data-lat="47.972815" data-lon="-4.085493" data-name="CEL DU CFTMI"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1189 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1190 element visuellement fort etait « S'inscrire », qui part chez le centre. 1191 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1192 qui porte l'examen blanc, le guide et le formulaire de retour. 1193 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1194 bouton « S'inscrire sur le site du centre ». 1195 En superposition et non en <a> englobant, parce qu'on ne peut pas 1196 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1197 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/quimper-fei-8e46fe" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1198 vides sur le site). Le mot-cle « examen civique + ville » dans 1199 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Quimper : CEL DU CFTMI</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">29</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEL DU CFTMI</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre d'étude de langues 145 avenue de Kéradennec</p> <p class="text-[14px] text-[#6a6a8a]">29000 Quimper</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://test-civique.fr/inscription" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-70C2A57182E8260CF09B15D4B84432388E78" data-lat="41.918009" data-lon="8.739019" data-name="GRETA-CFA DE CORSE DU SUD (Site Bonaparte)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1200 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1201 element visuellement fort etait « S'inscrire », qui part chez le centre. 1202 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1203 qui porte l'examen blanc, le guide et le formulaire de retour. 1204 Ca ne coute rien au visiteur presse : la fiche contient elle au
1204ssi le 1205 bouton « S'inscrire sur le site du centre ». 1206 En superposition et non en <a> englobant, parce qu'on ne peut pas 1207 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1208 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ajaccio-fei-388e78" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1209 vides sur le site). Le mot-cle « examen civique + ville » dans 1210 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ajaccio : GRETA-CFA DE CORSE DU SUD (Site Bonaparte)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">2A</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA DE CORSE DU SUD (Site Bonaparte)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Laetitia Bonaparte - CS</p> <p class="text-[14px] text-[#6a6a8a]">20845 Ajaccio</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://2a.gretacfa.corsica/inscription-tests-et-certifications-en-francais/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-865E17DE8902CF53E101A949AE4DDFF5CB42" data-lat="41.937504" data-lon="8.744938" data-name="GRETA-CFA DE CORSE DU SUD (Site Finosello)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1211 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1212 element visuellement fort etait « S'inscrire », qui part chez le centre. 1213 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1214 qui porte l'examen blanc, le guide et le formulaire de retour. 1215 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1216 bouton « S'inscrire sur le site du centre ». 1217 En superposition et non en <a> englobant, parce qu'on ne peut pas 1218 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1219 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ajaccio-fei-f5cb42" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1220 vides sur le site). Le mot-cle « examen civique + ville » dans 1221 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ajaccio : GRETA-CFA DE CORSE DU SUD (Site Finosello)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">2A</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA DE CORSE DU SUD (Site Finosello)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">LP FINOSELLO- Avenue Maréchal Lyautey</p> <p class="text-[14px] text-[#6a6a8a]">20090 Ajaccio</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://2a.gretacfa.corsica/nouvelles-formations-fle/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1221Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-898099D8763128346CA7E040AE506CE35EA7" data-lat="41.601638" data-lon="9.276326" data-name="GRETA-CFA DE CORSE-DU-SUD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1222 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1223 element visuellement fort etait « S'inscrire », qui part chez le centre. 1224 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1225 qui porte l'examen blanc, le guide et le formulaire de retour. 1226 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1227 bouton « S'inscrire sur le site du centre ». 1228 En superposition et non en <a> englobant, parce qu'on ne peut pas 1229 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1230 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/porto-vecchio-fei-e35ea7" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1231 vides sur le site). Le mot-cle « examen civique + ville » dans 1232 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Porto-Vecchio : GRETA-CFA DE CORSE-DU-SUD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">2A</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA DE CORSE-DU-SUD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Formation- Collège Léon BOUJOT Route de l'Ospedale</p> <p class="text-[14px] text-[#6a6a8a]">20137 Porto-Vecchio</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://2a.gretacfa.corsica/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4BFB82A36FA6017F59D01F536B43A5154436" data-lat="42.678189" data-lon="9.43405" data-name="ASSOCIATION OPRA A LECCIA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1233 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1234 element visuellement fort etait « S'inscrire », qui part chez le centre. 1235 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1236 qui porte l'examen blanc, le guide et le formulaire de retour. 1237 Ca ne coute rien au visiteur presse : la fiche contient elle au
1237ssi le 1238 bouton « S'inscrire sur le site du centre ». 1239 En superposition et non en <a> englobant, parce qu'on ne peut pas 1240 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1241 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bastia-fei-154436" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1242 vides sur le site). Le mot-cle « examen civique + ville » dans 1243 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bastia : ASSOCIATION OPRA A LECCIA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">2B</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION OPRA A LECCIA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Route Royale</p> <p class="text-[14px] text-[#6a6a8a]">20600 Bastia</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.opra.corsica" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-64AF80B7685F488879E0788DF7617F758B4F" data-lat="42.669919" data-lon="9.441206" data-name="GRETA DE HAUTE-CORSE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1244 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1245 element visuellement fort etait « S'inscrire », qui part chez le centre. 1246 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1247 qui porte l'examen blanc, le guide et le formulaire de retour. 1248 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1249 bouton « S'inscrire sur le site du centre ». 1250 En superposition et non en <a> englobant, parce qu'on ne peut pas 1251 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1252 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bastia-fei-758b4f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1253 vides sur le site). Le mot-cle « examen civique + ville » dans 1254 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bastia : GRETA DE HAUTE-CORSE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">2B</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA DE HAUTE-CORSE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Paul Vincensini - Avenue de la 4ème DMM - Cité Technique de Montesoro</p> <p class="text-[14px] text-[#6a6a8a]">20600 Bastia</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.gretacfa.corsica" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1254Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-61D6BAE1F980CF1A0EEB9B27AEBADF9A7BD9" data-lat="44.127004" data-lon="4.07782" data-name="FLE'CONNEXION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1255 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1256 element visuellement fort etait « S'inscrire », qui part chez le centre. 1257 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1258 qui porte l'examen blanc, le guide et le formulaire de retour. 1259 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1260 bouton « S'inscrire sur le site du centre ». 1261 En superposition et non en <a> englobant, parce qu'on ne peut pas 1262 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1263 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ales-fei-9a7bd9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1264 vides sur le site). Le mot-cle « examen civique + ville » dans 1265 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Alès : FLE'CONNEXION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">30</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FLE'CONNEXION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26, place des Martyrs de la Résistance</p> <p class="text-[14px] text-[#6a6a8a]">30100 Alès</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.fle-connexion.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location183-403" data-lat="43.833314" data-lon="4.378629" data-name="EFFICIA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1266 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1267 element visuellement fort etait « S'inscrire », qui part chez le centre. 1268 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1269 qui porte l'examen blanc, le guide et le formulaire de retour. 1270 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1271 bouton « S'inscrire sur le site du centre ». 1272 En superposition et non en <a> englobant, parce qu'on ne peut pas 1273 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1274 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nimes-403" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1275 vides sur le site). Le mot-cle « examen civique + ville » dans 1276 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nimes : EFFICIA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">30</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EFFICIA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11T, rue Salomon Reinach, 30000, NIMES</p> <p class="text-[14px] text-[#6a6a8a]">30000 Nimes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/403" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1276Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location148-1126" data-lat="43.812905" data-lon="4.348725" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1277 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1278 element visuellement fort etait « S'inscrire », qui part chez le centre. 1279 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1280 qui porte l'examen blanc, le guide et le formulaire de retour. 1281 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1282 bouton « S'inscrire sur le site du centre ». 1283 En superposition et non en <a> englobant, parce qu'on ne peut pas 1284 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1285 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nimes-1126" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1286 vides sur le site). Le mot-cle « examen civique + ville » dans 1287 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nimes : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">30</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Forum Ville Active, 32 Rue Robert Mallet Stevens Bâtiment A, 30900, NIMES</p> <p class="text-[14px] text-[#6a6a8a]">30900 Nimes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1126" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-98A2499B1CD5CD368748BE9396FEC704196C" data-lat="43.836409" data-lon="4.377252" data-name="GRETA-CFA GARD-LOZERE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1288 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1289 element visuellement fort etait « S'inscrire », qui part chez le centre. 1290 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1291 qui porte l'examen blanc, le guide et le formulaire de retour. 1292 Ca ne coute rien au visiteur presse : la fiche contient elle au
1292ssi le 1293 bouton « S'inscrire sur le site du centre ». 1294 En superposition et non en <a> englobant, parce qu'on ne peut pas 1295 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1296 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nimes-fei-04196c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1297 vides sur le site). Le mot-cle « examen civique + ville » dans 1298 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nîmes : GRETA-CFA GARD-LOZERE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">30</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA GARD-LOZERE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Immeuble Innovation 3 442 rue George Besse - 2e étage</p> <p class="text-[14px] text-[#6a6a8a]">30000 Nîmes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.greta-gard.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-35F4EDFEB61B457DB2D73CF6D4587BF41A7D" data-lat="43.820979" data-lon="4.363604" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1299 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1300 element visuellement fort etait « S'inscrire », qui part chez le centre. 1301 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1302 qui porte l'examen blanc, le guide et le formulaire de retour. 1303 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1304 bouton « S'inscrire sur le site du centre ». 1305 En superposition et non en <a> englobant, parce qu'on ne peut pas 1306 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1307 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nimes-fei-f41a7d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1308 vides sur le site). Le mot-cle « examen civique + ville » dans 1309 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nîmes : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">30</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">188 allée de l'Amérique latine</p> <p class="text-[14px] text-[#6a6a8a]">30900 Nîmes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1309Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DC35720B493DAD3F596D5403D2FC7F2B66C5" data-lat="43.34156" data-lon="1.475875" data-name="EPLEFPA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1310 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1311 element visuellement fort etait « S'inscrire », qui part chez le centre. 1312 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1313 qui porte l'examen blanc, le guide et le formulaire de retour. 1314 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1315 bouton « S'inscrire sur le site du centre ». 1316 En superposition et non en <a> englobant, parce qu'on ne peut pas 1317 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1318 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/auterive-fei-2b66c5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1319 vides sur le site). Le mot-cle « examen civique + ville » dans 1320 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Auterive : EPLEFPA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EPLEFPA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">CFPPA 50 route de Grazac</p> <p class="text-[14px] text-[#6a6a8a]">31190 Auterive</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://citesciencesvertes.educagri.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-02A7887F3F487A5F6A02832933AB11A0BD2C" data-lat="43.577366" data-lon="1.444192" data-name="ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1321 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1322 element visuellement fort etait « S'inscrire », qui part chez le centre. 1323 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1324 qui porte l'examen blanc, le guide et le formulaire de retour. 1325 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1326 bouton « S'inscrire sur le site du centre ». 1327 En superposition et non en <a> englobant, parce qu'on ne peut pas 1328 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1329 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-fei-a0bd2c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1330 vides sur le site). Le mot-cle « examen civique + ville » dans 1331 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Bâtiment Maison des Associations 3, bis place Guy Hersant</p> <p class="text-[14px] text-[#6a6a8a]">31400 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.alliance-toulouse.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1331Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-597D9F098561F8532303A69A29FF5707D785" data-lat="43.615874" data-lon="1.43835" data-name="AMS GRAND SUD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1332 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1333 element visuellement fort etait « S'inscrire », qui part chez le centre. 1334 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1335 qui porte l'examen blanc, le guide et le formulaire de retour. 1336 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1337 bouton « S'inscrire sur le site du centre ». 1338 En superposition et non en <a> englobant, parce qu'on ne peut pas 1339 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1340 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-fei-07d785" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1341 vides sur le site). Le mot-cle « examen civique + ville » dans 1342 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : AMS GRAND SUD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AMS GRAND SUD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">70 boulevard Matabiau</p> <p class="text-[14px] text-[#6a6a8a]">31000 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ams-grandsud.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-831" data-lat="43.580568" data-lon="1.412925" data-name="CREPT FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1343 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1344 element visuellement fort etait « S'inscrire », qui part chez le centre. 1345 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1346 qui porte l'examen blanc, le guide et le formulaire de retour. 1347 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1348 bouton « S'inscrire sur le site du centre ». 1349 En superposition et non en <a> englobant, parce qu'on ne peut pas 1350 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1351 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-831" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1352 vides sur le site). Le mot-cle « examen civique + ville » dans 1353 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : CREPT FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CREPT FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">130 rue Henri Desbals, 31100, TOULOUSE</p> <p class="text-[14px] text-[#6a6a8a]">31100 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/831/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1353Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location2-866" data-lat="43.567259" data-lon="1.398521" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1354 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1355 element visuellement fort etait « S'inscrire », qui part chez le centre. 1356 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1357 qui porte l'examen blanc, le guide et le formulaire de retour. 1358 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1359 bouton « S'inscrire sur le site du centre ». 1360 En superposition et non en <a> englobant, parce qu'on ne peut pas 1361 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1362 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-866" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1363 vides sur le site). Le mot-cle « examen civique + ville » dans 1364 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 Rue Raymond Lizop - Immeuble "Les Imaginations Fertiles", 31100, Toulouse</p> <p class="text-[14px] text-[#6a6a8a]">31100 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/866/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-F3C4FC09E778F41140E68FBF84E7BB1A987B" data-lat="43.600237" data-lon="1.447115" data-name="LANGUE ONZE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1365 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1366 element visuellement fort etait « S'inscrire », qui part chez le centre. 1367 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1368 qui porte l'examen blanc, le guide et le formulaire de retour. 1369 Ca ne coute rien au visiteur presse : la fiche contient elle au
1369ssi le 1370 bouton « S'inscrire sur le site du centre ». 1371 En superposition et non en <a> englobant, parce qu'on ne peut pas 1372 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1373 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-fei-1a987b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1374 vides sur le site). Le mot-cle « examen civique + ville » dans 1375 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : LANGUE ONZE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LANGUE ONZE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10 rue des arts</p> <p class="text-[14px] text-[#6a6a8a]">31000 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.langueonze.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-482" data-lat="43.568451" data-lon="1.386421" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1376 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1377 element visuellement fort etait « S'inscrire », qui part chez le centre. 1378 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1379 qui porte l'examen blanc, le guide et le formulaire de retour. 1380 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1381 bouton « S'inscrire sur le site du centre ». 1382 En superposition et non en <a> englobant, parce qu'on ne peut pas 1383 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1384 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-482" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1385 vides sur le site). Le mot-cle « examen civique + ville » dans 1386 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">13 RUE MICHEL LABROUSSE, 31100, TOULOUSE</p> <p class="text-[14px] text-[#6a6a8a]">31100 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/482/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1386Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location3-1093" data-lat="43.615874" data-lon="1.43835" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1387 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1388 element visuellement fort etait « S'inscrire », qui part chez le centre. 1389 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1390 qui porte l'examen blanc, le guide et le formulaire de retour. 1391 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1392 bouton « S'inscrire sur le site du centre ». 1393 En superposition et non en <a> englobant, parce qu'on ne peut pas 1394 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1395 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulouse-1093" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1396 vides sur le site). Le mot-cle « examen civique + ville » dans 1397 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulouse : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">31</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">70 Boulevard Matabiau, 31000, TOULOUSE</p> <p class="text-[14px] text-[#6a6a8a]">31000 Toulouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1093" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-FC381E281D596B77201C11E98B8C18B15CB2" data-lat="43.649897" data-lon="0.58534" data-name="ASSOCIATION NATIF"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1398 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1399 element visuellement fort etait « S'inscrire », qui part chez le centre. 1400 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1401 qui porte l'examen blanc, le guide et le formulaire de retour. 1402 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1403 bouton « S'inscrire sur le site du centre ». 1404 En superposition et non en <a> englobant, parce qu'on ne peut pas 1405 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1406 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/auch-fei-b15cb2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1407 vides sur le site). Le mot-cle « examen civique + ville » dans 1408 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Auch : ASSOCIATION NATIF</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">32</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION NATIF</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
140813 boulevard Roquelaure</p> <p class="text-[14px] text-[#6a6a8a]">32000 Auch</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.natif.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location52-847" data-lat="43.642007" data-lon="0.585789" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1409 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1410 element visuellement fort etait « S'inscrire », qui part chez le centre. 1411 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1412 qui porte l'examen blanc, le guide et le formulaire de retour. 1413 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1414 bouton « S'inscrire sur le site du centre ». 1415 En superposition et non en <a> englobant, parce qu'on ne peut pas 1416 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1417 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/auch-847" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1418 vides sur le site). Le mot-cle « examen civique + ville » dans 1419 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Auch : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">32</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 allée Lagarrasic, 32000, Auch</p> <p class="text-[14px] text-[#6a6a8a]">32000 Auch</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/847/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1419Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location142-1040" data-lat="43.955869" data-lon="0.37243" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1420 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1421 element visuellement fort etait « S'inscrire », qui part chez le centre. 1422 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1423 qui porte l'examen blanc, le guide et le formulaire de retour. 1424 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1425 bouton « S'inscrire sur le site du centre ». 1426 En superposition et non en <a> englobant, parce qu'on ne peut pas 1427 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1428 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/condom-1040" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1429 vides sur le site). Le mot-cle « examen civique + ville » dans 1430 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Condom : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">32</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 rue Jean Jaurès, 32100, CONDOM</p> <p class="text-[14px] text-[#6a6a8a]">32100 Condom</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1040" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location143-1041" data-lat="43.614672" data-lon="1.09055" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1431 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1432 element visuellement fort etait « S'inscrire », qui part chez le centre. 1433 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1434 qui porte l'examen blanc, le guide et le formulaire de retour. 1435 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1436 bouton « S'inscrire sur le site du centre ». 1437 En superposition et non en <a> englobant, parce qu'on ne peut pas 1438 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1439 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/l-isle-jourdain-1041" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1440 vides sur le site). Le mot-cle « examen civique + ville » dans 1441 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lâisle Jourdain : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">32</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">22 Rue Jean Jaurès, 32600, LâISLE JOURDAIN</p> <p class="text-[14px] text-[#6a6a8a]">32600 Lâisle Jourdain</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1041" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1441Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-86CA2DBEA3D105B8F018E6DAB16F496DD03D" data-lat="44.845334" data-lon="-0.583874" data-name="ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1442 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1443 element visuellement fort etait « S'inscrire », qui part chez le centre. 1444 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1445 qui porte l'examen blanc, le guide et le formulaire de retour. 1446 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1447 bouton « S'inscrire sur le site du centre ». 1448 En superposition et non en <a> englobant, parce qu'on ne peut pas 1449 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1450 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bordeaux-fei-6dd03d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1451 vides sur le site). Le mot-cle « examen civique + ville » dans 1452 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bordeaux : ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">126 rue Abbé de l'Epée</p> <p class="text-[14px] text-[#6a6a8a]">33000 Bordeaux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.alliance-bordeaux.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-38ABD0EEE08CC5FB5F7EC5F342DBEE9B44AD" data-lat="44.86931" data-lon="-0.547674" data-name="INFREP GIRONDE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1453 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1454 element visuellement fort etait « S'inscrire », qui part chez le centre. 1455 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1456 qui porte l'examen blanc, le guide et le formulaire de retour. 1457 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1458 bouton « S'inscrire sur le site du centre ». 1459 En superposition et non en <a> englobant, parce qu'on ne peut pas 1460 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1461 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bordeaux-fei-9b44ad" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1462 vides sur le site). Le mot-cle « examen civique + ville » dans 1463 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bordeaux : INFREP GIRONDE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP GIRONDE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">110 rue Achard Bâtiment C</p> <p class="text-[14px] text-[#6a6a8a]">33300 Bordeaux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/agences/infrep-gironde/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1463Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-637" data-lat="44.820341" data-lon="-0.546333" data-name="NEWDEAL INSTITUT BORDEAUX"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1464 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1465 element visuellement fort etait « S'inscrire », qui part chez le centre. 1466 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1467 qui porte l'examen blanc, le guide et le formulaire de retour. 1468 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1469 bouton « S'inscrire sur le site du centre ». 1470 En superposition et non en <a> englobant, parce qu'on ne peut pas 1471 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1472 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bordeaux-637" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1473 vides sur le site). Le mot-cle « examen civique + ville » dans 1474 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bordeaux : NEWDEAL INSTITUT BORDEAUX</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NEWDEAL INSTITUT BORDEAUX</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 Parvis Gattebourse, 33800, BORDEAUX</p> <p class="text-[14px] text-[#6a6a8a]">33800 Bordeaux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/637" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location121-1121" data-lat="44.876317" data-lon="-0.520119" data-name="CLAP SUD-OUEST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1475 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1476 element visuellement fort etait « S'inscrire », qui part chez le centre. 1477 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1478 qui porte l'examen blanc, le guide et le formulaire de retour. 1479 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1480 bouton « S'inscrire sur le site du centre ». 1481 En superposition et non en <a> englobant, parce qu'on ne peut pas 1482 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1483 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lormont-1121" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1484 vides sur le site). Le mot-cle « examen civique + ville » dans 1485 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lormont : CLAP SUD-OUEST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLAP SUD-OUEST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">13 - 15 allée du Colonel Fabien - LORMONT, 33110, LORMONT</p> <p class="text-[14px] text-[#6a6a8a]">33110 Lormont</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1121" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1485Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location227-815" data-lat="44.881049" data-lon="-0.514502" data-name="POLYLANGUES - CERGY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1486 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1487 element visuellement fort etait « S'inscrire », qui part chez le centre. 1488 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1489 qui porte l'examen blanc, le guide et le formulaire de retour. 1490 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1491 bouton « S'inscrire sur le site du centre ». 1492 En superposition et non en <a> englobant, parce qu'on ne peut pas 1493 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1494 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lormont-815" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1495 vides sur le site). Le mot-cle « examen civique + ville » dans 1496 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lormont : POLYLANGUES - CERGY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POLYLANGUES - CERGY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 rue du Courant, 33310, LORMONT</p> <p class="text-[14px] text-[#6a6a8a]">33310 Lormont</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/815" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4B83A66E719490EF988005763BA6BFC72924" data-lat="44.793889" data-lon="-0.617951" data-name="CITà DES LANGUES ÃTRANGÃRES DE L'UNIVERSITà BORDEAUX MONTAIGNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1497 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1498 element visuellement fort etait « S'inscrire », qui part chez le centre. 1499 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1500 qui porte l'examen blanc, le guide et le formulaire de retour. 1501 Ca ne coute rien au visiteur presse : la fiche contient elle au
1501ssi le 1502 bouton « S'inscrire sur le site du centre ». 1503 En superposition et non en <a> englobant, parce qu'on ne peut pas 1504 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1505 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pessac-fei-c72924" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1506 vides sur le site). Le mot-cle « examen civique + ville » dans 1507 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pessac : CITà DES LANGUES ÃTRANGÃRES DE L'UNIVERSITà BORDEAUX MONTAIGNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">33</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CITà DES LANGUES ÃTRANGÃRES DE L'UNIVERSITà BORDEAUX MONTAIGNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Avenue du Dr Paul Fournial</p> <p class="text-[14px] text-[#6a6a8a]">33600 Pessac</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.u-bordeaux-montaigne.fr/fr/formations/cleff-cite-des-langues.html" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location131-1019" data-lat="43.299985" data-lon="3.475381" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1508 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1509 element visuellement fort etait « S'inscrire », qui part chez le centre. 1510 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1511 qui porte l'examen blanc, le guide et le formulaire de retour. 1512 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1513 bouton « S'inscrire sur le site du centre ». 1514 En superposition et non en <a> englobant, parce qu'on ne peut pas 1515 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1516 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/agde-1019" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1517 vides sur le site). Le mot-cle « examen civique + ville » dans 1518 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Agde : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 Rue du Saphir - Bâtiment G, 34300, AGDE</p> <p class="text-[14px] text-[#6a6a8a]">34300 Agde</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1019" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1518Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location53-1020" data-lat="43.349842" data-lon="3.233263" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1519 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1520 element visuellement fort etait « S'inscrire », qui part chez le centre. 1521 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1522 qui porte l'examen blanc, le guide et le formulaire de retour. 1523 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1524 bouton « S'inscrire sur le site du centre ». 1525 En superposition et non en <a> englobant, parce qu'on ne peut pas 1526 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1527 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/beziers-1020" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1528 vides sur le site). Le mot-cle « examen civique + ville » dans 1529 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Beziers : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5/7 Rue Joseph Fabre, 34500, BEZIERS</p> <p class="text-[14px] text-[#6a6a8a]">34500 Beziers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1020/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D9E15AA010B2
152966B53300FD73E88F25D1E05B" data-lat="43.343161" data-lon="3.212176" data-name="CENTRE HOBSON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1530 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1531 element visuellement fort etait « S'inscrire », qui part chez le centre. 1532 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1533 qui porte l'examen blanc, le guide et le formulaire de retour. 1534 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1535 bouton « S'inscrire sur le site du centre ». 1536 En superposition et non en <a> englobant, parce qu'on ne peut pas 1537 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1538 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/beziers-fei-d1e05b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1539 vides sur le site). Le mot-cle « examen civique + ville » dans 1540 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Béziers : CENTRE HOBSON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE HOBSON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6, rue Pierre Flourens</p> <p class="text-[14px] text-[#6a6a8a]">34500 Béziers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.centre-hobson.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-25DAA80A1F69914C50C262BA1EAFB5F69E80" data-lat="43.606833" data-lon="3.872571" data-name="ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1541 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1542 element visuellement fort etait « S'inscrire », qui part chez le centre. 1543 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1544 qui porte l'examen blanc, le guide et le formulaire de retour. 1545 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1546 bouton « S'inscrire sur le site du centre ». 1547 En superposition et non en <a> englobant, parce qu'on ne peut pas 1548 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1549 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montpellier-fei-f69e80" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1550 vides sur le site). Le mot-cle « examen civique + ville » dans 1551 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montpellier : ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 rue Marceau</p> <p class="text-[14px] text-[#6a6a8a]">34000 Montpellier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afmontpellier.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1551Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-E68C4CF2B834A69742206F3F6632294D6246" data-lat="43.610748" data-lon="3.89033" data-name="GRETA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1552 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1553 element visuellement fort etait « S'inscrire », qui part chez le centre. 1554 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1555 qui porte l'examen blanc, le guide et le formulaire de retour. 1556 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1557 bouton « S'inscrire sur le site du centre ». 1558 En superposition et non en <a> englobant, parce qu'on ne peut pas 1559 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1560 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montpellier-fei-4d6246" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1561 vides sur le site). Le mot-cle « examen civique + ville » dans 1562 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montpellier : GRETA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">717, avenue Jean Mermoz</p> <p class="text-[14px] text-[#6a6a8a]">34060 Montpellier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.gretacfa-montpellier.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-AC5DDC490BF099AF73573ACE0BFF0CE87EAA" data-lat="43.604368" data-lon="3.874759" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1563 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1564 element visuellement fort etait « S'inscrire », qui part chez le centre. 1565 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1566 qui porte l'examen blanc, le guide et le formulaire de retour. 1567 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1568 bouton « S'inscrire sur le site du centre ». 1569 En superposition et non en <a> englobant, parce qu'on ne peut pas 1570 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1571 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montpellier-fei-e87eaa" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1572 vides sur le site). Le mot-cle « examen civique + ville » dans 1573 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montpellier : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4, rue Rondelet</p> <p class="text-[14px] text-[#6a6a8a]">34000 Montpellier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1573Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-619" data-lat="43.610974" data-lon="3.87299" data-name="LSF MONTPELLIER FRENCH LANGUAGE SCHOOL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1574 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1575 element visuellement fort etait « S'inscrire », qui part chez le centre. 1576 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1577 qui porte l'examen blanc, le guide et le formulaire de retour. 1578 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1579 bouton « S'inscrire sur le site du centre ». 1580 En superposition et non en <a> englobant, parce qu'on ne peut pas 1581 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1582 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montpellier-619" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1583 vides sur le site). Le mot-cle « examen civique + ville » dans 1584 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montpellier : LSF MONTPELLIER FRENCH LANGUAGE SCHOOL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LSF MONTPELLIER FRENCH LANGUAGE SCHOOL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 rue Foch, 34000, MONTPELLIER</p> <p class="text-[14px] text-[#6a6a8a]">34000 Montpellier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/619" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location132-1021" data-lat="43.40692" data-lon="3.70373" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1585 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1586 element visuellement fort etait « S'inscrire », qui part chez le centre. 1587 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1588 qui porte l'examen blanc, le guide et le formulaire de retour. 1589 Ca ne coute rien au visiteur presse : la fiche contient elle au
1589ssi le 1590 bouton « S'inscrire sur le site du centre ». 1591 En superposition et non en <a> englobant, parce qu'on ne peut pas 1592 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1593 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sete-1021" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1594 vides sur le site). Le mot-cle « examen civique + ville » dans 1595 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sete : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">220 avenue du Marechal Juin, 34200, SETE</p> <p class="text-[14px] text-[#6a6a8a]">34200 Sete</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1021" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1F43EE6C24B6DF989AA0A30FDAF9FB097C3F" data-lat="43.410661" data-lon="3.679557" data-name="GRETA CFA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1596 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1597 element visuellement fort etait « S'inscrire », qui part chez le centre. 1598 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1599 qui porte l'examen blanc, le guide et le formulaire de retour. 1600 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1601 bouton « S'inscrire sur le site du centre ». 1602 En superposition et non en <a> englobant, parce qu'on ne peut pas 1603 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1604 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sete-fei-097c3f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1605 vides sur le site). Le mot-cle « examen civique + ville » dans 1606 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
1606Examen civique à Sète : GRETA CFA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">34</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA CFA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">38 rue Robespierre</p> <p class="text-[14px] text-[#6a6a8a]">34200 Sète</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.gretacfa-montpellier.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1D631F48C4190D7B085DCC6332EF70CF3508" data-lat="48.104833" data-lon="-1.723409" data-name="CLPS L'ENJEU COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1607 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1608 element visuellement fort etait « S'inscrire », qui part chez le centre. 1609 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1610 qui porte l'examen blanc, le guide et le formulaire de retour. 1611 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1612 bouton « S'inscrire sur le site du centre ». 1613 En superposition et non en <a> englobant, parce qu'on ne peut pas 1614 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1615 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rennes-fei-cf3508" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1616 vides sur le site). Le mot-cle « examen civique + ville » dans 1617 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rennes : CLPS L'ENJEU COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">35</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLPS L'ENJEU COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8, rue Jean Le Hô</p> <p class="text-[14px] text-[#6a6a8a]">35000 Rennes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.clps.net/formation/passage-de-lexamen-tcf/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1617Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-1064" data-lat="48.086204" data-lon="-1.673962" data-name="MOVE UP FORMATION - RENNES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1618 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1619 element visuellement fort etait « S'inscrire », qui part chez le centre. 1620 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1621 qui porte l'examen blanc, le guide et le formulaire de retour. 1622 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1623 bouton « S'inscrire sur le site du centre ». 1624 En superposition et non en <a> englobant, parce qu'on ne peut pas 1625 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1626 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rennes-1064" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1627 vides sur le site). Le mot-cle « examen civique + ville » dans 1628 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rennes : MOVE UP FORMATION - RENNES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">35</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - RENNES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">107 Avenue Henri Fréville, 35200, RENNES</p> <p class="text-[14px] text-[#6a6a8a]">35200 Rennes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1064" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-EF5405FFBB9819A3649BDB1813DB669C2D58" data-lat="48.650842" data-lon="-2.00749" data-name="ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1629 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1630 element visuellement fort etait « S'inscrire », qui part chez le centre. 1631 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1632 qui porte l'examen blanc, le guide et le formulaire de retour. 1633 Ca ne coute rien au visiteur presse : la fiche contient elle au
1633ssi le 1634 bouton « S'inscrire sur le site du centre ». 1635 En superposition et non en <a> englobant, parce qu'on ne peut pas 1636 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1637 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-malo-fei-9c2d58" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1638 vides sur le site). Le mot-cle « examen civique + ville » dans 1639 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Malo : ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">35</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 boulevard Villebois Mareuil</p> <p class="text-[14px] text-[#6a6a8a]">35400 Saint-Malo</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://af-france.fr/alliance/saint-malo-bretagne/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C063A3AA23A3B1639B0DC1A10256319951BC" data-lat="46.809029" data-lon="1.676198" data-name="AF-CRIA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1640 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1641 element visuellement fort etait « S'inscrire », qui part chez le centre. 1642 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1643 qui porte l'examen blanc, le guide et le formulaire de retour. 1644 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1645 bouton « S'inscrire sur le site du centre ». 1646 En superposition et non en <a> englobant, parce qu'on ne peut pas 1647 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1648 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chateauroux-fei-9951bc" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1649 vides sur le site). Le mot-cle « examen civique + ville » dans 1650 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Châteauroux : AF-CRIA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">36</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AF-CRIA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">La ligue de l'Enseignement 23 bd de la Valla</p> <p class="text-[14px] text-[#6a6a8a]">36000 Châteauroux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://test-civique.fr/inscription" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1650Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1C4A640FD047603FFA1AA97F89D07B83E236" data-lat="47.379084" data-lon="0.710692" data-name="AFFIC CRIA 37"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1651 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1652 element visuellement fort etait « S'inscrire », qui part chez le centre. 1653 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1654 qui porte l'examen blanc, le guide et le formulaire de retour. 1655 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1656 bouton « S'inscrire sur le site du centre ». 1657 En superposition et non en <a> englobant, parce qu'on ne peut pas 1658 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1659 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tours-fei-83e236" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1660 vides sur le site). Le mot-cle « examen civique + ville » dans 1661 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tours : AFFIC CRIA 37</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">37</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AFFIC CRIA 37</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3, place Raspail</p> <p class="text-[14px] text-[#6a6a8a]">37000 Tours</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria37.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location23-782" data-lat="47.392508" data-lon="0.693616" data-name="CLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1662 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1663 element visuellement fort etait « S'inscrire », qui part chez le centre. 1664 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1665 qui porte l'examen blanc, le guide et le formulaire de retour. 1666 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1667 bouton « S'inscrire sur le site du centre ». 1668 En superposition et non en <a> englobant, parce qu'on ne peut pas 1669 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1670 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tours-782" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1671 vides sur le site). Le mot-cle « examen civique + ville » dans 1672 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tours : CLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">37</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">44 RUE BERNARD PALISSY, 37000, TOURS</p> <p class="text-[14px] text-[#6a6a8a]">37000 Tours</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/782/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1672Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-2773D88E5B75649AC1043BF55D30FBD20388" data-lat="47.394637" data-lon="0.681486" data-name="TOURS LANGUES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1673 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1674 element visuellement fort etait « S'inscrire », qui part chez le centre. 1675 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1676 qui porte l'examen blanc, le guide et le formulaire de retour. 1677 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1678 bouton « S'inscrire sur le site du centre ». 1679 En superposition et non en <a> englobant, parce qu'on ne peut pas 1680 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1681 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tours-fei-d20388" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1682 vides sur le site). Le mot-cle « examen civique + ville » dans 1683 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tours : TOURS LANGUES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">37</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">TOURS LANGUES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">36 rue Briçonnet</p> <p class="text-[14px] text-[#6a6a8a]">37000 Tours</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.langues.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location118-490" data-lat="47.391465" data-lon="0.683604" data-name="INSTITUT DE TOURAINE - IEFT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1684 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1685 element visuellement fort etait « S'inscrire », qui part chez le centre. 1686 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1687 qui porte l'examen blanc, le guide et le formulaire de retour. 1688 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1689 bouton « S'inscrire sur le site du centre ». 1690 En superposition et non en <a> englobant, parce qu'on ne peut pas 1691 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1692 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tours-cedex-1-490" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1693 vides sur le site). Le mot-cle « examen civique + ville » dans 1694 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tours Cedex 1 : INSTITUT DE TOURAINE - IEFT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">37</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT DE TOURAINE - IEFT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue de la Grandière, 37020, TOURS CEDEX 1</p> <p class="text-[14px] text-[#6a6a8a]">37020 Tours Cedex 1</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/490" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1694Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C07FCC81A1B9FC2D6C4BA2E68A0630603C5B" data-lat="45.584725" data-lon="5.278932" data-name="GRETA NORD ISÃRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1695 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1696 element visuellement fort etait « S'inscrire », qui part chez le centre. 1697 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1698 qui porte l'examen blanc, le guide et le formulaire de retour. 1699 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1700 bouton « S'inscrire sur le site du centre ». 1701 En superposition et non en <a> englobant, parce qu'on ne peut pas 1702 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1703 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bourgoin-jallieu-fei-603c5b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1704 vides sur le site). Le mot-cle « examen civique + ville » dans 1705 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bourgoin-Jallieu : GRETA NORD ISÃRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">38</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA NORD ISÃRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">33, avenue d'Italie Le Transalpin II CS</p> <p class="text-[14px] text-[#6a6a8a]">94002 Bourgoin-Jallieu</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://gretani.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location18-469" data-lat="45.136098" data-lon="5.713852" data-name="LEO LAGRANGE FORMATION - ÃCHIROLLES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1706 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1707 element visuellement fort etait « S'inscrire », qui part chez le centre. 1708 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1709 qui porte l'examen blanc, le guide et le formulaire de retour. 1710 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1711 bouton « S'inscrire sur le site du centre ». 1712 En superposition et non en <a> englobant, parce qu'on ne peut pas 1713 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1714 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/echirolles-469" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1715 vides sur le site). Le mot-cle « examen civique + ville » dans 1716 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ãchirolles : LEO LAGRANGE FORMATION - ÃCHIROLLES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">38</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - ÃCHIROLLES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 Rue Clément Ader, 38130, ÃCHIROLLES</p> <p class="text-[14px] text-[#6a6a8a]">38130 Ãchirolles</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/469/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1716Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location159-941" data-lat="45.189709" data-lon="5.72633" data-name="THE PLACE DEBY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1717 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1718 element visuellement fort etait « S'inscrire », qui part chez le centre. 1719 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1720 qui porte l'examen blanc, le guide et le formulaire de retour. 1721 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1722 bouton « S'inscrire sur le site du centre ». 1723 En superposition et non en <a> englobant, parce qu'on ne peut pas 1724 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1725 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/grenoble-941" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1726 vides sur le site). Le mot-cle « examen civique + ville » dans 1727 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Grenoble : THE PLACE DEBY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">38</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">THE PLACE DEBY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 rue de Sault, 38000, GRENOBLE</p> <p class="text-[14px] text-[#6a6a8a]">38000 Grenoble</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/941" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location62-379" data-lat="47.106207" data-lon="5.497391" data-name="COOPILOTE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1728 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1729 element visuellement fort etait « S'inscrire », qui part chez le centre. 1730 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1731 qui porte l'examen blanc, le guide et le formulaire de retour. 1732 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1733 bouton « S'inscrire sur le site du centre ». 1734 En superposition et non en <a> englobant, parce qu'on ne peut pas 1735 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1736 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dole-379" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1737 vides sur le site). Le mot-cle « examen civique + ville » dans 1738 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dole : COOPILOTE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">39</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">COOPILOTE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 chemin du Defois, 39100, DOLE</p> <p class="text-[14px] text-[#6a6a8a]">39100 Dole</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/379/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1738Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location214-431" data-lat="46.672895" data-lon="5.552652" data-name="FRATE FORMATION CONSEIL - LONS-LE-SAUNIER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1739 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1740 element visuellement fort etait « S'inscrire », qui part chez le centre. 1741 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1742 qui porte l'examen blanc, le guide et le formulaire de retour. 1743 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1744 bouton « S'inscrire sur le site du centre ». 1745 En superposition et non en <a> englobant, parce qu'on ne peut pas 1746 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1747 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lons-le-saunier-431" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1748 vides sur le site). Le mot-cle « examen civique + ville » dans 1749 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lons-le-Saunier : FRATE FORMATION CONSEIL - LONS-LE-SAUNIER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">39</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - LONS-LE-SAUNIER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 avenue Thurel, 39000, LONS-LE-SAUNIER</p> <p class="text-[14px] text-[#6a6a8a]">39000 Lons-le-Saunier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/431" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1A770B32A388C48E4EC2886F7503B8566E7B" data-lat="43.903091" data-lon="-0.480536" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1750 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1751 element visuellement fort etait « S'inscrire », qui part chez le centre. 1752 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1753 qui porte l'examen blanc, le guide et le formulaire de retour. 1754 Ca ne coute rien au visiteur presse : la fiche contient elle au
1754ssi le 1755 bouton « S'inscrire sur le site du centre ». 1756 En superposition et non en <a> englobant, parce qu'on ne peut pas 1757 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1758 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mont-de-marsan-fei-566e7b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1759 vides sur le site). Le mot-cle « examen civique + ville » dans 1760 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mont-de-Marsan : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">40</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 rue Marcel David</p> <p class="text-[14px] text-[#6a6a8a]">40000 Mont-de-Marsan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DB147674471E575425522A666D395E27E5C2" data-lat="47.581641" data-lon="1.30925" data-name="CRIA 41"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1761 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1762 element visuellement fort etait « S'inscrire », qui part chez le centre. 1763 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1764 qui porte l'examen blanc, le guide et le formulaire de retour. 1765 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1766 bouton « S'inscrire sur le site du centre ». 1767 En superposition et non en <a> englobant, parce qu'on ne peut pas 1768 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1769 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/blois-fei-27e5c2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1770 vides sur le site). Le mot-cle « examen civique + ville » dans 1771 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Blois : CRIA 41</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">41</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CRIA 41</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">18 rue Roland Dorgelès</p> <p class="text-[14px] text-[#6a6a8a]">41000 Blois</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria41.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1771Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location116-1077" data-lat="47.610257" data-lon="1.33323" data-name="MOVE UP FORMATION - BLOIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1772 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1773 element visuellement fort etait « S'inscrire », qui part chez le centre. 1774 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1775 qui porte l'examen blanc, le guide et le formulaire de retour. 1776 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1777 bouton « S'inscrire sur le site du centre ». 1778 En superposition et non en <a> englobant, parce qu'on ne peut pas 1779 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1780 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/blois-1077" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1781 vides sur le site). Le mot-cle « examen civique + ville » dans 1782 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Blois : MOVE UP FORMATION - BLOIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">41</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - BLOIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 Rue de la Vallée Maillard, 41000, BLOIS</p> <p class="text-[14px] text-[#6a6a8a]">41000 Blois</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1077" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-6FE1CA8E0EFD9CCE71E69C45074E8FDE50CF" data-lat="45.524248" data-lon="4.255672" data-name="LÃO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1783 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1784 element visuellement fort etait « S'inscrire », qui part chez le centre. 1785 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1786 qui porte l'examen blanc, le guide et le formulaire de retour. 1787 Ca ne coute rien au visiteur presse : la fiche contient elle au
1787ssi le 1788 bouton « S'inscrire sur le site du centre ». 1789 En superposition et non en <a> englobant, parce qu'on ne peut pas 1790 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1791 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/andrezieux-fei-de50cf" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1792 vides sur le site). Le mot-cle « examen civique + ville » dans 1793 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Andrézieux : LÃO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">42</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LÃO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue Marcelin Girinon</p> <p class="text-[14px] text-[#6a6a8a]">42160 Andrézieux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ifra.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location56-1023" data-lat="46.034321" data-lon="4.070016" data-name="LEO LAGRANGE FORMATION - ROANNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1794 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1795 element visuellement fort etait « S'inscrire », qui part chez le centre. 1796 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1797 qui porte l'examen blanc, le guide et le formulaire de retour. 1798 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1799 bouton « S'inscrire sur le site du centre ». 1800 En superposition et non en <a> englobant, parce qu'on ne peut pas 1801 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1802 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/roanne-1023" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1803 vides sur le site). Le mot-cle « examen civique + ville » dans 1804 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Roanne : LEO LAGRANGE FORMATION - ROANNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">42</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - ROANNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">25 rue Benoit Malon, 42300, ROANNE</p> <p class="text-[14px] text-[#6a6a8a]">42300 Roanne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1023/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1804Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location19-471" data-lat="45.470103" data-lon="4.509317" data-name="LEO LAGRANGE FORMATION - SAINT-CHAMOND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1805 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1806 element visuellement fort etait « S'inscrire », qui part chez le centre. 1807 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1808 qui porte l'examen blanc, le guide et le formulaire de retour. 1809 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1810 bouton « S'inscrire sur le site du centre ». 1811 En superposition et non en <a> englobant, parce qu'on ne peut pas 1812 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1813 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-chamond-471" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1814 vides sur le site). Le mot-cle « examen civique + ville » dans 1815 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Chamond : LEO LAGRANGE FORMATION - SAINT-CHAMOND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">42</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - SAINT-CHAMOND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">59 rue Maurice Bonnevialle, 42400, SAINT-CHAMOND</p> <p class="text-[14px] text-[#6a6a8a]">42400 Saint-Chamond</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/471/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C8F46C14FB4001857D95CD495B5DA07FCF1A" data-lat="45.471573" data-lon="4.395076" data-name="CEFI"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1816 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1817 element visuellement fort etait « S'inscrire », qui part chez le centre. 1818 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1819 qui porte l'examen blanc, le guide et le formulaire de retour. 1820 Ca ne coute rien au visiteur presse : la fiche contient elle au
1820ssi le 1821 bouton « S'inscrire sur le site du centre ». 1822 En superposition et non en <a> englobant, parce qu'on ne peut pas 1823 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1824 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-etienne-fei-7fcf1a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1825 vides sur le site). Le mot-cle « examen civique + ville » dans 1826 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Etienne : CEFI</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">42</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFI</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 allée Giacomo Puccini</p> <p class="text-[14px] text-[#6a6a8a]">42000 Saint-Etienne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cefi-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location107-441" data-lat="45.038341" data-lon="3.884967" data-name="FRATE FORMATION CONSEIL - LE PUY-EN-VELAY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1827 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1828 element visuellement fort etait « S'inscrire », qui part chez le centre. 1829 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1830 qui porte l'examen blanc, le guide et le formulaire de retour. 1831 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1832 bouton « S'inscrire sur le site du centre ». 1833 En superposition et non en <a> englobant, parce qu'on ne peut pas 1834 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1835 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-puy-en-velay-441" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1836 vides sur le site). Le mot-cle « examen civique + ville » dans 1837 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Puy-en-Velay : FRATE FORMATION CONSEIL - LE PUY-EN-VELAY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">43</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - LE PUY-EN-VELAY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 rue des Moulins , 43000, LE PUY-EN-VELAY</p> <p class="text-[14px] text-[#6a6a8a]">43000 Le Puy-en-Velay</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/441" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1837Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-3AC28B857225BB9E6337F79CFF05C36D8AD0" data-lat="45.03596" data-lon="3.885075" data-name="GRETA AUVERGNE AGENCE 43"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1838 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1839 element visuellement fort etait « S'inscrire », qui part chez le centre. 1840 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1841 qui porte l'examen blanc, le guide et le formulaire de retour. 1842 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1843 bouton « S'inscrire sur le site du centre ». 1844 En superposition et non en <a> englobant, parce qu'on ne peut pas 1845 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1846 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-puy-en-velay-fei-6d8ad0" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1847 vides sur le site). Le mot-cle « examen civique + ville » dans 1848 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Puy-en-Velay : GRETA AUVERGNE AGENCE 43</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">43</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA AUVERGNE AGENCE 43</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">27 boulevard du président Bertrand</p> <p class="text-[14px] text-[#6a6a8a]">43000 Le Puy-en-Velay</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://greta.ac-clermont.fr/nos-greta/greta-auvergne-agence-43/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location74-1051" data-lat="47.366415" data-lon="-1.18358" data-name="LEO LAGRANGE FORMATION - BREST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1849 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1850 element visuellement fort etait « S'inscrire », qui part chez le centre. 1851 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1852 qui porte l'examen blanc, le guide et le formulaire de retour. 1853 Ca ne coute rien au visiteur presse : la fiche contient elle au
1853ssi le 1854 bouton « S'inscrire sur le site du centre ». 1855 En superposition et non en <a> englobant, parce qu'on ne peut pas 1856 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1857 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ancenis-saint-gereon-1051" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1858 vides sur le site). Le mot-cle « examen civique + ville » dans 1859 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ancenis-Saint-Gereon : LEO LAGRANGE FORMATION - BREST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - BREST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Habitat des jeunes du Pays d'Ancenis - 85 boulevard Huchon, 44150, ANCENIS-SAINT-GEREON</p> <p class="text-[14px] text-[#6a6a8a]">44150 Ancenis-Saint-Gereon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1051/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location175-350" data-lat="47.259658" data-lon="-1.501851" data-name="CFP PRESQU'ÃLE - CARQUEFOU"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1860 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1861 element visuellement fort etait « S'inscrire », qui part chez le centre. 1862 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1863 qui porte l'examen blanc, le guide et le formulaire de retour. 1864 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1865 bouton « S'inscrire sur le site du centre ». 1866 En superposition et non en <a> englobant, parce qu'on ne peut pas 1867 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1868 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/carquefou-350" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1869 vides sur le site). Le mot-cle « examen civique + ville » dans 1870 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Carquefou : CFP PRESQU'ÃLE - CARQUEFOU</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP PRESQU'ÃLE - CARQUEFOU</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre Commercial La Jalousie - Route de Paris, 44470, CARQUEFOU</p> <p class="text-[14px] text-[#6a6a8a]">44470 Carquefou</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/350" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1870Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-991" data-lat="47.210799" data-lon="-1.571279" data-name="CEFOL MANAGEMENT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1871 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1872 element visuellement fort etait « S'inscrire », qui part chez le centre. 1873 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1874 qui porte l'examen blanc, le guide et le formulaire de retour. 1875 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1876 bouton « S'inscrire sur le site du centre ». 1877 En superposition et non en <a> englobant, parce qu'on ne peut pas 1878 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1879 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nantes-991" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1880 vides sur le site). Le mot-cle « examen civique + ville » dans 1881 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nantes : CEFOL MANAGEMENT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFOL MANAGEMENT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 RUE BAYARD, 44100, NANTES</p> <p class="text-[14px] text-[#6a6a8a]">44100 Nantes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/991/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9EF3BFEFA60FE9A5779F2576512C12AFAD72" data-lat="47.216072" data-lon="-1.59957" data-name="ESPACES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1882 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1883 element visuellement fort etait « S'inscrire », qui part chez le centre. 1884 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1885 qui porte l'examen blanc, le guide et le formulaire de retour. 1886 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1887 bouton « S'inscrire sur le site du centre ». 1888 En superposition et non en <a> englobant, parce qu'on ne peut pas 1889 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1890 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nantes-fei-afad72" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1891 vides sur le site). Le mot-cle « examen civique + ville » dans 1892 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nantes : ESPACES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ESPACES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue de la Petite Reine</p> <p class="text-[14px] text-[#6a6a8a]">44187 Nantes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.espaces-formation.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1892Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-65AC12FF3B55E5347B9451BB5CD276C325D3" data-lat="47.226051" data-lon="-1.563064" data-name="INSTITUT FONELIA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1893 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1894 element visuellement fort etait « S'inscrire », qui part chez le centre. 1895 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1896 qui porte l'examen blanc, le guide et le formulaire de retour. 1897 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1898 bouton « S'inscrire sur le site du centre ». 1899 En superposition et non en <a> englobant, parce qu'on ne peut pas 1900 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1901 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nantes-fei-c325d3" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1902 vides sur le site). Le mot-cle « examen civique + ville » dans 1903 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nantes : INSTITUT FONELIA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT FONELIA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Passage de la Poule noire</p> <p class="text-[14px] text-[#6a6a8a]">44000 Nantes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://fonelia.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location174-352" data-lat="47.188854" data-lon="-1.551664" data-name="CFP PRESQU'ÃLE - NANTES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1904 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1905 element visuellement fort etait « S'inscrire », qui part chez le centre. 1906 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1907 qui porte l'examen blanc, le guide et le formulaire de retour. 1908 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1909 bouton « S'inscrire sur le site du centre ». 1910 En superposition et non en <a> englobant, parce qu'on ne peut pas 1911 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1912 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/reze-352" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1913 vides sur le site). Le mot-cle « examen civique + ville » dans 1914 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rezé : CFP PRESQU'ÃLE - NANTES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP PRESQU'ÃLE - NANTES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue Victor Hugo, 44400, REZÃ</p> <p class="text-[14px] text-[#6a6a8a]">44400 Rezé</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/352" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1914Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4C2AEFAF4C095377E7798A57F1B5C2964E46" data-lat="47.283749" data-lon="-2.211206" data-name="CEFOL MANAGEMENT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1915 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1916 element visuellement fort etait « S'inscrire », qui part chez le centre. 1917 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1918 qui porte l'examen blanc, le guide et le formulaire de retour. 1919 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1920 bouton « S'inscrire sur le site du centre ». 1921 En superposition et non en <a> englobant, parce qu'on ne peut pas 1922 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1923 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-nazaire-fei-964e46" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1924 vides sur le site). Le mot-cle « examen civique + ville » dans 1925 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Nazaire : CEFOL MANAGEMENT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFOL MANAGEMENT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">101 avenue de la République</p> <p class="text-[14px] text-[#6a6a8a]">44600 Saint-Nazaire</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.cefolmanagement.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location165-353" data-lat="47.259627" data-lon="-2.269752" data-name="CFP PRESQU'ÃLE - SAINT-NAZAIRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1926 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1927 element visuellement fort etait « S'inscrire », qui part chez le centre. 1928 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1929 qui porte l'examen blanc, le guide et le formulaire de retour. 1930 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1931 bouton « S'inscrire sur le site du centre ». 1932 En superposition et non en <a> englobant, parce qu'on ne peut pas 1933 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1934 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-nazaire-353" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1935 vides sur le site). Le mot-cle « examen civique + ville » dans 1936 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Nazaire : CFP PRESQU'ÃLE - SAINT-NAZAIRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">44</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP PRESQU'ÃLE - SAINT-NAZAIRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 rue Ãtoile du matin, 44600, SAINT-NAZAIRE</p> <p class="text-[14px] text-[#6a6a8a]">44600 Saint-Nazaire</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/353" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
1936Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4018DA1325EBD977435A5A67E8BEB9C5D228" data-lat="48.00716" data-lon="2.746387" data-name="AGAFOR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1937 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1938 element visuellement fort etait « S'inscrire », qui part chez le centre. 1939 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1940 qui porte l'examen blanc, le guide et le formulaire de retour. 1941 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1942 bouton « S'inscrire sur le site du centre ». 1943 En superposition et non en <a> englobant, parce qu'on ne peut pas 1944 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1945 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montargis-fei-c5d228" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1946 vides sur le site). Le mot-cle « examen civique + ville » dans 1947 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montargis : AGAFOR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">45</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AGAFOR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre Nelson Mandela 31, avenue Chautemps</p> <p class="text-[14px] text-[#6a6a8a]">45200 Montargis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.agafor.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-CDC7DFCB0C2867058F11DC683931FF843CBD" data-lat="47.906412" data-lon="1.890077" data-name="ABSOLUTE MJ SOLUTIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1948 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1949 element visuellement fort etait « S'inscrire », qui part chez le centre. 1950 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1951 qui porte l'examen blanc, le guide et le formulaire de retour. 1952 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1953 bouton « S'inscrire sur le site du centre ». 1954 En superposition et non en <a> englobant, parce qu'on ne peut pas 1955 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1956 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/orleans-fei-843cbd" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1957 vides sur le site). Le mot-cle « examen civique + ville » dans 1958 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Orléans : ABSOLUTE MJ SOLUTIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">45</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ABSOLUTE MJ SOLUTIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 boulevard de Chateaudun MBE</p> <p class="text-[14px] text-[#6a6a8a]">45000 Orléans</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button>
1958 <a href="http://www.amjsolutions.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D7C55AEE1D41C812A238850B7D243762DEF5" data-lat="47.834123" data-lon="1.934183" data-name="ESPACE C2B - CRIA 45"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1959 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1960 element visuellement fort etait « S'inscrire », qui part chez le centre. 1961 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1962 qui porte l'examen blanc, le guide et le formulaire de retour. 1963 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1964 bouton « S'inscrire sur le site du centre ». 1965 En superposition et non en <a> englobant, parce qu'on ne peut pas 1966 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1967 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/orleans-fei-62def5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1968 vides sur le site). Le mot-cle « examen civique + ville » dans 1969 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Orléans : ESPACE C2B - CRIA 45</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">45</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ESPACE C2B - CRIA 45</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3, rue Edouard Branly</p> <p class="text-[14px] text-[#6a6a8a]">45100 Orléans</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cria45.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location68-1027" data-lat="47.831237" data-lon="1.931437" data-name="LEO LAGRANGE FORMATION - ORLÃANS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1970 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1971 element visuellement fort etait « S'inscrire », qui part
1971chez le centre. 1972 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1973 qui porte l'examen blanc, le guide et le formulaire de retour. 1974 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1975 bouton « S'inscrire sur le site du centre ». 1976 En superposition et non en <a> englobant, parce qu'on ne peut pas 1977 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1978 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/orleans-1027" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1979 vides sur le site). Le mot-cle « examen civique + ville » dans 1980 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Orléans : LEO LAGRANGE FORMATION - ORLÃANS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">45</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - ORLÃANS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2B RUE ALAIN, 45100, ORLÃANS</p> <p class="text-[14px] text-[#6a6a8a]">45100 Orléans</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1027/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location34-1037" data-lat="44.444703" data-lon="1.440394" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1981 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1982 element visuellement fort etait « S'inscrire », qui part chez le centre. 1983 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1984 qui porte l'examen blanc, le guide et le formulaire de retour. 1985 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1986 bouton « S'inscrire sur le site du centre ». 1987 En superposition et non en <a> englobant, parce qu'on ne peut pas 1988 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 1989 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cahors-1037" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 1990 vides sur le site). Le mot-cle « examen civique + ville » dans 1991 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cahors : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">46</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
199175 Rue Saint-Géry, 46000, CAHORS</p> <p class="text-[14px] text-[#6a6a8a]">46000 Cahors</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1037/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-04A2602E994F0364FD51430942363ECA79A4" data-lat="44.444196" data-lon="1.441956" data-name="OSENGO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 1992 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 1993 element visuellement fort etait « S'inscrire », qui part chez le centre. 1994 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 1995 qui porte l'examen blanc, le guide et le formulaire de retour. 1996 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 1997 bouton « S'inscrire sur le site du centre ». 1998 En superposition et non en <a> englobant, parce qu'on ne peut pas 1999 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2000 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cahors-fei-ca79a4" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2001 vides sur le site). Le mot-cle « examen civique + ville » dans 2002 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cahors : OSENGO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">46</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">OSENGO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">111 boulevard GAMBETTA</p> <p class="text-[14px] text-[#6a6a8a]">46000 Cahors</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://osengo.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2002Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location140-1038" data-lat="44.609128" data-lon="2.021814" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2003 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2004 element visuellement fort etait « S'inscrire », qui part chez le centre. 2005 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2006 qui porte l'examen blanc, le guide et le formulaire de retour. 2007 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2008 bouton « S'inscrire sur le site du centre ». 2009 En superposition et non en <a> englobant, parce qu'on ne peut pas 2010 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2011 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/figeac-1038" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2012 vides sur le site). Le mot-cle « examen civique + ville » dans 2013 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Figeac : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">46</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Maison de la Formation - 6 Avenue Bernard Fontanges, 46100, FIGEAC</p> <p class="text-[14px] text-[#6a6a8a]">46100 Figeac</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1038" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location141-1039" data-lat="44.898053" data-lon="1.477004" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2014 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2015 element visuellement fort etait « S'inscrire », qui part chez le centre. 2016 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2017 qui porte l'examen blanc, le guide et le formulaire de retour. 2018 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2019 bouton « S'inscrire sur le site du centre ». 2020 En superposition et non en <a> englobant, parce qu'on ne peut pas 2021 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2022 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/souillac-1039" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2023 vides sur le site). Le mot-cle « examen civique + ville » dans 2024 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Souillac : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">46</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Hôtel les Ambassadeurs - 21 Avenue du Général De Gaulle, 46200, SOUILLAC</p> <p class="text-[14px] text-[#6a6a8a]">46200 Souillac</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1039" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2024Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0767D1BD9D3DA800FE94F7192828A7C9B9DB" data-lat="44.521948" data-lon="3.483488" data-name="GRETA-CFA GARD-LOZÃRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2025 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2026 element visuellement fort etait « S'inscrire », qui part chez le centre. 2027 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2028 qui porte l'examen blanc, le guide et le formulaire de retour. 2029 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2030 bouton « S'inscrire sur le site du centre ». 2031 En superposition et non en <a> englobant, parce qu'on ne peut pas 2032 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2033 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mende-fei-c9b9db" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2034 vides sur le site). Le mot-cle « examen civique + ville » dans 2035 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mende : GRETA-CFA GARD-LOZÃRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">48</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA-CFA GARD-LOZÃRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Emile Peytavin Avenue du 11 novembre</p> <p class="text-[14px] text-[#6a6a8a]">48000 Mende</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.greta-gard.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location59-1066" data-lat="44.528631" data-lon="3.468466" data-name="PURPLE CAMPUS - MENDE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2036 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2037 element visuellement fort etait « S'inscrire », qui part chez le centre. 2038 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2039 qui porte l'examen blanc, le guide et le formulaire de retour. 2040 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2041 bouton « S'inscrire sur le site du centre ». 2042 En superposition et non en <a> englobant, parce qu'on ne peut pas 2043 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2044 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mende-1066" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2045 vides sur le site). Le mot-cle « examen civique + ville » dans 2046 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mende : PURPLE CAMPUS - MENDE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">48</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">PURPLE CAMPUS - MENDE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10, rue Albert Einstein, 48000, MENDE</p> <p class="text-[14px] text-[#6a6a8a]">48000 Mende</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1066/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2046Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-03EF3BA7C76C03EDFB7A4DF63CEF8F1BCBEE" data-lat="47.464357" data-lon="-0.548296" data-name="CIDEF"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2047 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2048 element visuellement fort etait « S'inscrire », qui part chez le centre. 2049 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2050 qui porte l'examen blanc, le guide et le formulaire de retour. 2051 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2052 bouton « S'inscrire sur le site du centre ». 2053 En superposition et non en <a> englobant, parce qu'on ne peut pas 2054 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2055 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/angers-fei-1bcbee" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2056 vides sur le site). Le mot-cle « examen civique + ville » dans 2057 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Angers : CIDEF</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">49</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CIDEF</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 place André Leroy BP</p> <p class="text-[14px] text-[#6a6a8a]">10808 Angers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cidef.uco.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4D7EB9693D94DC6C29BFEC4FDEFD27E729D0" data-lat="47.449536" data-lon="-0.555947" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2058 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2059 element visuellement fort etait « S'inscrire », qui part chez le centre. 2060 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2061 qui porte l'examen blanc, le guide et le formulaire de retour. 2062 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2063 bouton « S'inscrire sur le site du centre ». 2064 En superposition et non en <a> englobant, parce qu'on ne peut pas 2065 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2066 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/angers-fei-e729d0" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2067 vides sur le site). Le mot-cle « examen civique + ville » dans 2068 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Angers : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">49</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 Square de la Belle Etoile</p> <p class="text-[14px] text-[#6a6a8a]">49000 Angers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/agences/angers/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2068Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location176-929" data-lat="47.462481" data-lon="-0.558233" data-name="TOUT AU LONG DE LA VIE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2069 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2070 element visuellement fort etait « S'inscrire », qui part chez le centre. 2071 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2072 qui porte l'examen blanc, le guide et le formulaire de retour. 2073 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2074 bouton « S'inscrire sur le site du centre ». 2075 En superposition et non en <a> englobant, parce qu'on ne peut pas 2076 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2077 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/angers-929" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2078 vides sur le site). Le mot-cle « examen civique + ville » dans 2079 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Angers : TOUT AU LONG DE LA VIE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">49</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">TOUT AU LONG DE LA VIE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">29 rue Bougère, 49000, ANGERS</p> <p class="text-[14px] text-[#6a6a8a]">49000 Angers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/929" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location69-21" data-lat="47.046114" data-lon="-0.892316" data-name="AFODIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2080 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2081 element visuellement fort etait « S'inscrire », qui part chez le centre. 2082 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2083 qui porte l'examen blanc, le guide et le formulaire de retour. 2084 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2085 bouton « S'inscrire sur le site du centre ». 2086 En superposition et non en <a> englobant, parce qu'on ne peut pas 2087 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2088 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cholet-21" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2089 vides sur le site). Le mot-cle « examen civique + ville » dans 2090 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cholet : AFODIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">49</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AFODIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 avenue du Président Kennedy, 49300, CHOLET</p> <p class="text-[14px] text-[#6a6a8a]">49300 Cholet</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/21/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2090Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location163-380" data-lat="47.253985" data-lon="-0.075407" data-name="CORYLUS FORMATIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2091 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2092 element visuellement fort etait « S'inscrire », qui part chez le centre. 2093 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2094 qui porte l'examen blanc, le guide et le formulaire de retour. 2095 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2096 bouton « S'inscrire sur le site du centre ». 2097 En superposition et non en <a> englobant, parce qu'on ne peut pas 2098 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2099 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saumur-380" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2100 vides sur le site). Le mot-cle « examen civique + ville » dans 2101 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saumur : CORYLUS FORMATIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">49</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CORYLUS FORMATIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue Sévigné, 49400, SAUMUR</p> <p class="text-[14px] text-[#6a6a8a]">49400 Saumur</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/380" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location173-1086" data-lat="49.64167" data-lon="-1.622976" data-name="ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2102 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2103 element visuellement fort etait « S'inscrire », qui part chez le centre. 2104 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2105 qui porte l'examen blanc, le guide et le formulaire de retour. 2106 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2107 bouton « S'inscrire sur le site du centre ». 2108 En superposition et non en <a> englobant, parce qu'on ne peut pas 2109 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2110 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cherbourg-en-cotentin-1086" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2111 vides sur le site). Le mot-cle « examen civique + ville » dans 2112 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cherbourg-en-Cotentin : ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">50</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26 rue des Moulins, 50100, CHERBOURG-EN-COTENTIN</p> <p class="text-[14px] text-[#6a6a8a]">50100 Cherbourg-en-Cotentin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1086" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2112Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9906584F8931399E762BF82A37A496FE5EF7" data-lat="49.111357" data-lon="-1.069994" data-name="CENTRE SOCIAL MARCEL MERSIER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2113 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2114 element visuellement fort etait « S'inscrire », qui part chez le centre. 2115 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2116 qui porte l'examen blanc, le guide et le formulaire de retour. 2117 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2118 bouton « S'inscrire sur le site du centre ». 2119 En superposition et non en <a> englobant, parce qu'on ne peut pas 2120 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2121 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-lo-fei-fe5ef7" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2122 vides sur le site). Le mot-cle « examen civique + ville » dans 2123 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Lô : CENTRE SOCIAL MARCEL MERSIER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">50</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE SOCIAL MARCEL MERSIER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">45, avenue des Tilleuls</p> <p class="text-[14px] text-[#6a6a8a]">50000 Saint-Lô</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://epe14.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-556E174814CDAAF7283A4FAD1290BB372236" data-lat="48.968591" data-lon="4.362809" data-name="AEFTI MARNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2124 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2125 element visuellement fort etait « S'inscrire », qui part chez le centre. 2126 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2127 qui porte l'examen blanc, le guide et le formulaire de retour. 2128 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2129 bouton « S'inscrire sur le site du centre ». 2130 En superposition et non en <a> englobant, parce qu'on ne peut pas 2131 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2132 Les elements interactifs passent au-dessus via z-10. -->
2132 <a href="/centres-examen-civique/centre/chalons-en-champagne-fei-372236" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2133 vides sur le site). Le mot-cle « examen civique + ville » dans 2134 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Châlons-en-Champagne : AEFTI MARNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">51</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI MARNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Complexe Gérard Philippe Bât A, entée 3, 1ere étage 19 avenue du Général Sarrail</p> <p class="text-[14px] text-[#6a6a8a]">51000 Châlons-en-Champagne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://aefti51.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-57B934B99BF1B82199DEE3C4C29E83058C91" data-lat="49.264866" data-lon="4.050232" data-name="AEFTI MARNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2135 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2136 element visuellement fort etait « S'inscrire », qui part chez le centre. 2137 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2138 qui porte l'examen blanc, le guide et le formulaire de retour. 2139 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2140 bouton « S'inscrire sur le site du centre ». 2141 En superposition et non en <a> englobant, parce qu'on ne peut pas 2142 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2143 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/reims-fei-058c91" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2144 vides sur le site). Le mot-cle « examen civique + ville » dans 2145 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Reims : AEFTI MARNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">51</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI MARNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48 rue Prieur de la Marne</p> <p class="text-[14px] text-[#6a6a8a]">51100 Reims</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button>
2145 <a href="http://aefti51.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-839" data-lat="49.259975" data-lon="4.021607" data-name="FRATE FORMATION CONSEIL - REIMS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2146 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2147 element visuellement fort etait « S'inscrire », qui part chez le centre. 2148 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2149 qui porte l'examen blanc, le guide et le formulaire de retour. 2150 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2151 bouton « S'inscrire sur le site du centre ». 2152 En superposition et non en <a> englobant, parce qu'on ne peut pas 2153 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2154 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/reims-839" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2155 vides sur le site). Le mot-cle « examen civique + ville » dans 2156 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Reims : FRATE FORMATION CONSEIL - REIMS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">51</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - REIMS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">14 rue Edouard Mignot, 51100, REIMS</p> <p class="text-[14px] text-[#6a6a8a]">51100 Reims</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/839" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-760" data-lat="49.235003" data-lon="4.068402" data-name="HESIO CONSEIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2157 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2158 element visuellement fort etait « S'inscrire », qui part
2158chez le centre. 2159 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2160 qui porte l'examen blanc, le guide et le formulaire de retour. 2161 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2162 bouton « S'inscrire sur le site du centre ». 2163 En superposition et non en <a> englobant, parce qu'on ne peut pas 2164 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2165 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/reims-760" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2166 vides sur le site). Le mot-cle « examen civique + ville » dans 2167 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Reims : HESIO CONSEIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">51</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">HESIO CONSEIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">14, Allée René Fonck, 51100, REIMS</p> <p class="text-[14px] text-[#6a6a8a]">51100 Reims</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/760/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-14D51B02009173CA5863697394FA10B6EB36" data-lat="49.215808" data-lon="4.000932" data-name="GROUPE AFPAM FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2168 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2169 element visuellement fort etait « S'inscrire », qui part chez le centre. 2170 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2171 qui porte l'examen blanc, le guide et le formulaire de retour. 2172 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2173 bouton « S'inscrire sur le site du centre ». 2174 En superposition et non en <a> englobant, parce qu'on ne peut pas 2175 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2176 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/reims-bezannes-fei-b6eb36" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2177 vides sur le site). Le mot-cle « examen civique + ville » dans 2178 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Reims-Bezannes : GROUPE AFPAM FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">51</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GROUPE AFPAM FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4, rue Jules Méline</p> <p class="text-[14px] text-[#6a6a8a]">51430 Reims-Bezannes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afpam-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2178Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location212-437" data-lat="48.105269" data-lon="5.135601" data-name="FRATE FORMATION - CHAUMONT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2179 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2180 element visuellement fort etait « S'inscrire », qui part chez le centre. 2181 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2182 qui porte l'examen blanc, le guide et le formulaire de retour. 2183 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2184 bouton « S'inscrire sur le site du centre ». 2185 En superposition et non en <a> englobant, parce qu'on ne peut pas 2186 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2187 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chaumont-437" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2188 vides sur le site). Le mot-cle « examen civique + ville » dans 2189 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chaumont : FRATE FORMATION - CHAUMONT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">52</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION - CHAUMONT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">49 Rue Levy Alphandery, 52000, CHAUMONT</p> <p class="text-[14px] text-[#6a6a8a]">52000 Chaumont</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/437" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-BEBD29170BA9DF3B947506FE1A3995114612" data-lat="48.083232" data-lon="5.137461" data-name="POINFOR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2190 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2191 element visuellement fort etait « S'inscrire », qui part chez le centre. 2192 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2193 qui porte l'examen blanc, le guide et le formulaire de retour. 2194 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2195 bouton « S'inscrire sur le site du centre ». 2196 En superposition et non en <a> englobant, parce qu'on ne peut pas 2197 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2198 Les elements interactifs passent au-dessus via z-10. -->
2198 <a href="/centres-examen-civique/centre/chaumont-fei-114612" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2199 vides sur le site). Le mot-cle « examen civique + ville » dans 2200 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chaumont : POINFOR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">52</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POINFOR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48 rue de la Chavoie Brottes</p> <p class="text-[14px] text-[#6a6a8a]">52000 Chaumont</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.poinfor.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-169922FE1A6C699BA1DBFAABF7AFA317AA3B" data-lat="48.064735" data-lon="-0.778411" data-name="MONDIA-LANGUES INSTITUT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2201 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2202 element visuellement fort etait « S'inscrire », qui part chez le centre. 2203 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2204 qui porte l'examen blanc, le guide et le formulaire de retour. 2205 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2206 bouton « S'inscrire sur le site du centre ». 2207 En superposition et non en <a> englobant, parce qu'on ne peut pas 2208 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2209 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/laval-fei-17aa3b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2210 vides sur le site). Le mot-cle « examen civique + ville » dans 2211 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Laval : MONDIA-LANGUES INSTITUT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">53</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MONDIA-LANGUES INSTITUT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">62 Rue de Vaufleury</p> <p class="text-[14px] text-[#6a6a8a]">53000 Laval</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.mondia-langues.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2211Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-7F1E53996C94A5DB5086A1C4BC7FA6D1BE2A" data-lat="48.679849" data-lon="6.184571" data-name="GIP FORMATION - CEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2212 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2213 element visuellement fort etait « S'inscrire », qui part chez le centre. 2214 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2215 qui porte l'examen blanc, le guide et le formulaire de retour. 2216 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2217 bouton « S'inscrire sur le site du centre ». 2218 En superposition et non en <a> englobant, parce qu'on ne peut pas 2219 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2220 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nancy-fei-d1be2a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2221 vides sur le site). Le mot-cle « examen civique + ville » dans 2222 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nancy : GIP FORMATION - CEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">54</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GIP FORMATION - CEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">28 rue de Saurupt BP 3039</p> <p class="text-[14px] text-[#6a6a8a]">54012 Nancy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cel-gip.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-74831409544C503ABCDEDC66B9510CCE4108" data-lat="48.694518" data-lon="6.186208" data-name="HÃSIO CONSEIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2223 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2224 element visuellement fort etait « S'inscrire », qui part chez le centre. 2225 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2226 qui porte l'examen blanc, le guide et le formulaire de retour. 2227 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2228 bouton « S'inscrire sur le site du centre ». 2229 En superposition et non en <a> englobant, parce qu'on ne peut pas 2230 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2231 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nancy-fei-ce4108" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2232 vides sur le site). Le mot-cle « examen civique + ville » dans 2233 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nancy : HÃSIO CONSEIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">54</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">HÃSIO CONSEIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 Rue Sainte Catherine</p> <p class="text-[14px] text-[#6a6a8a]">54000 Nancy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.hesio.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2233Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location13-585" data-lat="48.704127" data-lon="6.155906" data-name="INTERNATIONAL HOUSE - NANCY COEUR D'EUROPE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2234 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2235 element visuellement fort etait « S'inscrire », qui part chez le centre. 2236 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2237 qui porte l'examen blanc, le guide et le formulaire de retour. 2238 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2239 bouton « S'inscrire sur le site du centre ». 2240 En superposition et non en <a> englobant, parce qu'on ne peut pas 2241 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2242 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nancy-585" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2243 vides sur le site). Le mot-cle « examen civique + ville » dans 2244 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nancy : INTERNATIONAL HOUSE - NANCY COEUR D'EUROPE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">54</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INTERNATIONAL HOUSE - NANCY COEUR D'EUROPE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 RUE STE CATHERINE , 54100, NANCY</p> <p class="text-[14px] text-[#6a6a8a]">54100 Nancy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/585/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location63-1061" data-lat="47.761872" data-lon="-3.397699" data-name="IBEP - LORIENT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2245 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2246 element visuellement fort etait « S'inscrire », qui part chez le centre. 2247 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2248 qui porte l'examen blanc, le guide et le formulaire de retour. 2249 Ca ne coute rien au visiteur presse : la fiche contient elle au
2249ssi le 2250 bouton « S'inscrire sur le site du centre ». 2251 En superposition et non en <a> englobant, parce qu'on ne peut pas 2252 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2253 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lorient-1061" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2254 vides sur le site). Le mot-cle « examen civique + ville » dans 2255 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lorient : IBEP - LORIENT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">56</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IBEP - LORIENT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">24 Rue du gaillec, 56100, LORIENT</p> <p class="text-[14px] text-[#6a6a8a]">56100 Lorient</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1061/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location112-1071" data-lat="48.064881" data-lon="-2.964874" data-name="IBEP - LORIENT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2256 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2257 element visuellement fort etait « S'inscrire », qui part chez le centre. 2258 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2259 qui porte l'examen blanc, le guide et le formulaire de retour. 2260 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2261 bouton « S'inscrire sur le site du centre ». 2262 En superposition et non en <a> englobant, parce qu'on ne peut pas 2263 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2264 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pontivy-1071" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2265 vides sur le site). Le mot-cle « examen civique + ville » dans 2266 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pontivy : IBEP - LORIENT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">56</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IBEP - LORIENT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">14 Avenue Napoléon 1er, 56300, PONTIVY</p> <p class="text-[14px] text-[#6a6a8a]">56300 Pontivy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1071" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2266Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location64-927" data-lat="47.649873" data-lon="-2.723372" data-name="IBEP FORMATION - VANNES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2267 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2268 element visuellement fort etait « S'inscrire », qui part chez le centre. 2269 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2270 qui porte l'examen blanc, le guide et le formulaire de retour. 2271 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2272 bouton « S'inscrire sur le site du centre ». 2273 En superposition et non en <a> englobant, parce qu'on ne peut pas 2274 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2275 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sene-927" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2276 vides sur le site). Le mot-cle « examen civique + ville » dans 2277 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sene : IBEP FORMATION - VANNES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">56</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IBEP FORMATION - VANNES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 RUE COUSTEAU, 56860, SENE</p> <p class="text-[14px] text-[#6a6a8a]">56860 Sene</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/927/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C68E673EAECE4EBB9EC86702293E729E1042" data-lat="47.642889" data-lon="-2.746329" data-name="CLPS L'ENJEU COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2278 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2279 element visuellement fort etait « S'inscrire », qui part chez le centre. 2280 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2281 qui porte l'examen blanc, le guide et le formulaire de retour. 2282 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2283 bouton « S'inscrire sur le site du centre ». 2284 En superposition et non en <a> englobant, parce qu'on ne peut pas 2285 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2286 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vannes-fei-9e1042" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2287 vides sur le site). Le mot-cle « examen civique + ville » dans 2288 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vannes : CLPS L'ENJEU COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">56</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLPS L'ENJEU COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Pierre et Marie Curie Parc innovation Bretagne Sud II</p> <p class="text-[14px] text-[#6a6a8a]">56000 Vannes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.clps.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2288Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9B1345B749D16A8BCD004ACCE22E94CBF159" data-lat="49.180981" data-lon="6.896225" data-name="GIP CEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2289 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2290 element visuellement fort etait « S'inscrire », qui part chez le centre. 2291 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2292 qui porte l'examen blanc, le guide et le formulaire de retour. 2293 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2294 bouton « S'inscrire sur le site du centre ». 2295 En superposition et non en <a> englobant, parce qu'on ne peut pas 2296 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2297 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/forbach-fei-cbf159" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2298 vides sur le site). Le mot-cle « examen civique + ville » dans 2299 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Forbach : GIP CEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GIP CEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Polyvalent Blaise Pascal 5 rue Paul Ney</p> <p class="text-[14px] text-[#6a6a8a]">57600 Forbach</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://dafpic.ac-nancy-metz.fr/dafpic/site_cel/index.php/qui-sommes-nous/le-cel/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B9B1C8FD5893CA4EA9E80EFD27A7645D004B" data-lat="49.111548" data-lon="6.219689" data-name="CEL - GIP - MAISON DU FLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2300 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2301 element visuellement fort etait « S'inscrire », qui part chez le centre. 2302 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2303 qui porte l'examen blanc, le guide et le formulaire de retour. 2304 Ca ne coute rien au visiteur presse : la fiche contient elle au
2304ssi le 2305 bouton « S'inscrire sur le site du centre ». 2306 En superposition et non en <a> englobant, parce qu'on ne peut pas 2307 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2308 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/metz-fei-5d004b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2309 vides sur le site). Le mot-cle « examen civique + ville » dans 2310 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Metz : CEL - GIP - MAISON DU FLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEL - GIP - MAISON DU FLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Maison du FLE 3 rue du Limousin Bâtiment 3</p> <p class="text-[14px] text-[#6a6a8a]">57070 Metz</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.greta-lorraine.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9DE1FD6E0B5EF160833E7C0E3BC65365E473" data-lat="49.105432" data-lon="6.220719" data-name="FRENCHPRO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2311 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2312 element visuellement fort etait « S'inscrire », qui part chez le centre. 2313 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2314 qui porte l'examen blanc, le guide et le formulaire de retour. 2315 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2316 bouton « S'inscrire sur le site du centre ». 2317 En superposition et non en <a> englobant, parce qu'on ne peut pas 2318 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2319 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/metz-fei-65e473" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2320 vides sur le site). Le mot-cle « examen civique + ville » dans 2321 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Metz : FRENCHPRO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRENCHPRO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 Rue Graham Bell</p> <p class="text-[14px] text-[#6a6a8a]">57070 Metz</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://metzfrenchpro.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2321Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C00C6F46E0B4F6D69ACB945CA6A6E7110BDB" data-lat="49.122304" data-lon="6.180813" data-name="HÃSIO CONSEIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2322 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2323 element visuellement fort etait « S'inscrire », qui part chez le centre. 2324 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2325 qui porte l'examen blanc, le guide et le formulaire de retour. 2326 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2327 bouton « S'inscrire sur le site du centre ». 2328 En superposition et non en <a> englobant, parce qu'on ne peut pas 2329 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2330 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/metz-fei-110bdb" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2331 vides sur le site). Le mot-cle « examen civique + ville » dans 2332 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Metz : HÃSIO CONSEIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">HÃSIO CONSEIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Carrefour 6 rue Marchant</p> <p class="text-[14px] text-[#6a6a8a]">57000 Metz</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.hesio.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location57-626" data-lat="49.105432" data-lon="6.220719" data-name="METZ FRENCHPRO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2333 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2334 element visuellement fort etait « S'inscrire », qui part chez le centre. 2335 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2336 qui porte l'examen blanc, le guide et le formulaire de retour. 2337 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2338 bouton « S'inscrire sur le site du centre ». 2339 En superposition et non en <a> englobant, parce qu'on ne peut pas 2340 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2341 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/metz-626" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2342 vides sur le site). Le mot-cle « examen civique + ville » dans 2343 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Metz : METZ FRENCHPRO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">METZ FRENCHPRO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 RUE GRAHAM BELL, 57070, METZ</p> <p class="text-[14px] text-[#6a6a8a]">57070 Metz</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/626/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2343Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DC9D2FA6A3199F027F5A994B1E94A7CEC20B" data-lat="49.36455" data-lon="6.158631" data-name="GIP CEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2344 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2345 element visuellement fort etait « S'inscrire », qui part chez le centre. 2346 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2347 qui porte l'examen blanc, le guide et le formulaire de retour. 2348 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2349 bouton « S'inscrire sur le site du centre ». 2350 En superposition et non en <a> englobant, parce qu'on ne peut pas 2351 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2352 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/thionville-fei-cec20b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2353 vides sur le site). Le mot-cle « examen civique + ville » dans 2354 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Thionville : GIP CEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">57</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GIP CEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée La Briquerie 15 route de La Briquerie</p> <p class="text-[14px] text-[#6a6a8a]">57100 Thionville</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://dafco.ac-nancy-metz.fr/dafco/site_caec/wordpress/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location90-419" data-lat="46.990486" data-lon="3.171032" data-name="FÃDÃRATION DES OEUVRES LAÃQUES DE LA NIÃVRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2355 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2356 element visuellement fort etait « S'inscrire », qui part chez le centre. 2357 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2358 qui porte l'examen blanc, le guide et le formulaire de retour. 2359 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2360 bouton « S'inscrire sur le site du centre ». 2361 En superposition et non en <a> englobant, parce qu'on ne peut pas 2362 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2363 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nevers-419" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2364 vides sur le site). Le mot-cle « examen civique + ville » dans 2365 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nevers : FÃDÃRATION DES OEUVRES LAÃQUES DE LA NIÃVRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">58</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FÃDÃRATION DES OEUVRES LAÃQUES DE LA NIÃVRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
23657 rue du Commandant Rivière, 58000, NEVERS</p> <p class="text-[14px] text-[#6a6a8a]">58000 Nevers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/419" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location180-883" data-lat="46.986194" data-lon="3.123415" data-name="FRATE FORMATION CONSEIL - NEVERS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2366 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2367 element visuellement fort etait « S'inscrire », qui part chez le centre. 2368 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2369 qui porte l'examen blanc, le guide et le formulaire de retour. 2370 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2371 bouton « S'inscrire sur le site du centre ». 2372 En superposition et non en <a> englobant, parce qu'on ne peut pas 2373 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2374 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nevers-883" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2375 vides sur le site). Le mot-cle « examen civique + ville » dans 2376 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nevers : FRATE FORMATION CONSEIL - NEVERS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">58</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - NEVERS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">43 Boulevard du Pré Plantin, 58000, NEVERS</p> <p class="text-[14px] text-[#6a6a8a]">58000 Nevers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/883" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2376Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-2A1CDFEFBFB953FC0A257DF7EEDF9BD38BE0" data-lat="47.003971" data-lon="3.157812" data-name="GRETA 58"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2377 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2378 element visuellement fort etait « S'inscrire », qui part chez le centre. 2379 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2380 qui porte l'examen blanc, le guide et le formulaire de retour. 2381 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2382 bouton « S'inscrire sur le site du centre ». 2383 En superposition et non en <a> englobant, parce qu'on ne peut pas 2384 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2385 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nevers-fei-d38be0" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2386 vides sur le site). Le mot-cle « examen civique + ville » dans 2387 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nevers : GRETA 58</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">58</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA 58</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9, boulevard Saint-Exupéry</p> <p class="text-[14px] text-[#6a6a8a]">58000 Nevers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.bourgogne.greta.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location103-1059" data-lat="51.03066" data-lon="2.376263" data-name="NOFI FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2388 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2389 element visuellement fort etait « S'inscrire », qui part chez le centre. 2390 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2391 qui porte l'examen blanc, le guide et le formulaire de retour. 2392 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2393 bouton « S'inscrire sur le site du centre ». 2394 En superposition et non en <a> englobant, parce qu'on ne peut pas 2395 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2396 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dunkerque-1059" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2397 vides sur le site). Le mot-cle « examen civique + ville » dans 2398 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dunkerque : NOFI FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NOFI FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">22 Rue Albert 1er, 59140 Dunkerque, 59140, DUNKERQUE</p> <p class="text-[14px] text-[#6a6a8a]">59140 Dunkerque</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1059" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2398Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C615BD36D6BFF83E49391C1110949510958D" data-lat="50.622186" data-lon="3.054428" data-name="E2LF - ECOLE LILLOISE DE LANGUE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2399 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2400 element visuellement fort etait « S'inscrire », qui part chez le centre. 2401 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2402 qui porte l'examen blanc, le guide et le formulaire de retour. 2403 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2404 bouton « S'inscrire sur le site du centre ». 2405 En superposition et non en <a> englobant, parce qu'on ne peut pas 2406 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2407 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lille-fei-10958d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2408 vides sur le site). Le mot-cle « examen civique + ville » dans 2409 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lille : E2LF - ECOLE LILLOISE DE LANGUE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">E2LF - ECOLE LILLOISE DE LANGUE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">32, place de la Gare</p> <p class="text-[14px] text-[#6a6a8a]">59000 Lille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.e2lf.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-996" data-lat="50.625935" data-lon="3.042352" data-name="INSTITUT LANGUES ET SAVOIRS - ISPA LILLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2410 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2411 element visuellement fort etait « S'inscrire », qui part chez le centre. 2412 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2413 qui porte l'examen blanc, le guide et le formulaire de retour. 2414 Ca ne coute rien au visiteur presse : la fiche contient elle au
2414ssi le 2415 bouton « S'inscrire sur le site du centre ». 2416 En superposition et non en <a> englobant, parce qu'on ne peut pas 2417 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2418 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lille-996" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2419 vides sur le site). Le mot-cle « examen civique + ville » dans 2420 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lille : INSTITUT LANGUES ET SAVOIRS - ISPA LILLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT LANGUES ET SAVOIRS - ISPA LILLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">177 rue Nationale, 59000, LILLE</p> <p class="text-[14px] text-[#6a6a8a]">59000 Lille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/996" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-616" data-lat="50.625934" data-lon="3.039709" data-name="LIL'LANGUES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2421 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2422 element visuellement fort etait « S'inscrire », qui part chez le centre. 2423 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2424 qui porte l'examen blanc, le guide et le formulaire de retour. 2425 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2426 bouton « S'inscrire sur le site du centre ». 2427 En superposition et non en <a> englobant, parce qu'on ne peut pas 2428 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2429 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lille-616" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2430 vides sur le site). Le mot-cle « examen civique + ville » dans 2431 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lille : LIL'LANGUES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LIL'LANGUES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">36 place Cormontaigne, 59000, LILLE</p> <p class="text-[14px] text-[#6a6a8a]">59000 Lille</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/616" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2431Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-2E7D8B0305D7CC05A6A54AFACE9BB9251CCE" data-lat="50.278987" data-lon="3.978061" data-name="INNOVATION DÃVELOPPEMENT FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2432 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2433 element visuellement fort etait « S'inscrire », qui part chez le centre. 2434 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2435 qui porte l'examen blanc, le guide et le formulaire de retour. 2436 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2437 bouton « S'inscrire sur le site du centre ». 2438 En superposition et non en <a> englobant, parce qu'on ne peut pas 2439 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2440 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/maubeuge-fei-251cce" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2441 vides sur le site). Le mot-cle « examen civique + ville » dans 2442 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Maubeuge : INNOVATION DÃVELOPPEMENT FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INNOVATION DÃVELOPPEMENT FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">La Joyeuse Rue du 145ème RI</p> <p class="text-[14px] text-[#6a6a8a]">59600 Maubeuge</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.id-formation.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location76-1075" data-lat="50.689277" data-lon="3.170699" data-name="NOFI FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2443 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2444 element visuellement fort etait « S'inscrire », qui part chez le centre. 2445 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2446 qui porte l'examen blanc, le guide et le formulaire de retour. 2447 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2448 bouton « S'inscrire sur le site du centre ». 2449 En superposition et non en <a> englobant, parce qu'on ne peut pas 2450 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2451 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/roubaix-1075" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2452 vides sur le site). Le mot-cle « examen civique + ville » dans 2453 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Roubaix : NOFI FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NOFI FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">20 rue Sébastopol, 59100, ROUBAIX</p> <p class="text-[14px] text-[#6a6a8a]">59100 Roubaix</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1075/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2453Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location46-1055" data-lat="50.354657" data-lon="3.512976" data-name="EMPLOI SERVICES FORMATION (ESF_ARRAS)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2454 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2455 element visuellement fort etait « S'inscrire », qui part chez le centre. 2456 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2457 qui porte l'examen blanc, le guide et le formulaire de retour. 2458 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2459 bouton « S'inscrire sur le site du centre ». 2460 En superposition et non en <a> englobant, parce qu'on ne peut pas 2461 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2462 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/valenciennes-1055" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2463 vides sur le site). Le mot-cle « examen civique + ville » dans 2464 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Valenciennes : EMPLOI SERVICES FORMATION (ESF_ARRAS)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">59</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EMPLOI SERVICES FORMATION (ESF_ARRAS)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">66 rue Clos des Villas, 59300, VALENCIENNES</p> <p class="text-[14px] text-[#6a6a8a]">59300 Valenciennes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1055/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D0AD80F187854BE99AAAE48CA6DBD7253747" data-lat="49.421133" data-lon="2.075232" data-name="FLEAD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2465 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2466 element visuellement fort etait « S'inscrire », qui part chez le centre. 2467 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2468 qui porte l'examen blanc, le guide et le formulaire de retour. 2469 Ca ne coute rien au visiteur presse : la fiche contient elle au
2469ssi le 2470 bouton « S'inscrire sur le site du centre ». 2471 En superposition et non en <a> englobant, parce qu'on ne peut pas 2472 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2473 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/beauvais-fei-253747" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2474 vides sur le site). Le mot-cle « examen civique + ville » dans 2475 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Beauvais : FLEAD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FLEAD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">25 rue Maurice Segonds</p> <p class="text-[14px] text-[#6a6a8a]">60000 Beauvais</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.flead.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location204-834" data-lat="49.417964" data-lon="2.105459" data-name="LAHO FORMATION - BEAUVAIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2476 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2477 element visuellement fort etait « S'inscrire », qui part chez le centre. 2478 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2479 qui porte l'examen blanc, le guide et le formulaire de retour. 2480 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2481 bouton « S'inscrire sur le site du centre ». 2482 En superposition et non en <a> englobant, parce qu'on ne peut pas 2483 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2484 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/beauvais-834" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2485 vides sur le site). Le mot-cle « examen civique + ville » dans 2486 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Beauvais : LAHO FORMATION - BEAUVAIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LAHO FORMATION - BEAUVAIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">18 Rue d'Allonne, 60000, BEAUVAIS</p> <p class="text-[14px] text-[#6a6a8a]">60000 Beauvais</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/834" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2486Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location203-378" data-lat="49.412784" data-lon="2.828289" data-name="CONSENSO FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2487 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2488 element visuellement fort etait « S'inscrire », qui part chez le centre. 2489 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2490 qui porte l'examen blanc, le guide et le formulaire de retour. 2491 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2492 bouton « S'inscrire sur le site du centre ». 2493 En superposition et non en <a> englobant, parce qu'on ne peut pas 2494 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2495 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/compiegne-378" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2496 vides sur le site). Le mot-cle « examen civique + ville » dans 2497 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Compiègne : CONSENSO FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CONSENSO FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue Georges Gouigoux, 60200, COMPIÃGNE</p> <p class="text-[14px] text-[#6a6a8a]">60200 Compiègne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/378" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-E52C4C5E87432CE82BD59A2A1706671B85B6" data-lat="49.414184" data-lon="2.822093" data-name="ESPACE LANGUES ET FORMATIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2498 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2499 element visuellement fort etait « S'inscrire », qui part chez le centre. 2500 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2501 qui porte l'examen blanc, le guide et le formulaire de retour. 2502 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2503 bouton « S'inscrire sur le site du centre ». 2504 En superposition et non en <a> englobant, parce qu'on ne peut pas 2505 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2506 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/compiegne-fei-1b85b6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2507 vides sur le site). Le mot-cle « examen civique + ville » dans 2508 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Compiègne : ESPACE LANGUES ET FORMATIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ESPACE LANGUES ET FORMATIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">49 bis rue de Paris</p> <p class="text-[14px] text-[#6a6a8a]">60200 Compiègne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.languesetformations.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2508Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location205-1010" data-lat="49.25993" data-lon="2.475941" data-name="AEFTI SAVOIRS ET COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2509 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2510 element visuellement fort etait « S'inscrire », qui part chez le centre. 2511 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2512 qui porte l'examen blanc, le guide et le formulaire de retour. 2513 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2514 bouton « S'inscrire sur le site du centre ». 2515 En superposition et non en <a> englobant, parce qu'on ne peut pas 2516 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2517 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/creil-1010" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2518 vides sur le site). Le mot-cle « examen civique + ville » dans 2519 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Creil : AEFTI SAVOIRS ET COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI SAVOIRS ET COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 rue de Marl, 60100, CREIL</p> <p class="text-[14px] text-[#6a6a8a]">60100 Creil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1010" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location199-875" data-lat="49.270192" data-lon="2.481736" data-name="ELFE - CHAMPIGNY-SUR-MARNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2520 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2521 element visuellement fort etait « S'inscrire », qui part chez le centre. 2522 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2523 qui porte l'examen blanc, le guide et le formulaire de retour. 2524 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2525 bouton « S'inscrire sur le site du centre ». 2526 En superposition et non en <a> englobant, parce qu'on ne peut pas 2527 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2528 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nogent-sur-oise-875" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2529 vides sur le site). Le mot-cle « examen civique + ville » dans 2530 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nogent-sur-Oise : ELFE - CHAMPIGNY-SUR-MARNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">60</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELFE - CHAMPIGNY-SUR-MARNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">110 avenue de l'Europe, 60180, Nogent sur Oise</p> <p class="text-[14px] text-[#6a6a8a]">60180 Nogent-sur-Oise</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/875" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2530Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-63045C5E84DC7722BC230B0602296E5FD4EE" data-lat="48.432807" data-lon="0.098624" data-name="LA BOÃTE AUX LETTRES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2531 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2532 element visuellement fort etait « S'inscrire », qui part chez le centre. 2533 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2534 qui porte l'examen blanc, le guide et le formulaire de retour. 2535 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2536 bouton « S'inscrire sur le site du centre ». 2537 En superposition et non en <a> englobant, parce qu'on ne peut pas 2538 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2539 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/alencon-fei-5fd4ee" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2540 vides sur le site). Le mot-cle « examen civique + ville » dans 2541 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Alençon : LA BOÃTE AUX LETTRES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">61</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LA BOÃTE AUX LETTRES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">56 rue Odolant Desnos</p> <p class="text-[14px] text-[#6a6a8a]">61000 Alençon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://laboiteauxlettres-asso.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0D568F6B68ABB6ED81CDAC756FB14C6B5463" data-lat="48.744656" data-lon="-0.575786" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2542 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2543 element visuellement fort etait « S'inscrire », qui part chez le centre. 2544 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2545 qui porte l'examen blanc, le guide et le formulaire de retour. 2546 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2547 bouton « S'inscrire sur le site du centre ». 2548 En superposition et non en <a> englobant, parce qu'on ne peut pas 2549 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2550 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/flers-fei-6b5463" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2551 vides sur le site). Le mot-cle « examen civique + ville » dans 2552 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Flers : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">61</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16, rue Jaques Durmeyer</p> <p class="text-[14px] text-[#6a6a8a]">61100 Flers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2552Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location79-1011" data-lat="50.282237" data-lon="2.77673" data-name="AEFTI SAVOIRS ET COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2553 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2554 element visuellement fort etait « S'inscrire », qui part chez le centre. 2555 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2556 qui porte l'examen blanc, le guide et le formulaire de retour. 2557 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2558 bouton « S'inscrire sur le site du centre ». 2559 En superposition et non en <a> englobant, parce qu'on ne peut pas 2560 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2561 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/arras-1011" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2562 vides sur le site). Le mot-cle « examen civique + ville » dans 2563 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Arras : AEFTI SAVOIRS ET COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI SAVOIRS ET COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 rue du dépôt, 62000, ARRAS</p> <p class="text-[14px] text-[#6a6a8a]">62000 Arras</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1011/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-AC22783C4DEED222CDF46A99812868CA2B94" data-lat="50.297151" data-lon="2.730398" data-name="AFP2I"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2564 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2565 element visuellement fort etait « S'inscrire », qui part chez le centre. 2566 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2567 qui porte l'examen blanc, le guide et le formulaire de retour. 2568 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2569 bouton « S'inscrire sur le site du centre ». 2570 En superposition et non en <a> englobant, parce qu'on ne peut pas 2571 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2572 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/arras-fei-ca2b94" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2573 vides sur le site). Le mot-cle « examen civique + ville » dans 2574 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Arras : AFP2I</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AFP2I</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 rue Gustave Eiffel BP</p> <p class="text-[14px] text-[#6a6a8a]">20233 Arras</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.afp2i.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2574Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location39-998" data-lat="50.287226" data-lon="2.747263" data-name="EMPLOI SERVICES FORMATION (ESF_ARRAS)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2575 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2576 element visuellement fort etait « S'inscrire », qui part chez le centre. 2577 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2578 qui porte l'examen blanc, le guide et le formulaire de retour. 2579 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2580 bouton « S'inscrire sur le site du centre ». 2581 En superposition et non en <a> englobant, parce qu'on ne peut pas 2582 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2583 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/arras-998" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2584 vides sur le site). Le mot-cle « examen civique + ville » dans 2585 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Arras : EMPLOI SERVICES FORMATION (ESF_ARRAS)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EMPLOI SERVICES FORMATION (ESF_ARRAS)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">168 avenue Kennedy, 62000, ARRAS</p> <p class="text-[14px] text-[#6a6a8a]">62000 Arras</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/998/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0D22372E942E6C9464CD70002A153AE36366" data-lat="50.723961" data-lon="1.608326" data-name="LANGUES ET CULTURES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2586 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2587 element visuellement fort etait « S'inscrire », qui part chez le centre. 2588 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2589 qui porte l'examen blanc, le guide et le formulaire de retour. 2590 Ca ne coute rien au visiteur presse : la fiche contient elle au
2590ssi le 2591 bouton « S'inscrire sur le site du centre ». 2592 En superposition et non en <a> englobant, parce qu'on ne peut pas 2593 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2594 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/boulogne-sur-mer-fei-e36366" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2595 vides sur le site). Le mot-cle « examen civique + ville » dans 2596 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Boulogne-sur-Mer : LANGUES ET CULTURES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LANGUES ET CULTURES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">34 Grande Rue</p> <p class="text-[14px] text-[#6a6a8a]">62200 Boulogne-sur-Mer</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.bmlc.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1AA27E3563C8295D377E07784BDA32D6704A" data-lat="50.955216" data-lon="1.839202" data-name="GRETA GRAND LITTORAL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2597 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2598 element visuellement fort etait « S'inscrire », qui part chez le centre. 2599 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2600 qui porte l'examen blanc, le guide et le formulaire de retour. 2601 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2602 bouton « S'inscrire sur le site du centre ». 2603 En superposition et non en <a> englobant, parce qu'on ne peut pas 2604 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2605 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/calais-fei-d6704a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2606 vides sur le site). Le mot-cle « examen civique + ville » dans 2607 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Calais : GRETA GRAND LITTORAL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA GRAND LITTORAL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">SEMAFOR' CALAIS 320 boulevard du 8 mai</p> <p class="text-[14px] text-[#6a6a8a]">62100 Calais</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.greta.grand-littoral.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2607Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location84-669" data-lat="50.427724" data-lon="2.826774" data-name="LAHO FORMATION - LENS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2608 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2609 element visuellement fort etait « S'inscrire », qui part chez le centre. 2610 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2611 qui porte l'examen blanc, le guide et le formulaire de retour. 2612 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2613 bouton « S'inscrire sur le site du centre ». 2614 En superposition et non en <a> englobant, parce qu'on ne peut pas 2615 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2616 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lens-669" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2617 vides sur le site). Le mot-cle « examen civique + ville » dans 2618 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lens : LAHO FORMATION - LENS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">62</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LAHO FORMATION - LENS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">56 rue jean Létienne, 62300, LENS</p> <p class="text-[14px] text-[#6a6a8a]">62300 Lens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/669/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-402E554583DFA61D8444E8FF97E946C9F628" data-lat="45.537757" data-lon="3.747053" data-name="GRETA AUVERGNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2619 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2620 element visuellement fort etait « S'inscrire », qui part chez le centre. 2621 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2622 qui porte l'examen blanc, le guide et le formulaire de retour. 2623 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2624 bouton « S'inscrire sur le site du centre ». 2625 En superposition et non en <a> englobant, parce qu'on ne peut pas 2626 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2627 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ambert-fei-c9f628" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2628 vides sur le site). Le mot-cle « examen civique + ville » dans 2629 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ambert : GRETA AUVERGNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">63</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA AUVERGNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48 avenue de la Résistance</p> <p class="text-[14px] text-[#6a6a8a]">63600 Ambert</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://greta.ac-clermont.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2629Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1491A6D14E73A391E1B043FCF75502A09DA2" data-lat="45.777298" data-lon="3.078662" data-name="FORMATION INSERTION TRAVAIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2630 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2631 element visuellement fort etait « S'inscrire », qui part chez le centre. 2632 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2633 qui porte l'examen blanc, le guide et le formulaire de retour. 2634 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2635 bouton « S'inscrire sur le site du centre ». 2636 En superposition et non en <a> englobant, parce qu'on ne peut pas 2637 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2638 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/clermont-ferrand-fei-a09da2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2639 vides sur le site). Le mot-cle « examen civique + ville » dans 2640 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Clermont-Ferrand : FORMATION INSERTION TRAVAIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">63</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORMATION INSERTION TRAVAIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">64, rue Lamartine</p> <p class="text-[14px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.fit-formation.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location158-438" data-lat="45.765327" data-lon="3.111146" data-name="FRATE FORMATION CONSEIL - CLERMONT-FERRAND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2641 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2642 element visuellement fort etait « S'inscrire », qui part chez le centre. 2643 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2644 qui porte l'examen blanc, le guide et le formulaire de retour. 2645 Ca ne coute rien au visiteur presse : la fiche contient elle au
2645ssi le 2646 bouton « S'inscrire sur le site du centre ». 2647 En superposition et non en <a> englobant, parce qu'on ne peut pas 2648 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2649 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/clermont-ferrand-438" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2650 vides sur le site). Le mot-cle « examen civique + ville » dans 2651 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Clermont-Ferrand : FRATE FORMATION CONSEIL - CLERMONT-FERRAND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">63</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - CLERMONT-FERRAND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 rue Pablo Picasso, 63000, CLERMONT-FERRAND</p> <p class="text-[14px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/438" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9381131403C4E18E7639A72BE5B61CA27BB6" data-lat="45.784397" data-lon="3.114979" data-name="OSENGO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2652 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2653 element visuellement fort etait « S'inscrire », qui part chez le centre. 2654 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2655 qui porte l'examen blanc, le guide et le formulaire de retour. 2656 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2657 bouton « S'inscrire sur le site du centre ». 2658 En superposition et non en <a> englobant, parce qu'on ne peut pas 2659 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2660 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/clermont-ferrand-fei-a27bb6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2661 vides sur le site). Le mot-cle « examen civique + ville » dans 2662 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Clermont-Ferrand : OSENGO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">63</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">OSENGO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">35, rue du Pré la Reine</p> <p class="text-[14px] text-[#6a6a8a]">63100 Clermont-Ferrand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.osengo.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2662Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location191-882" data-lat="45.779217" data-lon="3.099495" data-name="ZD ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2663 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2664 element visuellement fort etait « S'inscrire », qui part chez le centre. 2665 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2666 qui porte l'examen blanc, le guide et le formulaire de retour. 2667 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2668 bouton « S'inscrire sur le site du centre ». 2669 En superposition et non en <a> englobant, parce qu'on ne peut pas 2670 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2671 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/clermont-ferrand-882" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2672 vides sur le site). Le mot-cle « examen civique + ville » dans 2673 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Clermont-Ferrand : ZD ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">63</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ZD ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">82 avenue de Charras, 63000, Clermont-Ferrand</p> <p class="text-[14px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/882" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8996B0BDCA82F1769F978A990473A8371D83" data-lat="43.495847" data-lon="-1.496689" data-name="LE CLUB DES LANGUES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2674 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2675 element visuellement fort etait « S'inscrire », qui part chez le centre. 2676 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2677 qui porte l'examen blanc, le guide et le formulaire de retour. 2678 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2679 bouton « S'inscrire sur le site du centre ». 2680 En superposition et non en <a> englobant, parce qu'on ne peut pas 2681 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2682 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/anglet-fei-371d83" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2683 vides sur le site). Le mot-cle « examen civique + ville » dans 2684 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Anglet : LE CLUB DES LANGUES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">64</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LE CLUB DES LANGUES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">12 rue de lâIndustrie Espace des Pontots</p> <p class="text-[14px] text-[#6a6a8a]">64600 Anglet</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.leclubdeslangues.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2684Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location125-607" data-lat="43.472002" data-lon="-1.555619" data-name="KENNEDY FORMATIONS - BMA BIARRITZ"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2685 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2686 element visuellement fort etait « S'inscrire », qui part chez le centre. 2687 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2688 qui porte l'examen blanc, le guide et le formulaire de retour. 2689 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2690 bouton « S'inscrire sur le site du centre ». 2691 En superposition et non en <a> englobant, parce qu'on ne peut pas 2692 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2693 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/biarritz-607" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2694 vides sur le site). Le mot-cle « examen civique + ville » dans 2695 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Biarritz : KENNEDY FORMATIONS - BMA BIARRITZ</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">64</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KENNEDY FORMATIONS - BMA BIARRITZ</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">42 Avenue Kennedy, 64200, BIARRITZ</p> <p class="text-[14px] text-[#6a6a8a]">64200 Biarritz</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/607" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DDB5CF702F714E061F54426DF48DF40BED0B" data-lat="43.313841" data-lon="-0.35582" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2696 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2697 element visuellement fort etait « S'inscrire », qui part chez le centre. 2698 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2699 qui porte l'examen blanc, le guide et le formulaire de retour. 2700 Ca ne coute rien au visiteur presse : la fiche contient elle au
2700ssi le 2701 bouton « S'inscrire sur le site du centre ». 2702 En superposition et non en <a> englobant, parce qu'on ne peut pas 2703 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2704 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pau-fei-0bed0b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2705 vides sur le site). Le mot-cle « examen civique + ville » dans 2706 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pau : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">64</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">67 avenue du Loup</p> <p class="text-[14px] text-[#6a6a8a]">64000 Pau</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location115-1078" data-lat="43.320486" data-lon="-0.359953" data-name="MOVE UP FORMATION - PAU"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2707 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2708 element visuellement fort etait « S'inscrire », qui part chez le centre. 2709 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2710 qui porte l'examen blanc, le guide et le formulaire de retour. 2711 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2712 bouton « S'inscrire sur le site du centre ». 2713 En superposition et non en <a> englobant, parce qu'on ne peut pas 2714 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2715 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pau-1078" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2716 vides sur le site). Le mot-cle « examen civique + ville » dans 2717 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pau : MOVE UP FORMATION - PAU</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">64</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - PAU</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 Allée Catherine de Bourbon, 64445, PAU</p> <p class="text-[14px] text-[#6a6a8a]">64445 Pau</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1078" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2717Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location146-1045" data-lat="43.119468" data-lon="0.410194" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2718 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2719 element visuellement fort etait « S'inscrire », qui part chez le centre. 2720 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2721 qui porte l'examen blanc, le guide et le formulaire de retour. 2722 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2723 bouton « S'inscrire sur le site du centre ». 2724 En superposition et non en <a> englobant, parce qu'on ne peut pas 2725 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2726 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lannemezan-1045" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2727 vides sur le site). Le mot-cle « examen civique + ville » dans 2728 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lannemezan : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">65</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">La demi-lune 6 462 route de Toulouse, 65300, LANNEMEZAN</p> <p class="text-[14px] text-[#6a6a8a]">65300 Lannemezan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1045" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location145-1044" data-lat="43.09724" data-lon="-0.045592" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2729 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2730 element visuellement fort etait « S'inscrire », qui part chez le centre. 2731 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2732 qui porte l'examen blanc, le guide et le formulaire de retour. 2733 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2734 bouton « S'inscrire sur le site du centre ». 2735 En superposition et non en <a> englobant, parce qu'on ne peut pas 2736 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2737 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lourdes-1044" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2738 vides sur le site). Le mot-cle « examen civique + ville » dans 2739 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lourdes : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">65</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Le club des six - 19 Avenue Général Baron Maransin, 65100, LOURDES</p> <p class="text-[14px] text-[#6a6a8a]">65100 Lourdes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1044" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2739Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location73-849" data-lat="43.233972" data-lon="0.073052" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2740 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2741 element visuellement fort etait « S'inscrire », qui part chez le centre. 2742 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2743 qui porte l'examen blanc, le guide et le formulaire de retour. 2744 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2745 bouton « S'inscrire sur le site du centre ». 2746 En superposition et non en <a> englobant, parce qu'on ne peut pas 2747 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2748 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tarbes-849" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2749 vides sur le site). Le mot-cle « examen civique + ville » dans 2750 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tarbes : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">65</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 avenue Bertrand Barrère, 65000, TARBES</p> <p class="text-[14px] text-[#6a6a8a]">65000 Tarbes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/849/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location86-752" data-lat="43.223665" data-lon="0.050462" data-name="PURPLE CAMPUS - TARBES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2751 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2752 element visuellement fort etait « S'inscrire », qui part chez le centre. 2753 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2754 qui porte l'examen blanc, le guide et le formulaire de retour. 2755 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2756 bouton « S'inscrire sur le site du centre ». 2757 En superposition et non en <a> englobant, parce qu'on ne peut pas 2758 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2759 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/tarbes-752" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2760 vides sur le site). Le mot-cle « examen civique + ville » dans 2761 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Tarbes : PURPLE CAMPUS - TARBES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">65</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">PURPLE CAMPUS - TARBES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
276178 avenue d'Azereix, 65000, TARBES</p> <p class="text-[14px] text-[#6a6a8a]">65000 Tarbes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/752/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location136-1032" data-lat="42.686975" data-lon="3.034531" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2762 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2763 element visuellement fort etait « S'inscrire », qui part chez le centre. 2764 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2765 qui porte l'examen blanc, le guide et le formulaire de retour. 2766 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2767 bouton « S'inscrire sur le site du centre ». 2768 En superposition et non en <a> englobant, parce qu'on ne peut pas 2769 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2770 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/canet-en-roussillon-1032" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2771 vides sur le site). Le mot-cle « examen civique + ville » dans 2772 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Canet-en-Roussillon : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">98 Prom. de la Côte Vermeille, 66140, CANET EN ROUSSILLON</p> <p class="text-[14px] text-[#6a6a8a]">66140 Canet-en-Roussillon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1032" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2772Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9DD3C84EF5027DDAEA9FB321D5128017DCCC" data-lat="42.697178" data-lon="2.882803" data-name="ALFMED"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2773 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2774 element visuellement fort etait « S'inscrire », qui part chez le centre. 2775 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2776 qui porte l'examen blanc, le guide et le formulaire de retour. 2777 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2778 bouton « S'inscrire sur le site du centre ». 2779 En superposition et non en <a> englobant, parce qu'on ne peut pas 2780 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2781 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perpignan-fei-17dccc" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2782 vides sur le site). Le mot-cle « examen civique + ville » dans 2783 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Perpignan : ALFMED</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALFMED</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">21 bis avenue du Général de Gaulle</p> <p class="text-[14px] text-[#6a6a8a]">66000 Perpignan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://perpignan.alfmed.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-44AEFEF4FD3E849B8403C1097074467F3E4B" data-lat="42.677732" data-lon="2.905518" data-name="GRETA - CFA DE L'AUDE ET DES PO - SITE BLUM"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2784 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2785 element visuellement fort etait « S'inscrire », qui part chez le centre. 2786 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2787 qui porte l'examen blanc, le guide et le formulaire de retour. 2788 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2789 bouton « S'inscrire sur le site du centre ». 2790 En superposition et non en <a> englobant, parce qu'on ne peut pas 2791 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2792 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perpignan-fei-7f3e4b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2793 vides sur le site). Le mot-cle « examen civique + ville » dans 2794 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Perpignan : GRETA - CFA DE L'AUDE ET DES PO - SITE BLUM</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA - CFA DE L'AUDE ET DES PO - SITE BLUM</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Léon BLUM 15, rue Paul Alduy</p> <p class="text-[14px] text-[#6a6a8a]">66100 Perpignan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://maforpro-occitanie.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2794Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location54-1031" data-lat="42.687569" data-lon="2.907938" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2795 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2796 element visuellement fort etait « S'inscrire », qui part chez le centre. 2797 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2798 qui porte l'examen blanc, le guide et le formulaire de retour. 2799 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2800 bouton « S'inscrire sur le site du centre ». 2801 En superposition et non en <a> englobant, parce qu'on ne peut pas 2802 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2803 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perpignan-1031" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2804 vides sur le site). Le mot-cle « examen civique + ville » dans 2805 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Perpignan : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">158 Avenue Guynemer, 66000, PERPIGNAN</p> <p class="text-[14px] text-[#6a6a8a]">66000 Perpignan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1031/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-09940101BF5FA4240C7FABDA5602157E5A22" data-lat="42.683426" data-lon="2.901649" data-name="UNIVERSITà UPVD - CUEF - U33066-01"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2806 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2807 element visuellement fort etait « S'inscrire », qui part chez le centre. 2808 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2809 qui porte l'examen blanc, le guide et le formulaire de retour. 2810 Ca ne coute rien au visiteur presse : la fiche contient elle au
2810ssi le 2811 bouton « S'inscrire sur le site du centre ». 2812 En superposition et non en <a> englobant, parce qu'on ne peut pas 2813 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2814 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perpignan-fei-7e5a22" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2815 vides sur le site). Le mot-cle « examen civique + ville » dans 2816 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Perpignan : UNIVERSITà UPVD - CUEF - U33066-01</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">UNIVERSITà UPVD - CUEF - U33066-01</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">52 avenue Paul Alduy</p> <p class="text-[14px] text-[#6a6a8a]">66860 Perpignan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cuef.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-EA119F09F87DA9A97BBA3E10B3375A08088C" data-lat="49.755693" data-lon="4.722132" data-name="GRETA - CFA DE L'AUDE ET DES PO - SITE PICASSO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2817 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2818 element visuellement fort etait « S'inscrire », qui part chez le centre. 2819 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2820 qui porte l'examen blanc, le guide et le formulaire de retour. 2821 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2822 bouton « S'inscrire sur le site du centre ». 2823 En superposition et non en <a> englobant, parce qu'on ne peut pas 2824 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2825 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/perpignan-cedex-fei-08088c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2826 vides sur le site). Le mot-cle « examen civique + ville » dans 2827 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Perpignan Cedex : GRETA - CFA DE L'AUDE ET DES PO - SITE PICASSO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">66</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA - CFA DE L'AUDE ET DES PO - SITE PICASSO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Pablo Picasso Rue Charles Blanc BP</p> <p class="text-[14px] text-[#6a6a8a]">11092 Perpignan Cedex</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.maforpro-occitanie.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2827Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-12894B86667EE4FDDBCAC62F0284BDFEBDB3" data-lat="48.822609" data-lon="7.808809" data-name="CENTRE SOCIOCULTUREL DU LANGENSAND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2828 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2829 element visuellement fort etait « S'inscrire », qui part chez le centre. 2830 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2831 qui porte l'examen blanc, le guide et le formulaire de retour. 2832 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2833 bouton « S'inscrire sur le site du centre ». 2834 En superposition et non en <a> englobant, parce qu'on ne peut pas 2835 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2836 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/haguenau-fei-febdb3" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2837 vides sur le site). Le mot-cle « examen civique + ville » dans 2838 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Haguenau : CENTRE SOCIOCULTUREL DU LANGENSAND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE SOCIOCULTUREL DU LANGENSAND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2, rue de l'Eglise Saint-Joseph</p> <p class="text-[14px] text-[#6a6a8a]">67500 Haguenau</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.langensand-csc.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location149-968" data-lat="48.61303" data-lon="7.712325" data-name="FORMALSACE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2839 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2840 element visuellement fort etait « S'inscrire », qui part chez le centre. 2841 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2842 qui porte l'examen blanc, le guide et le formulaire de retour. 2843 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2844 bouton « S'inscrire sur le site du centre ». 2845 En superposition et non en <a> englobant, parce qu'on ne peut pas 2846 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2847 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/schiltigheim-968" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2848 vides sur le site). Le mot-cle « examen civique + ville » dans 2849 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Schiltigheim : FORMALSACE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORMALSACE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 AVENUE DE L'EUROPE BAT SXB1, 67300, SCHILTIGHEIM</p> <p class="text-[14px] text-[#6a6a8a]">67300 Schiltigheim</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/968" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2849Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DFFAC7649E59516CCCB60BDB4864895F6B5E" data-lat="48.584294" data-lon="7.75712" data-name="ALLIANCE FRANÃAISE - 061007-02"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2850 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2851 element visuellement fort etait « S'inscrire », qui part chez le centre. 2852 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2853 qui porte l'examen blanc, le guide et le formulaire de retour. 2854 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2855 bouton « S'inscrire sur le site du centre ». 2856 En superposition et non en <a> englobant, parce qu'on ne peut pas 2857 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2858 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-fei-5f6b5e" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2859 vides sur le site). Le mot-cle « examen civique + ville » dans 2860 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : ALLIANCE FRANÃAISE - 061007-02</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE - 061007-02</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">12, rue des Pontonniers</p> <p class="text-[14px] text-[#6a6a8a]">67000 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afstrasbourg.eu" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-282" data-lat="48.557614" data-lon="7.747697" data-name="CECI Formation"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2861 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2862 element visuellement fort etait « S'inscrire », qui part chez le centre. 2863 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2864 qui porte l'examen blanc, le guide et le formulaire de retour. 2865 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2866 bouton « S'inscrire sur le site du centre ». 2867 En superposition et non en <a> englobant, parce qu'on ne peut pas 2868 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2869 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-282" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2870 vides sur le site). Le mot-cle « examen civique + ville » dans 2871 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : CECI Formation</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CECI Formation</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">202 Avenue de Colmar, 67100, STRASBOURG</p> <p class="text-[14px] text-[#6a6a8a]">67100 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/282/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2871Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location3-446" data-lat="48.561249" data-lon="7.741578" data-name="FRATE FORMATION CONSEIL - STRASBOURG"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2872 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2873 element visuellement fort etait « S'inscrire », qui part chez le centre. 2874 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2875 qui porte l'examen blanc, le guide et le formulaire de retour. 2876 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2877 bouton « S'inscrire sur le site du centre ». 2878 En superposition et non en <a> englobant, parce qu'on ne peut pas 2879 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2880 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-446" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2881 vides sur le site). Le mot-cle « examen civique + ville » dans 2882 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : FRATE FORMATION CONSEIL - STRASBOURG</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - STRASBOURG</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">31 rue Maréchal Lefebvre, 67100, STRASBOURG</p> <p class="text-[14px] text-[#6a6a8a]">67100 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/446" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-25F19BE8C4C5680E7968EE34E73871824DEC" data-lat="48.580133" data-lon="7.776328" data-name="INSTITUT STRALANG"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2883 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2884 element visuellement fort etait « S'inscrire », qui part chez le centre. 2885 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2886 qui porte l'examen blanc, le guide et le formulaire de retour. 2887 Ca ne coute rien au visiteur presse : la fiche contient elle au
2887ssi le 2888 bouton « S'inscrire sur le site du centre ». 2889 En superposition et non en <a> englobant, parce qu'on ne peut pas 2890 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2891 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-fei-824dec" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2892 vides sur le site). Le mot-cle « examen civique + ville » dans 2893 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : INSTITUT STRALANG</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT STRALANG</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 rue Jean-Henri Schnitzler</p> <p class="text-[14px] text-[#6a6a8a]">67000 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.stralang.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location2-1083" data-lat="48.590899" data-lon="7.718952" data-name="RETRAVAILLER DANS L'EST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2894 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2895 element visuellement fort etait « S'inscrire », qui part chez le centre. 2896 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2897 qui porte l'examen blanc, le guide et le formulaire de retour. 2898 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2899 bouton « S'inscrire sur le site du centre ». 2900 En superposition et non en <a> englobant, parce qu'on ne peut pas 2901 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2902 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-1083" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2903 vides sur le site). Le mot-cle « examen civique + ville » dans 2904 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : RETRAVAILLER DANS L'EST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RETRAVAILLER DANS L'EST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 rue Jacob Mayer, 67200, STRASBOURG</p> <p class="text-[14px] text-[#6a6a8a]">67200 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1083/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2904Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-1127" data-lat="48.578734" data-lon="7.773471" data-name="STRAFORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2905 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2906 element visuellement fort etait « S'inscrire », qui part chez le centre. 2907 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2908 qui porte l'examen blanc, le guide et le formulaire de retour. 2909 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2910 bouton « S'inscrire sur le site du centre ». 2911 En superposition et non en <a> englobant, parce qu'on ne peut pas 2912 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2913 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/strasbourg-1127" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2914 vides sur le site). Le mot-cle « examen civique + ville » dans 2915 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Strasbourg : STRAFORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">67</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">STRAFORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">21, rue d'Oslo, 67000, STRASBOURG</p> <p class="text-[14px] text-[#6a6a8a]">67000 Strasbourg</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1127/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location109-415" data-lat="48.08607" data-lon="7.354443" data-name="C-FIL STRASBOURG"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2916 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2917 element visuellement fort etait « S'inscrire », qui part chez le centre. 2918 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2919 qui porte l'examen blanc, le guide et le formulaire de retour. 2920 Ca ne coute rien au visiteur presse : la fiche contient elle au
2920ssi le 2921 bouton « S'inscrire sur le site du centre ». 2922 En superposition et non en <a> englobant, parce qu'on ne peut pas 2923 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2924 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/colmar-415" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2925 vides sur le site). Le mot-cle « examen civique + ville » dans 2926 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Colmar : C-FIL STRASBOURG</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">C-FIL STRASBOURG</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">20 Rue d'Agen, 68000, COLMAR</p> <p class="text-[14px] text-[#6a6a8a]">68000 Colmar</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/415" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A43A8983969E3ABC2A9C9744CB999491B454" data-lat="48.076609" data-lon="7.367051" data-name="CENTRE D'ÃTUDES DE LANGUES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2927 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2928 element visuellement fort etait « S'inscrire », qui part chez le centre. 2929 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2930 qui porte l'examen blanc, le guide et le formulaire de retour. 2931 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2932 bouton « S'inscrire sur le site du centre ». 2933 En superposition et non en <a> englobant, parce qu'on ne peut pas 2934 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2935 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/colmar-fei-91b454" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2936 vides sur le site). Le mot-cle « examen civique + ville » dans 2937 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Colmar : CENTRE D'ÃTUDES DE LANGUES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE D'ÃTUDES DE LANGUES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">CCI CAMPUS ALSACE 4, rue du Rhin</p> <p class="text-[14px] text-[#6a6a8a]">68000 Colmar</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.ccicampus.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2937Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location209-445" data-lat="47.747282" data-lon="7.297616" data-name="FRATE FORMATION CONSEIL - MULHOUSE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2938 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2939 element visuellement fort etait « S'inscrire », qui part chez le centre. 2940 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2941 qui porte l'examen blanc, le guide et le formulaire de retour. 2942 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2943 bouton « S'inscrire sur le site du centre ». 2944 En superposition et non en <a> englobant, parce qu'on ne peut pas 2945 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2946 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mulhouse-445" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2947 vides sur le site). Le mot-cle « examen civique + ville » dans 2948 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mulhouse : FRATE FORMATION CONSEIL - MULHOUSE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - MULHOUSE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">20 rue de Chemnitz, 68200, MULHOUSE</p> <p class="text-[14px] text-[#6a6a8a]">68200 Mulhouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/445" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C9227915F2E2789683B1122F50FEAB6110F2" data-lat="47.754864" data-lon="7.319783" data-name="KEDI FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2949 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2950 element visuellement fort etait « S'inscrire », qui part chez le centre. 2951 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2952 qui porte l'examen blanc, le guide et le formulaire de retour. 2953 Ca ne coute rien au visiteur presse : la fiche contient elle au
2953ssi le 2954 bouton « S'inscrire sur le site du centre ». 2955 En superposition et non en <a> englobant, parce qu'on ne peut pas 2956 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2957 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mulhouse-fei-6110f2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2958 vides sur le site). Le mot-cle « examen civique + ville » dans 2959 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mulhouse : KEDI FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KEDI FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">25 Allée Gluck</p> <p class="text-[14px] text-[#6a6a8a]">68200 Mulhouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.kedi-formation.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location208-617" data-lat="47.746552" data-lon="7.298605" data-name="LINGUAPHONE ALSACE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2960 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2961 element visuellement fort etait « S'inscrire », qui part chez le centre. 2962 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2963 qui porte l'examen blanc, le guide et le formulaire de retour. 2964 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2965 bouton « S'inscrire sur le site du centre ». 2966 En superposition et non en <a> englobant, parce qu'on ne peut pas 2967 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2968 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mulhouse-617" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2969 vides sur le site). Le mot-cle « examen civique + ville » dans 2970 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mulhouse : LINGUAPHONE ALSACE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LINGUAPHONE ALSACE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 rue Fredo Krumnov, 68200, MULHOUSE</p> <p class="text-[14px] text-[#6a6a8a]">68200 Mulhouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/617" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2970Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-702DCEC7872E2A58DF25A25550A40717BBE9" data-lat="47.730036" data-lon="7.287332" data-name="MBR COMPETENCES ET FORMATIONS NT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2971 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2972 element visuellement fort etait « S'inscrire », qui part chez le centre. 2973 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2974 qui porte l'examen blanc, le guide et le formulaire de retour. 2975 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2976 bouton « S'inscrire sur le site du centre ». 2977 En superposition et non en <a> englobant, parce qu'on ne peut pas 2978 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2979 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mulhouse-fei-17bbe9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2980 vides sur le site). Le mot-cle « examen civique + ville » dans 2981 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mulhouse : MBR COMPETENCES ET FORMATIONS NT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">68</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MBR COMPETENCES ET FORMATIONS NT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">PARC DES COLLINES 65 rue Jean MONNET</p> <p class="text-[14px] text-[#6a6a8a]">68200 Mulhouse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.360competences.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A32F469C2E9667916B394487EA12C64CEA75" data-lat="45.734074" data-lon="4.912066" data-name="CEFI"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2982 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2983 element visuellement fort etait « S'inscrire », qui part chez le centre. 2984 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2985 qui porte l'examen blanc, le guide et le formulaire de retour. 2986 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2987 bouton « S'inscrire sur le site du centre ». 2988 En superposition et non en <a> englobant, parce qu'on ne peut pas 2989 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 2990 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bron-fei-4cea75" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 2991 vides sur le site). Le mot-cle « examen civique + ville » dans 2992 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bron : CEFI</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFI</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11, rue Alsace Lorraine</p> <p class="text-[14px] text-[#6a6a8a]">69500 Bron</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cefi-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
2992Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-25799907ACC0E07CBB21C5ED5461EC0E05F2" data-lat="45.582676" data-lon="4.771932" data-name="CEFI"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 2993 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 2994 element visuellement fort etait « S'inscrire », qui part chez le centre. 2995 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 2996 qui porte l'examen blanc, le guide et le formulaire de retour. 2997 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 2998 bouton « S'inscrire sur le site du centre ». 2999 En superposition et non en <a> englobant, parce qu'on ne peut pas 3000 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3001 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/givors-fei-0e05f2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3002 vides sur le site). Le mot-cle « examen civique + ville » dans 3003 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Givors : CEFI</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFI</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Marcel Paul</p> <p class="text-[14px] text-[#6a6a8a]">69700 Givors</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cefi-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location154-273" data-lat="45.977463" data-lon="4.716979" data-name="CCI FORMATION BEAUJOLAIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3004 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3005 element visuellement fort etait « S'inscrire », qui part chez le centre. 3006 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3007 qui porte l'examen blanc, le guide et le formulaire de retour. 3008 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3009 bouton « S'inscrire sur le site du centre ». 3010 En superposition et non en <a> englobant, parce qu'on ne peut pas 3011 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3012 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/limas-273" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3013 vides sur le site). Le mot-cle « examen civique + ville » dans 3014 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Limas : CCI FORMATION BEAUJOLAIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CCI FORMATION BEAUJOLAIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">92 rue Henri Dépagneux, 69400, LIMAS</p> <p class="text-[14px] text-[#6a6a8a]">69400 Limas</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/273" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3014Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-115C95FD7C0274DEE0A126632275647BB33B" data-lat="45.757166" data-lon="4.844304" data-name="ALLIANCE FRANÃAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3015 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3016 element visuellement fort etait « S'inscrire », qui part chez le centre. 3017 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3018 qui porte l'examen blanc, le guide et le formulaire de retour. 3019 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3020 bouton « S'inscrire sur le site du centre ». 3021 En superposition et non en <a> englobant, parce qu'on ne peut pas 3022 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3023 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lyon-fei-7bb33b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3024 vides sur le site). Le mot-cle « examen civique + ville » dans 3025 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lyon : ALLIANCE FRANÃAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11, rue Pierre Bourdan</p> <p class="text-[14px] text-[#6a6a8a]">69003 Lyon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.aflyon.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-2DBB9B24566ADFAC204B1CAC1EED2F0450E6" data-lat="45.770196" data-lon="4.846974" data-name="BLEU INTERNATIONAL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3026 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3027 element visuellement fort etait « S'inscrire », qui part chez le centre. 3028 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3029 qui porte l'examen blanc, le guide et le formulaire de retour. 3030 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3031 bouton « S'inscrire sur le site du centre ». 3032 En superposition et non en <a> englobant, parce qu'on ne peut pas 3033 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3034 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lyon-fei-0450e6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3035 vides sur le site). Le mot-cle « examen civique + ville » dans 3036 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lyon : BLEU INTERNATIONAL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">BLEU INTERNATIONAL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">82 rue Duguesclin</p> <p class="text-[14px] text-[#6a6a8a]">69006 Lyon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://lyon-bleu.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3036Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-477" data-lat="45.742562" data-lon="4.822887" data-name="Lyon Exam by Inflexyon"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3037 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3038 element visuellement fort etait « S'inscrire », qui part chez le centre. 3039 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3040 qui porte l'examen blanc, le guide et le formulaire de retour. 3041 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3042 bouton « S'inscrire sur le site du centre ». 3043 En superposition et non en <a> englobant, parce qu'on ne peut pas 3044 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3045 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lyon-477" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3046 vides sur le site). Le mot-cle « examen civique + ville » dans 3047 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lyon : Lyon Exam by Inflexyon</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">Lyon Exam by Inflexyon</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">48 rue Quivogne, 69002, LYON</p> <p class="text-[14px] text-[#6a6a8a]">69002 Lyon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/477" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location21-473" data-lat="45.777777" data-lon="4.918044" data-name="LEO LAGRANGE FORMATION - VAULX-EN-VELIN"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3048 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3049 element visuellement fort etait « S'inscrire », qui part chez le centre. 3050 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3051 qui porte l'examen blanc, le guide et le formulaire de retour. 3052 Ca ne coute rien au visiteur presse : la fiche contient elle au
3052ssi le 3053 bouton « S'inscrire sur le site du centre ». 3054 En superposition et non en <a> englobant, parce qu'on ne peut pas 3055 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3056 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vaulx-en-velin-473" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3057 vides sur le site). Le mot-cle « examen civique + ville » dans 3058 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vaulx-en-Velin : LEO LAGRANGE FORMATION - VAULX-EN-VELIN</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - VAULX-EN-VELIN</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 rue Emile Zola, 69120, VAULX-EN-VELIN</p> <p class="text-[14px] text-[#6a6a8a]">69120 Vaulx-en-Velin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/473/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5D6271520847ED3EC3753453B98E336E55AD" data-lat="45.990713" data-lon="4.721727" data-name="LÃO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3059 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3060 element visuellement fort etait « S'inscrire », qui part chez le centre. 3061 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3062 qui porte l'examen blanc, le guide et le formulaire de retour. 3063 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3064 bouton « S'inscrire sur le site du centre ». 3065 En superposition et non en <a> englobant, parce qu'on ne peut pas 3066 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3067 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/villefranche-sur-saone-fei-6e55ad" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3068 vides sur le site). Le mot-cle « examen civique + ville » dans 3069 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Villefranche-sur-Saône : LÃO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LÃO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 place Faubert</p> <p class="text-[14px] text-[#6a6a8a]">69400 Villefranche-sur-Saône</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ifra.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3069Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location97-1018" data-lat="45.766129" data-lon="4.903708" data-name="EFI RHÃNES ALPES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3070 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3071 element visuellement fort etait « S'inscrire », qui part chez le centre. 3072 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3073 qui porte l'examen blanc, le guide et le formulaire de retour. 3074 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3075 bouton « S'inscrire sur le site du centre ». 3076 En superposition et non en <a> englobant, parce qu'on ne peut pas 3077 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3078 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/villeurbanne-1018" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3079 vides sur le site). Le mot-cle « examen civique + ville » dans 3080 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Villeurbanne : EFI RHÃNES ALPES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EFI RHÃNES ALPES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 bis Impasse marcel cerdan, 69100, VILLEURBANNE</p> <p class="text-[14px] text-[#6a6a8a]">69100 Villeurbanne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1018" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-31A47A1668DCAECE0A0D6709FC0F7B72DC7D" data-lat="45.773232" data-lon="4.890751" data-name="FC2E.RH"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3081 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3082 element visuellement fort etait « S'inscrire », qui part chez le centre. 3083 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3084 qui porte l'examen blanc, le guide et le formulaire de retour. 3085 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3086 bouton « S'inscrire sur le site du centre ». 3087 En superposition et non en <a> englobant, parce qu'on ne peut pas 3088 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3089 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/villeurbanne-fei-72dc7d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3090 vides sur le site). Le mot-cle « examen civique + ville » dans 3091 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Villeurbanne : FC2E.RH</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">69</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FC2E.RH</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">33, bis rue de Montgolfier</p> <p class="text-[14px] text-[#6a6a8a]">69100 Villeurbanne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.fc2eformation.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3091Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9495F608CB61631DA76C4EE1ED2BBBDF919E" data-lat="47.614367" data-lon="6.151954" data-name="POINFOR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3092 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3093 element visuellement fort etait « S'inscrire », qui part chez le centre. 3094 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3095 qui porte l'examen blanc, le guide et le formulaire de retour. 3096 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3097 bouton « S'inscrire sur le site du centre ». 3098 En superposition et non en <a> englobant, parce qu'on ne peut pas 3099 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3100 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/vesoul-fei-df919e" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3101 vides sur le site). Le mot-cle « examen civique + ville » dans 3102 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Vesoul : POINFOR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">70</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POINFOR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">42, boulevard Charles De Gaulle</p> <p class="text-[14px] text-[#6a6a8a]">70000 Vesoul</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.poinfor.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location16-467" data-lat="46.777071" data-lon="4.853614" data-name="LEO LAGRANGE FORMATION - CHALON-SUR-SAÃNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3103 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3104 element visuellement fort etait « S'inscrire », qui part chez le centre. 3105 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3106 qui porte l'examen blanc, le guide et le formulaire de retour. 3107 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3108 bouton « S'inscrire sur le site du centre ». 3109 En superposition et non en <a> englobant, parce qu'on ne peut pas 3110 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3111 Les elements interactifs passent au-dessus via z-10. -->
3111 <a href="/centres-examen-civique/centre/chalon-sur-saone-467" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3112 vides sur le site). Le mot-cle « examen civique + ville » dans 3113 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chalon-sur-Saone : LEO LAGRANGE FORMATION - CHALON-SUR-SAÃNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">71</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - CHALON-SUR-SAÃNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 avenue de Verdun, 71100, CHALON-SUR-SAONE</p> <p class="text-[14px] text-[#6a6a8a]">71100 Chalon-sur-Saone</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/467/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-54F735241AFD8A234ED32FB9F72CF92DDED9" data-lat="46.788525" data-lon="4.836746" data-name="GRETA 71 SUD BOURGOGNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3114 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3115 element visuellement fort etait « S'inscrire », qui part chez le centre. 3116 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3117 qui porte l'examen blanc, le guide et le formulaire de retour. 3118 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3119 bouton « S'inscrire sur le site du centre ». 3120 En superposition et non en <a> englobant, parce qu'on ne peut pas 3121 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3122 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chalon-sur-saone-fei-2dded9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3123 vides sur le site). Le mot-cle « examen civique + ville » dans 3124 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chalon-sur-Saône : GRETA 71 SUD BOURGOGNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">71</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA 71 SUD BOURGOGNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">141, avenue Boucicaut BP</p> <p class="text-[14px] text-[#6a6a8a]">50099 Chalon-sur-Saône</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.bourgogne.greta.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3124Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location178-442" data-lat="46.306654" data-lon="4.832771" data-name="FRATE FORMATION CONSEIL - MÃCON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3125 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3126 element visuellement fort etait « S'inscrire », qui part chez le centre. 3127 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3128 qui porte l'examen blanc, le guide et le formulaire de retour. 3129 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3130 bouton « S'inscrire sur le site du centre ». 3131 En superposition et non en <a> englobant, parce qu'on ne peut pas 3132 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3133 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/macon-442" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3134 vides sur le site). Le mot-cle « examen civique + ville » dans 3135 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mâcon : FRATE FORMATION CONSEIL - MÃCON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">71</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - MÃCON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">19 Place de la Baille, 71000, MÃCON</p> <p class="text-[14px] text-[#6a6a8a]">71000 Mâcon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/442" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location218-444" data-lat="46.672236" data-lon="4.361178" data-name="FRATE FORMATION CONSEIL - MONTCEAU-LES-MINES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3136 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3137 element visuellement fort etait « S'inscrire », qui part chez le centre. 3138 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3139 qui porte l'examen blanc, le guide et le formulaire de retour. 3140 Ca ne coute rien au visiteur presse : la fiche contient elle au
3140ssi le 3141 bouton « S'inscrire sur le site du centre ». 3142 En superposition et non en <a> englobant, parce qu'on ne peut pas 3143 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3144 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montceau-les-mines-444" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3145 vides sur le site). Le mot-cle « examen civique + ville » dans 3146 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montceau-les-Mines : FRATE FORMATION CONSEIL - MONTCEAU-LES-MINES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">71</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - MONTCEAU-LES-MINES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 rue du Docteur Jeannin, 71300, MONTCEAU-LES-MINES</p> <p class="text-[14px] text-[#6a6a8a]">71300 Montceau-les-Mines</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/444" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-F2DA63F317F57D0AB5BDCFB5B921E80B8E2B" data-lat="46.334441" data-lon="4.845566" data-name="IFPA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3147 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3148 element visuellement fort etait « S'inscrire », qui part chez le centre. 3149 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3150 qui porte l'examen blanc, le guide et le formulaire de retour. 3151 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3152 bouton « S'inscrire sur le site du centre ». 3153 En superposition et non en <a> englobant, parce qu'on ne peut pas 3154 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3155 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sance-fei-0b8e2b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3156 vides sur le site). Le mot-cle « examen civique + ville » dans 3157 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sancé : IFPA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">71</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IFPA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11 rue du 19 mars 1962</p> <p class="text-[14px] text-[#6a6a8a]">71000 Sancé</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://ifpa-formation.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3157Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D3751E474D9A2000FE2C04CE97193F943846" data-lat="48.020455" data-lon="0.165403" data-name="INFREP SARTHE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3158 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3159 element visuellement fort etait « S'inscrire », qui part chez le centre. 3160 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3161 qui porte l'examen blanc, le guide et le formulaire de retour. 3162 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3163 bouton « S'inscrire sur le site du centre ». 3164 En superposition et non en <a> englobant, parce qu'on ne peut pas 3165 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3166 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-mans-fei-943846" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3167 vides sur le site). Le mot-cle « examen civique + ville » dans 3168 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Mans : INFREP SARTHE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">72</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP SARTHE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">20 rue Xavier Bichat</p> <p class="text-[14px] text-[#6a6a8a]">72000 Le Mans</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.infrep.org/agences/le-mans-2/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-29D43C1D577B96E75EEAFEE714495973984F" data-lat="45.659985" data-lon="6.372082" data-name="LÃO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3169 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3170 element visuellement fort etait « S'inscrire », qui part chez le centre. 3171 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3172 qui porte l'examen blanc, le guide et le formulaire de retour. 3173 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3174 bouton « S'inscrire sur le site du centre ». 3175 En superposition et non en <a> englobant, parce qu'on ne peut pas 3176 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3177 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/albertville-fei-73984f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3178 vides sur le site). Le mot-cle « examen civique + ville » dans 3179 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Albertville : LÃO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">73</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LÃO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">542, rue Louis Armand</p> <p class="text-[14px] text-[#6a6a8a]">73200 Albertville</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://test-civique.fr/inscription" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3179Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-1C430734C481BCC49B574F2DB84D2E60416C" data-lat="45.566796" data-lon="5.917597" data-name="ACCENTS DRI UNIVERSITà SAVOIE MONT-BLANC"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3180 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3181 element visuellement fort etait « S'inscrire », qui part chez le centre. 3182 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3183 qui porte l'examen blanc, le guide et le formulaire de retour. 3184 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3185 bouton « S'inscrire sur le site du centre ». 3186 En superposition et non en <a> englobant, parce qu'on ne peut pas 3187 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3188 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chambery-fei-60416c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3189 vides sur le site). Le mot-cle « examen civique + ville » dans 3190 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chambéry : ACCENTS DRI UNIVERSITà SAVOIE MONT-BLANC</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">73</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACCENTS DRI UNIVERSITà SAVOIE MONT-BLANC</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Domaine univ. Jacob Bellecombette 27, rue Marcoz BP 1104</p> <p class="text-[14px] text-[#6a6a8a]">73011 Chambéry</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.univ-smb.fr/accents/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location17-468" data-lat="45.58001" data-lon="5.912409" data-name="LEO LAGRANGE FORMATION - CHAMBÃRY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3191 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3192 element visuellement fort etait « S'inscrire », qui part chez le centre. 3193 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3194 qui porte l'examen blanc, le guide et le formulaire de retour. 3195 Ca ne coute rien au visiteur presse : la fiche contient elle au
3195ssi le 3196 bouton « S'inscrire sur le site du centre ». 3197 En superposition et non en <a> englobant, parce qu'on ne peut pas 3198 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3199 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chambery-468" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3200 vides sur le site). Le mot-cle « examen civique + ville » dans 3201 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Chambéry : LEO LAGRANGE FORMATION - CHAMBÃRY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">73</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - CHAMBÃRY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1125 Av. de la Boisse, 73011, CHAMBÃRY</p> <p class="text-[14px] text-[#6a6a8a]">73011 Chambéry</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/468/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5BC4D1A115382BB6D39C88747F2F69597402" data-lat="45.905891" data-lon="6.128643" data-name="ALLIANCE FRANCAISE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3202 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3203 element visuellement fort etait « S'inscrire », qui part chez le centre. 3204 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3205 qui porte l'examen blanc, le guide et le formulaire de retour. 3206 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3207 bouton « S'inscrire sur le site du centre ». 3208 En superposition et non en <a> englobant, parce qu'on ne peut pas 3209 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3210 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/annecy-fei-597402" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3211 vides sur le site). Le mot-cle « examen civique + ville » dans 3212 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Annecy : ALLIANCE FRANCAISE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">74</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANCAISE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">12 boulevard du lycée</p> <p class="text-[14px] text-[#6a6a8a]">74000 Annecy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.alliance-francaise-annecy.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3212Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location157-434" data-lat="46.192574" data-lon="6.23362" data-name="FRATE FORMATION CONSEIL - ANNEMASSE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3213 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3214 element visuellement fort etait « S'inscrire », qui part chez le centre. 3215 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3216 qui porte l'examen blanc, le guide et le formulaire de retour. 3217 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3218 bouton « S'inscrire sur le site du centre ». 3219 En superposition et non en <a> englobant, parce qu'on ne peut pas 3220 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3221 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/annemasse-434" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3222 vides sur le site). Le mot-cle « examen civique + ville » dans 3223 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Annemasse : FRATE FORMATION CONSEIL - ANNEMASSE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">74</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - ANNEMASSE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 passage Jean Moulin, 74100, ANNEMASSE</p> <p class="text-[14px] text-[#6a6a8a]">74100 Annemasse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/434" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B74A2C4068B70E6AA290B4198BCA4A7A734A" data-lat="46.189187" data-lon="6.236851" data-name="SKILLMASTER A"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3224 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3225 element visuellement fort etait « S'inscrire », qui part chez le centre. 3226 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3227 qui porte l'examen blanc, le guide et le formulaire de retour. 3228 Ca ne coute rien au visiteur presse : la fiche contient elle au
3228ssi le 3229 bouton « S'inscrire sur le site du centre ». 3230 En superposition et non en <a> englobant, parce qu'on ne peut pas 3231 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3232 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/annemasse-fei-7a734a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3233 vides sur le site). Le mot-cle « examen civique + ville » dans 3234 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Annemasse : SKILLMASTER A</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">74</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">SKILLMASTER A</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">27 rue du château Rouge</p> <p class="text-[14px] text-[#6a6a8a]">74100 Annemasse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.efi-rhonealpes.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-92A18537F41EF7E31F4268DA46D64E6F8F86" data-lat="46.075419" data-lon="6.563128" data-name="LÃO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3235 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3236 element visuellement fort etait « S'inscrire », qui part chez le centre. 3237 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3238 qui porte l'examen blanc, le guide et le formulaire de retour. 3239 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3240 bouton « S'inscrire sur le site du centre ». 3241 En superposition et non en <a> englobant, parce qu'on ne peut pas 3242 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3243 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cluses-fei-6f8f86" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3244 vides sur le site). Le mot-cle « examen civique + ville » dans 3245 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cluses : LÃO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">74</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LÃO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1500 avenue des Glières</p> <p class="text-[14px] text-[#6a6a8a]">74300 Cluses</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ifra.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3245Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location167-432" data-lat="45.904589" data-lon="6.108677" data-name="FRATE FORMATION CONSEIL - CRAN-GEVRIER ANNECY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3246 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3247 element visuellement fort etait « S'inscrire », qui part chez le centre. 3248 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3249 qui porte l'examen blanc, le guide et le formulaire de retour. 3250 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3251 bouton « S'inscrire sur le site du centre ». 3252 En superposition et non en <a> englobant, parce qu'on ne peut pas 3253 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3254 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cran-gevrier-432" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3255 vides sur le site). Le mot-cle « examen civique + ville » dans 3256 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cran-Gevrier : FRATE FORMATION CONSEIL - CRAN-GEVRIER ANNECY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">74</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - CRAN-GEVRIER ANNECY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">33 route de Chevennes, 74960, CRAN-GEVRIER</p> <p class="text-[14px] text-[#6a6a8a]">74960 Cran-Gevrier</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/432" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5C56567A0C5E9AF487EA3ABC9FD5C420E9B7" data-lat="48.847217" data-lon="2.368731" data-name="ACADÃMIE EXPERTISE LANGUES - ILE INTERNATIONAL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3257 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3258 element visuellement fort etait « S'inscrire », qui part chez le centre. 3259 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3260 qui porte l'examen blanc, le guide et le formulaire de retour. 3261 Ca ne coute rien au visiteur presse : la fiche contient elle au
3261ssi le 3262 bouton « S'inscrire sur le site du centre ». 3263 En superposition et non en <a> englobant, parce qu'on ne peut pas 3264 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3265 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-fei-20e9b7" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3266 vides sur le site). Le mot-cle « examen civique + ville » dans 3267 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ACADÃMIE EXPERTISE LANGUES - ILE INTERNATIONAL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACADÃMIE EXPERTISE LANGUES - ILE INTERNATIONAL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">241, rue de Bercy</p> <p class="text-[14px] text-[#6a6a8a]">75012 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.ile-international.com/fr/index.php" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-29713C99C421582EDD613986B0B8F9369FE8" data-lat="48.886151" data-lon="2.367334" data-name="ACTE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3268 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3269 element visuellement fort etait « S'inscrire », qui part chez le centre. 3270 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3271 qui porte l'examen blanc, le guide et le formulaire de retour. 3272 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3273 bouton « S'inscrire sur le site du centre ». 3274 En superposition et non en <a> englobant, parce qu'on ne peut pas 3275 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3276 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-fei-369fe8" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3277 vides sur le site). Le mot-cle « examen civique + ville » dans 3278 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ACTE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACTE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">12, rue Bellot</p> <p class="text-[14px] text-[#6a6a8a]">75019 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.acte-paris.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3278Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location2-24" data-lat="48.847503" data-lon="2.288716" data-name="ALIP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3279 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3280 element visuellement fort etait « S'inscrire », qui part chez le centre. 3281 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3282 qui porte l'examen blanc, le guide et le formulaire de retour. 3283 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3284 bouton « S'inscrire sur le site du centre ». 3285 En superposition et non en <a> englobant, parce qu'on ne peut pas 3286 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3287 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-24" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3288 vides sur le site). Le mot-cle « examen civique + ville » dans 3289 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ALIP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALIP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">27 rue Ginoux, 75015, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75015 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/24/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location9-954" data-lat="48.876775" data-lon="2.329988" data-name="ARCS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3290 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3291 element visuellement fort etait « S'inscrire », qui part chez le centre. 3292 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3293 qui porte l'examen blanc, le guide et le formulaire de retour. 3294 Ca ne coute rien au visiteur presse : la fiche contient elle au
3294ssi le 3295 bouton « S'inscrire sur le site du centre ». 3296 En superposition et non en <a> englobant, parce qu'on ne peut pas 3297 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3298 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-954" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3299 vides sur le site). Le mot-cle « examen civique + ville » dans 3300 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ARCS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ARCS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 rue de Londres , 75009, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75009 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/954" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-248" data-lat="48.873117" data-lon="2.359152" data-name="ASPLEF"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3301 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3302 element visuellement fort etait « S'inscrire », qui part chez le centre. 3303 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3304 qui porte l'examen blanc, le guide et le formulaire de retour. 3305 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3306 bouton « S'inscrire sur le site du centre ». 3307 En superposition et non en <a> englobant, parce qu'on ne peut pas 3308 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3309 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-248" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3310 vides sur le site). Le mot-cle « examen civique + ville » dans 3311 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ASPLEF</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASPLEF</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">52 boulevard de Magenta, 75010, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75010 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/248/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3311Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location4-251" data-lat="48.886836" data-lon="2.291287" data-name="AVD FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3312 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3313 element visuellement fort etait « S'inscrire », qui part chez le centre. 3314 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3315 qui porte l'examen blanc, le guide et le formulaire de retour. 3316 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3317 bouton « S'inscrire sur le site du centre ». 3318 En superposition et non en <a> englobant, parce qu'on ne peut pas 3319 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3320 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-251" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3321 vides sur le site). Le mot-cle « examen civique + ville » dans 3322 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : AVD FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AVD FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8 rue Catulle Mendès, 75017, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75017 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/251/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location8-1101" data-lat="48.827367" data-lon="2.324196" data-name="C-TEC FORMATION CONSEIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3323 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3324 element visuellement fort etait « S'inscrire », qui part chez le centre. 3325 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3326 qui porte l'examen blanc, le guide et le formulaire de retour. 3327 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3328 bouton « S'inscrire sur le site du centre ». 3329 En superposition et non en <a> englobant, parce qu'on ne peut pas 3330 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3331 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-1101" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3332 vides sur le site). Le mot-cle « examen civique + ville » dans 3333 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : C-TEC FORMATION CONSEIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">C-TEC FORMATION CONSEIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6bis rue de Chatillon, 75014, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75014 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1101" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3333Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location10-779" data-lat="48.869388" data-lon="2.364829" data-name="CCI PARIS ILE-DE FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3334 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3335 element visuellement fort etait « S'inscrire », qui part chez le centre. 3336 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3337 qui porte l'examen blanc, le guide et le formulaire de retour. 3338 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3339 bouton « S'inscrire sur le site du centre ». 3340 En superposition et non en <a> englobant, parce qu'on ne peut pas 3341 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3342 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-779" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3343 vides sur le site). Le mot-cle « examen civique + ville » dans 3344 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : CCI PARIS ILE-DE FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CCI PARIS ILE-DE FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">11, rue Léon Jouhaux, 75010, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75010 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/779" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location7-615" data-lat="48.859232" data-lon="2.352235" data-name="CENTRE PRIVà DE LANGUES LSI PARIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3345 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3346 element visuellement fort etait « S'inscrire », qui part chez le centre. 3347 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3348 qui porte l'examen blanc, le guide et le formulaire de retour. 3349 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3350 bouton « S'inscrire sur le site du centre ». 3351 En superposition et non en <a> englobant, parce qu'on ne peut pas 3352 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3353 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-615" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3354 vides sur le site). Le mot-cle « examen civique + ville » dans 3355 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : CENTRE PRIVà DE LANGUES LSI PARIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CENTRE PRIVà DE LANGUES LSI PARIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 rue du Renard, 75004, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75004 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/615" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3355Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location12-405" data-lat="48.864429" data-lon="2.345192" data-name="ELFE PARIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3356 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3357 element visuellement fort etait « S'inscrire », qui part chez le centre. 3358 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3359 qui porte l'examen blanc, le guide et le formulaire de retour. 3360 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3361 bouton « S'inscrire sur le site du centre ». 3362 En superposition et non en <a> englobant, parce qu'on ne peut pas 3363 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3364 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-405" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3365 vides sur le site). Le mot-cle « examen civique + ville » dans 3366 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ELFE PARIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELFE PARIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">15 rue Montmartre, 75001, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75001 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/405" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-933" data-lat="48.88599" data-lon="2.386651" data-name="EMPLOI SERVICES FORMATION (ESF_ PARIS)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3367 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3368 element visuellement fort etait « S'inscrire », qui part chez le centre. 3369 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3370 qui porte l'examen blanc, le guide et le formulaire de retour. 3371 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3372 bouton « S'inscrire sur le site du centre ». 3373 En superposition et non en <a> englobant, parce qu'on ne peut pas 3374 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3375 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-933" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3376 vides sur le site). Le mot-cle « examen civique + ville » dans 3377 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : EMPLOI SERVICES FORMATION (ESF_ PARIS)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EMPLOI SERVICES FORMATION (ESF_ PARIS)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">65/67 Rue d'Hautpoul , 75019, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75019 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/933/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3377Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location5-610" data-lat="48.852574" data-lon="2.326308" data-name="ETOILE INSTITUT DE LANGUE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3378 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3379 element visuellement fort etait « S'inscrire », qui part chez le centre. 3380 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3381 qui porte l'examen blanc, le guide et le formulaire de retour. 3382 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3383 bouton « S'inscrire sur le site du centre ». 3384 En superposition et non en <a> englobant, parce qu'on ne peut pas 3385 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3386 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-610" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3387 vides sur le site). Le mot-cle « examen civique + ville » dans 3388 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : ETOILE INSTITUT DE LANGUE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ETOILE INSTITUT DE LANGUE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">38, boulevard Raspail, 75007, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75007 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/610/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D72C6441F9A4DE7FAD9D744BE14FBD926B88" data-lat="48.853509" data-lon="2.296213" data-name="FORUM ACCORD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3389 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3390 element visuellement fort etait « S'inscrire », qui part chez le centre. 3391 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3392 qui porte l'examen blanc, le guide et le formulaire de retour. 3393 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3394 bouton « S'inscrire sur le site du centre ». 3395 En superposition et non en <a> englobant, parce qu'on ne peut pas 3396 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3397 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-fei-926b88" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3398 vides sur le site). Le mot-cle « examen civique + ville » dans 3399 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : FORUM ACCORD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORUM ACCORD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 bis, rue Jean-Pierre Bloch</p> <p class="text-[14px] text-[#6a6a8a]">75015 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.examensparis.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3399Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location6-877" data-lat="48.884458" data-lon="2.309767" data-name="INSTITUT ARITAS FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3400 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3401 element visuellement fort etait « S'inscrire », qui part chez le centre. 3402 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3403 qui porte l'examen blanc, le guide et le formulaire de retour. 3404 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3405 bouton « S'inscrire sur le site du centre ». 3406 En superposition et non en <a> englobant, parce qu'on ne peut pas 3407 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3408 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-877" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3409 vides sur le site). Le mot-cle « examen civique + ville » dans 3410 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : INSTITUT ARITAS FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT ARITAS FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">86 rue cardinet, 75017, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75017 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/877/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location3-600" data-lat="48.869574" data-lon="2.282978" data-name="KANGOUROU - PARIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3411 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3412 element visuellement fort etait « S'inscrire », qui part chez le centre. 3413 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3414 qui porte l'examen blanc, le guide et le formulaire de retour. 3415 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3416 bouton « S'inscrire sur le site du centre ». 3417 En superposition et non en <a> englobant, parce qu'on ne peut pas 3418 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3419 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-600" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3420 vides sur le site). Le mot-cle « examen civique + ville » dans 3421 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris : KANGOUROU - PARIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU - PARIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 rue du Général Clergerie, 75116, PARIS</p> <p class="text-[14px] text-[#6a6a8a]">75116 Paris</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/600/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3421Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location11-165" data-lat="48.84634" data-lon="2.328547" data-name="ALLIANCE FRANÃAISE DE PARIS ILE-DE-FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3422 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3423 element visuellement fort etait « S'inscrire », qui part chez le centre. 3424 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3425 qui porte l'examen blanc, le guide et le formulaire de retour. 3426 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3427 bouton « S'inscrire sur le site du centre ». 3428 En superposition et non en <a> englobant, parce qu'on ne peut pas 3429 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3430 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/paris-cedex-06-165" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3431 vides sur le site). Le mot-cle « examen civique + ville » dans 3432 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Paris Cedex 06 : ALLIANCE FRANÃAISE DE PARIS ILE-DE-FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE DE PARIS ILE-DE-FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">101 boulevard Raspail, 75270, PARIS CEDEX 06</p> <p class="text-[14px] text-[#6a6a8a]">75270 Paris Cedex 06</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/165" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location12-1056" data-lat="48.89904" data-lon="2.378877" data-name="FARBEE_BY_LEGALUNITE FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3433 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3434 element visuellement fort etait « S'inscrire », qui part chez le centre. 3435 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3436 qui porte l'examen blanc, le guide et le formulaire de retour. 3437 Ca ne coute rien au visiteur presse : la fiche contient elle au
3437ssi le 3438 bouton « S'inscrire sur le site du centre ». 3439 En superposition et non en <a> englobant, parce qu'on ne peut pas 3440 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3441 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/porte-de-la-villette-1056" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3442 vides sur le site). Le mot-cle « examen civique + ville » dans 3443 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Porte-de-la Villette : FARBEE_BY_LEGALUNITE FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">75</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FARBEE_BY_LEGALUNITE FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">140/142 boulevard Macdonald, 75019, PORTE DE LA VILLETTE</p> <p class="text-[14px] text-[#6a6a8a]">75019 Porte-de-la Villette</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1056/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location70-1014" data-lat="49.91409" data-lon="1.074792" data-name="ÃDUCATION ET FORMATION - DIEPPE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3444 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3445 element visuellement fort etait « S'inscrire », qui part chez le centre. 3446 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3447 qui porte l'examen blanc, le guide et le formulaire de retour. 3448 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3449 bouton « S'inscrire sur le site du centre ». 3450 En superposition et non en <a> englobant, parce qu'on ne peut pas 3451 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3452 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dieppe-1014" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3453 vides sur le site). Le mot-cle « examen civique + ville » dans 3454 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dieppe : ÃDUCATION ET FORMATION - DIEPPE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ÃDUCATION ET FORMATION - DIEPPE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">88, avenue des Canadiens, 76200, DIEPPE</p> <p class="text-[14px] text-[#6a6a8a]">76200 Dieppe</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1014/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3454Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-B4BEDF6058424B30072B5007596E62F61CD2" data-lat="49.493664" data-lon="0.115023" data-name="ALLIANCE FRANÃAISE DE NORMANDIE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3455 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3456 element visuellement fort etait « S'inscrire », qui part chez le centre. 3457 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3458 qui porte l'examen blanc, le guide et le formulaire de retour. 3459 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3460 bouton « S'inscrire sur le site du centre ». 3461 En superposition et non en <a> englobant, parce qu'on ne peut pas 3462 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3463 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-havre-fei-f61cd2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3464 vides sur le site). Le mot-cle « examen civique + ville » dans 3465 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Havre : ALLIANCE FRANÃAISE DE NORMANDIE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE DE NORMANDIE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">49 rue Jules Lecesne</p> <p class="text-[14px] text-[#6a6a8a]">76620 Le Havre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.afnormandie.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-1015" data-lat="49.489483" data-lon="0.155343" data-name="ÃDUCATION ET FORMATION - LE HAVRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3466 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3467 element visuellement fort etait « S'inscrire », qui part chez le centre. 3468 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3469 qui porte l'examen blanc, le guide et le formulaire de retour. 3470 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3471 bouton « S'inscrire sur le site du centre ». 3472 En superposition et non en <a> englobant, parce qu'on ne peut pas 3473 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3474 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-havre-1015" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3475 vides sur le site). Le mot-cle « examen civique + ville » dans 3476 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Havre : ÃDUCATION ET FORMATION - LE HAVRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ÃDUCATION ET FORMATION - LE HAVRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">68, boulevard Jules Durand, 76600, LE HAVRE</p> <p class="text-[14px] text-[#6a6a8a]">76600 Le Havre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1015/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3476Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5E1B152D6A83392B8E642E38F63111053DB1" data-lat="49.491863" data-lon="0.137032" data-name="RECIFE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3477 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3478 element visuellement fort etait « S'inscrire », qui part chez le centre. 3479 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3480 qui porte l'examen blanc, le guide et le formulaire de retour. 3481 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3482 bouton « S'inscrire sur le site du centre ». 3483 En superposition et non en <a> englobant, parce qu'on ne peut pas 3484 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3485 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-havre-fei-053db1" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3486 vides sur le site). Le mot-cle « examen civique + ville » dans 3487 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Havre : RECIFE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RECIFE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">45, rue d'Iéna</p> <p class="text-[14px] text-[#6a6a8a]">76600 Le Havre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.recife-lh.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location172-184" data-lat="49.447229" data-lon="1.095867" data-name="ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3488 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3489 element visuellement fort etait « S'inscrire », qui part chez le centre. 3490 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3491 qui porte l'examen blanc, le guide et le formulaire de retour. 3492 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3493 bouton « S'inscrire sur le site du centre ». 3494 En superposition et non en <a> englobant, parce qu'on ne peut pas 3495 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3496 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rouen-184" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3497 vides sur le site). Le mot-cle « examen civique + ville » dans 3498 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rouen : ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">80 boulevard de l'Yser, 76000, ROUEN</p> <p class="text-[14px] text-[#6a6a8a]">76000 Rouen</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/184" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3498Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C591CC8789EB4CB56629E0595D8CE95A7D5A" data-lat="49.42003" data-lon="1.079442" data-name="FRENCH IN NORMANDY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3499 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3500 element visuellement fort etait « S'inscrire », qui part chez le centre. 3501 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3502 qui porte l'examen blanc, le guide et le formulaire de retour. 3503 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3504 bouton « S'inscrire sur le site du centre ». 3505 En superposition et non en <a> englobant, parce qu'on ne peut pas 3506 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3507 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rouen-fei-5a7d5a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3508 vides sur le site). Le mot-cle « examen civique + ville » dans 3509 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rouen : FRENCH IN NORMANDY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRENCH IN NORMANDY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26 bis, rue Valmont de Bomare</p> <p class="text-[14px] text-[#6a6a8a]">76100 Rouen</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.frenchinnormandy.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location30-770" data-lat="49.424988" data-lon="1.055424" data-name="ÃDUCATION ET FORMATION - ROUEN - LE PETIT-QUEVILLY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3510 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3511 element visuellement fort etait « S'inscrire », qui part chez le centre. 3512 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3513 qui porte l'examen blanc, le guide et le formulaire de retour. 3514 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3515 bouton « S'inscrire sur le site du centre ». 3516 En superposition et non en <a> englobant, parce qu'on ne peut pas 3517 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3518 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rouen-le-petit-quevilly-770" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3519 vides sur le site). Le mot-cle « examen civique + ville » dans 3520 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rouen/le Petit-Quevilly : ÃDUCATION ET FORMATION - ROUEN - LE PETIT-QUEVILLY</sp
3520an> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">76</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ÃDUCATION ET FORMATION - ROUEN - LE PETIT-QUEVILLY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6, place Waldeck Rousseau , 76140, ROUEN/LE PETIT-QUEVILLY</p> <p class="text-[14px] text-[#6a6a8a]">76140 Rouen/le Petit-Quevilly</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/770/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location200-638" data-lat="48.835005" data-lon="2.70778" data-name="NEXT UP FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3521 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3522 element visuellement fort etait « S'inscrire », qui part chez le centre. 3523 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3524 qui porte l'examen blanc, le guide et le formulaire de retour. 3525 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3526 bouton « S'inscrire sur le site du centre ». 3527 En superposition et non en <a> englobant, parce qu'on ne peut pas 3528 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3529 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bussy-saint-georges-638" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3530 vides sur le site). Le mot-cle « examen civique + ville » dans 3531 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bussy-Saint-Georges : NEXT UP FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NEXT UP FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 avenue Jacques Cartier, 77600, BUSSY-SAINT-GEORGES</p> <p class="text-[14px] text-[#6a6a8a]">77600 Bussy-Saint-Georges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/638" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3531Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-F91F140A0EE7DF07E7C6AA5B4980C5B31669" data-lat="48.835005" data-lon="2.70778" data-name="NEXTUP FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3532 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3533 element visuellement fort etait « S'inscrire », qui part chez le centre. 3534 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3535 qui porte l'examen blanc, le guide et le formulaire de retour. 3536 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3537 bouton « S'inscrire sur le site du centre ». 3538 En superposition et non en <a> englobant, parce qu'on ne peut pas 3539 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3540 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bussy-saint-georges-fei-b31669" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3541 vides sur le site). Le mot-cle « examen civique + ville » dans 3542 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bussy-Saint-Georges : NEXTUP FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">NEXTUP FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7, avenue Jacques Cartier</p> <p class="text-[14px] text-[#6a6a8a]">77600 Bussy-Saint-Georges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://bynextup.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location92-1089" data-lat="48.963509" data-lon="3.013005" data-name="GROUPE GEFOR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3543 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3544 element visuellement fort etait « S'inscrire », qui part chez le centre. 3545 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3546 qui porte l'examen blanc, le guide et le formulaire de retour. 3547 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3548 bouton « S'inscrire sur le site du centre ». 3549 En superposition et non en <a> englobant, parce qu'on ne peut pas 3550 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3551 Les elements interactifs passent au-dessus via z-10. -->
3551 <a href="/centres-examen-civique/centre/changis-1089" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3552 vides sur le site). Le mot-cle « examen civique + ville » dans 3553 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Changis : GROUPE GEFOR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GROUPE GEFOR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Chemin de l'Ormois, 77660, CHANGIS</p> <p class="text-[14px] text-[#6a6a8a]">77660 Changis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1089" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-3315D7E455B484B47B7DF153CB8BC8B46603" data-lat="48.538521" data-lon="2.623478" data-name="RESSOURCES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3554 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3555 element visuellement fort etait « S'inscrire », qui part chez le centre. 3556 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3557 qui porte l'examen blanc, le guide et le formulaire de retour. 3558 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3559 bouton « S'inscrire sur le site du centre ». 3560 En superposition et non en <a> englobant, parce qu'on ne peut pas 3561 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3562 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-mee-sur-seine-fei-b46603" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3563 vides sur le site). Le mot-cle « examen civique + ville » dans 3564 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Mée-sur-Seine : RESSOURCES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RESSOURCES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">335 rue Bois Guyot</p> <p class="text-[14px] text-[#6a6a8a]">77350 Le Mée-sur-Seine</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ressourcesformation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3564Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location82-1026" data-lat="48.61999" data-lon="2.562408" data-name="AL BUSINESS ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3565 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3566 element visuellement fort etait « S'inscrire », qui part chez le centre. 3567 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3568 qui porte l'examen blanc, le guide et le formulaire de retour. 3569 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3570 bouton « S'inscrire sur le site du centre ». 3571 En superposition et non en <a> englobant, parce qu'on ne peut pas 3572 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3573 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/lieusaint-1026" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3574 vides sur le site). Le mot-cle « examen civique + ville » dans 3575 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Lieusaint : AL BUSINESS ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AL BUSINESS ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">441 Avenue Marguerite Perey, 77127, LIEUSAINT</p> <p class="text-[14px] text-[#6a6a8a]">77127 Lieusaint</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1026/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location225-813" data-lat="48.536855" data-lon="2.657756" data-name="POLYLANGUES - CERGY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3576 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3577 element visuellement fort etait « S'inscrire », qui part chez le centre. 3578 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3579 qui porte l'examen blanc, le guide et le formulaire de retour. 3580 Ca ne coute rien au visiteur presse : la fiche contient elle au
3580ssi le 3581 bouton « S'inscrire sur le site du centre ». 3582 En superposition et non en <a> englobant, parce qu'on ne peut pas 3583 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3584 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/melun-813" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3585 vides sur le site). Le mot-cle « examen civique + ville » dans 3586 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Melun : POLYLANGUES - CERGY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POLYLANGUES - CERGY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 Bis Place Praslin, 77000, Melun</p> <p class="text-[14px] text-[#6a6a8a]">77000 Melun</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/813" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location5-1112" data-lat="48.794667" data-lon="2.60468" data-name="ARCANES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3587 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3588 element visuellement fort etait « S'inscrire », qui part chez le centre. 3589 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3590 qui porte l'examen blanc, le guide et le formulaire de retour. 3591 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3592 bouton « S'inscrire sur le site du centre ». 3593 En superposition et non en <a> englobant, parce qu'on ne peut pas 3594 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3595 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pontault-combault-1112" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3596 vides sur le site). Le mot-cle « examen civique + ville » dans 3597 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pontault Combault : ARCANES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ARCANES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">51 Avenue Charles Rouxel, 77340, PONTAULT COMBAULT</p> <p class="text-[14px] text-[#6a6a8a]">77340 Pontault Combault</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1112/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3597Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-DAEACFD220C4D754FA9F26D202FFBA9E9816" data-lat="48.833216" data-lon="2.661496" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3598 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3599 element visuellement fort etait « S'inscrire », qui part chez le centre. 3600 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3601 qui porte l'examen blanc, le guide et le formulaire de retour. 3602 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3603 bouton « S'inscrire sur le site du centre ». 3604 En superposition et non en <a> englobant, parce qu'on ne peut pas 3605 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3606 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/torcy-fei-9e9816" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3607 vides sur le site). Le mot-cle « examen civique + ville » dans 3608 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Torcy : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">77</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4, allée Emile Reynaud</p> <p class="text-[14px] text-[#6a6a8a]">77200 Torcy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location151-772" data-lat="48.9928" data-lon="1.911211" data-name="D.CONSEILS-FORMATIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3609 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3610 element visuellement fort etait « S'inscrire », qui part chez le centre. 3611 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3612 qui porte l'examen blanc, le guide et le formulaire de retour. 3613 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3614 bouton « S'inscrire sur le site du centre ». 3615 En superposition et non en <a> englobant, parce qu'on ne peut pas 3616 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3617 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/les-mureaux-772" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3618 vides sur le site). Le mot-cle « examen civique + ville » dans 3619 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique aux Mureaux : D.CONSEILS-FORMATIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">D.CONSEILS-FORMATIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
361974 Boulevard Victor Hugo, 78130, LES MUREAUX</p> <p class="text-[14px] text-[#6a6a8a]">78130 Les Mureaux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/772" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location75-997" data-lat="49.002835" data-lon="1.679572" data-name="MRD CONNECT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3620 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3621 element visuellement fort etait « S'inscrire », qui part chez le centre. 3622 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3623 qui porte l'examen blanc, le guide et le formulaire de retour. 3624 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3625 bouton « S'inscrire sur le site du centre ». 3626 En superposition et non en <a> englobant, parce qu'on ne peut pas 3627 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3628 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mantes-la-jolie-997" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3629 vides sur le site). Le mot-cle « examen civique + ville » dans 3630 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mantes-la-Jolie : MRD CONNECT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MRD CONNECT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 avenue GAUGUIN, 78120, MANTES LA JOLIE</p> <p class="text-[14px] text-[#6a6a8a]">78120 Mantes-la-Jolie</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/997/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3630Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-D2F5083E1C9CBECD14353E874989284311CC" data-lat="48.948011" data-lon="2.062741" data-name="RESSOURCES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3631 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3632 element visuellement fort etait « S'inscrire », qui part chez le centre. 3633 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3634 qui porte l'examen blanc, le guide et le formulaire de retour. 3635 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3636 bouton « S'inscrire sur le site du centre ». 3637 En superposition et non en <a> englobant, parce qu'on ne peut pas 3638 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3639 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/poissy-fei-4311cc" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3640 vides sur le site). Le mot-cle « examen civique + ville » dans 3641 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Poissy : RESSOURCES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RESSOURCES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2, rue Charles Edouard Jeanneret Technoparc Immeuble Antares- (rez-de-chaussée)</p> <p class="text-[14px] text-[#6a6a8a]">78300 Poissy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ressourcesformation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0387820CD504EE8870A0C95E3302FC9F8962" data-lat="48.650887" data-lon="1.834854" data-name="INSTITUT INTERNATIONAL LANGUES & AFFAIRES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3642 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3643 element visuellement fort etait « S'inscrire », qui part chez le centre. 3644 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3645 qui porte l'examen blanc, le guide et le formulaire de retour. 3646 Ca ne coute rien au visiteur presse : la fiche contient elle au
3646ssi le 3647 bouton « S'inscrire sur le site du centre ». 3648 En superposition et non en <a> englobant, parce qu'on ne peut pas 3649 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3650 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rambouillet-fei-9f8962" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3651 vides sur le site). Le mot-cle « examen civique + ville » dans 3652 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rambouillet : INSTITUT INTERNATIONAL LANGUES & AFFAIRES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT INTERNATIONAL LANGUES & AFFAIRES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue de Clairefontaine Smartcity campus</p> <p class="text-[14px] text-[#6a6a8a]">78120 Rambouillet</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.institut-rambouillet.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location4-666" data-lat="48.94241" data-lon="2.182561" data-name="SEA TRAINING"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3653 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3654 element visuellement fort etait « S'inscrire », qui part chez le centre. 3655 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3656 qui porte l'examen blanc, le guide et le formulaire de retour. 3657 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3658 bouton « S'inscrire sur le site du centre ». 3659 En superposition et non en <a> englobant, parce qu'on ne peut pas 3660 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3661 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sartrouville-666" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3662 vides sur le site). Le mot-cle « examen civique + ville » dans 3663 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sartrouville : SEA TRAINING</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">SEA TRAINING</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
366373, boulevard de Bezons, 78500, SARTROUVILLE</p> <p class="text-[14px] text-[#6a6a8a]">78500 Sartrouville</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/666/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location58-902" data-lat="48.785796" data-lon="1.975248" data-name="MRD CONNECT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3664 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3665 element visuellement fort etait « S'inscrire », qui part chez le centre. 3666 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3667 qui porte l'examen blanc, le guide et le formulaire de retour. 3668 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3669 bouton « S'inscrire sur le site du centre ». 3670 En superposition et non en <a> englobant, parce qu'on ne peut pas 3671 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3672 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/trappes-902" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3673 vides sur le site). Le mot-cle « examen civique + ville » dans 3674 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Trappes : MRD CONNECT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">78</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MRD CONNECT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5, avenue PAVLOV , 78190, TRAPPES</p> <p class="text-[14px] text-[#6a6a8a]">78190 Trappes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/902/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3674Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8B7F07A545EBD1D7361ED90080389947FA4C" data-lat="46.313889" data-lon="-0.484451" data-name="ASFODEP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3675 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3676 element visuellement fort etait « S'inscrire », qui part chez le centre. 3677 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3678 qui porte l'examen blanc, le guide et le formulaire de retour. 3679 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3680 bouton « S'inscrire sur le site du centre ». 3681 En superposition et non en <a> englobant, parce qu'on ne peut pas 3682 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3683 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/niort-fei-47fa4c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3684 vides sur le site). Le mot-cle « examen civique + ville » dans 3685 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Niort : ASFODEP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">79</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASFODEP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 rue Henri Sellier</p> <p class="text-[14px] text-[#6a6a8a]">79000 Niort</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.asfodep.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location67-1104" data-lat="46.322676" data-lon="-0.460612" data-name="LE CAMPUS BY CCI 79"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3686 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3687 element visuellement fort etait « S'inscrire », qui part chez le centre. 3688 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3689 qui porte l'examen blanc, le guide et le formulaire de retour. 3690 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3691 bouton « S'inscrire sur le site du centre ». 3692 En superposition et non en <a> englobant, parce qu'on ne peut pas 3693 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3694 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/niort-1104" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3695 vides sur le site). Le mot-cle « examen civique + ville » dans 3696 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Niort : LE CAMPUS BY CCI 79</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">79</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LE CAMPUS BY CCI 79</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 rue Ernest Pérochon, 79000, NIORT</p> <p class="text-[14px] text-[#6a6a8a]">79000 Niort</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1104/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3696Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location80-19" data-lat="49.905029" data-lon="2.305531" data-name="AEFTI SAVOIRS ET COMPÃTENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3697 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3698 element visuellement fort etait « S'inscrire », qui part chez le centre. 3699 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3700 qui porte l'examen blanc, le guide et le formulaire de retour. 3701 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3702 bouton « S'inscrire sur le site du centre ». 3703 En superposition et non en <a> englobant, parce qu'on ne peut pas 3704 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3705 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/amiens-19" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3706 vides sur le site). Le mot-cle « examen civique + ville » dans 3707 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Amiens : AEFTI SAVOIRS ET COMPÃTENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">80</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AEFTI SAVOIRS ET COMPÃTENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 Place dâAuvergne B.P. 60221, 80002, AMIENS</p> <p class="text-[14px] text-[#6a6a8a]">80002 Amiens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/19/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-E010D9870CBDE0C8807DB346B881F66EED5F" data-lat="49.896802" data-lon="2.299677" data-name="INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE - ISPA"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3708 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3709 element visuellement fort etait « S'inscrire », qui part chez le centre. 3710 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3711 qui porte l'examen blanc, le guide et le formulaire de retour. 3712 Ca ne coute rien au visiteur presse : la fiche contient elle au
3712ssi le 3713 bouton « S'inscrire sur le site du centre ». 3714 En superposition et non en <a> englobant, parce qu'on ne peut pas 3715 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3716 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/amiens-fei-6eed5f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3717 vides sur le site). Le mot-cle « examen civique + ville » dans 3718 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Amiens : INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE - ISPA</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">80</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE - ISPA</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 rue des Francs Mûriers</p> <p class="text-[14px] text-[#6a6a8a]">80000 Amiens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.ispa-langues.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location206-581" data-lat="49.896802" data-lon="2.299677" data-name="INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE D'AMIENS (ISPA)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3719 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3720 element visuellement fort etait « S'inscrire », qui part chez le centre. 3721 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3722 qui porte l'examen blanc, le guide et le formulaire de retour. 3723 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3724 bouton « S'inscrire sur le site du centre ». 3725 En superposition et non en <a> englobant, parce qu'on ne peut pas 3726 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3727 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/amiens-581" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3728 vides sur le site). Le mot-cle « examen civique + ville » dans 3729 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Amiens : INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE D'AMIENS (ISPA)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">80</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE D'AMIENS (ISPA)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 rue des Francs-Mûriers, 80000, AMIENS</p> <p class="text-[14px] text-[#6a6a8a]">80000 Amiens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/581" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3729Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-AB4FD0FF8D7BA14C0334FDC2B134B88E8468" data-lat="49.903493" data-lon="2.299533" data-name="UNIVERSITà DE PICARDIE JULES VERNE - U33080-01"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3730 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3731 element visuellement fort etait « S'inscrire », qui part chez le centre. 3732 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3733 qui porte l'examen blanc, le guide et le formulaire de retour. 3734 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3735 bouton « S'inscrire sur le site du centre ». 3736 En superposition et non en <a> englobant, parce qu'on ne peut pas 3737 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3738 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/amiens-fei-8e8468" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3739 vides sur le site). Le mot-cle « examen civique + ville » dans 3740 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Amiens : UNIVERSITà DE PICARDIE JULES VERNE - U33080-01</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">80</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">UNIVERSITà DE PICARDIE JULES VERNE - U33080-01</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Maison des Langues - Centre FLE La Citadelle 10 rue des Français Libres</p> <p class="text-[14px] text-[#6a6a8a]">80080 Amiens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.u-picardie.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A51189E7F945FFB53B843DC90CA15E8F3298" data-lat="43.925544" data-lon="2.151766" data-name="OSENGO"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3741 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3742 element visuellement fort etait « S'inscrire », qui part chez le centre. 3743 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3744 qui porte l'examen blanc, le guide et le formulaire de retour. 3745 Ca ne coute rien au visiteur presse : la fiche contient elle au
3745ssi le 3746 bouton « S'inscrire sur le site du centre ». 3747 En superposition et non en <a> englobant, parce qu'on ne peut pas 3748 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3749 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/albi-fei-8f3298" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3750 vides sur le site). Le mot-cle « examen civique + ville » dans 3751 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Albi : OSENGO</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">81</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">OSENGO</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3, rue Honoré de Balzac</p> <p class="text-[14px] text-[#6a6a8a]">81000 Albi</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://osengo.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location87-663" data-lat="43.944508" data-lon="2.158202" data-name="PURPLE CAMPUS-ALBI"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3752 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3753 element visuellement fort etait « S'inscrire », qui part chez le centre. 3754 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3755 qui porte l'examen blanc, le guide et le formulaire de retour. 3756 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3757 bouton « S'inscrire sur le site du centre ». 3758 En superposition et non en <a> englobant, parce qu'on ne peut pas 3759 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3760 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/albi-663" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3761 vides sur le site). Le mot-cle « examen civique + ville » dans 3762 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Albi : PURPLE CAMPUS-ALBI</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">81</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">PURPLE CAMPUS-ALBI</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">6 avenue du Général Hoche, 81000, ALBI</p> <p class="text-[14px] text-[#6a6a8a]">81000 Albi</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/663/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3762Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location170-1125" data-lat="43.602343" data-lon="2.253203" data-name="CREPT FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3763 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3764 element visuellement fort etait « S'inscrire », qui part chez le centre. 3765 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3766 qui porte l'examen blanc, le guide et le formulaire de retour. 3767 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3768 bouton « S'inscrire sur le site du centre ». 3769 En superposition et non en <a> englobant, parce qu'on ne peut pas 3770 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3771 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/castres-1125" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3772 vides sur le site). Le mot-cle « examen civique + ville » dans 3773 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Castres : CREPT FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">81</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CREPT FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">22 rue Mérigonde, 81100, CASTRES</p> <p class="text-[14px] text-[#6a6a8a]">81100 Castres</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1125" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location144-1043" data-lat="44.039136" data-lon="1.109262" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3774 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3775 element visuellement fort etait « S'inscrire », qui part chez le centre. 3776 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3777 qui porte l'examen blanc, le guide et le formulaire de retour. 3778 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3779 bouton « S'inscrire sur le site du centre ». 3780 En superposition et non en <a> englobant, parce qu'on ne peut pas 3781 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3782 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/castelsarrasin-1043" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3783 vides sur le site). Le mot-cle « examen civique + ville » dans 3784 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Castelsarrasin : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">82</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">16 Rue de la République, 82100, CASTELSARRASIN</p> <p class="text-[14px] text-[#6a6a8a]">82100 Castelsarrasin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1043" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3784Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-55BA9E8DFF4115BC1F1522CF71D3E6CC6181" data-lat="44.03708" data-lon="1.3843" data-name="FORMASUP 82"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3785 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3786 element visuellement fort etait « S'inscrire », qui part chez le centre. 3787 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3788 qui porte l'examen blanc, le guide et le formulaire de retour. 3789 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3790 bouton « S'inscrire sur le site du centre ». 3791 En superposition et non en <a> englobant, parce qu'on ne peut pas 3792 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3793 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montauban-fei-cc6181" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3794 vides sur le site). Le mot-cle « examen civique + ville » dans 3795 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montauban : FORMASUP 82</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">82</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORMASUP 82</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">400, avenue André Jorigné Futuropôle</p> <p class="text-[14px] text-[#6a6a8a]">82000 Montauban</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.formasup.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location51-1042" data-lat="44.016871" data-lon="1.341358" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3796 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3797 element visuellement fort etait « S'inscrire », qui part chez le centre. 3798 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3799 qui porte l'examen blanc, le guide et le formulaire de retour. 3800 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3801 bouton « S'inscrire sur le site du centre ». 3802 En superposition et non en <a> englobant, parce qu'on ne peut pas 3803 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3804 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montauban-1042" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3805 vides sur le site). Le mot-cle « examen civique + ville » dans 3806 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montauban : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">82</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">29 Av. Aristide Briand, 82000, MONTAUBAN</p> <p class="text-[14px] text-[#6a6a8a]">82000 Montauban</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1042/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3806Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-ACE3FBB10F8334D0A30570E26A7B3ACE9153" data-lat="43.124994" data-lon="5.935281" data-name="IDEF"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3807 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3808 element visuellement fort etait « S'inscrire », qui part chez le centre. 3809 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3810 qui porte l'examen blanc, le guide et le formulaire de retour. 3811 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3812 bouton « S'inscrire sur le site du centre ». 3813 En superposition et non en <a> englobant, parce qu'on ne peut pas 3814 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3815 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulon-fei-ce9153" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3816 vides sur le site). Le mot-cle « examen civique + ville » dans 3817 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulon : IDEF</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">83</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IDEF</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">40 rue Picot</p> <p class="text-[14px] text-[#6a6a8a]">83000 Toulon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://idef83.catalogueformpro.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location49-825" data-lat="43.126138" data-lon="5.932056" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3818 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3819 element visuellement fort etait « S'inscrire », qui part chez le centre. 3820 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3821 qui porte l'examen blanc, le guide et le formulaire de retour. 3822 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3823 bouton « S'inscrire sur le site du centre ». 3824 En superposition et non en <a> englobant, parce qu'on ne peut pas 3825 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3826 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulon-825" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3827 vides sur le site). Le mot-cle « examen civique + ville » dans 3828 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulon : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">83</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">22 Rue Victor Clappier, 83000, Toulon</p> <p class="text-[14px] text-[#6a6a8a]">83000 Toulon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/825/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3828Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-70DA5BE3D4E766C36C63D72A80D76B65C4F9" data-lat="43.123327" data-lon="5.940845" data-name="LA LIGUE DE L'ENSEIGNEMENT - FOL 83 - 330083-02"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3829 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3830 element visuellement fort etait « S'inscrire », qui part chez le centre. 3831 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3832 qui porte l'examen blanc, le guide et le formulaire de retour. 3833 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3834 bouton « S'inscrire sur le site du centre ». 3835 En superposition et non en <a> englobant, parce qu'on ne peut pas 3836 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3837 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/toulon-fei-65c4f9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3838 vides sur le site). Le mot-cle « examen civique + ville » dans 3839 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Toulon : LA LIGUE DE L'ENSEIGNEMENT - FOL 83 - 330083-02</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">83</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LA LIGUE DE L'ENSEIGNEMENT - FOL 83 - 330083-02</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Maurice 141, avenue Marcel CASTIE</p> <p class="text-[14px] text-[#6a6a8a]">83000 Toulon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.fol83.laligue.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-91BFFA5B096F1520DC23A4B9723AE0E2C267" data-lat="43.915334" data-lon="4.891669" data-name="INFREP VAUCLUSE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3840 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3841 element visuellement fort etait « S'inscrire », qui part chez le centre. 3842 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3843 qui porte l'examen blanc, le guide et le formulaire de retour. 3844 Ca ne coute rien au visiteur presse : la fiche contient elle au
3844ssi le 3845 bouton « S'inscrire sur le site du centre ». 3846 En superposition et non en <a> englobant, parce qu'on ne peut pas 3847 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3848 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/avignon-fei-e2c267" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3849 vides sur le site). Le mot-cle « examen civique + ville » dans 3850 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Avignon : INFREP VAUCLUSE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">84</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP VAUCLUSE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1300 route de lâAérodrome</p> <p class="text-[14px] text-[#6a6a8a]">84000 Avignon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org/agences/vaucluse/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location40-824" data-lat="43.94335" data-lon="4.809298" data-name="KANGOUROU PROVENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3851 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3852 element visuellement fort etait « S'inscrire », qui part chez le centre. 3853 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3854 qui porte l'examen blanc, le guide et le formulaire de retour. 3855 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3856 bouton « S'inscrire sur le site du centre ». 3857 En superposition et non en <a> englobant, parce qu'on ne peut pas 3858 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3859 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/avignon-824" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3860 vides sur le site). Le mot-cle « examen civique + ville » dans 3861 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Avignon : KANGOUROU PROVENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">84</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">KANGOUROU PROVENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">31 Rue Paul Manivet, 84000, Avignon</p> <p class="text-[14px] text-[#6a6a8a]">84000 Avignon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/824/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3861Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location7-624" data-lat="43.939568" data-lon="4.821679" data-name="MÃDITERRANÃE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3862 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3863 element visuellement fort etait « S'inscrire », qui part chez le centre. 3864 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3865 qui porte l'examen blanc, le guide et le formulaire de retour. 3866 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3867 bouton « S'inscrire sur le site du centre ». 3868 En superposition et non en <a> englobant, parce qu'on ne peut pas 3869 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3870 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/avignon-624" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3871 vides sur le site). Le mot-cle « examen civique + ville » dans 3872 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Avignon : MÃDITERRANÃE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">84</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MÃDITERRANÃE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">51 rue Alexandre Blanc, 84000, AVIGNON</p> <p class="text-[14px] text-[#6a6a8a]">84000 Avignon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/624/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-FBC17396263314176684674DF083BD775E72" data-lat="44.057795" data-lon="5.048194" data-name="CAP FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3873 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3874 element visuellement fort etait « S'inscrire », qui part chez le centre. 3875 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3876 qui porte l'examen blanc, le guide et le formulaire de retour. 3877 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3878 bouton « S'inscrire sur le site du centre ». 3879 En superposition et non en <a> englobant, parce qu'on ne peut pas 3880 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3881 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/carpentras-fei-775e72" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3882 vides sur le site). Le mot-cle « examen civique + ville » dans 3883 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Carpentras : CAP FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">84</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CAP FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">89, avenue Notre Dame de Santé</p> <p class="text-[14px] text-[#6a6a8a]">84200 Carpentras</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.cap-formation.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3883Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-74D923678D5E0759B46B914236D7DB0450DB" data-lat="46.847518" data-lon="-1.883061" data-name="ATC FORMATIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3884 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3885 element visuellement fort etait « S'inscrire », qui part chez le centre. 3886 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3887 qui porte l'examen blanc, le guide et le formulaire de retour. 3888 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3889 bouton « S'inscrire sur le site du centre ». 3890 En superposition et non en <a> englobant, parce qu'on ne peut pas 3891 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3892 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/challans-fei-0450db" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3893 vides sur le site). Le mot-cle « examen civique + ville » dans 3894 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Challans : ATC FORMATIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">85</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ATC FORMATIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">54, rue Carnot</p> <p class="text-[14px] text-[#6a6a8a]">85300 Challans</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.atc-formations.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location164-351" data-lat="46.672695" data-lon="-1.431841" data-name="CFP PRESQU'ÃLE - LA ROCHE-SUR-YON"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3895 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3896 element visuellement fort etait « S'inscrire », qui part chez le centre. 3897 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3898 qui porte l'examen blanc, le guide et le formulaire de retour. 3899 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3900 bouton « S'inscrire sur le site du centre ». 3901 En superposition et non en <a> englobant, parce qu'on ne peut pas 3902 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3903 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/la-roche-sur-yon-351" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3904 vides sur le site). Le mot-cle « examen civique + ville » dans 3905 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
3905Examen civique à La Roche-sur-Yon : CFP PRESQU'ÃLE - LA ROCHE-SUR-YON</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">85</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP PRESQU'ÃLE - LA ROCHE-SUR-YON</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">70 rue Chanzy, 85000, LA ROCHE SUR YON</p> <p class="text-[14px] text-[#6a6a8a]">85000 La Roche-sur-Yon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/351" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-74655F3C4D4BCE624289450B896F4FFE2ED8" data-lat="46.858575" data-lon="-1.036273" data-name="SAM'COMPETENCES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3906 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3907 element visuellement fort etait « S'inscrire », qui part chez le centre. 3908 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3909 qui porte l'examen blanc, le guide et le formulaire de retour. 3910 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3911 bouton « S'inscrire sur le site du centre ». 3912 En superposition et non en <a> englobant, parce qu'on ne peut pas 3913 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3914 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/les-herbiers-fei-fe2ed8" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3915 vides sur le site). Le mot-cle « examen civique + ville » dans 3916 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique aux Herbiers : SAM'COMPETENCES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">85</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">SAM'COMPETENCES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">37 rue Edouard Branly Bureau n 8</p> <p class="text-[14px] text-[#6a6a8a]">85500 Les Herbiers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://samcompetences.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3916Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-EA36A6A4212CE9E4FBCF472374576AC6FA6D" data-lat="46.589817" data-lon="0.383812" data-name="GRETA POITOU-CHARENTES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3917 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3918 element visuellement fort etait « S'inscrire », qui part chez le centre. 3919 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3920 qui porte l'examen blanc, le guide et le formulaire de retour. 3921 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3922 bouton « S'inscrire sur le site du centre ». 3923 En superposition et non en <a> englobant, parce qu'on ne peut pas 3924 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3925 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/poitiers-fei-c6fa6d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3926 vides sur le site). Le mot-cle « examen civique + ville » dans 3927 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Poitiers : GRETA POITOU-CHARENTES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">86</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA POITOU-CHARENTES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Kyoto 26, avenue de la Fraternité</p> <p class="text-[14px] text-[#6a6a8a]">86000 Poitiers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.greta.poitou-charentes.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-ACE74BD8CA38508DAFE267854DD1267BE9A2" data-lat="46.562398" data-lon="0.372134" data-name="INDIGO FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3928 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3929 element visuellement fort etait « S'inscrire », qui part chez le centre. 3930 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3931 qui porte l'examen blanc, le guide et le formulaire de retour. 3932 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3933 bouton « S'inscrire sur le site du centre ». 3934 En superposition et non en <a> englobant, parce qu'on ne peut pas 3935 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3936 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/poitiers-fei-7be9a2" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3937 vides sur le site). Le mot-cle « examen civique + ville » dans 3938 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Poitiers : INDIGO FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">86</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INDIGO FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">144 rue de la Gibauderie</p> <p class="text-[14px] text-[#6a6a8a]">86000 Poitiers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.indigoformation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3938Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location220-987" data-lat="46.560982" data-lon="0.314622" data-name="MOVE UP FORMATION - POITIERS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3939 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3940 element visuellement fort etait « S'inscrire », qui part chez le centre. 3941 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3942 qui porte l'examen blanc, le guide et le formulaire de retour. 3943 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3944 bouton « S'inscrire sur le site du centre ». 3945 En superposition et non en <a> englobant, parce qu'on ne peut pas 3946 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3947 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/poitiers-987" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3948 vides sur le site). Le mot-cle « examen civique + ville » dans 3949 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Poitiers : MOVE UP FORMATION - POITIERS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">86</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - POITIERS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">53 avenue du 8 Mai 1945, 86000, POITIERS</p> <p class="text-[14px] text-[#6a6a8a]">86000 Poitiers</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/987" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-92E51C4F0C8008C0F57F3CE77D29641419A6" data-lat="45.835732" data-lon="1.270537" data-name="CEFAL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3950 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3951 element visuellement fort etait « S'inscrire », qui part chez le centre. 3952 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3953 qui porte l'examen blanc, le guide et le formulaire de retour. 3954 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3955 bouton « S'inscrire sur le site du centre ». 3956 En superposition et non en <a> englobant, parce qu'on ne peut pas 3957 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3958 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/limoges-fei-1419a6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3959 vides sur le site). Le mot-cle « examen civique + ville » dans 3960 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Limoges : CEFAL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">87</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CEFAL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">45 avenue des Coutures</p> <p class="text-[14px] text-[#6a6a8a]">87000 Limoges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.cefal-limoges.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3960Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A306E6EBB727E7D2F6D0988934A8E44E7F28" data-lat="45.831289" data-lon="1.255347" data-name="FEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3961 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3962 element visuellement fort etait « S'inscrire », qui part chez le centre. 3963 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3964 qui porte l'examen blanc, le guide et le formulaire de retour. 3965 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3966 bouton « S'inscrire sur le site du centre ». 3967 En superposition et non en <a> englobant, parce qu'on ne peut pas 3968 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3969 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/limoges-fei-4e7f28" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3970 vides sur le site). Le mot-cle « examen civique + ville » dans 3971 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Limoges : FEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">87</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">52 rue Turgot</p> <p class="text-[14px] text-[#6a6a8a]">87000 Limoges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.groupe-fel.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4484885EA1C1D08289CA5F6557BD597D052D" data-lat="48.166589" data-lon="6.454797" data-name="GIP FORMATION - CEL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3972 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3973 element visuellement fort etait « S'inscrire », qui part chez le centre. 3974 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3975 qui porte l'examen blanc, le guide et le formulaire de retour. 3976 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3977 bouton « S'inscrire sur le site du centre ». 3978 En superposition et non en <a> englobant, parce qu'on ne peut pas 3979 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3980 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/epinal-fei-7d052d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3981 vides sur le site). Le mot-cle « examen civique + ville » dans 3982 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Epinal : GIP FORMATION - CEL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">88</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GIP FORMATION - CEL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">GRETA Lorraine Sud 44 rue Abel Ferry</p> <p class="text-[14px] text-[#6a6a8a]">88000 Epinal</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://dafco.ac-nancy-metz.fr/dafco/site_caec/wordpress/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
3982Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location213-1000" data-lat="48.274988" data-lon="6.961781" data-name="FRATE FORMATION - SAINT-DIÃ-DES-VOSGES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3983 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3984 element visuellement fort etait « S'inscrire », qui part chez le centre. 3985 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3986 qui porte l'examen blanc, le guide et le formulaire de retour. 3987 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 3988 bouton « S'inscrire sur le site du centre ». 3989 En superposition et non en <a> englobant, parce qu'on ne peut pas 3990 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 3991 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-die-des-vosges-1000" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 3992 vides sur le site). Le mot-cle « examen civique + ville » dans 3993 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Dié-des-Vosges : FRATE FORMATION - SAINT-DIÃ-DES-VOSGES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">88</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION - SAINT-DIÃ-DES-VOSGES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 Rue Laurent Pillard, 88100, SAINT-DIÃ-DES-VOSGES</p> <p class="text-[14px] text-[#6a6a8a]">88100 Saint-Dié-des-Vosges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1000" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location182-435" data-lat="47.797042" data-lon="3.583881" data-name="FRATE FORMATION CONSEIL - AUXERRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 3994 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 3995 element visuellement fort etait « S'inscrire », qui part chez le centre. 3996 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 3997 qui porte l'examen blanc, le guide et le formulaire de retour. 3998 Ca ne coute rien au visiteur presse : la fiche contient elle au
3998ssi le 3999 bouton « S'inscrire sur le site du centre ». 4000 En superposition et non en <a> englobant, parce qu'on ne peut pas 4001 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4002 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/auxerre-435" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4003 vides sur le site). Le mot-cle « examen civique + ville » dans 4004 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Auxerre : FRATE FORMATION CONSEIL - AUXERRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">89</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - AUXERRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">13 rue Jules Ferry, 89000, AUXERRE</p> <p class="text-[14px] text-[#6a6a8a]">89000 Auxerre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/435" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9F09A06EEBF4896CFD512FA7E966CAFA1725" data-lat="47.791715" data-lon="3.550368" data-name="GRETA 89"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4005 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4006 element visuellement fort etait « S'inscrire », qui part chez le centre. 4007 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4008 qui porte l'examen blanc, le guide et le formulaire de retour. 4009 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4010 bouton « S'inscrire sur le site du centre ». 4011 En superposition et non en <a> englobant, parce qu'on ne peut pas 4012 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4013 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/auxerre-fei-fa1725" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4014 vides sur le site). Le mot-cle « examen civique + ville » dans 4015 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Auxerre : GRETA 89</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">89</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA 89</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">44, boulevard Lyautey</p> <p class="text-[14px] text-[#6a6a8a]">89000 Auxerre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.bourgogne-greta.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4015Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location184-440" data-lat="47.984259" data-lon="3.399825" data-name="FRATE FORMATION CONSEIL - JOIGNY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4016 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4017 element visuellement fort etait « S'inscrire », qui part chez le centre. 4018 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4019 qui porte l'examen blanc, le guide et le formulaire de retour. 4020 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4021 bouton « S'inscrire sur le site du centre ». 4022 En superposition et non en <a> englobant, parce qu'on ne peut pas 4023 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4024 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/joigny-440" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4025 vides sur le site). Le mot-cle « examen civique + ville » dans 4026 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Joigny : FRATE FORMATION CONSEIL - JOIGNY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">89</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - JOIGNY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 boulevard Lesire Lacam, 89300, JOIGNY</p> <p class="text-[14px] text-[#6a6a8a]">89300 Joigny</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/440" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C8C20ACCF1FD990E1C2A5783CF846CC826EC" data-lat="47.96286" data-lon="3.50153" data-name="POINFOR"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4027 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4028 element visuellement fort etait « S'inscrire », qui part chez le centre. 4029 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4030 qui porte l'examen blanc, le guide et le formulaire de retour. 4031 Ca ne coute rien au visiteur presse : la fiche contient elle au
4031ssi le 4032 bouton « S'inscrire sur le site du centre ». 4033 En superposition et non en <a> englobant, parce qu'on ne peut pas 4034 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4035 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/migennes-fei-c826ec" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4036 vides sur le site). Le mot-cle « examen civique + ville » dans 4037 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Migennes : POINFOR</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">89</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POINFOR</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">131 Avenue Jean Jaurès</p> <p class="text-[14px] text-[#6a6a8a]">89400 Migennes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.poinfor.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location89-1096" data-lat="48.194476" data-lon="3.282574" data-name="FRATE FORMATION CONSEIL - SENS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4038 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4039 element visuellement fort etait « S'inscrire », qui part chez le centre. 4040 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4041 qui porte l'examen blanc, le guide et le formulaire de retour. 4042 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4043 bouton « S'inscrire sur le site du centre ». 4044 En superposition et non en <a> englobant, parce qu'on ne peut pas 4045 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4046 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sens-1096" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4047 vides sur le site). Le mot-cle « examen civique + ville » dans 4048 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sens : FRATE FORMATION CONSEIL - SENS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">89</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - SENS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">14 rue Auguste Morel, 89100, SENS</p> <p class="text-[14px] text-[#6a6a8a]">89100 Sens</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1096" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4048Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location101-1062" data-lat="47.641909" data-lon="6.861864" data-name="FRATE FORMATION CONSEIL - BELFORT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4049 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4050 element visuellement fort etait « S'inscrire », qui part chez le centre. 4051 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4052 qui porte l'examen blanc, le guide et le formulaire de retour. 4053 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4054 bouton « S'inscrire sur le site du centre ». 4055 En superposition et non en <a> englobant, parce qu'on ne peut pas 4056 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4057 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/belfort-1062" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4058 vides sur le site). Le mot-cle « examen civique + ville » dans 4059 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Belfort : FRATE FORMATION CONSEIL - BELFORT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">90</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - BELFORT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">ATRIA - 1 Avenue de l'espérance, 90000, BELFORT</p> <p class="text-[14px] text-[#6a6a8a]">90000 Belfort</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1062" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-88E4E082ABCCCF807CEC1AED5960FB6EEADC" data-lat="47.505683" data-lon="7.000109" data-name="INSTITUT POUR LE DÃVELOPPEMENT"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4060 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4061 element visuellement fort etait « S'inscrire », qui part chez le centre. 4062 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4063 qui porte l'examen blanc, le guide et le formulaire de retour. 4064 Ca ne coute rien au visiteur presse : la fiche contient elle au
4064ssi le 4065 bouton « S'inscrire sur le site du centre ». 4066 En superposition et non en <a> englobant, parce qu'on ne peut pas 4067 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4068 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/belfort-fei-6eeadc" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4069 vides sur le site). Le mot-cle « examen civique + ville » dans 4070 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Belfort : INSTITUT POUR LE DÃVELOPPEMENT</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">90</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INSTITUT POUR LE DÃVELOPPEMENT</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Ecole Raymond Aubert 25, rue de la 1ere Armée Française BP 254</p> <p class="text-[14px] text-[#6a6a8a]">90005 Belfort</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ideeup.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-9A44B0656C9C988F81FD8CA7B7516A8ACA9C" data-lat="48.435742" data-lon="2.14799" data-name="GRETA DE L'ESSONNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4071 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4072 element visuellement fort etait « S'inscrire », qui part chez le centre. 4073 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4074 qui porte l'examen blanc, le guide et le formulaire de retour. 4075 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4076 bouton « S'inscrire sur le site du centre ». 4077 En superposition et non en <a> englobant, parce qu'on ne peut pas 4078 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4079 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/etampes-fei-8aca9c" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4080 vides sur le site). Le mot-cle « examen civique + ville » dans 4081 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Etampes : GRETA DE L'ESSONNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA DE L'ESSONNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lycée Geoffroy Saint Hilaire 2-6, av. Geoffroy Saint Hilaire</p> <p class="text-[14px] text-[#6a6a8a]">91150 Etampes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.greta-essonne.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4081Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location88-878" data-lat="48.445271" data-lon="2.146933" data-name="HORIZONS 91"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4082 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4083 element visuellement fort etait « S'inscrire », qui part chez le centre. 4084 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4085 qui porte l'examen blanc, le guide et le formulaire de retour. 4086 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4087 bouton « S'inscrire sur le site du centre ». 4088 En superposition et non en <a> englobant, parce qu'on ne peut pas 4089 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4090 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/etampes-878" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4091 vides sur le site). Le mot-cle « examen civique + ville » dans 4092 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ãtampes : HORIZONS 91</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">HORIZONS 91</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10, chemin du Larris, 91150, ÃTAMPES</p> <p class="text-[14px] text-[#6a6a8a]">91150 Ãtampes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/878" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location95-1069" data-lat="48.626136" data-lon="2.430148" data-name="ELFE - ÃVRY COURCOURONNES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4093 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4094 element visuellement fort etait « S'inscrire », qui part chez le centre. 4095 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4096 qui porte l'examen blanc, le guide et le formulaire de retour. 4097 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4098 bouton « S'inscrire sur le site du centre ». 4099 En superposition et non en <a> englobant, parce qu'on ne peut pas 4100 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4101 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/evry-courcouronnes-1069" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4102 vides sur le site). Le mot-cle « examen civique + ville » dans 4103 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ãvry Courcouronnes : ELFE - ÃVRY COURCOURONNES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELFE - ÃVRY COURCOURONNES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">34 Cours Blaise Pascal, 91000, ÃVRY COURCOURONNES</p> <p class="text-[14px] text-[#6a6a8a]">91000 Ãvry Courcouronnes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1069" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4103Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-CC3D7AABD2A996431BA956327DC991EC95D6" data-lat="48.624814" data-lon="2.422456" data-name="FEEL LEARNING"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4104 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4105 element visuellement fort etait « S'inscrire », qui part chez le centre. 4106 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4107 qui porte l'examen blanc, le guide et le formulaire de retour. 4108 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4109 bouton « S'inscrire sur le site du centre ». 4110 En superposition et non en <a> englobant, parce qu'on ne peut pas 4111 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4112 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/evry-courcouronnes-fei-ec95d6" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4113 vides sur le site). Le mot-cle « examen civique + ville » dans 4114 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ãvry-Courcouronnes : FEEL LEARNING</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FEEL LEARNING</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">37 Rue Michel Ange</p> <p class="text-[14px] text-[#6a6a8a]">91080 Ãvry-Courcouronnes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.feel-learning.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5096FD8595E1F2C989485F76E56381DA1845" data-lat="48.650387" data-lon="2.378179" data-name="CFP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4115 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4116 element visuellement fort etait « S'inscrire », qui part chez le centre. 4117 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4118 qui porte l'examen blanc, le guide et le formulaire de retour. 4119 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4120 bouton « S'inscrire sur le site du centre ». 4121 En superposition et non en <a> englobant, parce qu'on ne peut pas 4122 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4123 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/grigny-fei-da1845" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4124 vides sur le site). Le mot-cle « examen civique + ville » dans 4125 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Grigny : CFP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CFP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 rue des Ateliers</p> <p class="text-[14px] text-[#6a6a8a]">91350 Grigny</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.cfp-gps.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4125Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location224-812" data-lat="48.731755" data-lon="2.274211" data-name="POLYLANGUES - CERGY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4126 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4127 element visuellement fort etait « S'inscrire », qui part chez le centre. 4128 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4129 qui porte l'examen blanc, le guide et le formulaire de retour. 4130 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4131 bouton « S'inscrire sur le site du centre ». 4132 En superposition et non en <a> englobant, parce qu'on ne peut pas 4133 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4134 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/massy-812" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4135 vides sur le site). Le mot-cle « examen civique + ville » dans 4136 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Massy : POLYLANGUES - CERGY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">91</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POLYLANGUES - CERGY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 bis rue Max Dormoy, 91300, Massy</p> <p class="text-[14px] text-[#6a6a8a]">91300 Massy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/812" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4AB28EE9E300D9CA7537716245B8621BF096" data-lat="48.833015" data-lon="2.248421" data-name="INFREP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4137 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4138 element visuellement fort etait « S'inscrire », qui part chez le centre. 4139 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4140 qui porte l'examen blanc, le guide et le formulaire de retour. 4141 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4142 bouton « S'inscrire sur le site du centre ». 4143 En superposition et non en <a> englobant, parce qu'on ne peut pas 4144 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4145 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/boulogne-billancourt-fei-1bf096" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4146 vides sur le site). Le mot-cle « examen civique + ville » dans 4147 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Boulogne-Billancourt : INFREP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">INFREP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 bis rue Barthélémy Danjou</p> <p class="text-[14px] text-[#6a6a8a]">92100 Boulogne-Billancourt</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.infrep.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4147Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location36-14" data-lat="48.803165" data-lon="2.2954" data-name="ACIFE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4148 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4149 element visuellement fort etait « S'inscrire », qui part chez le centre. 4150 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4151 qui porte l'examen blanc, le guide et le formulaire de retour. 4152 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4153 bouton « S'inscrire sur le site du centre ». 4154 En superposition et non en <a> englobant, parce qu'on ne peut pas 4155 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4156 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/chatillon-14" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4157 vides sur le site). Le mot-cle « examen civique + ville » dans 4158 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Châtillon : ACIFE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACIFE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">44 rue Louveau, 92320, CHÃTILLON</p> <p class="text-[14px] text-[#6a6a8a]">92320 Châtillon</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/14/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location25-1085" data-lat="48.897513" data-lon="2.310366" data-name="EASY LEARN"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4159 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4160 element visuellement fort etait « S'inscrire », qui part chez le centre. 4161 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4162 qui porte l'examen blanc, le guide et le formulaire de retour. 4163 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4164 bouton « S'inscrire sur le site du centre ». 4165 En superposition et non en <a> englobant, parce qu'on ne peut pas 4166 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4167 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/clichy-la-garenne-1085" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4168 vides sur le site). Le mot-cle « examen civique + ville » dans 4169 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
4169Examen civique à Clichy-la-Garenne : EASY LEARN</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EASY LEARN</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 rue du 8 mai 1945, 92110, CLICHY-LA-GARENNE</p> <p class="text-[14px] text-[#6a6a8a]">92110 Clichy-la-Garenne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1085/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location6-1080" data-lat="48.924221" data-lon="2.263674" data-name="ASLY FORMATION-COLOMBES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4170 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4171 element visuellement fort etait « S'inscrire », qui part chez le centre. 4172 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4173 qui porte l'examen blanc, le guide et le formulaire de retour. 4174 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4175 bouton « S'inscrire sur le site du centre ». 4176 En superposition et non en <a> englobant, parce qu'on ne peut pas 4177 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4178 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/colombes-1080" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4179 vides sur le site). Le mot-cle « examen civique + ville » dans 4180 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Colombes : ASLY FORMATION-COLOMBES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASLY FORMATION-COLOMBES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">56 avenue de l'Agent Sarre, 92700, COLOMBES</p> <p class="text-[14px] text-[#6a6a8a]">92700 Colombes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1080/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4180Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-678F89C76BDA4B0CB1FB69546BD5F0C322C3" data-lat="48.898152" data-lon="2.288284" data-name="IFAP"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4181 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4182 element visuellement fort etait « S'inscrire », qui part chez le centre. 4183 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4184 qui porte l'examen blanc, le guide et le formulaire de retour. 4185 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4186 bouton « S'inscrire sur le site du centre ». 4187 En superposition et non en <a> englobant, parce qu'on ne peut pas 4188 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4189 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/levallois-perret-fei-c322c3" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4190 vides sur le site). Le mot-cle « examen civique + ville » dans 4191 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Levallois-Perret : IFAP</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IFAP</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">127 rue Jules Guesde</p> <p class="text-[14px] text-[#6a6a8a]">92300 Levallois-Perret</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://ifap.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location114-1079" data-lat="48.89772" data-lon="2.221906" data-name="MOVE UP FORMATION - NANTERRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4192 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4193 element visuellement fort etait « S'inscrire », qui part chez le centre. 4194 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4195 qui porte l'examen blanc, le guide et le formulaire de retour. 4196 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4197 bouton « S'inscrire sur le site du centre ». 4198 En superposition et non en <a> englobant, parce qu'on ne peut pas 4199 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4200 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nanterre-1079" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4201 vides sur le site). Le mot-cle « examen civique + ville » dans 4202 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nanterre : MOVE UP FORMATION - NANTERRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - NANTERRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">5 Boulevard des Bouvets, 92747 , NANTERRE</p> <p class="text-[14px] text-[#6a6a8a]">92747 Nanterre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1079" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4202Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location9-858" data-lat="48.886899" data-lon="2.250856" data-name="FARBEE_BY_LEGALUNITE FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4203 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4204 element visuellement fort etait « S'inscrire », qui part chez le centre. 4205 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4206 qui porte l'examen blanc, le guide et le formulaire de retour. 4207 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4208 bouton « S'inscrire sur le site du centre ». 4209 En superposition et non en <a> englobant, parce qu'on ne peut pas 4210 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4211 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/puteaux-858" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4212 vides sur le site). Le mot-cle « examen civique + ville » dans 4213 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Puteaux : FARBEE_BY_LEGALUNITE FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FARBEE_BY_LEGALUNITE FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">18 Terrasse Bellini, 92800, Puteaux, La Défense</p> <p class="text-[14px] text-[#6a6a8a]">92800 Puteaux</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/858/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location130-1054" data-lat="48.86932" data-lon="2.210477" data-name="ARCS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4214 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4215 element visuellement fort etait « S'inscrire », qui part chez le centre. 4216 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4217 qui porte l'examen blanc, le guide et le formulaire de retour. 4218 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4219 bouton « S'inscrire sur le site du centre ». 4220 En superposition et non en <a> englobant, parce qu'on ne peut pas 4221 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4222 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rueil-malmaison-1054" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4223 vides sur le site). Le mot-cle « examen civique + ville » dans 4224 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rueil-Malmaison : ARCS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">92</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ARCS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23 rue Buffon, 92500, RUEIL-MALMAISON</p> <p class="text-[14px] text-[#6a6a8a]">92500 Rueil-Malmaison</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1054" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4224Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location122-805" data-lat="48.929847" data-lon="2.508871" data-name="ACTION PLURIELLE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4225 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4226 element visuellement fort etait « S'inscrire », qui part chez le centre. 4227 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4228 qui porte l'examen blanc, le guide et le formulaire de retour. 4229 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4230 bouton « S'inscrire sur le site du centre ». 4231 En superposition et non en <a> englobant, parce qu'on ne peut pas 4232 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4233 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/aulnay-sous-bois-805" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4234 vides sur le site). Le mot-cle « examen civique + ville » dans 4235 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Aulnay-sous-Bois : ACTION PLURIELLE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACTION PLURIELLE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 avenue Antoine Bourdelle, 93600, Aulnay-sous-Bois</p> <p class="text-[14px] text-[#6a6a8a]">93600 Aulnay-sous-Bois</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/805" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location108-1009" data-lat="48.896435" data-lon="2.428947" data-name="PLATEFORME DE COMPÃTENCES - BOBIGNY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4236 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4237 element visuellement fort etait « S'inscrire », qui part chez le centre. 4238 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4239 qui porte l'examen blanc, le guide et le formulaire de retour. 4240 Ca ne coute rien au visiteur presse : la fiche contient elle au
4240ssi le 4241 bouton « S'inscrire sur le site du centre ». 4242 En superposition et non en <a> englobant, parce qu'on ne peut pas 4243 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4244 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bobigny-1009" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4245 vides sur le site). Le mot-cle « examen civique + ville » dans 4246 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bobigny : PLATEFORME DE COMPÃTENCES - BOBIGNY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">PLATEFORME DE COMPÃTENCES - BOBIGNY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">27 rue de paris , 93000, BOBIGNY</p> <p class="text-[14px] text-[#6a6a8a]">93000 Bobigny</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1009" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location41-876" data-lat="48.88808" data-lon="2.523359" data-name="MYSTORY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4247 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4248 element visuellement fort etait « S'inscrire », qui part chez le centre. 4249 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4250 qui porte l'examen blanc, le guide et le formulaire de retour. 4251 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4252 bouton « S'inscrire sur le site du centre ». 4253 En superposition et non en <a> englobant, parce qu'on ne peut pas 4254 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4255 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/gagny-876" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4256 vides sur le site). Le mot-cle « examen civique + ville » dans 4257 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Gagny : MYSTORY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">
425793</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MYSTORY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 bis avenue de gagny, 93220, GAGNY</p> <p class="text-[14px] text-[#6a6a8a]">93220 Gagny</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/876/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-78DC54A458352A63BA232352562288476DAE" data-lat="48.932436" data-lon="2.404348" data-name="LE POLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4258 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4259 element visuellement fort etait « S'inscrire », qui part chez le centre. 4260 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4261 qui porte l'examen blanc, le guide et le formulaire de retour. 4262 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4263 bouton « S'inscrire sur le site du centre ». 4264 En superposition et non en <a> englobant, parce qu'on ne peut pas 4265 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4266 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/la-courneuve-fei-476dae" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4267 vides sur le site). Le mot-cle « examen civique + ville » dans 4268 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à La Courneuve : LE POLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LE POLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centre d'examens LE POLE, 65 avenue Jean Mermoz</p> <p class="text-[14px] text-[#6a6a8a]">93120 La Courneuve</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.lepole-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4268Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location221-1057" data-lat="48.932089" data-lon="2.42726" data-name="FARBEE_BY_LEGALUNITE FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4269 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4270 element visuellement fort etait « S'inscrire », qui part chez le centre. 4271 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4272 qui porte l'examen blanc, le guide et le formulaire de retour. 4273 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4274 bouton « S'inscrire sur le site du centre ». 4275 En superposition et non en <a> englobant, parce qu'on ne peut pas 4276 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4277 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-bourget-1057" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4278 vides sur le site). Le mot-cle « examen civique + ville » dans 4279 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Bourget : FARBEE_BY_LEGALUNITE FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FARBEE_BY_LEGALUNITE FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">53 avenue Jean-Jaurès, 93350, LE BOURGET</p> <p class="text-[14px] text-[#6a6a8a]">93350 Le Bourget</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1057" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location230-402" data-lat="48.868433" data-lon="2.433045" data-name="EFAC FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4280 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4281 element visuellement fort etait « S'inscrire », qui part chez le centre. 4282 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4283 qui porte l'examen blanc, le guide et le formulaire de retour. 4284 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4285 bouton « S'inscrire sur le site du centre ». 4286 En superposition et non en <a> englobant, parce qu'on ne peut pas 4287 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4288 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montreuil-402" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4289 vides sur le site). Le mot-cle « examen civique + ville » dans 4290 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montreuil : EFAC FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">
429093</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EFAC FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">17 place du Général De Gaulle, 93100, MONTREUIL</p> <p class="text-[14px] text-[#6a6a8a]">93100 Montreuil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/402" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location120-946" data-lat="48.864824" data-lon="2.445482" data-name="L'ÃCOLE DES CUISTOTS MIGRATEURS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4291 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4292 element visuellement fort etait « S'inscrire », qui part chez le centre. 4293 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4294 qui porte l'examen blanc, le guide et le formulaire de retour. 4295 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4296 bouton « S'inscrire sur le site du centre ». 4297 En superposition et non en <a> englobant, parce qu'on ne peut pas 4298 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4299 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/montreuil-946" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4300 vides sur le site). Le mot-cle « examen civique + ville » dans 4301 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Montreuil : L'ÃCOLE DES CUISTOTS MIGRATEURS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">L'ÃCOLE DES CUISTOTS MIGRATEURS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">25 RUE DE ROMAINVILLE, 93100, MONTREUIL</p> <p class="text-[14px] text-[#6a6a8a]">93100 Montreuil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/946" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4301Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-E67C5882F37E2A4C3319B9D51A1AB610C77F" data-lat="48.842315" data-lon="2.579557" data-name="BTL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4302 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4303 element visuellement fort etait « S'inscrire », qui part chez le centre. 4304 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4305 qui porte l'examen blanc, le guide et le formulaire de retour. 4306 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4307 bouton « S'inscrire sur le site du centre ». 4308 En superposition et non en <a> englobant, parce qu'on ne peut pas 4309 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4310 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/noisy-le-grand-fei-10c77f" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4311 vides sur le site). Le mot-cle « examen civique + ville » dans 4312 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Noisy-le-Grand : BTL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">BTL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Centrex / 2 rue de la Butte Verte</p> <p class="text-[14px] text-[#6a6a8a]">93160 Noisy-le-Grand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://qolc.fr/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location195-766" data-lat="48.843034" data-lon="2.544276" data-name="MOVE UP FORMATION - NOISY-LE-GRAND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4313 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4314 element visuellement fort etait « S'inscrire », qui part chez le centre. 4315 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4316 qui porte l'examen blanc, le guide et le formulaire de retour. 4317 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4318 bouton « S'inscrire sur le site du centre ». 4319 En superposition et non en <a> englobant, parce qu'on ne peut pas 4320 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4321 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/noisy-le-grand-766" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4322 vides sur le site). Le mot-cle « examen civique + ville » dans 4323 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">
4323Examen civique à Noisy-le-Grand : MOVE UP FORMATION - NOISY-LE-GRAND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - NOISY-LE-GRAND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 porte de Neuilly, 93160, NOISY-LE-GRAND</p> <p class="text-[14px] text-[#6a6a8a]">93160 Noisy-le-Grand</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/766" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location190-488" data-lat="48.892039" data-lon="2.398566" data-name="IFIE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4324 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4325 element visuellement fort etait « S'inscrire », qui part chez le centre. 4326 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4327 qui porte l'examen blanc, le guide et le formulaire de retour. 4328 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4329 bouton « S'inscrire sur le site du centre ». 4330 En superposition et non en <a> englobant, parce qu'on ne peut pas 4331 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4332 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pantin-488" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4333 vides sur le site). Le mot-cle « examen civique + ville » dans 4334 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pantin : IFIE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">IFIE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Tour Essor 14, rue Scandicci, 93500, PANTIN</p> <p class="text-[14px] text-[#6a6a8a]">93500 Pantin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/488" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4334Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location196-816" data-lat="48.893542" data-lon="2.413938" data-name="MOVE UP FORMATION - NOISY-LE-GRAND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4335 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4336 element visuellement fort etait « S'inscrire », qui part chez le centre. 4337 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4338 qui porte l'examen blanc, le guide et le formulaire de retour. 4339 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4340 bouton « S'inscrire sur le site du centre ». 4341 En superposition et non en <a> englobant, parce qu'on ne peut pas 4342 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4343 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pantin-816" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4344 vides sur le site). Le mot-cle « examen civique + ville » dans 4345 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pantin : MOVE UP FORMATION - NOISY-LE-GRAND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - NOISY-LE-GRAND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">153 avenue Jean Lolive, 93500, Pantin</p> <p class="text-[14px] text-[#6a6a8a]">93500 Pantin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/816" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location192-971" data-lat="48.901775" data-lon="2.413844" data-name="ZD ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4346 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4347 element visuellement fort etait « S'inscrire », qui part chez le centre. 4348 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4349 qui porte l'examen blanc, le guide et le formulaire de retour. 4350 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4351 bouton « S'inscrire sur le site du centre ». 4352 En superposition et non en <a> englobant, parce qu'on ne peut pas 4353 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4354 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/pantin-971" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4355 vides sur le site). Le mot-cle « examen civique + ville » dans 4356 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Pantin : ZD ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">
435693</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ZD ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">178 Avenue du Général Leclerc, 93500, Pantin</p> <p class="text-[14px] text-[#6a6a8a]">93500 Pantin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/971" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location99-1099" data-lat="48.868871" data-lon="2.483404" data-name="MYSTORY - ROSNY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4357 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4358 element visuellement fort etait « S'inscrire », qui part chez le centre. 4359 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4360 qui porte l'examen blanc, le guide et le formulaire de retour. 4361 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4362 bouton « S'inscrire sur le site du centre ». 4363 En superposition et non en <a> englobant, parce qu'on ne peut pas 4364 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4365 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/rosny-1099" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4366 vides sur le site). Le mot-cle « examen civique + ville » dans 4367 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rosny : MYSTORY - ROSNY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MYSTORY - ROSNY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">46 Bis Rue d'Estienne d'Orves, 93110, ROSNY</p> <p class="text-[14px] text-[#6a6a8a]">93110 Rosny</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1099" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4367Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location226-814" data-lat="48.913979" data-lon="2.357384" data-name="POLYLANGUES - CERGY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4368 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4369 element visuellement fort etait « S'inscrire », qui part chez le centre. 4370 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4371 qui porte l'examen blanc, le guide et le formulaire de retour. 4372 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4373 bouton « S'inscrire sur le site du centre ». 4374 En superposition et non en <a> englobant, parce qu'on ne peut pas 4375 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4376 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-denis-814" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4377 vides sur le site). Le mot-cle « examen civique + ville » dans 4378 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint denis : POLYLANGUES - CERGY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POLYLANGUES - CERGY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">221, avenue du Président Wilson, 93210 Saint denis, Saint denis</p> <p class="text-[14px] text-[#6a6a8a]">93210 Saint denis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/814" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-EA57179912D3CB488F4228DF42A1D631248B" data-lat="48.935511" data-lon="2.38051" data-name="GRETA SEINE-SAINT-DENIS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4379 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4380 element visuellement fort etait « S'inscrire », qui part chez le centre. 4381 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4382 qui porte l'examen blanc, le guide et le formulaire de retour. 4383 Ca ne coute rien au visiteur presse : la fiche contient elle au
4383ssi le 4384 bouton « S'inscrire sur le site du centre ». 4385 En superposition et non en <a> englobant, parce qu'on ne peut pas 4386 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4387 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-denis-fei-31248b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4388 vides sur le site). Le mot-cle « examen civique + ville » dans 4389 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Denis : GRETA SEINE-SAINT-DENIS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">GRETA SEINE-SAINT-DENIS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Projets Jean Lurçat 2, rue Diderot</p> <p class="text-[14px] text-[#6a6a8a]">93200 Saint-Denis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.forpro-creteil.org/formation/greta/gmte93/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-960E91D99A42B6607D5A7BE1100E53CB932A" data-lat="48.935224" data-lon="2.343686" data-name="LÃO LAGRANGE FORMATION ILE DE FRANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4390 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4391 element visuellement fort etait « S'inscrire », qui part chez le centre. 4392 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4393 qui porte l'examen blanc, le guide et le formulaire de retour. 4394 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4395 bouton « S'inscrire sur le site du centre ». 4396 En superposition et non en <a> englobant, parce qu'on ne peut pas 4397 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4398 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-denis-fei-cb932a" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4399 vides sur le site). Le mot-cle « examen civique + ville » dans 4400 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Denis : LÃO LAGRANGE FORMATION ILE DE FRANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">
440093</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LÃO LAGRANGE FORMATION ILE DE FRANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">8, rue Charles Michels</p> <p class="text-[14px] text-[#6a6a8a]">93200 Saint-Denis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.instep-idf.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location197-911" data-lat="48.923326" data-lon="2.364313" data-name="MOVE UP FORMATION - NOISY-LE-GRAND"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4401 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4402 element visuellement fort etait « S'inscrire », qui part chez le centre. 4403 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4404 qui porte l'examen blanc, le guide et le formulaire de retour. 4405 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4406 bouton « S'inscrire sur le site du centre ». 4407 En superposition et non en <a> englobant, parce qu'on ne peut pas 4408 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4409 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-denis-911" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4410 vides sur le site). Le mot-cle « examen civique + ville » dans 4411 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Denis : MOVE UP FORMATION - NOISY-LE-GRAND</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - NOISY-LE-GRAND</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 rue Jesse Owens, 93200, Saint-Denis</p> <p class="text-[14px] text-[#6a6a8a]">93200 Saint-Denis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/911" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4411Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location229-18" data-lat="48.957607" data-lon="2.375264" data-name="ADPE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4412 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4413 element visuellement fort etait « S'inscrire », qui part chez le centre. 4414 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4415 qui porte l'examen blanc, le guide et le formulaire de retour. 4416 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4417 bouton « S'inscrire sur le site du centre ». 4418 En superposition et non en <a> englobant, parce qu'on ne peut pas 4419 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4420 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/stains-18" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4421 vides sur le site). Le mot-cle « examen civique + ville » dans 4422 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Stains : ADPE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ADPE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">10-12 Avenue du Colonel Rol-Tanguy, 93240, STAINS</p> <p class="text-[14px] text-[#6a6a8a]">93240 Stains</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/18" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-44F1A397491A59F3E32FB9A68E4642B1335D" data-lat="48.887145" data-lon="2.50475" data-name="ASTROLABE FORMATION - PFD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4423 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4424 element visuellement fort etait « S'inscrire », qui part chez le centre. 4425 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4426 qui porte l'examen blanc, le guide et le formulaire de retour. 4427 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4428 bouton « S'inscrire sur le site du centre ». 4429 En superposition et non en <a> englobant, parce qu'on ne peut pas 4430 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4431 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/villemomble-fei-b1335d" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4432 vides sur le site). Le mot-cle « examen civique + ville » dans 4433 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Villemomble : ASTROLABE FORMATION - PFD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">
443393</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASTROLABE FORMATION - PFD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 avenue François Coppée</p> <p class="text-[14px] text-[#6a6a8a]">93250 Villemomble</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.astrolabeformation-pfd.org" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location1-850" data-lat="48.973858" data-lon="2.510726" data-name="ALZER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4434 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4435 element visuellement fort etait « S'inscrire », qui part chez le centre. 4436 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4437 qui porte l'examen blanc, le guide et le formulaire de retour. 4438 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4439 bouton « S'inscrire sur le site du centre ». 4440 En superposition et non en <a> englobant, parce qu'on ne peut pas 4441 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4442 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/villepinte-850" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4443 vides sur le site). Le mot-cle « examen civique + ville » dans 4444 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Villepinte : ALZER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">93</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALZER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">18 place des Nymphéas, HQ Tropical Centre., 93420, Villepinte</p> <p class="text-[14px] text-[#6a6a8a]">93420 Villepinte</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/850/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4444Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8F4E0CA92050026E7C3BE5CA150F31BC9C0B" data-lat="48.807024" data-lon="2.411751" data-name="JK-FORMATIONS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4445 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4446 element visuellement fort etait « S'inscrire », qui part chez le centre. 4447 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4448 qui porte l'examen blanc, le guide et le formulaire de retour. 4449 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4450 bouton « S'inscrire sur le site du centre ». 4451 En superposition et non en <a> englobant, parce qu'on ne peut pas 4452 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4453 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/alfortville-fei-bc9c0b" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4454 vides sur le site). Le mot-cle « examen civique + ville » dans 4455 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Alfortville : JK-FORMATIONS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">JK-FORMATIONS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7 rue Parmentier</p> <p class="text-[14px] text-[#6a6a8a]">94140 Alfortville</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.jk-formation-langues.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location0-1046" data-lat="48.753434" data-lon="2.503211" data-name="LA TECHNIQUE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4456 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4457 element visuellement fort etait « S'inscrire », qui part chez le centre. 4458 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4459 qui porte l'examen blanc, le guide et le formulaire de retour. 4460 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4461 bouton « S'inscrire sur le site du centre ». 4462 En superposition et non en <a> englobant, parce qu'on ne peut pas 4463 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4464 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/boissy-saint-leger-1046" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4465 vides sur le site). Le mot-cle « examen civique + ville » dans 4466 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Boissy-Saint-Léger : LA TECHNIQUE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LA TECHNIQUE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 AVENUE CHARLES DE GAULLE , 94470, BOISSY - SAINT-LÃGER</p> <p class="text-[14px] text-[#6a6a8a]">94470 Boissy-Saint-Léger</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1046/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4466Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location198-764" data-lat="48.817771" data-lon="2.493846" data-name="ELFE - CHAMPIGNY-SUR-MARNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4467 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4468 element visuellement fort etait « S'inscrire », qui part chez le centre. 4469 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4470 qui porte l'examen blanc, le guide et le formulaire de retour. 4471 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4472 bouton « S'inscrire sur le site du centre ». 4473 En superposition et non en <a> englobant, parce qu'on ne peut pas 4474 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4475 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/champigny-sur-marne-764" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4476 vides sur le site). Le mot-cle « examen civique + ville » dans 4477 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Champigny-sur-Marne : ELFE - CHAMPIGNY-SUR-MARNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ELFE - CHAMPIGNY-SUR-MARNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">98 B Avenue Roger Salengro, 94500, CHAMPIGNY-SUR-MARNE</p> <p class="text-[14px] text-[#6a6a8a]">94500 Champigny-sur-Marne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/764" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-718391B07976D5125279C16C320A0C6D34C7" data-lat="48.798115" data-lon="2.450783" data-name="LE POLE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4478 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4479 element visuellement fort etait « S'inscrire », qui part chez le centre. 4480 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4481 qui porte l'examen blanc, le guide et le formulaire de retour. 4482 Ca ne coute rien au visiteur presse : la fiche contient elle au
4482ssi le 4483 bouton « S'inscrire sur le site du centre ». 4484 En superposition et non en <a> englobant, parce qu'on ne peut pas 4485 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4486 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/creteil-fei-6d34c7" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4487 vides sur le site). Le mot-cle « examen civique + ville » dans 4488 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Créteil : LE POLE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LE POLE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">1 voie Félix Eboué</p> <p class="text-[14px] text-[#6a6a8a]">94000 Créteil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.lepole-formation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-024288FEFDE043EAAE04FD5FC59A263AB9B5" data-lat="48.809795" data-lon="2.3899" data-name="RESSOURCES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4489 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4490 element visuellement fort etait « S'inscrire », qui part chez le centre. 4491 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4492 qui porte l'examen blanc, le guide et le formulaire de retour. 4493 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4494 bouton « S'inscrire sur le site du centre ». 4495 En superposition et non en <a> englobant, parce qu'on ne peut pas 4496 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4497 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/ivry-sur-seine-fei-3ab9b5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4498 vides sur le site). Le mot-cle « examen civique + ville » dans 4499 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Ivry-sur-Seine : RESSOURCES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RESSOURCES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23, rue Raspail</p> <p class="text-[14px] text-[#6a6a8a]">94200 Ivry-sur-Seine</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ressourcesformation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4499Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location28-771" data-lat="48.837883" data-lon="2.493751" data-name="ZD ACADEMY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4500 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4501 element visuellement fort etait « S'inscrire », qui part chez le centre. 4502 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4503 qui porte l'examen blanc, le guide et le formulaire de retour. 4504 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4505 bouton « S'inscrire sur le site du centre ». 4506 En superposition et non en <a> englobant, parce qu'on ne peut pas 4507 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4508 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/nogent-sur-marne-771" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4509 vides sur le site). Le mot-cle « examen civique + ville » dans 4510 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Nogent-sur-Marne : ZD ACADEMY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ZD ACADEMY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 boulevard Albert 1er, 94130, NOGENT-SUR-MARNE</p> <p class="text-[14px] text-[#6a6a8a]">94130 Nogent-sur-Marne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/771/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location2-851" data-lat="48.757057" data-lon="2.36933" data-name="ALZER"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4511 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4512 element visuellement fort etait « S'inscrire », qui part chez le centre. 4513 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4514 qui porte l'examen blanc, le guide et le formulaire de retour. 4515 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4516 bouton « S'inscrire sur le site du centre ». 4517 En superposition et non en <a> englobant, parce qu'on ne peut pas 4518 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4519 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/thiais-851" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4520 vides sur le site). Le mot-cle « examen civique + ville » dans 4521 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Thiais : ALZER</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">94</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALZER</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Tour Europa - Avenue de lâEurope - 6ème étage, 94320, Thiais</p> <p class="text-[14px] text-[#6a6a8a]">94320 Thiais</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/851/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4521Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location81-775" data-lat="48.932117" data-lon="2.23395" data-name="AFI - ACTION FORMATION INSERTION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4522 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4523 element visuellement fort etait « S'inscrire », qui part chez le centre. 4524 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4525 qui porte l'examen blanc, le guide et le formulaire de retour. 4526 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4527 bouton « S'inscrire sur le site du centre ». 4528 En superposition et non en <a> englobant, parce qu'on ne peut pas 4529 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4530 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/argenteuil-775" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4531 vides sur le site). Le mot-cle « examen civique + ville » dans 4532 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Argenteuil : AFI - ACTION FORMATION INSERTION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AFI - ACTION FORMATION INSERTION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9 avenue du Marais, 95100, ARGENTEUIL</p> <p class="text-[14px] text-[#6a6a8a]">95100 Argenteuil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/775/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0DC42F0495032
4532E3068DFD7EDCD2AB76277E9" data-lat="48.943822" data-lon="2.251245" data-name="ETUDE PLUS ARGENTEUIL"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4533 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4534 element visuellement fort etait « S'inscrire », qui part chez le centre. 4535 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4536 qui porte l'examen blanc, le guide et le formulaire de retour. 4537 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4538 bouton « S'inscrire sur le site du centre ». 4539 En superposition et non en <a> englobant, parce qu'on ne peut pas 4540 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4541 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/argenteuil-fei-6277e9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4542 vides sur le site). Le mot-cle « examen civique + ville » dans 4543 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Argenteuil : ETUDE PLUS ARGENTEUIL</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ETUDE PLUS ARGENTEUIL</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">23, avenue Gabriel Péri</p> <p class="text-[14px] text-[#6a6a8a]">95100 Argenteuil</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.etudeplus.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-0678B7971663631AB70C362D6D7DFAB935F5" data-lat="48.924831" data-lon="2.217865" data-name="OBJECTIF EMPLOI OUEST"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4544 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4545 element visuellement fort etait « S'inscrire », qui part chez le centre. 4546 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4547 qui porte l'examen blanc, le guide et le formulaire de retour. 4548 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4549 bouton « S'inscrire sur le site du centre ». 4550 En superposition et non en <a> englobant, parce qu'on ne peut pas 4551 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4552 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/bezons-fei-b935f5" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4553 vides sur le site). Le mot-cle « examen civique + ville » dans 4554 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Bezons : OBJECTIF EMPLOI OUEST</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">OBJECTIF EMPLOI OUEST</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">40, rue de Pontoise</p> <p class="text-[14px] text-[#6a6a8a]">95870 Bezons</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.objectif-emploi.net" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4554Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location223-660" data-lat="49.040973" data-lon="2.079141" data-name="POLYLANGUES - CERGY"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4555 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4556 element visuellement fort etait « S'inscrire », qui part chez le centre. 4557 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4558 qui porte l'examen blanc, le guide et le formulaire de retour. 4559 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4560 bouton « S'inscrire sur le site du centre ». 4561 En superposition et non en <a> englobant, parce qu'on ne peut pas 4562 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4563 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cergy-660" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4564 vides sur le site). Le mot-cle « examen civique + ville » dans 4565 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cergy : POLYLANGUES - CERGY</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">POLYLANGUES - CERGY</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">12 rue des chauffours , 95000, CERGY</p> <p class="text-[14px] text-[#6a6a8a]">95000 Cergy</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/660" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-544052CAA163EC2FC9C66B67E45499C6F88E" data-lat="49.048648" data-lon="2.012574" data-name="RESSOURCES FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4566 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4567 element visuellement fort etait « S'inscrire », qui part chez le centre. 4568 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4569 qui porte l'examen blanc, le guide et le formulaire de retour. 4570 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4571 bouton « S'inscrire sur le site du centre ». 4572 En superposition et non en <a> englobant, parce qu'on ne peut pas 4573 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4574 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cergy-pontoise-fei-c6f88e" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4575 vides sur le site). Le mot-cle « examen civique + ville » dans 4576 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cergy-Pontoise : RESSOURCES FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">RESSOURCES FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2 rue du Lendemain code porte 2511- étage 4 Cergy-le-Haut</p> <p class="text-[14px] text-[#6a6a8a]">95800 Cergy-Pontoise</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.ressourcesformation.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4576Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location222-1" data-lat="48.980737" data-lon="2.230062" data-name="ABC FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4577 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4578 element visuellement fort etait « S'inscrire », qui part chez le centre. 4579 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4580 qui porte l'examen blanc, le guide et le formulaire de retour. 4581 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4582 bouton « S'inscrire sur le site du centre ». 4583 En superposition et non en <a> englobant, parce qu'on ne peut pas 4584 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4585 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/franconville-1" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4586 vides sur le site). Le mot-cle « examen civique + ville » dans 4587 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Franconville : ABC FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ABC FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 allée du lavoir, 95130, FRANCONVILLE</p> <p class="text-[14px] text-[#6a6a8a]">95130 Franconville</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Accès PMR</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location42-16" data-lat="48.976111" data-lon="2.415087" data-name="ACTION PLURIELLE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4588 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4589 element visuellement fort etait « S'inscrire », qui part chez le centre. 4590 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4591 qui porte l'examen blanc, le guide et le formulaire de retour. 4592 Ca ne coute rien au visiteur presse : la fiche contient elle au
4592ssi le 4593 bouton « S'inscrire sur le site du centre ». 4594 En superposition et non en <a> englobant, parce qu'on ne peut pas 4595 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4596 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/garges-les-gonesse-16" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4597 vides sur le site). Le mot-cle « examen civique + ville » dans 4598 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Garges-lès-Gonesse : ACTION PLURIELLE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACTION PLURIELLE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">43-45 boulevard de la Muette, 95140, GARGES-LÃS-GONESSE</p> <p class="text-[14px] text-[#6a6a8a]">95140 Garges-lès-Gonesse</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/16/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location124-894" data-lat="49.14956" data-lon="2.27931" data-name="ACTION PLURIELLE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4599 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4600 element visuellement fort etait « S'inscrire », qui part chez le centre. 4601 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4602 qui porte l'examen blanc, le guide et le formulaire de retour. 4603 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4604 bouton « S'inscrire sur le site du centre ». 4605 En superposition et non en <a> englobant, parce qu'on ne peut pas 4606 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4607 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/persan-894" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4608 vides sur le site). Le mot-cle « examen civique + ville » dans 4609 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Persan : ACTION PLURIELLE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ACTION PLURIELLE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">68, avenue Gaston Vermeire, 95340, Persan</p> <p class="text-[14px] text-[#6a6a8a]">95340 Persan</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/894" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4609Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location78-980" data-lat="49.040818" data-lon="2.104992" data-name="ABC FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4610 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4611 element visuellement fort etait « S'inscrire », qui part chez le centre. 4612 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4613 qui porte l'examen blanc, le guide et le formulaire de retour. 4614 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4615 bouton « S'inscrire sur le site du centre ». 4616 En superposition et non en <a> englobant, parce qu'on ne peut pas 4617 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4618 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-ouen-l-aumone-980" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4619 vides sur le site). Le mot-cle « examen civique + ville » dans 4620 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Ouen L'aumone : ABC FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ABC FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">82 Avenue de Verdun, 95310, SAINT-OUEN L'AUMONE</p> <p class="text-[14px] text-[#6a6a8a]">95310 Saint-Ouen L'aumone</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/980/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-C70E7E5A88ADC446F5931136989EA2C719F9" data-lat="48.978854" data-lon="2.371262" data-name="FLEAD"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4621 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4622 element visuellement fort etait « S'inscrire », qui part chez le centre. 4623 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4624 qui porte l'examen blanc, le guide et le formulaire de retour. 4625 Ca ne coute rien au visiteur presse : la fiche contient elle au
4625ssi le 4626 bouton « S'inscrire sur le site du centre ». 4627 En superposition et non en <a> englobant, parce qu'on ne peut pas 4628 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4629 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/sarcelles-fei-c719f9" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4630 vides sur le site). Le mot-cle « examen civique + ville » dans 4631 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Sarcelles : FLEAD</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">95</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FLEAD</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">3 boulevard Albert Camus</p> <p class="text-[14px] text-[#6a6a8a]">95200 Sarcelles</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.flead.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location14-1081" data-lat="-12.786894" data-lon="45.278969" data-name="ASLY FORMATION-MAYOTTE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4632 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4633 element visuellement fort etait « S'inscrire », qui part chez le centre. 4634 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4635 qui porte l'examen blanc, le guide et le formulaire de retour. 4636 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4637 bouton « S'inscrire sur le site du centre ». 4638 En superposition et non en <a> englobant, parce qu'on ne peut pas 4639 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4640 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/dzaoudzi-1081" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4641 vides sur le site). Le mot-cle « examen civique + ville » dans 4642 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Dzaoudzi : ASLY FORMATION-MAYOTTE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASLY FORMATION-MAYOTTE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">53 bd des Amoureux , 97615, DZAOUDZI</p> <p class="text-[14px] text-[#6a6a8a]">97615 Dzaoudzi</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1081/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4642Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location216-743" data-lat="16.241706" data-lon="-61.516009" data-name="WORLD EXPERIENCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4643 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4644 element visuellement fort etait « S'inscrire », qui part chez le centre. 4645 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4646 qui porte l'examen blanc, le guide et le formulaire de retour. 4647 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4648 bouton « S'inscrire sur le site du centre ». 4649 En superposition et non en <a> englobant, parce qu'on ne peut pas 4650 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4651 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/les-abymes-743" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4652 vides sur le site). Le mot-cle « examen civique + ville » dans 4653 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique aux Abymes : WORLD EXPERIENCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">WORLD EXPERIENCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">92 Résidence Maimouna, 97139, LES ABYMES</p> <p class="text-[14px] text-[#6a6a8a]">97139 Les Abymes</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/743" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location98-1095" data-lat="-12.78061" data-lon="45.231227" data-name="CHAMBRE DE COMMERCE ET D'INDUSTRIE DE MAYOTTE (CCIM)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4654 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4655 element visuellement fort etait « S'inscrire », qui part chez le centre. 4656 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4657 qui porte l'examen blanc, le guide et le formulaire de retour. 4658 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4659 bouton « S'inscrire sur le site du centre ». 4660 En superposition et non en <a> englobant, parce qu'on ne peut pas 4661 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4662 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mamoudzou-1095" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4663 vides sur le site). Le mot-cle « examen civique + ville » dans 4664 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mamoudzou : CHAMBRE DE COMMERCE ET D'INDUSTRIE DE MAYOTTE (CCIM)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CHAMBRE DE COMMERCE ET D'INDUSTRIE DE MAYOTTE (CCIM)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Place Mariage, Mamoudzou, Mayotte, France, 97600, MAMOUDZOU</p> <p class="text-[14px] text-[#6a6a8a]">97600 Mamoudzou</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1095" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4664Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location168-250" data-lat="4.888635" data-lon="-52.283985" data-name="AURAL LOGOS"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4665 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4666 element visuellement fort etait « S'inscrire », qui part chez le centre. 4667 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4668 qui porte l'examen blanc, le guide et le formulaire de retour. 4669 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4670 bouton « S'inscrire sur le site du centre ». 4671 En superposition et non en <a> englobant, parce qu'on ne peut pas 4672 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4673 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/remire-montjoly-250" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4674 vides sur le site). Le mot-cle « examen civique + ville » dans 4675 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Rémire-Montjoly : AURAL LOGOS</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">AURAL LOGOS</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">950, Avenue Gaston Monnerville , 97354, RÃMIRE-MONTJOLY</p> <p class="text-[14px] text-[#6a6a8a]">97354 Rémire-Montjoly</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/250" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location215-893" data-lat="-20.879717" data-lon="55.446144" data-name="ALLIANCE FRANÃAISE DE LA RÃUNION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4676 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4677 element visuellement fort etait « S'inscrire », qui part chez le centre. 4678 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4679 qui porte l'examen blanc, le guide et le formulaire de retour. 4680 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4681 bouton « S'inscrire sur le site du centre ». 4682 En superposition et non en <a> englobant, parce qu'on ne peut pas 4683 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4684 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-denis-893" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4685 vides sur le site). Le mot-cle « examen civique + ville » dans 4686 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Denis : ALLIANCE FRANÃAISE DE LA RÃUNION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE DE LA RÃUNION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">4 ruelle Tortue, 97400, SAINT-DENIS</p> <p class="text-[14px] text-[#6a6a8a]">97400 Saint-Denis</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/893" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4686Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location10-365" data-lat="18.055225" data-lon="-63.086106" data-name="CLOUD COM 97"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4687 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4688 element visuellement fort etait « S'inscrire », qui part chez le centre. 4689 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4690 qui porte l'examen blanc, le guide et le formulaire de retour. 4691 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4692 bouton « S'inscrire sur le site du centre ». 4693 En superposition et non en <a> englobant, parce qu'on ne peut pas 4694 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4695 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-martin-marigot-365" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4696 vides sur le site). Le mot-cle « examen civique + ville » dans 4697 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Martin-Marigot : CLOUD COM 97</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">97</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">CLOUD COM 97</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lot 16 Les Jardins de Bellevue , 97150, SAINT-MARTIN - MARIGOT</p> <p class="text-[14px] text-[#6a6a8a]">97150 Saint-Martin-Marigot</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/365/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-A753B52C1F1F1DF3C0B9FA43F8723D993854" data-lat="16.242639" data-lon="-61.557956" data-name="FORE ALTERNANCE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4698 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4699 element visuellement fort etait « S'inscrire », qui part chez le centre. 4700 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4701 qui porte l'examen blanc, le guide et le formulaire de retour. 4702 Ca ne coute rien au visiteur presse : la fiche contient elle au
4702ssi le 4703 bouton « S'inscrire sur le site du centre ». 4704 En superposition et non en <a> englobant, parce qu'on ne peut pas 4705 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4706 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/baie-mahault-pointe-a-pitre-fei-993854" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4707 vides sur le site). Le mot-cle « examen civique + ville » dans 4708 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Baie-Mahault (Pointe-à -Pitre) : FORE ALTERNANCE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">971</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORE ALTERNANCE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">ZI de Jarry Bvd du Marquisat de Houelbourg</p> <p class="text-[14px] text-[#6a6a8a]">97122 Baie-Mahault (Pointe-à -Pitre)</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.fore.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-4CE4AB9672AACD3FA7836C0B8758D4D652D0" data-lat="14.621701" data-lon="-61.032345" data-name="FORE MARTINIQUE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4709 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4710 element visuellement fort etait « S'inscrire », qui part chez le centre. 4711 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4712 qui porte l'examen blanc, le guide et le formulaire de retour. 4713 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4714 bouton « S'inscrire sur le site du centre ». 4715 En superposition et non en <a> englobant, parce qu'on ne peut pas 4716 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4717 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/le-lamentin-fei-d652d0" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4718 vides sur le site). Le mot-cle « examen civique + ville » dans 4719 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique au Lamentin : FORE MARTINIQUE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">972</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FORE MARTINIQUE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Lot les hauts de Californie</p> <p class="text-[14px] text-[#6a6a8a]">97232 Le Lamentin</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://fore.fr" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4719Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8AF156920FF9760350F4E9BA7E2D43BD2626" data-lat="4.9363" data-lon="-52.334173" data-name="ALLIANCE FRANÃAISE - 339730-02"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4720 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4721 element visuellement fort etait « S'inscrire », qui part chez le centre. 4722 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4723 qui porte l'examen blanc, le guide et le formulaire de retour. 4724 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4725 bouton « S'inscrire sur le site du centre ». 4726 En superposition et non en <a> englobant, parce qu'on ne peut pas 4727 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4728 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cayenne-fei-bd2626" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4729 vides sur le site). Le mot-cle « examen civique + ville » dans 4730 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cayenne : ALLIANCE FRANÃAISE - 339730-02</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">973</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ALLIANCE FRANÃAISE - 339730-02</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">2, place du Marché</p> <p class="text-[14px] text-[#6a6a8a]">97300 Cayenne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.afcayenne.org/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-5BC76F41971421687F0FDDF6E916E9B2B998" data-lat="4.93656" data-lon="-52.306807" data-name="EQUINOXE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4731 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4732 element visuellement fort etait « S'inscrire », qui part chez le centre. 4733 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4734 qui porte l'examen blanc, le guide et le formulaire de retour. 4735 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4736 bouton « S'inscrire sur le site du centre ». 4737 En superposition et non en <a> englobant, parce qu'on ne peut pas 4738 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4739 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/cayenne-fei-b2b998" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4740 vides sur le site). Le mot-cle « examen civique + ville » dans 4741 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Cayenne : EQUINOXE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">973</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EQUINOXE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Katoury Rocade de Zephyr</p> <p class="text-[14px] text-[#6a6a8a]">97300 Cayenne</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.equinoxe-guyane.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4741Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-621EBA32C1657AED7969CB14F879D296FBDD" data-lat="5.152981" data-lon="-52.646419" data-name="EQUINOXE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4742 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4743 element visuellement fort etait « S'inscrire », qui part chez le centre. 4744 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4745 qui porte l'examen blanc, le guide et le formulaire de retour. 4746 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4747 bouton « S'inscrire sur le site du centre ». 4748 En superposition et non en <a> englobant, parce qu'on ne peut pas 4749 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4750 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/kourou-fei-96fbdd" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4751 vides sur le site). Le mot-cle « examen civique + ville » dans 4752 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Kourou : EQUINOXE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">973</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EQUINOXE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">24, rue Raymond Cresson</p> <p class="text-[14px] text-[#6a6a8a]">97310 Kourou</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.equinoxe-guyane.com/" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-232B6B752D7D097140DA027BE4AF9E6C24DA" data-lat="5.502998" data-lon="-54.025499" data-name="EQUINOXE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4753 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4754 element visuellement fort etait « S'inscrire », qui part chez le centre. 4755 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4756 qui porte l'examen blanc, le guide et le formulaire de retour. 4757 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4758 bouton « S'inscrire sur le site du centre ». 4759 En superposition et non en <a> englobant, parce qu'on ne peut pas 4760 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4761 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-laurent-du-maroni-fei-6c24da" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4762 vides sur le site). Le mot-cle « examen civique + ville » dans 4763 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Laurent-du-Maroni : EQUINOXE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">973</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">EQUINOXE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">02, rue Jeanne Garré</p> <p class="text-[14px] text-[#6a6a8a]">97320 Saint-Laurent-du-Maroni</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.equinoxe-guyane.com" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4763Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-8AF1DE651C1B1CE1E3ED625B3D5ACAAAE474" data-lat="-20.963496" data-lon="55.659538" data-name="ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4764 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4765 element visuellement fort etait « S'inscrire », qui part chez le centre. 4766 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4767 qui porte l'examen blanc, le guide et le formulaire de retour. 4768 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4769 bouton « S'inscrire sur le site du centre ». 4770 En superposition et non en <a> englobant, parce qu'on ne peut pas 4771 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4772 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-andre-fei-aae474" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4773 vides sur le site). Le mot-cle « examen civique + ville » dans 4774 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-André : ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">974</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Tarani, 1er étage - 95 chemin Pente Sassy</p> <p class="text-[14px] text-[#6a6a8a]">97440 Saint-André</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.arep.re" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-7486FD15E95C9A93891B56564E2E17065B11" data-lat="-21.339037" data-lon="55.461321" data-name="ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4775 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4776 element visuellement fort etait « S'inscrire », qui part chez le centre. 4777 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4778 qui porte l'examen blanc, le guide et le formulaire de retour. 4779 Ca ne coute rien au visiteur presse : la fiche contient elle au
4779ssi le 4780 bouton « S'inscrire sur le site du centre ». 4781 En superposition et non en <a> englobant, parce qu'on ne peut pas 4782 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4783 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/saint-pierre-fei-065b11" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4784 vides sur le site). Le mot-cle « examen civique + ville » dans 4785 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Saint-Pierre : ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">974</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">9000 SIDR Front de mer - Bâtiment G</p> <p class="text-[14px] text-[#6a6a8a]">97410 Saint-Pierre</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="http://www.arep.re" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="fei-31A667D2C8BD45E4BC05489C1736F95E37EE" data-lat="-12.771562" data-lon="45.225223" data-name="(A.C.E.)"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4786 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4787 element visuellement fort etait « S'inscrire », qui part chez le centre. 4788 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4789 qui porte l'examen blanc, le guide et le formulaire de retour. 4790 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4791 bouton « S'inscrire sur le site du centre ». 4792 En superposition et non en <a> englobant, parce qu'on ne peut pas 4793 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4794 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/mamoudzou-fei-5e37ee" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4795 vides sur le site). Le mot-cle « examen civique + ville » dans 4796 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Mamoudzou : (A.C.E.)</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">976</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">(A.C.E.)</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">Espace Coralium BAT A BP 800 Kawéni</p> <p class="text-[14px] text-[#6a6a8a]">97600 Mamoudzou</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://www.facebook.com/ACEformationMayotte/?locale=fr_FR" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4796Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location31-1109" data-lat data-lon data-name="LEO LAGRANGE FORMATION - BERGERAC"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4797 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4798 element visuellement fort etait « S'inscrire », qui part chez le centre. 4799 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4800 qui porte l'examen blanc, le guide et le formulaire de retour. 4801 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4802 bouton « S'inscrire sur le site du centre ». 4803 En superposition et non en <a> englobant, parce qu'on ne peut pas 4804 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4805 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/agen-boe-1109" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4806 vides sur le site). Le mot-cle « examen civique + ville » dans 4807 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Agen Boe : LEO LAGRANGE FORMATION - BERGERAC</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">98</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION - BERGERAC</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">, AGEN BOE</p> <p class="text-[14px] text-[#6a6a8a]">Agen Boe</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#e6f4ea] text-[#18753c] border border-[#c3e6cd] px-2.5 py-1 font-semibold">Sessions disponibles</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <a href="/centres-examen-civique/centre/agen-boe-1109" class="text-[13px] text-[#000091] font-semibold hover:text-[#1212ff]">Voir la fiche</a> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1109/23" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location137-1033" data-lat="43.314775" data-lon="1.949912" data-name="LEO LAGRANGE FORMATION"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4808 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4809 element visuellement fort etait « S'inscrire », qui part chez le centre. 4810 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4811 qui porte l'examen blanc, le guide et le formulaire de retour. 4812 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4813 bouton « S'inscrire sur le site du centre ». 4814 En superposition et non en <a> englobant, parce qu'on ne peut pas 4815 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4816 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/castelnaudary-1033" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4817 vides sur le site). Le mot-cle « examen civique + ville » dans 4818 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Castelnaudary : LEO LAGRANGE FORMATION</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">98</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">LEO LAGRANGE FORMATION</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">
4818Hôtel du Canal - 88 Avenue Arnaut Vidal, CASTELNAUDARY</p> <p class="text-[14px] text-[#6a6a8a]">Castelnaudary</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/1033" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location219-986" data-lat="45.832242" data-lon="1.251072" data-name="MOVE UP FORMATION - LIMOGES"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4819 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4820 element visuellement fort etait « S'inscrire », qui part chez le centre. 4821 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4822 qui porte l'examen blanc, le guide et le formulaire de retour. 4823 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4824 bouton « S'inscrire sur le site du centre ». 4825 En superposition et non en <a> englobant, parce qu'on ne peut pas 4826 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4827 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/limoges-986" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4828 vides sur le site). Le mot-cle « examen civique + ville » dans 4829 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Limoges : MOVE UP FORMATION - LIMOGES</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">98</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">MOVE UP FORMATION - LIMOGES</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">18 place Winston Churchill, LIMOGES</p> <p class="text-[14px] text-[#6a6a8a]">Limoges</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/986" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">
4829Sâinscrire <span aria-hidden="true">â</span></a> </div> </article><article class="centre-card group relative bg-white rounded-2xl border border-[#e3e3fd] p-4 shadow-[0_1px_2px_rgba(10,10,46,.05)] hover:border-[#000091] hover:shadow-[0_10px_28px_rgba(0,0,145,.10)] transition-all flex flex-col" data-id="location156-448" data-lat="46.109818" data-lon="5.824571" data-name="FRATE FORMATION CONSEIL - VALSERHÃNE"> <!-- Ancre en superposition : toute la carte mene a NOTRE fiche. 4830 Avant, seuls le titre et un petit lien gris y menaient, alors que le seul 4831 element visuellement fort etait « S'inscrire », qui part chez le centre. 4832 On perdait donc tous les indecis avant qu'ils aient vu la fiche - celle 4833 qui porte l'examen blanc, le guide et le formulaire de retour. 4834 Ca ne coute rien au visiteur presse : la fiche contient elle aussi le 4835 bouton « S'inscrire sur le site du centre ». 4836 En superposition et non en <a> englobant, parce qu'on ne peut pas 4837 imbriquer deux liens et que « S'inscrire » doit rester un lien reel. 4838 Les elements interactifs passent au-dessus via z-10. --> <a href="/centres-examen-civique/centre/valserhone-448" class="absolute inset-0 z-0 rounded-2xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]"> <!-- Ancre descriptive (Ahrefs 27/08 : 518 liens « Voir » + 997 ancres 4839 vides sur le site). Le mot-cle « examen civique + ville » dans 4840 l'ancre dit a Google de quoi parle la fiche. --> <span class="sr-only">Examen civique à Valserhône : FRATE FORMATION CONSEIL - VALSERHÃNE</span> </a> <div class="flex items-start gap-3"> <div class="shrink-0 w-11 h-11 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[16px] flex items-center justify-center tabular-nums">98</div> <div class="min-w-0"> <h3 class="font-display font-bold text-[16px] leading-snug"> <span class="text-[#0a0a2e] group-hover:text-[#000091] transition-colors">FRATE FORMATION CONSEIL - VALSERHÃNE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">26 rue Joseph Bertola, 1200, VALSERHÃNE</p> <p class="text-[14px] text-[#6a6a8a]">Valserhône</p> </div> </div> <div class="mt-3 flex flex-wrap items-center gap-2 text-[12px]"> <span class="js-distance inline-flex items-center gap-1 rounded-full bg-[#000091] text-white px-2.5 py-1 font-semibold tabular-nums" hidden></span> <span class="inline-flex items-center gap-1 rounded-full bg-[#f0f0f8] text-[#000091] border border-[#e3e3fd] px-2.5 py-1 font-semibold">Places sur demande</span> </div> <div class="mt-4 pt-3 border-t border-[#f0f0f8] flex items-center justify-between gap-2 relative z-10"> <button type="button" class="js-focus relative z-10 text-[13px] text-[#000091] font-semibold hover:text-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff] rounded px-1">Voir sur la carte</button> <a href="https://francais.cci-paris-idf.fr/inscription-candidat/contact/448" target="_blank" rel="nofollow noopener" class="relative z-10 inline-flex items-center gap-1.5 rounded-lg bg-[#000091] text-white px-3.5 py-2 text-[14px] font-semibold no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Sâinscrire <span aria-hidden="true">â</span></a> </div> </article> </div> <div class="mt-5 flex justify-center"> <button id="centre-more" type="button" class="rounded-xl border-2 border-[#000091] text-[#000091] bg-white font-semibold text-[15px] px-6 py-3 hover:bg-[#e3e3fd] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Voir plus de centres</button> </div> <p class="mt-4 text-[13px] text-[#6a6a8a]">Liste officielle des centres agréés (portail candidat CCI Paris Ãle-de
4840-France / France Ãducation International), mise à jour automatiquement chaque semaine. Vous pouvez aussi <a href="#annuaire" class="text-[#000091] underline">parcourir l'annuaire complet par département</a>.</p> </section> <section class="mx-auto max-w-5xl px-4 py-8"> <h2 class="font-display font-bold text-[20px] sm:text-[26px]">L'examen civique en 4 chiffres</h2> <div class="mt-1 h-[3px] w-10 flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-[#E1000F]"></div></div> <div class="mt-5 grid grid-cols-2 lg:grid-cols-4 gap-3"> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-4"><div class="font-display font-extrabold text-[28px] text-[#000091] leading-none tabular-nums">40</div><p class="mt-2 text-[14px] text-[#0a0a2e] font-semibold">questions</p><p class="text-[13px] text-[#6a6a8a]">QCM à choix multiples</p></div> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-4"><div class="font-display font-extrabold text-[28px] text-[#000091] leading-none tabular-nums">45<span class="text-[16px]"> min</span></div><p class="mt-2 text-[14px] text-[#0a0a2e] font-semibold">de durée</p><p class="text-[13px] text-[#6a6a8a]">Sur ordinateur, en centre</p></div> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-4"><div class="font-display font-extrabold text-[28px] text-[#000091] leading-none tabular-nums">32<span class="text-[16px]">/40</span></div><p class="mt-2 text-[14px] text-[#0a0a2e] font-semibold">pour réussir</p><p class="text-[13px] text-[#6a6a8a]">Soit 80 % de bonnes réponses</p></div> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-4"><div class="font-display font-extrabold text-[28px] text-[#000091] leading-none tabular-nums">70-90<span class="text-[16px]"> â¬</span></div><p class="mt-2 text-[14px] text-[#0a0a2e] font-semibold">le passage</p><p class="text-[13px] text-[#6a6a8a]">Tarif fixé par le centre</p></div> </div> </section> <section class="mx-auto max-w-5xl px-4 pb-8"> <div class="grid gap-6 lg:grid-cols-2"> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-5 sm:p-6"> <h2 class="font-display font-bold text-[20px]">Comment s'inscrire, étape par étape</h2> <ol class="mt-4 flex flex-col gap-4"> <li class="flex gap-3"><span class="shrink-0 w-7 h-7 rounded-full bg-[#000091] text-white font-display font-bold text-[14px] flex items-center justify-center">1</span><div><p class="font-semibold text-[15px]">Choisissez un centre agréé</p><p class="text-[14px] text-[#6a6a8a]">Utilisez la recherche ci-dessus : vous pouvez passer l'examen dans n'importe quel centre, même hors de votre département.</p></div></li> <li class="flex gap-3"><span class="shrink-0 w-7 h-7 rounded-full bg-[#000091] text-white font-display font-bold text-[14px] flex items-center justify-center">2</span><div><p class="font-semibold text-[15px]">Réservez une session en ligne</p><p class="text-[14px] text-[#6a6a8a]">Sur le site du centre. Comptez 70 à 90 ⬠et prévoyez 2 à 6 semaines d'attente selon les villes.</p></div></li> <li class="flex gap-3"><span class="shrink-0 w-7 h-7 rounded-full bg-[#000091] text-white font-display font-bold text-[14px] flex items-center justify-center">3</span><div><p class="font-semibold text-[15px]">Préparez-vous sérieusement</p><p class="text-[14px] text-[#6a6a8a]">Le seuil est haut : 32 bonnes réponses sur 40. Entraînez-vous sur des QCM blancs avant de payer.</p></div></li> <li class="flex gap-3"><span class="shrink-0 w-7 h-7 rounded-full bg-[#000091] text-white font-display font-bold text-[14px] flex items-center justify-center">4</span><div><p class="font-semibold text-[15px]">Passez l'examen et gardez l'attestation</p><p class="text-[14px] text-[#6a6a8a]">Elle est à joindre à votre dossier de naturalisation. Résultat communiqué par le centre.</p></div></li> </ol> </div> <div class="bg-white rounded-2xl border border-[#e3e3fd] p-5 sm:p-6"> <h2 class="font-display font-bold text-[20px]">Et le test de langue niveau B2 ?</h2> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">C'est un examen <strong class="text-[#0a0a2e] font-semibold">différent</strong> de l'examen civique. Depuis 2026, le niveau demandé est le B2 à l'oral et à l'écrit. Vous le passez auprès d'un organisme habilité : TCF-IRN, TEF-IRN, DELF B2 ou un di
4840plôme français équivalent.</p> <ul class="mt-4 flex flex-col gap-2 text-[15px]"> <li class="flex gap-2"><span class="text-[#000091]">-</span><span>Beaucoup de centres agréés pour l'examen civique organisent aussi le TCF-IRN : demandez-leur les deux dates en même temps.</span></li> <li class="flex gap-2"><span class="text-[#000091]">-</span><span>Vous êtes dispensé du test de langue si vous avez un diplôme obtenu en France de niveau bac ou plus.</span></li> </ul> <a href="/tcf-irn" class="mt-4 inline-block text-[15px] font-semibold text-[#000091] hover:text-[#1212ff]">Notre page sur le test de langue B2 â</a> </div> </div> </section> <section class="mx-auto max-w-5xl px-4 pb-4"> <div class="rounded-2xl border-2 border-[#000091] bg-[#f0f0f8] p-5 sm:p-7 flex flex-col sm:flex-row items-start sm:items-center gap-5"> <div class="flex-1"> <p class="text-[12px] uppercase tracking-[.12em] font-semibold text-[#000091]">Gratuit · sans inscription</p> <h2 class="font-display font-bold text-[22px] sm:text-[26px] mt-1">Testez-vous avec un examen blanc</h2> <p class="mt-2 text-[15px] text-[#6a6a8a] max-w-[52ch] text-pretty">40 questions dans les conditions réelles, corrigées immédiatement. En 10 minutes, vous saurez si vous êtes prêt ou non. Pour réviser à tête reposée, <a href="/guide-gratuit" class="text-[#000091] underline font-semibold">le PDF gratuit de révision</a> reprend tout le programme.</p> </div> <a href="/examen-blanc-gratuit" class="w-full sm:w-auto text-center rounded-xl bg-[#000091] text-white px-6 py-4 font-semibold text-[16px] no-underline hover:bg-[#1212ff] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1212ff]">Faire l'examen blanc gratuit</a> </div> </section> <section class="mx-auto max-w-5xl px-4 py-6"> <div class="rounded-2xl bg-[#0a0a2e] text-white p-5 sm:p-8 relative overflow-hidden"> <div class="absolute top-0 left-0 right-0 h-[3px] flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-white"></div><div class="flex-1 bg-[#E1000F]"></div></div> <div class="grid gap-6 sm:grid-cols-[1fr_auto] sm:items-center"> <div> <p class="text-[12px] uppercase tracking-[.14em] font-semibold text-[#C8A24B]">Guide officiel 2026</p> <h2 class="font-display font-extrabold text-[24px] sm:text-[32px] mt-2 leading-tight text-balance">Avant de payer 70 à 90 ⬠l'examen, assurez-vous de le réussir du premier coup</h2> <p class="mt-3 text-[15px] text-white/75 max-w-[54ch] text-pretty">« Devenir Français 2026 » : les questions du programme officiel, les fiches de révision histoire, valeurs et institutions, et des examens blancs corrigés. Ãcrit en français simple.</p> <ul class="mt-4 grid sm:grid-cols-2 gap-x-6 gap-y-2 text-[14px] text-white/85"> <li class="flex gap-2"><span class="text-[#C8A24B]">â</span>259 questions officielles expliquées</li> <li class="flex gap-2"><span class="text-[#C8A24B]">â</span>50 examens blancs corrigés</li> <li class="flex gap-2"><span class="text-[#C8A24B]">â</span>Fiches à imprimer + plan 30 jours</li> <li class="flex gap-2"><span class="text-[#C8A24B]">â</span>Mises à jour 2026 incluses</li> </ul> </div> <div class="sm:w-56 flex flex-col gap-3"> <div class="text-center"><span class="block text-[13px] text-white/60">à partir de</span><span class="font-display font-extrabold text-[36px] text-[#C8A24B]">4,90 â¬</span><span class="block text-[13px] text-white/60">paiement unique</span></div> <a href="/guide" class="block text-center rounded-xl bg-[#C8A24B] text-[#0a0a2e] px-6 py-4 font-bold text-[16px] no-underline hover:brightness-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white">Voir le guide</a> <p class="text-[12px] text-white/50 text-center">Accès immédiat · PDF + en ligne</p> </div> </div> </div> </section> <section class="mx-auto max-w-5xl px-4 py-8"> <h2 class="font-display font-bold text-[20px] sm:text-[26px]">Questions fréquentes</h2> <div class="mt-1 h-[3px] w-10 flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-[#E1000F]"></div></div> <div class="mt-5 flex flex-col gap-2"> <details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>Puis-je passer l'examen civique dans n'importe quel centre ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">Oui. Aucun centre n'est réservé aux habitants de son département : vous choisissez librement, par exemple un centre voisin où les délais sont plus courts. L'attestation a la même valeur partout.</p> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>Combien coûte le passage de l'examen ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">Entre 70 et 90 ⬠selon le centre, réglés directement au centre lors de l'inscription. Ce tarif ne comprend pas le test de langue B2.</p> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>Que se passe-t-il si j'échoue ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">Vous pouvez repasser l'examen, mais chaque tentative est payante et un nouveau délai d'attente s'applique. C'est pourquoi nous conseillons de vous entraîner sérieusement avant de réserver.</p> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>Quels sont les délais pour obtenir une place ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">Comptez 2 à 6 semaines. Dans les grandes villes (Paris, Lyon, Nice), les sessions partent vite : réservez au moins un mois à l'avance.</p> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>L'examen civique remplace-t-il l'entretien en préfecture ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">Non. L'examen civique s'ajoute à votre dossier : vous joignez l'attestation de réussite, et l'entretien d'assimilation reste possible.</p> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 sm:px-5 py-4 open:border-[#000091]"> <summary class="flex items-start justify-between gap-4 font-display font-bold text-[16px] cursor-pointer list-none"><span>Suis-je dispensé si j'ai déjà un diplôme français ?</span><span class="text-[#000091] text-[20px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span></summary> <p class="mt-3 text-[15px] text-[#6a6a8a] text-pretty">La dispense concerne le test de langue, pas l'examen civique. Depuis le 1er janvier 2026, l'examen civique est demandé à tous les candidats concernés.</p> </details> </div> <div class="mt-5 grid gap-2 sm:grid-cols-3"> <a href="/prix-examen-civique" class="group block bg-white border border-[#e3e3fd] rounded-2xl p-4 hover:border-[#000091]/40 transition-colors no-underline"> <p class="text-[10px] font-bold uppercase tracking-wider text-gray-400 mb-1">Budget</p> <span class="text-[14px] font-display font-extrabold text-[#0a0a2e] group-hover:text-[#000091]">Combien coûte l'examen civique ? â</span> </a> <a href="/test-civique" class="group block bg-white border border-[#e3e3fd] rounded-2xl p-4 hover:border-[#000091]/40 transition-colors no-underline"> <p class="text-[10px] font-bold uppercase tracking-wider text-gray-400 mb-1">Mode d'emploi</p> <span class="text-[14px] font-display font-extrabold text-[#0a0a2e] group-hover:text-[#000091]">Inscription, résultat, attestation â</span> </a> <a href="/examen-civique-titre-de-sejour" class="group block bg-white border border-[#e3e3fd] rounded-2xl p-4 hover:border-[#000091]/40 transition-colors no-u
4840nderline"> <p class="text-[10px] font-bold uppercase tracking-wider text-gray-400 mb-1">Titre de séjour</p> <span class="text-[14px] font-display font-extrabold text-[#0a0a2e] group-hover:text-[#000091]">L'examen civique hors naturalisation â</span> </a> </div> </section> <section id="annuaire" class="mx-auto max-w-5xl px-4 pb-8 scroll-mt-24"> <h2 class="font-display font-bold text-[20px] sm:text-[26px]">Annuaire complet par département</h2> <div class="mt-1 h-[3px] w-10 flex"><div class="flex-1 bg-[#000091]"></div><div class="flex-1 bg-[#E1000F]"></div></div> <p class="mt-3 text-[15px] text-[#6a6a8a]">Dépliez votre département pour voir les centres agréés, ou ouvrez la page locale pour la carte et les détails.</p> <div class="mt-5 grid gap-2 sm:grid-cols-2"> <details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">01</span> <span class="flex-1 font-semibold text-[15px]">Ain</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/ain" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Ain â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/amberieux-en-bugey-1088" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - AMBÃRIEUX EN BUGEY</a> <p class="text-[13px] text-[#6a6a8a]">01500 Ambérieux-en-Bugey</p> </li><li> <a href="/centres-examen-civique/centre/bourg-en-bresse-436" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - BOURG-EN-BRESSE</a> <p class="text-[13px] text-[#6a6a8a]">01000 Bourg-en-Bresse</p> </li><li> <a href="/centres-examen-civique/centre/montluel-1097" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION - MONTLUEL</a> <p class="text-[13px] text-[#6a6a8a]">01120 Montluel</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">02</span> <span class="flex-1 font-semibold text-[15px]">Aisne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/aisne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Aisne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chateau-thierry-1012" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI SAVOIRS ET COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">02400 Chateau-Thierry</p> </li><li> <a href="/centres-examen-civique/centre/laon-fei-a15c2a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP02</a> <p class="text-[13px] text-[#6a6a8a]">02000 Laon</p> </li><li> <a href="/centres-examen-civique/centre/saint-quentin-fei-07e165" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA Aisne</a> <p class="text-[13px] text-[#6a6a8a]">02100 Saint-Quentin</p> </li><li> <a href="/centres-examen-civique/centre/soissons-1072" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ZD ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">02200 Soissons</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">03</span> <span class="flex-1 font-semibold text-[15px]">Allier</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/allier" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Allier â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/avermes-fei-4d6703" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IFI 03 - ECOLE DE LA DEUXIÃME CHANCE DE L'ALLIER</a> <p class="text-[13px] text-[#6a6a8a]">03000 Avermes</p> </li><li> <a href="/centres-examen-civique/centre/montlucon-fei-13ffb1" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CCI ALLIER</a> <p class="text-[13px] text-[#6a6a8a]">03100 Montluçon</p> </li><li> <a href="/centres-examen-civique/centre/vichy-fei-4b1034" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CAVILAM - ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">03200 Vichy</p> </li><li> <a href="/centres-examen-civique/centre/vichy-449" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - VICHY</a> <p class="text-[13px] text-[#6a6a8a]">03206 Vichy</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">04</span> <span class="flex-1 font-semibold text-[15px]">Alpes-de-Haute-Provence</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/alpes-de-haute-provence" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Alpes-de-Haute-Provence â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/manosque-fei-b7687f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CIBC ALPES PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">04100 Manosque</p> </li><li> <a href="/centres-examen-civique/centre/manosque-662" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">PROVENCE LINGUA</a> <p class="text-[13px] text-[#6a6a8a]">04100 Manosque</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">05</span> <span class="flex-1 font-semibold text-[15px]">Hautes-Alpes</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/hautes-alpes" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Hautes-Alpes â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/gap-fei-876541" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CPE CFA</a> <p class="text-[13px] text-[#6a6a8a]">05000 Gap</p> </li><li> <a href="/centres-examen-civique/centre/gap-603" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE GAP</a> <p class="text-[13px] text-[#6a6a8a]">05000 Gap</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">06</span> <span class="flex-1 font-semibold text-[15px]">Alpes-Maritimes</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/alpes-maritimes" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Alpes-Maritimes â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/cagnes-sur-mer-fei-4f7f27" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION REFLETS</a> <p class="text-[13px] text-[#6a6a8a]">06800 Cagnes-sur-Mer</p> </li><li> <a href="/centres-examen-civique/centre/cannes-928" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LANGUAZUR</a> <p class="text-[13px] text-[#6a6a8a]">06400 Cannes</p> </li><li> <a href="/centres-examen-civique/centre/nice-fei-f94726" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE CÃTE D'AZUR</a> <p class="text-[13px] text-[#6a6a8a]">06000 Nice</p> </li><li> <a href="/centres-examen-civique/centre/nice-584" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840INTERNATIONAL HOUSE CENTRE DE LANGUE RIVIERA</a> <p class="text-[13px] text-[#6a6a8a]">06000 Nice</p> </li><li> <a href="/centres-examen-civique/centre/nice-865" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">06000 Nice</p> </li><li> <a href="/centres-examen-civique/centre/nice-fei-6c4e70" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LES ATELIERS FL-ESLF</a> <p class="text-[13px] text-[#6a6a8a]">06000 Nice</p> </li><li> <a href="/centres-examen-civique/centre/nice-fei-4869bb" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LIGUE DE L'ENSEIGNEMENT FOLAM</a> <p class="text-[13px] text-[#6a6a8a]">06000 Nice</p> </li><li> <a href="/centres-examen-civique/centre/valbonne-fei-4cb5b3" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EQUIVALENCE LANGUE ET COMMUNICATION</a> <p class="text-[13px] text-[#6a6a8a]">06560 Valbonne</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">07</span> <span class="flex-1 font-semibold text-[15px]">Ardèche</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/ardeche" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Ardèche â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/aubenas-994" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EFFICIA - AUBENAS</a> <p class="text-[13px] text-[#6a6a8a]">07200 Aubenas</p> </li><li> <a href="/centres-examen-civique/centre/aubenas-fei-e25ff8" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP ARDÃCHE</a> <p class="text-[13px] text-[#6a6a8a]">07200 Aubenas</p> </li><li> <a href="/centres-examen-civique/centre/davezieux-fei-3c0f34" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NOUVELLE DONNE</a> <p class="text-[13px] text-[#6a6a8a]">07430 Davézieux</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">08</span> <span class="flex-1 font-semibold text-[15px]">Ardennes</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/ardennes" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Ardennes â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/charleville-mezieres-fei-e5dee8" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">API FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </li><li> <a href="/centres-examen-civique/centre/charleville-mezieres-1063" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - CHARLEVILLE-MÃZIÃRES</a> <p class="text-[13px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </li><li> <a href="/centres-examen-civique/centre/charleville-mezieres-fei-95a320" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LA RONDE DES DÃCOUVERTES 08</a> <p class="text-[13px] text-[#6a6a8a]">08000 Charleville-Mézières</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">09</span> <span class="flex-1 font-semibold text-[15px]">Ariège</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/ariege" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Ariège â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/foix-848" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">09000 Foix</p> </li><li> <a href="/centres-examen-civique/centre/lavelanet-1028" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">09300 Lavelanet</p> </li><li> <a href="/centres-examen-civique/centre/pamiers-1029" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">09100 Pamiers</p> </li><li> <a href="/centres-examen-civique/centre/saint-girons-1030" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">09200 Saint Girons</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">10</span> <span class="flex-1 font-semibold text-[15px]">Aube</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/aube" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Aube â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/troyes-447" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - TROYES</a> <p class="text-[13px] text-[#6a6a8a]">10000 Troyes</p> </li><li> <a href="/centres-examen-civique/centre/troyes-fei-a5143c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">Y SCHOOLS - GROUPE ADPS</a> <p class="text-[13px] text-[#6a6a8a]">10000 Troyes</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">11</span> <span class="flex-1 font-semibold text-[15px]">Aude</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/aude" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Aude â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/carcassonne-fei-d8a4f7" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA - CFA DE L'AUDE ET DES PYRÃNÃES ORIENTALES</a> <p class="text-[13px] text-[#6a6a8a]">11000 Carcassonne</p> </li><li> <a href="/centres-examen-civique/centre/carcassonne-1034" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">11000 Carcassonne</p> </li><li> <a href="/centres-examen-civique/centre/castelnaudary-fei-5f0958" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA DE L'AUDE ET DES PYRÃNÃES-ORIENTALES</a> <p class="text-[13px] text-[#6a6a8a]">11400 Castelnaudary</p> </li><li> <a href="/centres-examen-civique/centre/narbonne-fei-2c0a1c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION "CHEZ MOTS PASSANTS"</a> <p class="text-[13px] text-[#6a6a8a]">11100 Narbonne</p> </li><li> <a href="/centres-examen-civique/centre/narbonne-1035" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">11100 Narbonne</p> </li><li> <a href="/centres-examen-civique/centre/pieusse-1036" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">11300 Pieusse</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">12</span> <span class="flex-1 font-semibold text-[15px]">Aveyron</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/aveyron" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Aveyron â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/millau-995" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EFFICIA - MILLAU</a> <p class="text-[13px] text-[#6a6a8a]">12100 Millau</p> </li><li> <a href="/centres-examen-civique/centre/millau-fei-1d00cc" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA MIDI-PYRÃNÃES NORD</a> <p class="text-[13px] text-[#6a6a8a]">12100 Millau</p> </li><li> <a href="/centres-examen-civique/centre/rodez-260" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CAMPUS XIIe AVENUE</a> <p class="text-[13px] text-[#6a6a8a]">12000 Rodez</p> </li><li> <a href="/centres-examen-civique/centre/rodez-fei-e5bcf8" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA MIDI-PYRÃNÃES NORD</a> <p class="text-[13px] text-[#6a6a8a]">12000 Rodez</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">13</span> <span class="flex-1 font-semibold text-[15px]">Bouches-du-Rhône</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">10 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/bouches-du-rhone" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Bouches-du-Rhône â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/aix-en-provence-fei-ada4f1" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">13100 Aix-en-Provence</p> </li><li> <a href="/centres-examen-civique/centre/aix-en-provence-1070" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELFE - ÃVRY COURCOURONNES</a> <p class="text-[13px] text-[#6a6a8a]">13290 Aix-en-Provence</p> </li><li> <a href="/centres-examen-civique/centre/aix-en-provence-fei-cf1a95" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IS - INSTITUT INTERNATIONAL DE LANGUE</a> <p class="text-[13px] text-[#6a6a8a]">13100 Aix-en-Provence</p> </li><li> <a href="/centres-examen-civique/centre/istres-fei-4e5097" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE SOCIAL LA FARANDOLE</a> <p class="text-[13px] text-[#6a6a8a]">13800 Istres</p> </li><li> <a href="/centres-examen-civique/centre/marseille-fei-4d2aaa" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">13006 Marseille</p> </li><li> <a href="/centres-examen-civique/centre/marseille-fei-e2019b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ATOUT LANGUES SUD</a> <p class="text-[13px] text-[#6a6a8a]">13006 Marseille</p> </li><li> <a href="/centres-examen-civique/centre/marseille-939" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">COGNITION FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">13014 Marseille</p> </li><li> <a href="/centres-examen-civique/centre/marseille-901" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">13012 Marseille</p> </li><li> <a href="/centres-examen-civique/centre/marseille-fei-de3d6f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">SUD FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">13010 Marseille</p> </li><li> <a href="/centres-examen-civique/centre/marseille-744" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">WORLD TRADE CENTER MARSEILLE PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">13001 Marseille</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">14</span> <span class="flex-1 font-semibold text-[15px]">Calvados</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/calvados" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Calvados â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/caen-fei-6ae618" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ECOLE DES PARENTS ET DES ÃDUCATEURS DU CALVADOS - EPE</a> <p class="text-[13px] text-[#6a6a8a]">14000 Caen</p> </li><li> <a href="/centres-examen-civique/centre/caen-985" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - CAEN</a> <p class="text-[13px] text-[#6a6a8a]">14000 Caen</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">15</span> <span class="flex-1 font-semibold text-[15px]">Cantal</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/cantal" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Cantal â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/aurillac-fei-8f86f6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">OSENGO</a> <p class="text-[13px] text-[#6a6a8a]">15000 Aurillac</p> </li><li> <a href="/centres-examen-civique/centre/saint-flour-1016" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - SAINT-FLOUR</a> <p class="text-[13px] text-[#6a6a8a]">15100 Saint-Flour</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">16</span> <span class="flex-1 font-semibold text-[15px]">Charente</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/charente" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Charente â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/angouleme-fei-d65b10" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LIGUE DE LâENSEIGNEMENT NOUVELLE AQUITAINE</a> <p class="text-[13px] text-[#6a6a8a]">16000 Angoulême</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">17</span> <span class="flex-1 font-semibold text-[15px]">Charente-Maritime</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/charente-maritime" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Charente-Maritime â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/la-rochelle-fei-35dc89" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA POITOU-CHARENTES</a> <p class="text-[13px] text-[#6a6a8a]">10703 La Rochelle</p> </li><li> <a href="/centres-examen-civique/centre/la-rochelle-fei-8b2ead" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840INLINGUA</a> <p class="text-[13px] text-[#6a6a8a]">17000 La Rochelle</p> </li><li> <a href="/centres-examen-civique/centre/royan-fei-2a6f67" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE AUDIOVISUEL DE ROYAN POUR L'ETUDE DES LANGUES</a> <p class="text-[13px] text-[#6a6a8a]">17200 Royan</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">18</span> <span class="flex-1 font-semibold text-[15px]">Cher</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/cher" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Cher â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bourges-1003" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION - BOURGES</a> <p class="text-[13px] text-[#6a6a8a]">18000 Bourges</p> </li><li> <a href="/centres-examen-civique/centre/bourges-fei-469ddd" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IMEP - INSTITUT COMMUNAUTAIRE D'EDUCATION PERMANENTE</a> <p class="text-[13px] text-[#6a6a8a]">18000 Bourges</p> </li><li> <a href="/centres-examen-civique/centre/vierzon-fei-c4311e" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">APPRENDRE LE FRANÃAIS</a> <p class="text-[13px] text-[#6a6a8a]">18100 Vierzon</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">19</span> <span class="flex-1 font-semibold text-[15px]">Corrèze</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/correze" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Corrèze â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/brive-la-gaillarde-fei-20882a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FEL</a> <p class="text-[13px] text-[#6a6a8a]">19100 Brive-la-Gaillarde</p> </li><li> <a href="/centres-examen-civique/centre/brive-la-gaillarde-1073" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ZD ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">19100 Brive-la-Gaillarde</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">20</span> <span class="flex-1 font-semibold text-[15px]">Corse</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/corse" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Corse â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/ajaccio-1008" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">20000 Ajaccio</p> </li><li> <a href="/centres-examen-civique/centre/bastia-1076" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - BASTIA</a> <p class="text-[13px] text-[#6a6a8a]">20200 Bastia</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">21</span> <span class="flex-1 font-semibold text-[15px]">Côte-d'Or</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/cote-d-or" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Côte-d'Or â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/dijon-fei-a3d9e5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CESAM - CONCILIER LâECONOMIQUE ET LE SOCIAL</a> <p class="text-[13px] text-[#6a6a8a]">21000 Dijon</p> </li><li> <a href="/centres-examen-civique/centre/dijon-439" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - DIJON</a> <p class="text-[13px] text-[#6a6a8a]">21000 Dijon</p> </li><li> <a href="/centres-examen-civique/centre/dijon-fei-332a1c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IFPA</a> <p class="text-[13px] text-[#6a6a8a]">21000 Dijon</p> </li><li> <a href="/centres-examen-civique/centre/dijon-807" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT DE TOURAINE - IEFT</a> <p class="text-[13px] text-[#6a6a8a]">21000 Dijon</p> </li><li> <a href="/centres-examen-civique/centre/dijon-836" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LIGUE DE L'ENSEIGNEMENT BOURGOGNE FRANCHE COMTà - DIJON</a> <p class="text-[13px] text-[#6a6a8a]">21000 Dijon</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">22</span> <span class="flex-1 font-semibold text-[15px]">Côtes-d'Armor</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/cotes-d-armor" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Côtes-d'Armor â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/saint-brieuc-fei-2c5721" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLPS L'ENJEU COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">22000 Saint-Brieuc</p> </li><li> <a href="/centres-examen-civique/centre/saint-brieuc-1065" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - SAINT-BRIEUC</a> <p class="text-[13px] text-[#6a6a8a]">22000 Saint-Brieuc</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">24</span> <span class="flex-1 font-semibold text-[15px]">Dordogne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/dordogne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Dordogne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bergerac-1108" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - BERGERAC</a> <p class="text-[13px] text-[#6a6a8a]">24100 Bergerac</p> </li><li> <a href="/centres-examen-civique/centre/perigueux-fei-22b390" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">24000 Périgueux</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">25</span> <span class="flex-1 font-semibold text-[15px]">Doubs</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/doubs" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Doubs â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/besancon-fei-82d571" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLA - UNIVERSITà MARIE ET LOUIS PASTEUR - U33250-01</a> <p class="text-[13px] text-[#6a6a8a]">25000 Besançon</p> </li><li> <a href="/centres-examen-civique/centre/besancon-433" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - BESANÃON</a> <p class="text-[13px] text-[#6a6a8a]">25000 Besançon</p> </li><li> <a href="/centres-examen-civique/centre/montbeliard-451" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - MONTBÃLIARD</a> <p class="text-[13px] text-[#6a6a8a]">25200 Montbéliard</p> </li><li> <a href="/centres-examen-civique/centre/montbeliard-fei-522b4d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA - CFA HAUTE-SAÃNE & NORD FRANCHE-COMTÃ</a> <p class="text-[13px] text-[#6a6a8a]">25200 Montbéliard</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">26</span> <span class="flex-1 font-semibold text-[15px]">Drôme</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/drome" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Drôme â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/alixan-fei-33a32f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELO LES LANGUES DE LA CCI DE LA DRÃME</a> <p class="text-[13px] text-[#6a6a8a]">15353 Alixan</p> </li><li> <a href="/centres-examen-civique/centre/montelimar-fei-47d3d1" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP DROME</a> <p class="text-[13px] text-[#6a6a8a]">26200 Montélimar</p> </li><li> <a href="/centres-examen-civique/centre/montelimar-1111" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LA VOIX FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">26200 Montélimar</p> </li><li> <a href="/centres-examen-civique/centre/valence-472" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - VALENCE</a> <p class="text-[13px] text-[#6a6a8a]">26000 Valence</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">27</span> <span class="flex-1 font-semibold text-[15px]">Eure</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/eure" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Eure â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/evreux-769" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ÃDUCATION ET FORMATION - ÃVREUX</a> <p class="text-[13px] text-[#6a6a8a]">27000 Ãvreux</p> </li><li> <a href="/centres-examen-civique/centre/vernon-fei-85d71e" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALFA - ASSOCIATION LOCALE POUR LA FORMATION ET LâADAPTATION SOCIOPROFESSIONNELLE</a> <p class="text-[13px] text-[#6a6a8a]">27200 Vernon</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">28</span> <span class="flex-1 font-semibold text-[15px]">Eure-et-Loir</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/eure-et-loir" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Eure-et-Loir â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chartres-fei-2c89b3" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CRIA 28</a> <p class="text-[13px] text-[#6a6a8a]">28000 Chartres</p> </li><li> <a href="/centres-examen-civique/centre/chartres-mainvilliers-1052" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - DREUX</a> <p class="text-[13px] text-[#6a6a8a]">28300 Chartres Mainvilliers</p> </li><li> <a href="/centres-examen-civique/centre/chateaudun-1053" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - DREUX</a> <p class="text-[13px] text-[#6a6a8a]">28200 Chateaudun</p> </li><li> <a href="/centres-examen-civique/centre/chateaudun-fei-aa1f60" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CRIA 28</a> <p class="text-[13px] text-[#6a6a8a]">28200 Châteaudun</p> </li><li> <a href="/centres-examen-civique/centre/dreux-fei-9f68ec" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CRIA 28</a> <p class="text-[13px] text-[#6a6a8a]">28100 Dreux</p> </li><li> <a href="/centres-examen-civique/centre/dreux-1049" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - DREUX</a> <p class="text-[13px] text-[#6a6a8a]">28100 Dreux</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">29</span> <span class="flex-1 font-semibold text-[15px]">Finistère</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/finistere" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Finistère â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/brest-fei-31ecc5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLPS L'ENJEU COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">42317 Brest</p> </li><li> <a href="/centres-examen-civique/centre/brest-1048" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - BREST</a> <p class="text-[13px] text-[#6a6a8a]">29200 Brest</p> </li><li> <a href="/centres-examen-civique/centre/morlaix-1100" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IBEP - MORLAIX</a> <p class="text-[13px] text-[#6a6a8a]">29600 Morlaix</p> </li><li> <a href="/centres-examen-civique/centre/qimper-1050" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - BREST</a> <p class="text-[13px] text-[#6a6a8a]">29000 Qimper</p> </li><li> <a href="/centres-examen-civique/centre/quimper-fei-8e46fe" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEL DU CFTMI</a> <p class="text-[13px] text-[#6a6a8a]">29000 Quimper</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">2A</span> <span class="flex-1 font-semibold text-[15px]">Département 2A</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/2a" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 2A â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/ajaccio-fei-388e78" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA DE CORSE DU SUD (Site Bonaparte)</a> <p class="text-[13px] text-[#6a6a8a]">20845 Ajaccio</p> </li><li> <a href="/centres-examen-civique/centre/ajaccio-fei-f5cb42" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA DE CORSE DU SUD (Site Finosello)</a> <p class="text-[13px] text-[#6a6a8a]">20090 Ajaccio</p> </li><li> <a href="/centres-examen-civique/centre/porto-vecchio-fei-e35ea7" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA DE CORSE-DU-SUD</a> <p class="text-[13px] text-[#6a6a8a]">20137 Porto-Vecchio</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">2B</span> <span class="flex-1 font-semibold text-[15px]">Département 2B</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/2b" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 2B â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bastia-fei-154436" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION OPRA A LECCIA</a> <p class="text-[13px] text-[#6a6a8a]">20600 Bastia</p> </li><li> <a href="/centres-examen-civique/centre/bastia-fei-758b4f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA DE HAUTE-CORSE</a> <p class="text-[13px] text-[#6a6a8a]">20600 Bastia</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">30</span> <span class="flex-1 font-semibold text-[15px]">Gard</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/gard" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Gard â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/ales-fei-9a7bd9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FLE'CONNEXION</a> <p class="text-[13px] text-[#6a6a8a]">30100 Alès</p> </li><li> <a href="/centres-examen-civique/centre/nimes-403" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EFFICIA</a> <p class="text-[13px] text-[#6a6a8a]">30000 Nimes</p> </li><li> <a href="/centres-examen-civique/centre/nimes-1126" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">30900 Nimes</p> </li><li> <a href="/centres-examen-civique/centre/nimes-fei-04196c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA GARD-LOZERE</a> <p class="text-[13px] text-[#6a6a8a]">30000 Nîmes</p> </li><li> <a href="/centres-examen-civique/centre/nimes-fei-f41a7d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">30900 Nîmes</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">31</span> <span class="flex-1 font-semibold text-[15px]">Haute-Garonne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-garonne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Garonne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/auterive-fei-2b66c5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EPLEFPA</a> <p class="text-[13px] text-[#6a6a8a]">31190 Auterive</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-fei-a0bd2c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">31400 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-fei-07d785" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AMS GRAND SUD</a> <p class="text-[13px] text-[#6a6a8a]">31000 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-831" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CREPT FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">31100 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-866" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">31100 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-fei-1a987b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LANGUE ONZE</a> <p class="text-[13px] text-[#6a6a8a]">31000 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-482" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">31100 Toulouse</p> </li><li> <a href="/centres-examen-civique/centre/toulouse-1093" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">31000 Toulouse</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">32</span> <span class="flex-1 font-semibold text-[15px]">Gers</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/gers" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Gers â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/auch-fei-b15cb2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION NATIF</a> <p class="text-[13px] text-[#6a6a8a]">32000 Auch</p> </li><li> <a href="/centres-examen-civique/centre/auch-847" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">32000 Auch</p> </li><li> <a href="/centres-examen-civique/centre/condom-1040" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">32100 Condom</p> </li><li> <a href="/centres-examen-civique/centre/l-isle-jourdain-1041" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">32600 Lâisle Jourdain</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">33</span> <span class="flex-1 font-semibold text-[15px]">Gironde</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/gironde" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Gironde â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bordeaux-fei-6dd03d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">33000 Bordeaux</p> </li><li> <a href="/centres-examen-civique/centre/bordeaux-fei-9b44ad" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP GIRONDE</a> <p class="text-[13px] text-[#6a6a8a]">33300 Bordeaux</p> </li><li> <a href="/centres-examen-civique/centre/bordeaux-637" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NEWDEAL INSTITUT BORDEAUX</a> <p class="text-[13px] text-[#6a6a8a]">33800 Bordeaux</p> </li><li> <a href="/centres-examen-civique/centre/lormont-1121" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLAP SUD-OUEST</a> <p class="text-[13px] text-[#6a6a8a]">33110 Lormont</p> </li><li> <a href="/centres-examen-civique/centre/lormont-815" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POLYLANGUES - CERGY</a> <p class="text-[13px] text-[#6a6a8a]">33310 Lormont</p> </li><li> <a href="/centres-examen-civique/centre/pessac-fei-c72924" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CITà DES LANGUES ÃTRANGÃRES DE L'UNIVERSITà BORDEAUX MONTAIGNE</a> <p class="text-[13px] text-[#6a6a8a]">33600 Pessac</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">34</span> <span class="flex-1 font-semibold text-[15px]">Hérault</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">9 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/herault" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Hérault â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/agde-1019" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">34300 Agde</p> </li><li> <a href="/centres-examen-civique/centre/beziers-1020" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">34500 Beziers</p> </li><li> <a href="/centres-examen-civique/centre/beziers-fei-d1e05b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE HOBSON</a> <p class="text-[13px] text-[#6a6a8a]">34500 Béziers</p> </li><li> <a href="/centres-examen-civique/centre/montpellier-fei-f69e80" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">34000 Montpellier</p> </li><li> <a href="/centres-examen-civique/centre/montpellier-fei-4d6246" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA</a> <p class="text-[13px] text-[#6a6a8a]">34060 Montpellier</p> </li><li> <a href="/centres-examen-civique/centre/montpellier-fei-e87eaa" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">34000 Montpellier</p> </li><li> <a href="/centres-examen-civique/centre/montpellier-619" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LSF MONTPELLIER FRENCH LANGUAGE SCHOOL</a> <p class="text-[13px] text-[#6a6a8a]">34000 Montpellier</p> </li><li> <a href="/centres-examen-civique/centre/sete-1021" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">34200 Sete</p> </li><li> <a href="/centres-examen-civique/centre/sete-fei-097c3f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA CFA</a> <p class="text-[13px] text-[#6a6a8a]">34200 Sète</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">35</span> <span class="flex-1 font-semibold text-[15px]">Ille-et-Vilaine</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/ille-et-vilaine" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Ille-et-Vilaine â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/rennes-fei-cf3508" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLPS L'ENJEU COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">35000 Rennes</p> </li><li> <a href="/centres-examen-civique/centre/rennes-1064" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - RENNES</a> <p class="text-[13px] text-[#6a6a8a]">35200 Rennes</p> </li><li> <a href="/centres-examen-civique/centre/saint-malo-fei-9c2d58" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">35400 Saint-Malo</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">36</span> <span class="flex-1 font-semibold text-[15px]">Indre</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/indre" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Indre â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chateauroux-fei-9951bc" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AF-CRIA</a> <p class="text-[13px] text-[#6a6a8a]">36000 Châteauroux</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">37</span> <span class="flex-1 font-semibold text-[15px]">Indre-et-Loire</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/indre-et-loire" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Indre-et-Loire â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/tours-fei-83e236" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AFFIC CRIA 37</a> <p class="text-[13px] text-[#6a6a8a]">37000 Tours</p> </li><li> <a href="/centres-examen-civique/centre/tours-782" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLE</a> <p class="text-[13px] text-[#6a6a8a]">37000 Tours</p> </li><li> <a href="/centres-examen-civique/centre/tours-fei-d20388" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">TOURS LANGUES</a> <p class="text-[13px] text-[#6a6a8a]">37000 Tours</p> </li><li> <a href="/centres-examen-civique/centre/tours-cedex-1-490" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT DE TOURAINE - IEFT</a> <p class="text-[13px] text-[#6a6a8a]">37020 Tours Cedex 1</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">38</span> <span class="flex-1 font-semibold text-[15px]">Isère</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/isere" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Isère â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bourgoin-jallieu-fei-603c5b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA NORD ISÃRE</a> <p class="text-[13px] text-[#6a6a8a]">94002 Bourgoin-Jallieu</p> </li><li> <a href="/centres-examen-civique/centre/echirolles-469" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - ÃCHIROLLES</a> <p class="text-[13px] text-[#6a6a8a]">38130 Ãchirolles</p> </li><li> <a href="/centres-examen-civique/centre/grenoble-941" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">THE PLACE DEBY</a> <p class="text-[13px] text-[#6a6a8a]">38000 Grenoble</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">39</span> <span class="flex-1 font-semibold text-[15px]">Jura</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/jura" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Jura â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/dole-379" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">COOPILOTE</a> <p class="text-[13px] text-[#6a6a8a]">39100 Dole</p> </li><li> <a href="/centres-examen-civique/centre/lons-le-saunier-431" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - LONS-LE-SAUNIER</a> <p class="text-[13px] text-[#6a6a8a]">39000 Lons-le-Saunier</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">40</span> <span class="flex-1 font-semibold text-[15px]">Landes</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/landes" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Landes â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/mont-de-marsan-fei-566e7b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">40000 Mont-de-Marsan</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">41</span> <span class="flex-1 font-semibold text-[15px]">Loir-et-Cher</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/loir-et-cher" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Loir-et-Cher â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/blois-fei-27e5c2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CRIA 41</a> <p class="text-[13px] text-[#6a6a8a]">41000 Blois</p> </li><li> <a href="/centres-examen-civique/centre/blois-1077" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - BLOIS</a> <p class="text-[13px] text-[#6a6a8a]">41000 Blois</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">42</span> <span class="flex-1 font-semibold text-[15px]">Loire</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/loire" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Loire â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/andrezieux-fei-de50cf" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LÃO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">42160 Andrézieux</p> </li><li> <a href="/centres-examen-civique/centre/roanne-1023" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - ROANNE</a> <p class="text-[13px] text-[#6a6a8a]">42300 Roanne</p> </li><li> <a href="/centres-examen-civique/centre/saint-chamond-471" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - SAINT-CHAMOND</a> <p class="text-[13px] text-[#6a6a8a]">42400 Saint-Chamond</p> </li><li> <a href="/centres-examen-civique/centre/saint-etienne-fei-7fcf1a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFI</a> <p class="text-[13px] text-[#6a6a8a]">42000 Saint-Etienne</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">43</span> <span class="flex-1 font-semibold text-[15px]">Haute-Loire</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-loire" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Loire â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/le-puy-en-velay-441" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - LE PUY-EN-VELAY</a> <p class="text-[13px] text-[#6a6a8a]">43000 Le Puy-en-Velay</p> </li><li> <a href="/centres-examen-civique/centre/le-puy-en-velay-fei-6d8ad0" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA AUVERGNE AGENCE 43</a> <p class="text-[13px] text-[#6a6a8a]">43000 Le Puy-en-Velay</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">44</span> <span class="flex-1 font-semibold text-[15px]">Loire-Atlantique</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/loire-atlantique" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Loire-Atlantique â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/ancenis-saint-gereon-1051" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - BREST</a> <p class="text-[13px] text-[#6a6a8a]">44150 Ancenis-Saint-Gereon</p> </li><li> <a href="/centres-examen-civique/centre/carquefou-350" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP PRESQU'ÃLE - CARQUEFOU</a> <p class="text-[13px] text-[#6a6a8a]">44470 Carquefou</p> </li><li> <a href="/centres-examen-civique/centre/nantes-991" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFOL MANAGEMENT</a> <p class="text-[13px] text-[#6a6a8a]">44100 Nantes</p> </li><li> <a href="/centres-examen-civique/centre/nantes-fei-afad72" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ESPACES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">44187 Nantes</p> </li><li> <a href="/centres-examen-civique/centre/nantes-fei-c325d3" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840INSTITUT FONELIA</a> <p class="text-[13px] text-[#6a6a8a]">44000 Nantes</p> </li><li> <a href="/centres-examen-civique/centre/reze-352" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP PRESQU'ÃLE - NANTES</a> <p class="text-[13px] text-[#6a6a8a]">44400 Rezé</p> </li><li> <a href="/centres-examen-civique/centre/saint-nazaire-fei-964e46" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFOL MANAGEMENT</a> <p class="text-[13px] text-[#6a6a8a]">44600 Saint-Nazaire</p> </li><li> <a href="/centres-examen-civique/centre/saint-nazaire-353" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP PRESQU'ÃLE - SAINT-NAZAIRE</a> <p class="text-[13px] text-[#6a6a8a]">44600 Saint-Nazaire</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">45</span> <span class="flex-1 font-semibold text-[15px]">Loiret</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/loiret" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Loiret â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/montargis-fei-c5d228" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AGAFOR</a> <p class="text-[13px] text-[#6a6a8a]">45200 Montargis</p> </li><li> <a href="/centres-examen-civique/centre/orleans-fei-843cbd" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ABSOLUTE MJ SOLUTIONS</a> <p class="text-[13px] text-[#6a6a8a]">45000 Orléans</p> </li><li> <a href="/centres-examen-civique/centre/orleans-fei-62def5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ESPACE C2B - CRIA 45</a> <p class="text-[13px] text-[#6a6a8a]">45100 Orléans</p> </li><li> <a href="/centres-examen-civique/centre/orleans-1027" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - ORLÃANS</a> <p class="text-[13px] text-[#6a6a8a]">45100 Orléans</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">46</span> <span class="flex-1 font-semibold text-[15px]">Lot</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/lot" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Lot â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/cahors-1037" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">46000 Cahors</p> </li><li> <a href="/centres-examen-civique/centre/cahors-fei-ca79a4" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">OSENGO</a> <p class="text-[13px] text-[#6a6a8a]">46000 Cahors</p> </li><li> <a href="/centres-examen-civique/centre/figeac-1038" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">46100 Figeac</p> </li><li> <a href="/centres-examen-civique/centre/souillac-1039" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">46200 Souillac</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">48</span> <span class="flex-1 font-semibold text-[15px]">Lozère</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/lozere" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Lozère â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/mende-fei-c9b9db" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA-CFA GARD-LOZÃRE</a> <p class="text-[13px] text-[#6a6a8a]">48000 Mende</p> </li><li> <a href="/centres-examen-civique/centre/mende-1066" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">PURPLE CAMPUS - MENDE</a> <p class="text-[13px] text-[#6a6a8a]">48000 Mende</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">49</span> <span class="flex-1 font-semibold text-[15px]">Maine-et-Loire</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/maine-et-loire" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Maine-et-Loire â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/angers-fei-1bcbee" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CIDEF</a> <p class="text-[13px] text-[#6a6a8a]">10808 Angers</p> </li><li> <a href="/centres-examen-civique/centre/angers-fei-e729d0" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">49000 Angers</p> </li><li> <a href="/centres-examen-civique/centre/angers-929" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">TOUT AU LONG DE LA VIE</a> <p class="text-[13px] text-[#6a6a8a]">49000 Angers</p> </li><li> <a href="/centres-examen-civique/centre/cholet-21" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AFODIL</a> <p class="text-[13px] text-[#6a6a8a]">49300 Cholet</p> </li><li> <a href="/centres-examen-civique/centre/saumur-380" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CORYLUS FORMATIONS</a> <p class="text-[13px] text-[#6a6a8a]">49400 Saumur</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">50</span> <span class="flex-1 font-semibold text-[15px]">Manche</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/manche" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Manche â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/cherbourg-en-cotentin-1086" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</a> <p class="text-[13px] text-[#6a6a8a]">50100 Cherbourg-en-Cotentin</p> </li><li> <a href="/centres-examen-civique/centre/saint-lo-fei-fe5ef7" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE SOCIAL MARCEL MERSIER</a> <p class="text-[13px] text-[#6a6a8a]">50000 Saint-Lô</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">51</span> <span class="flex-1 font-semibold text-[15px]">Marne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/marne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Marne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chalons-en-champagne-fei-372236" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI MARNE</a> <p class="text-[13px] text-[#6a6a8a]">51000 Châlons-en-Champagne</p> </li><li> <a href="/centres-examen-civique/centre/reims-fei-058c91" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI MARNE</a> <p class="text-[13px] text-[#6a6a8a]">51100 Reims</p> </li><li> <a href="/centres-examen-civique/centre/reims-839" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - REIMS</a> <p class="text-[13px] text-[#6a6a8a]">51100 Reims</p> </li><li> <a href="/centres-examen-civique/centre/reims-760" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">HESIO CONSEIL</a> <p class="text-[13px] text-[#6a6a8a]">51100 Reims</p> </li><li> <a href="/centres-examen-civique/centre/reims-bezannes-fei-b6eb36" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GROUPE AFPAM FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">51430 Reims-Bezannes</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">52</span> <span class="flex-1 font-semibold text-[15px]">Haute-Marne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-marne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Marne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chaumont-437" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION - CHAUMONT</a> <p class="text-[13px] text-[#6a6a8a]">52000 Chaumont</p> </li><li> <a href="/centres-examen-civique/centre/chaumont-fei-114612" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POINFOR</a> <p class="text-[13px] text-[#6a6a8a]">52000 Chaumont</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">53</span> <span class="flex-1 font-semibold text-[15px]">Mayenne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/mayenne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Mayenne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/laval-fei-17aa3b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MONDIA-LANGUES INSTITUT</a> <p class="text-[13px] text-[#6a6a8a]">53000 Laval</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">54</span> <span class="flex-1 font-semibold text-[15px]">Meurthe-et-Moselle</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/meurthe-et-moselle" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Meurthe-et-Moselle â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/nancy-fei-d1be2a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GIP FORMATION - CEL</a> <p class="text-[13px] text-[#6a6a8a]">54012 Nancy</p> </li><li> <a href="/centres-examen-civique/centre/nancy-fei-ce4108" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">HÃSIO CONSEIL</a> <p class="text-[13px] text-[#6a6a8a]">54000 Nancy</p> </li><li> <a href="/centres-examen-civique/centre/nancy-585" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INTERNATIONAL HOUSE - NANCY COEUR D'EUROPE</a> <p class="text-[13px] text-[#6a6a8a]">54100 Nancy</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">56</span> <span class="flex-1 font-semibold text-[15px]">Morbihan</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/morbihan" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Morbihan â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/lorient-1061" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IBEP - LORIENT</a> <p class="text-[13px] text-[#6a6a8a]">56100 Lorient</p> </li><li> <a href="/centres-examen-civique/centre/pontivy-1071" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IBEP - LORIENT</a> <p class="text-[13px] text-[#6a6a8a]">56300 Pontivy</p> </li><li> <a href="/centres-examen-civique/centre/sene-927" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IBEP FORMATION - VANNES</a> <p class="text-[13px] text-[#6a6a8a]">56860 Sene</p> </li><li> <a href="/centres-examen-civique/centre/vannes-fei-9e1042" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLPS L'ENJEU COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">56000 Vannes</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">57</span> <span class="flex-1 font-semibold text-[15px]">Moselle</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/moselle" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Moselle â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/forbach-fei-cbf159" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GIP CEL</a> <p class="text-[13px] text-[#6a6a8a]">57600 Forbach</p> </li><li> <a href="/centres-examen-civique/centre/metz-fei-5d004b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEL - GIP - MAISON DU FLE</a> <p class="text-[13px] text-[#6a6a8a]">57070 Metz</p> </li><li> <a href="/centres-examen-civique/centre/metz-fei-65e473" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRENCHPRO</a> <p class="text-[13px] text-[#6a6a8a]">57070 Metz</p> </li><li> <a href="/centres-examen-civique/centre/metz-fei-110bdb" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">HÃSIO CONSEIL</a> <p class="text-[13px] text-[#6a6a8a]">57000 Metz</p> </li><li> <a href="/centres-examen-civique/centre/metz-626" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">METZ FRENCHPRO</a> <p class="text-[13px] text-[#6a6a8a]">57070 Metz</p> </li><li> <a href="/centres-examen-civique/centre/thionville-fei-cec20b"
4840class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GIP CEL</a> <p class="text-[13px] text-[#6a6a8a]">57100 Thionville</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">58</span> <span class="flex-1 font-semibold text-[15px]">Nièvre</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/nievre" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Nièvre â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/nevers-419" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FÃDÃRATION DES OEUVRES LAÃQUES DE LA NIÃVRE</a> <p class="text-[13px] text-[#6a6a8a]">58000 Nevers</p> </li><li> <a href="/centres-examen-civique/centre/nevers-883" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - NEVERS</a> <p class="text-[13px] text-[#6a6a8a]">58000 Nevers</p> </li><li> <a href="/centres-examen-civique/centre/nevers-fei-d38be0" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA 58</a> <p class="text-[13px] text-[#6a6a8a]">58000 Nevers</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">59</span> <span class="flex-1 font-semibold text-[15px]">Nord</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">7 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/nord" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Nord â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/dunkerque-1059" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NOFI FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">59140 Dunkerque</p> </li><li> <a href="/centres-examen-civique/centre/lille-fei-10958d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">E2LF - ECOLE LILLOISE DE LANGUE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">59000 Lille</p> </li><li> <a href="/centres-examen-civique/centre/lille-996" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT LANGUES ET SAVOIRS - ISPA LILLE</a> <p class="text-[13px] text-[#6a6a8a]">59000 Lille</p> </li><li> <a href="/centres-examen-civique/centre/lille-616" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LIL'LANGUES</a> <p class="text-[13px] text-[#6a6a8a]">59000 Lille</p> </li><li> <a href="/centres-examen-civique/centre/maubeuge-fei-251cce" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INNOVATION DÃVELOPPEMENT FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">59600 Maubeuge</p> </li><li> <a href="/centres-examen-civique/centre/roubaix-1075" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NOFI FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">59100 Roubaix</p> </li><li> <a href="/centres-examen-civique/centre/valenciennes-1055" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EMPLOI SERVICES FORMATION (ESF_ARRAS)</a> <p class="text-[13px] text-[#6a6a8a]">59300 Valenciennes</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">60</span> <span class="flex-1 font-semibold text-[15px]">Oise</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/oise" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Oise â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/beauvais-fei-253747" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FLEAD</a> <p class="text-[13px] text-[#6a6a8a]">60000 Beauvais</p> </li><li> <a href="/centres-examen-civique/centre/beauvais-834" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LAHO FORMATION - BEAUVAIS</a> <p class="text-[13px] text-[#6a6a8a]">60000 Beauvais</p> </li><li> <a href="/centres-examen-civique/centre/compiegne-378" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CONSENSO FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">60200 Compiègne</p> </li><li> <a href="/centres-examen-civique/centre/compiegne-fei-1b85b6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ESPACE LANGUES ET FORMATIONS</a> <p class="text-[13px] text-[#6a6a8a]">60200 Compiègne</p> </li><li> <a href="/centres-examen-civique/centre/creil-1010" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI SAVOIRS ET COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">60100 Creil</p> </li><li> <a href="/centres-examen-civique/centre/nogent-sur-oise-875" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELFE - CHAMPIGNY-SUR-MARNE</a> <p class="text-[13px] text-[#6a6a8a]">60180 Nogent-sur-Oise</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">61</span> <span class="flex-1 font-semibold text-[15px]">Orne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/orne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Orne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/alencon-fei-5fd4ee" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LA BOÃTE AUX LETTRES</a> <p class="text-[13px] text-[#6a6a8a]">61000 Alençon</p> </li><li> <a href="/centres-examen-civique/centre/flers-fei-6b5463" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">61100 Flers</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">62</span> <span class="flex-1 font-semibold text-[15px]">Pas-de-Calais</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/pas-de-calais" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Pas-de-Calais â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/arras-1011" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI SAVOIRS ET COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">62000 Arras</p> </li><li> <a href="/centres-examen-civique/centre/arras-fei-ca2b94" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AFP2I</a> <p class="text-[13px] text-[#6a6a8a]">20233 Arras</p> </li><li> <a href="/centres-examen-civique/centre/arras-998" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EMPLOI SERVICES FORMATION (ESF_ARRAS)</a> <p class="text-[13px] text-[#6a6a8a]">62000 Arras</p> </li><li> <a href="/centres-examen-civique/centre/boulogne-sur-mer-fei-e36366" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LANGUES ET CULTURES</a> <p class="text-[13px] text-[#6a6a8a]">62200 Boulogne-sur-Mer</p> </li><li> <a href="/centres-examen-civique/centre/calais-fei-d6704a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA GRAND LITTORAL</a> <p class="text-[13px] text-[#6a6a8a]">62100 Calais</p> </li><li> <a href="/centres-examen-civique/centre/lens-669" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LAHO FORMATION - LENS</a> <p class="text-[13px] text-[#6a6a8a]">62300 Lens</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">63</span> <span class="flex-1 font-semibold text-[15px]">Puy-de-Dôme</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/puy-de-dome" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Puy-de-Dôme â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/ambert-fei-c9f628" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA AUVERGNE</a> <p class="text-[13px] text-[#6a6a8a]">63600 Ambert</p> </li><li> <a href="/centres-examen-civique/centre/clermont-ferrand-fei-a09da2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORMATION INSERTION TRAVAIL</a> <p class="text-[13px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </li><li> <a href="/centres-examen-civique/centre/clermont-ferrand-438" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - CLERMONT-FERRAND</a> <p class="text-[13px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </li><li> <a href="/centres-examen-civique/centre/clermont-ferrand-fei-a27bb6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">OSENGO</a> <p class="text-[13px] text-[#6a6a8a]">63100 Clermont-Ferrand</p> </li><li> <a href="/centres-examen-civique/centre/clermont-ferrand-882" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ZD ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">63000 Clermont-Ferrand</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">64</span> <span class="flex-1 font-semibold text-[15px]">Pyrénées-Atlantiques</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/pyrenees-atlantiques" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Pyrénées-Atlantiques â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/anglet-fei-371d83" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LE CLUB DES LANGUES</a> <p class="text-[13px] text-[#6a6a8a]">64600 Anglet</p> </li><li> <a href="/centres-examen-civique/centre/biarritz-607" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KENNEDY FORMATIONS - BMA BIARRITZ</a> <p class="text-[13px] text-[#6a6a8a]">64200 Biarritz</p> </li><li> <a href="/centres-examen-civique/centre/pau-fei-0bed0b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">64000 Pau</p> </li><li> <a href="/centres-examen-civique/centre/pau-1078" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - PAU</a> <p class="text-[13px] text-[#6a6a8a]">64445 Pau</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">65</span> <span class="flex-1 font-semibold text-[15px]">Hautes-Pyrénées</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/hautes-pyrenees" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Hautes-Pyrénées â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/lannemezan-1045" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">65300 Lannemezan</p> </li><li> <a href="/centres-examen-civique/centre/lourdes-1044" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">65100 Lourdes</p> </li><li> <a href="/centres-examen-civique/centre/tarbes-849" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">65000 Tarbes</p> </li><li> <a href="/centres-examen-civique/centre/tarbes-752" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">PURPLE CAMPUS - TARBES</a> <p class="text-[13px] text-[#6a6a8a]">65000 Tarbes</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">66</span> <span class="flex-1 font-semibold text-[15px]">Pyrénées-Orientales</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/pyrenees-orientales" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Pyrénées-Orientales â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/canet-en-roussillon-1032" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">66140 Canet-en-Roussillon</p> </li><li> <a href="/centres-examen-civique/centre/perpignan-fei-17dccc" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALFMED</a> <p class="text-[13px] text-[#6a6a8a]">66000 Perpignan</p> </li><li> <a href="/centres-examen-civique/centre/perpignan-fei-7f3e4b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA - CFA DE L'AUDE ET DES PO - SITE BLUM</a> <p class="text-[13px] text-[#6a6a8a]">66100 Perpignan</p> </li><li> <a href="/centres-examen-civique/centre/perpignan-1031" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">66000 Perpignan</p> </li><li> <a href="/centres-examen-civique/centre/perpignan-fei-7e5a22" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">UNIVERSITà UPVD - CUEF - U33066-01</a> <p class="text-[13px] text-[#6a6a8a]">66860 Perpignan</p> </li><li> <a href="/centres-examen-civique/centre/perpignan-cedex-fei-08088c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA - CFA DE L'AUDE ET DES PO - SITE PICASSO</a> <p class="text-[13px] text-[#6a6a8a]">11092 Perpignan Cedex</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">67</span> <span class="flex-1 font-semibold text-[15px]">Bas-Rhin</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/bas-rhin" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Bas-Rhin â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/haguenau-fei-febdb3" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE SOCIOCULTUREL DU LANGENSAND</a> <p class="text-[13px] text-[#6a6a8a]">67500 Haguenau</p> </li><li> <a href="/centres-examen-civique/centre/schiltigheim-968" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORMALSACE</a> <p class="text-[13px] text-[#6a6a8a]">67300 Schiltigheim</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-fei-5f6b5e" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE - 061007-02</a> <p class="text-[13px] text-[#6a6a8a]">67000 Strasbourg</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-282" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CECI Formation</a> <p class="text-[13px] text-[#6a6a8a]">67100 Strasbourg</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-446" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - STRASBOURG</a> <p class="text-[13px] text-[#6a6a8a]">67100 Strasbourg</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-fei-824dec" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840INSTITUT STRALANG</a> <p class="text-[13px] text-[#6a6a8a]">67000 Strasbourg</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-1083" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RETRAVAILLER DANS L'EST</a> <p class="text-[13px] text-[#6a6a8a]">67200 Strasbourg</p> </li><li> <a href="/centres-examen-civique/centre/strasbourg-1127" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">STRAFORMATION</a> <p class="text-[13px] text-[#6a6a8a]">67000 Strasbourg</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">68</span> <span class="flex-1 font-semibold text-[15px]">Haut-Rhin</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haut-rhin" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haut-Rhin â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/colmar-415" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">C-FIL STRASBOURG</a> <p class="text-[13px] text-[#6a6a8a]">68000 Colmar</p> </li><li> <a href="/centres-examen-civique/centre/colmar-fei-91b454" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE D'ÃTUDES DE LANGUES</a> <p class="text-[13px] text-[#6a6a8a]">68000 Colmar</p> </li><li> <a href="/centres-examen-civique/centre/mulhouse-445" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - MULHOUSE</a> <p class="text-[13px] text-[#6a6a8a]">68200 Mulhouse</p> </li><li> <a href="/centres-examen-civique/centre/mulhouse-fei-6110f2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KEDI FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">68200 Mulhouse</p> </li><li> <a href="/centres-examen-civique/centre/mulhouse-617" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LINGUAPHONE ALSACE</a> <p class="text-[13px] text-[#6a6a8a]">68200 Mulhouse</p> </li><li> <a href="/centres-examen-civique/centre/mulhouse-fei-17bbe9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MBR COMPETENCES ET FORMATIONS NT</a> <p class="text-[13px] text-[#6a6a8a]">68200 Mulhouse</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">69</span> <span class="flex-1 font-semibold text-[15px]">Rhône</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">10 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/rhone" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Rhône â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bron-fei-4cea75" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFI</a> <p class="text-[13px] text-[#6a6a8a]">69500 Bron</p> </li><li> <a href="/centres-examen-civique/centre/givors-fei-0e05f2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFI</a> <p class="text-[13px] text-[#6a6a8a]">69700 Givors</p> </li><li> <a href="/centres-examen-civique/centre/limas-273" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CCI FORMATION BEAUJOLAIS</a> <p class="text-[13px] text-[#6a6a8a]">69400 Limas</p> </li><li> <a href="/centres-examen-civique/centre/lyon-fei-7bb33b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE</a> <p class="text-[13px] text-[#6a6a8a]">69003 Lyon</p> </li><li> <a href="/centres-examen-civique/centre/lyon-fei-0450e6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">BLEU INTERNATIONAL</a> <p class="text-[13px] text-[#6a6a8a]">69006 Lyon</p> </li><li> <a href="/centres-examen-civique/centre/lyon-477" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">Lyon Exam by Inflexyon</a> <p class="text-[13px] text-[#6a6a8a]">69002 Lyon</p> </li><li> <a href="/centres-examen-civique/centre/vaulx-en-velin-473" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - VAULX-EN-VELIN</a> <p class="text-[13px] text-[#6a6a8a]">69120 Vaulx-en-Velin</p> </li><li> <a href="/centres-examen-civique/centre/villefranche-sur-saone-fei-6e55ad" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LÃO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">69400 Villefranche-sur-Saône</p> </li><li> <a href="/centres-examen-civique/centre/villeurbanne-1018" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EFI RHÃNES ALPES</a> <p class="text-[13px] text-[#6a6a8a]">69100 Villeurbanne</p> </li><li> <a href="/centres-examen-civique/centre/villeurbanne-fei-72dc7d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FC2E.RH</a> <p class="text-[13px] text-[#6a6a8a]">69100 Villeurbanne</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">70</span> <span class="flex-1 font-semibold text-[15px]">Haute-Saône</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-saone" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Saône â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/vesoul-fei-df919e" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POINFOR</a> <p class="text-[13px] text-[#6a6a8a]">70000 Vesoul</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">71</span> <span class="flex-1 font-semibold text-[15px]">Saône-et-Loire</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/saone-et-loire" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Saône-et-Loire â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/chalon-sur-saone-467" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - CHALON-SUR-SAÃNE</a> <p class="text-[13px] text-[#6a6a8a]">71100 Chalon-sur-Saone</p> </li><li> <a href="/centres-examen-civique/centre/chalon-sur-saone-fei-2dded9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA 71 SUD BOURGOGNE</a> <p class="text-[13px] text-[#6a6a8a]">50099 Chalon-sur-Saône</p> </li><li> <a href="/centres-examen-civique/centre/macon-442" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - MÃCON</a> <p class="text-[13px] text-[#6a6a8a]">71000 Mâcon</p> </li><li> <a href="/centres-examen-civique/centre/montceau-les-mines-444" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - MONTCEAU-LES-MINES</a> <p class="text-[13px] text-[#6a6a8a]">71300 Montceau-les-Mines</p> </li><li> <a href="/centres-examen-civique/centre/sance-fei-0b8e2b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IFPA</a> <p class="text-[13px] text-[#6a6a8a]">71000 Sancé</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">72</span> <span class="flex-1 font-semibold text-[15px]">Sarthe</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/sarthe" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Sarthe â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/le-mans-fei-943846" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP SARTHE</a> <p class="text-[13px] text-[#6a6a8a]">72000 Le Mans</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">73</span> <span class="flex-1 font-semibold text-[15px]">Savoie</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/savoie" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Savoie â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/albertville-fei-73984f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LÃO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">73200 Albertville</p> </li><li> <a href="/centres-examen-civique/centre/chambery-fei-60416c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACCENTS DRI UNIVERSITà SAVOIE MONT-BLANC</a> <p class="text-[13px] text-[#6a6a8a]">73011 Chambéry</p> </li><li> <a href="/centres-examen-civique/centre/chambery-468" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - CHAMBÃRY</a> <p class="text-[13px] text-[#6a6a8a]">73011 Chambéry</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">74</span> <span class="flex-1 font-semibold text-[15px]">Haute-Savoie</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-savoie" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Savoie â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/annecy-fei-597402" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANCAISE</a> <p class="text-[13px] text-[#6a6a8a]">74000 Annecy</p> </li><li> <a href="/centres-examen-civique/centre/annemasse-434" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - ANNEMASSE</a> <p class="text-[13px] text-[#6a6a8a]">74100 Annemasse</p> </li><li> <a href="/centres-examen-civique/centre/annemasse-fei-7a734a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">SKILLMASTER A</a> <p class="text-[13px] text-[#6a6a8a]">74100 Annemasse</p> </li><li> <a href="/centres-examen-civique/centre/cluses-fei-6f8f86" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LÃO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">74300 Cluses</p> </li><li> <a href="/centres-examen-civique/centre/cran-gevrier-432" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - CRAN-GEVRIER ANNECY</a> <p class="text-[13px] text-[#6a6a8a]">74960 Cran-Gevrier</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">75</span> <span class="flex-1 font-semibold text-[15px]">Paris</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">17 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/paris" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Paris â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/paris-fei-20e9b7" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACADÃMIE EXPERTISE LANGUES - ILE INTERNATIONAL</a> <p class="text-[13px] text-[#6a6a8a]">75012 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-fei-369fe8" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACTE</a> <p class="text-[13px] text-[#6a6a8a]">75019 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-24" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALIP</a> <p class="text-[13px] text-[#6a6a8a]">75015 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-954" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ARCS</a> <p class="text-[13px] text-[#6a6a8a]">75009 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-248" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASPLEF</a> <p class="text-[13px] text-[#6a6a8a]">75010 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-251" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AVD FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">75017 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-1101" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">C-TEC FORMATION CONSEIL</a> <p class="text-[13px] text-[#6a6a8a]">75014 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-779" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840CCI PARIS ILE-DE FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">75010 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-615" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CENTRE PRIVÃ DE LANGUES LSI PARIS</a> <p class="text-[13px] text-[#6a6a8a]">75004 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-405" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELFE PARIS</a> <p class="text-[13px] text-[#6a6a8a]">75001 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-933" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EMPLOI SERVICES FORMATION (ESF_ PARIS)</a> <p class="text-[13px] text-[#6a6a8a]">75019 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-610" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ETOILE INSTITUT DE LANGUE</a> <p class="text-[13px] text-[#6a6a8a]">75007 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-fei-926b88" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORUM ACCORD</a> <p class="text-[13px] text-[#6a6a8a]">75015 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-877" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT ARITAS FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">75017 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-600" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU - PARIS</a> <p class="text-[13px] text-[#6a6a8a]">75116 Paris</p> </li><li> <a href="/centres-examen-civique/centre/paris-cedex-06-165" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE DE PARIS ILE-DE-FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">75270 Paris Cedex 06</p> </li><li> <a href="/centres-examen-civique/centre/porte-de-la-villette-1056" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FARBEE_BY_LEGALUNITE FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">75019 Porte-de-la Villette</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">76</span> <span class="flex-1 font-semibold text-[15px]">Seine-Maritime</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">7 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/seine-maritime" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Seine-Maritime â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/dieppe-1014" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ÃDUCATION ET FORMATION - DIEPPE</a> <p class="text-[13px] text-[#6a6a8a]">76200 Dieppe</p> </li><li> <a href="/centres-examen-civique/centre/le-havre-fei-f61cd2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE DE NORMANDIE</a> <p class="text-[13px] text-[#6a6a8a]">76620 Le Havre</p> </li><li> <a href="/centres-examen-civique/centre/le-havre-1015" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ÃDUCATION ET FORMATION - LE HAVRE</a> <p class="text-[13px] text-[#6a6a8a]">76600 Le Havre</p> </li><li> <a href="/centres-examen-civique/centre/le-havre-fei-053db1" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RECIFE</a> <p class="text-[13px] text-[#6a6a8a]">76600 Le Havre</p> </li><li> <a href="/centres-examen-civique/centre/rouen-184" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN</a> <p class="text-[13px] text-[#6a6a8a]">76000 Rouen</p> </li><li> <a href="/centres-examen-civique/centre/rouen-fei-5a7d5a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRENCH IN NORMANDY</a> <p class="text-[13px] text-[#6a6a8a]">76100 Rouen</p> </li><li> <a href="/centres-examen-civique/centre/rouen-le-petit-quevilly-770" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ÃDUCATION ET FORMATION - ROUEN - LE PETIT-QUEVILLY</a> <p class="text-[13px] text-[#6a6a8a]">76140 Rouen/le Petit-Quevilly</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">77</span> <span class="flex-1 font-semibold text-[15px]">Seine-et-Marne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/seine-et-marne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Seine-et-Marne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/bussy-saint-georges-638" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NEXT UP FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">77600 Bussy-Saint-Georges</p> </li><li> <a href="/centres-examen-civique/centre/bussy-saint-georges-fei-b31669" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">NEXTUP FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">77600 Bussy-Saint-Georges</p> </li><li> <a href="/centres-examen-civique/centre/changis-1089" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GROUPE GEFOR</a> <p class="text-[13px] text-[#6a6a8a]">77660 Changis</p> </li><li> <a href="/centres-examen-civique/centre/le-mee-sur-seine-fei-b46603" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RESSOURCES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">77350 Le Mée-sur-Seine</p> </li><li> <a href="/centres-examen-civique/centre/lieusaint-1026" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AL BUSINESS ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">77127 Lieusaint</p> </li><li> <a href="/centres-examen-civique/centre/melun-813" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POLYLANGUES - CERGY</a> <p class="text-[13px] text-[#6a6a8a]">77000 Melun</p> </li><li> <a href="/centres-examen-civique/centre/pontault-combault-1112" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ARCANES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">77340 Pontault Combault</p> </li><li> <a href="/centres-examen-civique/centre/torcy-fei-9e9816" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">77200 Torcy</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">78</span> <span class="flex-1 font-semibold text-[15px]">Yvelines</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/yvelines" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Yvelines â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/les-mureaux-772" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">D.CONSEILS-FORMATIONS</a> <p class="text-[13px] text-[#6a6a8a]">78130 Les Mureaux</p> </li><li> <a href="/centres-examen-civique/centre/mantes-la-jolie-997" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MRD CONNECT</a> <p class="text-[13px] text-[#6a6a8a]">78120 Mantes-la-Jolie</p> </li><li> <a href="/centres-examen-civique/centre/poissy-fei-4311cc" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RESSOURCES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">78300 Poissy</p> </li><li> <a href="/centres-examen-civique/centre/rambouillet-fei-9f8962" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT INTERNATIONAL LANGUES & AFFAIRES</a> <p class="text-[13px] text-[#6a6a8a]">78120 Rambouillet</p> </li><li> <a href="/centres-examen-civique/centre/sartrouville-666" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">SEA TRAINING</a> <p class="text-[13px] text-[#6a6a8a]">78500 Sartrouville</p> </li><li> <a href="/centres-examen-civique/centre/trappes-902" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MRD CONNECT</a> <p class="text-[13px] text-[#6a6a8a]">78190 Trappes</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">79</span> <span class="flex-1 font-semibold text-[15px]">Deux-Sèvres</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/deux-sevres" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Deux-Sèvres â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/niort-fei-47fa4c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASFODEP</a> <p class="text-[13px] text-[#6a6a8a]">79000 Niort</p> </li><li> <a href="/centres-examen-civique/centre/niort-1104" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LE CAMPUS BY CCI 79</a> <p class="text-[13px] text-[#6a6a8a]">79000 Niort</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">80</span> <span class="flex-1 font-semibold text-[15px]">Somme</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/somme" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Somme â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/amiens-19" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AEFTI SAVOIRS ET COMPÃTENCES</a> <p class="text-[13px] text-[#6a6a8a]">80002 Amiens</p> </li><li> <a href="/centres-examen-civique/centre/amiens-fei-6eed5f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE - ISPA</a> <p class="text-[13px] text-[#6a6a8a]">80000 Amiens</p> </li><li> <a href="/centres-examen-civique/centre/amiens-581" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE D'AMIENS (ISPA)</a> <p class="text-[13px] text-[#6a6a8a]">80000 Amiens</p> </li><li> <a href="/centres-examen-civique/centre/amiens-fei-8e8468" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">UNIVERSITà DE PICARDIE JULES VERNE - U33080-01</a> <p class="text-[13px] text-[#6a6a8a]">80080 Amiens</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">81</span> <span class="flex-1 font-semibold text-[15px]">Tarn</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/tarn" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Tarn â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/albi-fei-8f3298" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">OSENGO</a> <p class="text-[13px] text-[#6a6a8a]">81000 Albi</p> </li><li> <a href="/centres-examen-civique/centre/albi-663" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">PURPLE CAMPUS-ALBI</a> <p class="text-[13px] text-[#6a6a8a]">81000 Albi</p> </li><li> <a href="/centres-examen-civique/centre/castres-1125" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CREPT FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">81100 Castres</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">82</span> <span class="flex-1 font-semibold text-[15px]">Tarn-et-Garonne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/tarn-et-garonne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Tarn-et-Garonne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/castelsarrasin-1043" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">82100 Castelsarrasin</p> </li><li> <a href="/centres-examen-civique/centre/montauban-fei-cc6181" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORMASUP 82</a> <p class="text-[13px] text-[#6a6a8a]">82000 Montauban</p> </li><li> <a href="/centres-examen-civique/centre/montauban-1042" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">82000 Montauban</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">83</span> <span class="flex-1 font-semibold text-[15px]">Var</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/var" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Var â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/toulon-fei-ce9153" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IDEF</a> <p class="text-[13px] text-[#6a6a8a]">83000 Toulon</p> </li><li> <a href="/centres-examen-civique/centre/toulon-825" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">83000 Toulon</p> </li><li> <a href="/centres-examen-civique/centre/toulon-fei-65c4f9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LA LIGUE DE L'ENSEIGNEMENT - FOL 83 - 330083-02</a> <p class="text-[13px] text-[#6a6a8a]">83000 Toulon</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">84</span> <span class="flex-1 font-semibold text-[15px]">Vaucluse</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/vaucluse" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Vaucluse â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/avignon-fei-e2c267" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP VAUCLUSE</a> <p class="text-[13px] text-[#6a6a8a]">84000 Avignon</p> </li><li> <a href="/centres-examen-civique/centre/avignon-824" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">KANGOUROU PROVENCE</a> <p class="text-[13px] text-[#6a6a8a]">84000 Avignon</p> </li><li> <a href="/centres-examen-civique/centre/avignon-624" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MÃDITERRANÃE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">84000 Avignon</p> </li><li> <a href="/centres-examen-civique/centre/carpentras-fei-775e72" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CAP FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">84200 Carpentras</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">85</span> <span class="flex-1 font-semibold text-[15px]">Vendée</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/vendee" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Vendée â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/challans-fei-0450db" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ATC FORMATIONS</a> <p class="text-[13px] text-[#6a6a8a]">85300 Challans</p> </li><li> <a href="/centres-examen-civique/centre/la-roche-sur-yon-351" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP PRESQU'ÃLE - LA ROCHE-SUR-YON</a> <p class="text-[13px] text-[#6a6a8a]">85000 La Roche-sur-Yon</p> </li><li> <a href="/centres-examen-civique/centre/les-herbiers-fei-fe2ed8" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">SAM'COMPETENCES</a> <p class="text-[13px] text-[#6a6a8a]">85500 Les Herbiers</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">86</span> <span class="flex-1 font-semibold text-[15px]">Vienne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">3 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/vienne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Vienne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/poitiers-fei-c6fa6d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA POITOU-CHARENTES</a> <p class="text-[13px] text-[#6a6a8a]">86000 Poitiers</p> </li><li> <a href="/centres-examen-civique/centre/poitiers-fei-7be9a2" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INDIGO FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">86000 Poitiers</p> </li><li> <a href="/centres-examen-civique/centre/poitiers-987" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - POITIERS</a> <p class="text-[13px] text-[#6a6a8a]">86000 Poitiers</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">87</span> <span class="flex-1 font-semibold text-[15px]">Haute-Vienne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/haute-vienne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Haute-Vienne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/limoges-fei-1419a6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CEFAL</a> <p class="text-[13px] text-[#6a6a8a]">87000 Limoges</p> </li><li> <a href="/centres-examen-civique/centre/limoges-fei-4e7f28" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FEL</a> <p class="text-[13px] text-[#6a6a8a]">87000 Limoges</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">88</span> <span class="flex-1 font-semibold text-[15px]">Vosges</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/vosges" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Vosges â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/epinal-fei-7d052d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GIP FORMATION - CEL</a> <p class="text-[13px] text-[#6a6a8a]">88000 Epinal</p> </li><li> <a href="/centres-examen-civique/centre/saint-die-des-vosges-1000" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION - SAINT-DIÃ-DES-VOSGES</a> <p class="text-[13px] text-[#6a6a8a]">88100 Saint-Dié-des-Vosges</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">89</span> <span class="flex-1 font-semibold text-[15px]">Yonne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">5 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/yonne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Yonne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/auxerre-435" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - AUXERRE</a> <p class="text-[13px] text-[#6a6a8a]">89000 Auxerre</p> </li><li> <a href="/centres-examen-civique/centre/auxerre-fei-fa1725" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA 89</a> <p class="text-[13px] text-[#6a6a8a]">89000 Auxerre</p> </li><li> <a href="/centres-examen-civique/centre/joigny-440" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - JOIGNY</a> <p class="text-[13px] text-[#6a6a8a]">89300 Joigny</p> </li><li> <a href="/centres-examen-civique/centre/migennes-fei-c826ec" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POINFOR</a> <p class="text-[13px] text-[#6a6a8a]">89400 Migennes</p> </li><li> <a href="/centres-examen-civique/centre/sens-1096" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - SENS</a> <p class="text-[13px] text-[#6a6a8a]">89100 Sens</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">90</span> <span class="flex-1 font-semibold text-[15px]">Territoire de Belfort</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/territoire-de-belfort" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Territoire de Belfort â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/belfort-1062" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - BELFORT</a> <p class="text-[13px] text-[#6a6a8a]">90000 Belfort</p> </li><li> <a href="/centres-examen-civique/centre/belfort-fei-6eeadc" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INSTITUT POUR LE DÃVELOPPEMENT</a> <p class="text-[13px] text-[#6a6a8a]">90005 Belfort</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">91</span> <span class="flex-1 font-semibold text-[15px]">Essonne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/essonne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Essonne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/etampes-fei-8aca9c" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA DE L'ESSONNE</a> <p class="text-[13px] text-[#6a6a8a]">91150 Etampes</p> </li><li> <a href="/centres-examen-civique/centre/etampes-878" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">HORIZONS 91</a> <p class="text-[13px] text-[#6a6a8a]">91150 Ãtampes</p> </li><li> <a href="/centres-examen-civique/centre/evry-courcouronnes-1069" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELFE - ÃVRY COURCOURONNES</a> <p class="text-[13px] text-[#6a6a8a]">91000 Ãvry Courcouronnes</p> </li><li> <a href="/centres-examen-civique/centre/evry-courcouronnes-fei-ec95d6" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FEEL LEARNING</a> <p class="text-[13px] text-[#6a6a8a]">91080 Ãvry-Courcouronnes</p> </li><li> <a href="/centres-examen-civique/centre/grigny-fei-da1845" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CFP</a> <p class="text-[13px] text-[#6a6a8a]">91350 Grigny</p> </li><li> <a href="/centres-examen-civique/centre/massy-812" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POLYLANGUES - CERGY</a> <p class="text-[13px] text-[#6a6a8a]">91300 Massy</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">92</span> <span class="flex-1 font-semibold text-[15px]">Hauts-de-Seine</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">8 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/hauts-de-seine" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Hauts-de-Seine â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/boulogne-billancourt-fei-1bf096" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">INFREP</a> <p class="text-[13px] text-[#6a6a8a]">92100 Boulogne-Billancourt</p> </li><li> <a href="/centres-examen-civique/centre/chatillon-14" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACIFE</a> <p class="text-[13px] text-[#6a6a8a]">92320 Châtillon</p> </li><li> <a href="/centres-examen-civique/centre/clichy-la-garenne-1085" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EASY LEARN</a> <p class="text-[13px] text-[#6a6a8a]">92110 Clichy-la-Garenne</p> </li><li> <a href="/centres-examen-civique/centre/colombes-1080" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASLY FORMATION-COLOMBES</a> <p class="text-[13px] text-[#6a6a8a]">92700 Colombes</p> </li><li> <a href="/centres-examen-civique/centre/levallois-perret-fei-c322c3" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IFAP</a> <p class="text-[13px] text-[#6a6a8a]">92300 Levallois-Perret</p> </li><li> <a href="/centres-examen-civique/centre/nanterre-1079" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - NANTERRE</a> <p class="text-[13px] text-[#6a6a8a]">92747 Nanterre</p> </li><li> <a href="/centres-examen-civique/centre/puteaux-858" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FARBEE_BY_LEGALUNITE FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">92800 Puteaux</p> </li><li> <a href="/centres-examen-civique/centre/rueil-malmaison-1054" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ARCS</a> <p class="text-[13px] text-[#6a6a8a]">92500 Rueil-Malmaison</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">93</span> <span class="flex-1 font-semibold text-[15px]">Seine-Saint-Denis</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">20 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/seine-saint-denis" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Seine-Saint-Denis â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/aulnay-sous-bois-805" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACTION PLURIELLE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">93600 Aulnay-sous-Bois</p> </li><li> <a href="/centres-examen-civique/centre/bobigny-1009" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">PLATEFORME DE COMPÃTENCES - BOBIGNY</a> <p class="text-[13px] text-[#6a6a8a]">93000 Bobigny</p> </li><li> <a href="/centres-examen-civique/centre/gagny-876" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MYSTORY</a> <p class="text-[13px] text-[#6a6a8a]">93220 Gagny</p> </li><li> <a href="/centres-examen-civique/centre/la-courneuve-fei-476dae" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LE POLE</a> <p class="text-[13px] text-[#6a6a8a]">93120 La Courneuve</p> </li><li> <a href="/centres-examen-civique/centre/le-bourget-1057" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FARBEE_BY_LEGALUNITE FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">93350 Le Bourget</p> </li><li> <a href="/centres-examen-civique/centre/montreuil-402" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EFAC FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">93100 Montreuil</p> </li><li> <a href="/centres-examen-civique/centre/montreuil-946" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">L'ÃCOLE DES CUISTOTS MIGRATEURS</a> <p class="text-[13px] text-[#6a6a8a]">93100 Montreuil</p> </li><li> <a href="/centres-examen-civique/centre/noisy-le-grand-fei-10c77f" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">BTL</a> <p class="text-[13px] text-[#6a6a8a]">93160 Noisy-le-Grand</p> </li><li> <a href="/centres-examen-civique/centre/noisy-le-grand-766" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - NOISY-LE-GRAND</a> <p class="text-[13px] text-[#6a6a8a]">93160 Noisy-le-Grand</p> </li><li> <a href="/centres-examen-civique/centre/pantin-488" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">IFIE</a> <p class="text-[13px] text-[#6a6a8a]">93500 Pantin</p> </li><li> <a href="/centres-examen-civique/centre/pantin-816" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - NOISY-LE-GRAND</a> <p class="text-[13px] text-[#6a6a8a]">93500 Pantin</p> </li><li> <a href="/centres-examen-civique/centre/pantin-971" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ZD ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">93500 Pantin</p> </li><li> <a href="/centres-examen-civique/centre/rosny-1099" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MYSTORY - ROSNY</a> <p class="text-[13px] text-[#6a6a8a]">93110 Rosny</p> </li><li> <a href="/centres-examen-civique/centre/saint-denis-814" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POLYLANGUES - CERGY</a> <p class="text-[13px] text-[#6a6a8a]">93210 Saint denis</p> </li><li> <a href="/centres-examen-civique/centre/saint-denis-fei-31248b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">GRETA SEINE-SAINT-DENIS</a> <p class="text-[13px] text-[#6a6a8a]">93200 Saint-Denis</p> </li><li> <a href="/centres-examen-civique/centre/saint-denis-fei-cb932a" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LÃO LAGRANGE FORMATION ILE DE FRANCE</a> <p class="text-[13px] text-[#6a6a8a]">93200 Saint-Denis</p> </li><li> <a href="/centres-examen-civique/centre/saint-denis-911" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">
4840MOVE UP FORMATION - NOISY-LE-GRAND</a> <p class="text-[13px] text-[#6a6a8a]">93200 Saint-Denis</p> </li><li> <a href="/centres-examen-civique/centre/stains-18" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ADPE</a> <p class="text-[13px] text-[#6a6a8a]">93240 Stains</p> </li><li> <a href="/centres-examen-civique/centre/villemomble-fei-b1335d" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASTROLABE FORMATION - PFD</a> <p class="text-[13px] text-[#6a6a8a]">93250 Villemomble</p> </li><li> <a href="/centres-examen-civique/centre/villepinte-850" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALZER</a> <p class="text-[13px] text-[#6a6a8a]">93420 Villepinte</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">94</span> <span class="flex-1 font-semibold text-[15px]">Val-de-Marne</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">7 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/val-de-marne" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Val-de-Marne â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/alfortville-fei-bc9c0b" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">JK-FORMATIONS</a> <p class="text-[13px] text-[#6a6a8a]">94140 Alfortville</p> </li><li> <a href="/centres-examen-civique/centre/boissy-saint-leger-1046" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LA TECHNIQUE</a> <p class="text-[13px] text-[#6a6a8a]">94470 Boissy-Saint-Léger</p> </li><li> <a href="/centres-examen-civique/centre/champigny-sur-marne-764" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ELFE - CHAMPIGNY-SUR-MARNE</a> <p class="text-[13px] text-[#6a6a8a]">94500 Champigny-sur-Marne</p> </li><li> <a href="/centres-examen-civique/centre/creteil-fei-6d34c7" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LE POLE</a> <p class="text-[13px] text-[#6a6a8a]">94000 Créteil</p> </li><li> <a href="/centres-examen-civique/centre/ivry-sur-seine-fei-3ab9b5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RESSOURCES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">94200 Ivry-sur-Seine</p> </li><li> <a href="/centres-examen-civique/centre/nogent-sur-marne-771" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ZD ACADEMY</a> <p class="text-[13px] text-[#6a6a8a]">94130 Nogent-sur-Marne</p> </li><li> <a href="/centres-examen-civique/centre/thiais-851" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALZER</a> <p class="text-[13px] text-[#6a6a8a]">94320 Thiais</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">95</span> <span class="flex-1 font-semibold text-[15px]">Val-d'Oise</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">10 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/val-d-oise" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Val-d'Oise â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/argenteuil-775" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AFI - ACTION FORMATION INSERTION</a> <p class="text-[13px] text-[#6a6a8a]">95100 Argenteuil</p> </li><li> <a href="/centres-examen-civique/centre/argenteuil-fei-6277e9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ETUDE PLUS ARGENTEUIL</a> <p class="text-[13px] text-[#6a6a8a]">95100 Argenteuil</p> </li><li> <a href="/centres-examen-civique/centre/bezons-fei-b935f5" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">OBJECTIF EMPLOI OUEST</a> <p class="text-[13px] text-[#6a6a8a]">95870 Bezons</p> </li><li> <a href="/centres-examen-civique/centre/cergy-660" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">POLYLANGUES - CERGY</a> <p class="text-[13px] text-[#6a6a8a]">95000 Cergy</p> </li><li> <a href="/centres-examen-civique/centre/cergy-pontoise-fei-c6f88e" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">RESSOURCES FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">95800 Cergy-Pontoise</p> </li><li> <a href="/centres-examen-civique/centre/franconville-1" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ABC FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">95130 Franconville</p> </li><li> <a href="/centres-examen-civique/centre/garges-les-gonesse-16" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACTION PLURIELLE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">95140 Garges-lès-Gonesse</p> </li><li> <a href="/centres-examen-civique/centre/persan-894" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ACTION PLURIELLE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">95340 Persan</p> </li><li> <a href="/centres-examen-civique/centre/saint-ouen-l-aumone-980" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ABC FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">95310 Saint-Ouen L'aumone</p> </li><li> <a href="/centres-examen-civique/centre/sarcelles-fei-c719f9" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FLEAD</a> <p class="text-[13px] text-[#6a6a8a]">95200 Sarcelles</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">97</span> <span class="flex-1 font-semibold text-[15px]">Outre-mer (DROM)</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">6 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/outre-mer-drom" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Outre-mer (DROM) â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/dzaoudzi-1081" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASLY FORMATION-MAYOTTE</a> <p class="text-[13px] text-[#6a6a8a]">97615 Dzaoudzi</p> </li><li> <a href="/centres-examen-civique/centre/les-abymes-743" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">WORLD EXPERIENCE</a> <p class="text-[13px] text-[#6a6a8a]">97139 Les Abymes</p> </li><li> <a href="/centres-examen-civique/centre/mamoudzou-1095" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CHAMBRE DE COMMERCE ET D'INDUSTRIE DE MAYOTTE (CCIM)</a> <p class="text-[13px] text-[#6a6a8a]">97600 Mamoudzou</p> </li><li> <a href="/centres-examen-civique/centre/remire-montjoly-250" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">AURAL LOGOS</a> <p class="text-[13px] text-[#6a6a8a]">97354 Rémire-Montjoly</p> </li><li> <a href="/centres-examen-civique/centre/saint-denis-893" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE DE LA RÃUNION</a> <p class="text-[13px] text-[#6a6a8a]">97400 Saint-Denis</p> </li><li> <a href="/centres-examen-civique/centre/saint-martin-marigot-365" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">CLOUD COM 97</a> <p class="text-[13px] text-[#6a6a8a]">97150 Saint-Martin-Marigot</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">971</span> <span class="flex-1 font-semibold text-[15px]">Département 971</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/971" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 971 â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/baie-mahault-pointe-a-pitre-fei-993854" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORE ALTERNANCE</a> <p class="text-[13px] text-[#6a6a8a]">97122 Baie-Mahault (Pointe-à -Pitre)</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">972</span> <span class="flex-1 font-semibold text-[15px]">Département 972</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/972" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 972 â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/le-lamentin-fei-d652d0" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FORE MARTINIQUE</a> <p class="text-[13px] text-[#6a6a8a]">97232 Le Lamentin</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">973</span> <span class="flex-1 font-semibold text-[15px]">Département 973</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/973" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 973 â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/cayenne-fei-bd2626" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ALLIANCE FRANÃAISE - 339730-02</a> <p class="text-[13px] text-[#6a6a8a]">97300 Cayenne</p> </li><li> <a href="/centres-examen-civique/centre/cayenne-fei-b2b998" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EQUINOXE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">97300 Cayenne</p> </li><li> <a href="/centres-examen-civique/centre/kourou-fei-96fbdd" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EQUINOXE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">97310 Kourou</p> </li><li> <a href="/centres-examen-civique/centre/saint-laurent-du-maroni-fei-6c24da" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">EQUINOXE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">97320 Saint-Laurent-du-Maroni</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">974</span> <span class="flex-1 font-semibold text-[15px]">Département 974</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">2 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/974" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 974 â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/saint-andre-fei-aae474" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</a> <p class="text-[13px] text-[#6a6a8a]">97440 Saint-André</p> </li><li> <a href="/centres-examen-civique/centre/saint-pierre-fei-065b11" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE</a> <p class="text-[13px] text-[#6a6a8a]">97410 Saint-Pierre</p> </li> </ul> </div> </details><details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">976</span> <span class="flex-1 font-semibold text-[15px]">Département 976</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">1 centre</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/976" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Département 976 â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/mamoudzou-fei-5e37ee" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">(A.C.E.)</a> <p class="text-[13px] text-[#6a6a8a]">97600 Mamoudzou</p> </li> </ul> </div> </details>
4840<details class="group bg-white rounded-2xl border border-[#e3e3fd] px-4 py-3"> <summary class="flex items-center gap-3 cursor-pointer list-none"> <span class="shrink-0 w-9 h-9 rounded-lg bg-[#e3e3fd] text-[#000091] font-display font-extrabold text-[14px] flex items-center justify-center tabular-nums">98</span> <span class="flex-1 font-semibold text-[15px]">Outre-mer</span> <span class="text-[13px] text-[#6a6a8a] tabular-nums">4 centres</span> <span class="text-[#000091] text-[18px] leading-none shrink-0 group-open:rotate-45 transition-transform" aria-hidden="true">+</span> </summary> <div class="mt-3 pt-3 border-t border-[#f0f0f8]"> <a href="/centres-examen-civique/outre-mer" class="text-[13px] font-semibold text-[#000091] hover:text-[#1212ff]">Voir la page Outre-mer â</a> <ul class="mt-3 flex flex-col gap-3"> <li> <a href="/centres-examen-civique/centre/agen-boe-1109" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION - BERGERAC</a> <p class="text-[13px] text-[#6a6a8a]">Agen Boe</p> </li><li> <a href="/centres-examen-civique/centre/castelnaudary-1033" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">LEO LAGRANGE FORMATION</a> <p class="text-[13px] text-[#6a6a8a]">Castelnaudary</p> </li><li> <a href="/centres-examen-civique/centre/limoges-986" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">MOVE UP FORMATION - LIMOGES</a> <p class="text-[13px] text-[#6a6a8a]">Limoges</p> </li><li> <a href="/centres-examen-civique/centre/valserhone-448" class="font-semibold text-[14px] text-[#000091] hover:text-[#1212ff]">FRATE FORMATION CONSEIL - VALSERHÃNE</a> <p class="text-[13px] text-[#6a6a8a]">Valserhône</p> </li> </ul> </div> </details> </div> </section> <section class="mx-auto max-w-5xl px-4 pb-12"> <div class="rounded-2xl border border-[#e3e3fd] bg-white p-5"> <h2 class="font-display font-bold text-[17px]">Sources officielles</h2> <ul class="mt-3 grid sm:grid-cols-2 gap-2 text-[14px]"> <li><a href="https://www.legifrance.gouv.fr" target="_blank" rel="noopener" class="text-[#000091] hover:text-[#1212ff]">Décret et arrêté sur l'examen civique - Légifrance</a></li> <li><a href="https://www.service-public.gouv.fr/particuliers/vosdroits/R75684" target="_blank" rel="noopener" class="text-[#000091] hover:text-[#1212ff]">Carte officielle des centres agréés - Service-Public.gouv.fr</a></li> <li><a href="https://www.france-education-international.fr" target="_blank" rel="noopener" class="text-[#000091] hover:text-[#1212ff]">France Ãducation International</a></li> <li><a href="https://francais.cci-paris-idf.fr" target="_blank" rel="noopener" class="text-[#000091] hover:text-[#1212ff]">
4840CCI Paris Ãle-de-France - inscription candidat</a></li> </ul> </div> </section>
4840<script type="application/json" id="centres-map-data">[{"id":"location15-1088","name":"LEO LAGRANGE FORMATION - AMBÃRIEUX EN BUGEY","address":"14 Rue Marius Berliet , 01500 , AMBÃRIEUX EN BUGEY","cityLine":"01500 Ambérieux-en-Bugey","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1088/23","lat":45.968871,"lon":5.342275,"slug":"amberieux-en-bugey-1088"},{"id":"location155-436","name":"FRATE FORMATION CONSEIL - BOURG-EN-BRESSE","address":"9 rue Colonel Arnaud Beltrame, 01000, BOURG-EN-BRESSE","cityLine":"01000 Bourg-en-Bresse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/436","lat":46.21266,"lon":5.23931,"slug":"bourg-en-bresse-436"},{"id":"location102-1097","name":"FRATE FORMATION - MONTLUEL","address":"630 rue des Valets, 01120, MONTLUEL","cityLine":"01120 Montluel","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1097","lat":45.845744,"lon":5.057744,"slug":"montluel-1097"},{"id":"location60-1012","name":"AEFTI SAVOIRS ET COMPÃTENCES","address":"73 Grande rue, 02400, CHATEAU-THIERRY","cityLine":"02400 Chateau-Thierry","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1012/23","lat":49.045819,"lon":3.399278,"slug":"chateau-thierry-1012"},{"id":"fei-52B9D93324B3B29D00C95B7E370D09A15C2A","name":"CFP02","address":"16 rue Roger Salengro","cityLine":"02000 Laon","url":"https://cfp02.info/","lat":49.568215,"lon":3.62563,"slug":"laon-fei-a15c2a"},{"id":"fei-F72D021E4A154A49AD238BFE5075BE07E165","name":"GRETA Aisne","address":"17 Rue Henri Hertz","cityLine":"02100 Saint-Quentin","url":"https://monavenirpro-hdf.fr/notre-reseau/greta-aisne/","lat":49.860195,"lon":3.293992,"slug":"saint-quentin-fei-07e165"},{"id":"location193-1072","name":"ZD ACADEMY","address":"5 bis rue de la Gare, 02200, Soissons","cityLine":"02200 Soissons","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1072","lat":49.367706,"lon":3.335228,"slug":"soissons-1072"},{"id":"fei-5AE553BF21B16DCAE1995B2B994F4F4D6703","name":"IFI 03 - ECOLE DE LA DEUXIÃME CHANCE DE L'ALLIER","address":"11 route de Paris","cityLine":"03000 Avermes","url":"http://www.e2c-allier.fr","lat":46.57953,"lon":3.322904,"slug":"avermes-fei-4d6703"},{"id":"fei-411D543A92158DBFAC81CEFE3DAADA13FFB1","name":"CCI ALLIER","address":"31, quai Louis Blanc","cityLine":"03100 Montluçon","url":"http://www.cci-formation-allier.com","lat":46.345497,"lon":2.599845,"slug":"montlucon-fei-13ffb1"},{"id":"location166-449","name":"FRATE FORMATION CONSEIL - VICHY","address":"2-4 rue de Paris, Passage des Commerces, 03206, VICHY","cityLine":"03206 Vichy","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/449","lat":46.125678,"lon":3.423723,"slug":"vichy-449"},{"id":"fei-DAD78314184654C395561CB307211D4B1034","name":"CAVILAM - ALLIANCE FRANÃAISE","address":"Service des examens 1, avenue des Célestins","cityLine":"03200 Vichy","url":"http://www.cavilam.com","lat":46.11992,"lon":3.425392,"slug":"vichy-fei-4b1034"},{"id":"location162-662","name":"PROVENCE LINGUA","address":"13bis Place de lâHôtel de Ville, 04100, MANOSQUE","cityLine":"04100 Manosque","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/662","lat":43.833475,"lon":5.782563,"slug":"manosque-662"},{"id":"fei-CB7EF82599B051D53BFF0425EABEBDB7687F","name":"CIBC ALPES PROVENCE","address":"264 Rue Berthelot","cityLine":"04100 Manosque","url":"http://www.cpe-cfa.fr","lat":43.823457,"lon":5.79657,"slug":"manosque-fei-b7687f"},{"id":"location161-603","name":"KANGOUROU PROVENCE GAP","address":"Micropolis Quartier Belle Aureille, 05000, GAP","cityLine":"05000 Gap","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/603","lat":44.53506,"lon":6.052878,"slug":"gap-603"},{"id":"fei-12D6D7ABA5044FA1312459998BF4D9876541","name":"CPE CFA","address":"Immeuble le Neptune, 3e étage 140 Boulevard Georges Pompidou","cityLine":"05000 Gap","url":"http://www.cpe-cfa.fr","lat":44.555704,"lon":6.077904,"slug":"gap-fei-876541"},{"id":"location126-928","name":"LANGUAZUR","address":"22 boulevard de la République, 06400, CANNES","cityLine"
4840:"06400 Cannes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/928","lat":43.554661,"lon":7.025072,"slug":"cannes-928"},{"id":"fei-8F06FEE16E030801E6CFF0EE5934144F7F27","name":"ASSOCIATION REFLETS","address":"4, place Sainte Luce Le Lafayette","cityLine":"06800 Cagnes-sur-Mer","url":"http://www.reflets.asso.fr","lat":43.664855,"lon":7.149826,"slug":"cagnes-sur-mer-fei-4f7f27"},{"id":"location1-584","name":"INTERNATIONAL HOUSE CENTRE DE LANGUE RIVIERA","address":"27 rue Rossini, 06000, NICE","cityLine":"06000 Nice","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/584/23","lat":43.700237,"lon":7.262427,"slug":"nice-584"},{"id":"location0-865","name":"KANGOUROU PROVENCE","address":"7 rue de Dijon, 06000, Nice","cityLine":"06000 Nice","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/865/23","lat":43.706949,"lon":7.262772,"slug":"nice-865"},{"id":"fei-C2D5C8CC23D3F8807F34D82401BC6FF94726","name":"ALLIANCE FRANÃAISE CÃTE D'AZUR","address":"2, rue de Paris","cityLine":"06000 Nice","url":"http://www.af-nice.fr","lat":43.705627,"lon":7.270036,"slug":"nice-fei-f94726"},{"id":"fei-19C615E25F0F27C96D2C8C670527816C4E70","name":"LES ATELIERS FL-ESLF","address":"3 rue Alfred Mortier","cityLine":"06000 Nice","url":"https://sejour.fl-france.fr/nice/","lat":43.700298,"lon":7.276523,"slug":"nice-fei-6c4e70"},{"id":"fei-6D65D913570F1D8D77C722D91714A24869BB","name":"LIGUE DE L'ENSEIGNEMENT FOLAM","address":"6 rue Oscar 2","cityLine":"06000 Nice","url":"https://folam.weebly.com/","lat":43.703931,"lon":7.255447,"slug":"nice-fei-4869bb"},{"id":"fei-8C8616A77EBBEAA9163BA92C2216084CB5B3","name":"EQUIVALENCE LANGUE ET COMMUNICATION","address":"Place Sophie Laffitte","cityLine":"06560 Valbonne","url":"https://www.groupeset.com/","lat":43.615512,"lon":7.054762,"slug":"valbonne-fei-4cb5b3"},{"id":"location169-994","name":"EFFICIA - AUBENAS","address":"2 Rue Marc Seguin, 07200, AUBENAS","cityLine":"07200 Aubenas","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/994","lat":44.60825,"lon":4.390293,"slug":"aubenas-994"},{"id":"fei-768689DB7B41108C6E0749980F3F8FE25FF8","name":"INFREP ARDÃCHE","address":"25, rue des Griottes","cityLine":"07200 Aubenas","url":"http://www.infrep.org","lat":44.613017,"lon":4.404781,"slug":"aubenas-fei-e25ff8"},{"id":"fei-0D3A3D2BE37436C46D37F77FE07F713C0F34","name":"NOUVELLE DONNE","address":"Hôtel et Pépinière d'entreprises 698 rue de Vidalon","cityLine":"07430 Davézieux","url":"https://www.nouvelle-donne-formation.org/","lat":45.257726,"lon":4.686333,"slug":"davezieux-fei-3c0f34"},{"id":"location91-1063","name":"FRATE FORMATION CONSEIL - CHARLEVILLE-MÃZIÃRES","address":"8 rue Jean Baptiste Lefort, 08000, CHARLEVILLE-MÃZIÃRES","cityLine":"08000 Charleville-Mézières","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1063","lat":49.741349,"lon":4.72938,"slug":"charleville-mezieres-1063"},{"id":"fei-4AAA33A2471EFD858B6E5CD78CCA2B95A320","name":"LA RONDE DES DÃCOUVERTES 08","address":"19, avenue de Montcy Notre-Dame","cityLine":"08000 Charleville-Mézières","url":"http://www.rdd08.fr","lat":49.774085,"lon":4.738383,"slug":"charleville-mezieres-fei-95a320"},{"id":"fei-52EAAAB04A999AA8CFF3D38A44ABFDE5DEE8","name":"API FORMATION","address":"10, rue Jean-Baptiste Lefort Z.A. du Val de Vence","cityLine":"08000 Charleville-Mézières","url":"https://api-vt.com/apiformation/","lat":49.740929,"lon":4.729592,"slug":"charleville-mezieres-fei-e5dee8"},{"id":"location85-848","name":"LEO LAGRANGE FORMATION","address":"4, Cours Irénée CROS, 09000, Foix","cityLine":"09000 Foix","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/848/23","lat":42.966752,"lon":1.609072,"slug":"foix-848"},{"id":"location133-1028","name":"LEO LAGRANGE FORMATION","address":"41 Rue Jean Jaurès, 09300, LAVELANET","cityLine":"09300 Lavelanet","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1028","lat":42.9312,"lon":1.846024,"slug":"lavelanet-1028"},{"id":"location134-1029","name":"LEO LAGRANGE FORMATION","address":"48 Av. de la Rijol, 09100, PAMIERS","cityLine"
4840:"09100 Pamiers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1029","lat":43.128236,"lon":1.621819,"slug":"pamiers-1029"},{"id":"location135-1030","name":"LEO LAGRANGE FORMATION","address":"Maison de la Citoyenneté - 16 rue de la République, 09200, SAINT GIRONS","cityLine":"09200 Saint Girons","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1030","lat":42.985165,"lon":1.144874,"slug":"saint-girons-1030"},{"id":"location211-447","name":"FRATE FORMATION CONSEIL - TROYES","address":"28 rue Coulommières, 10000, TROYES","cityLine":"10000 Troyes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/447","lat":48.299175,"lon":4.063242,"slug":"troyes-447"},{"id":"fei-4D2E4F807C850B15DFF1EE74A3B387A5143C","name":"Y SCHOOLS - GROUPE ADPS","address":"217, avenue Pierre Brossolette","cityLine":"10000 Troyes","url":"http://www.pfep.yschools.fr","lat":48.283727,"lon":4.078757,"slug":"troyes-fei-a5143c"},{"id":"location55-1034","name":"LEO LAGRANGE FORMATION","address":"170, Rue Jean Melliès, 11000, CARCASSONNE","cityLine":"11000 Carcassonne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1034/23","lat":43.206029,"lon":2.315962,"slug":"carcassonne-1034"},{"id":"fei-666987B687EE455E7BA4258B3B6290D8A4F7","name":"GRETA - CFA DE L'AUDE ET DES PYRÃNÃES ORIENTALES","address":"Site de Carcassonne Salvaza 750, rue Antoine Durand","cityLine":"11000 Carcassonne","url":"https://digital.maforpro-occitanie.fr/","lat":43.210238,"lon":2.303169,"slug":"carcassonne-fei-d8a4f7"},{"id":"fei-845B8039CE9EFA6BBBDB65D25388F85F0958","name":"GRETA-CFA DE L'AUDE ET DES PYRÃNÃES-ORIENTALES","address":"Lycée Germaine Tillon 1, avenue du campus Jean Durant","cityLine":"11400 Castelnaudary","url":"https://maforpro-occitanie.fr/greta-cfa/votre-greta-cfa/greta-cfa-des-pyrenees-orientales","lat":43.304411,"lon":1.943346,"slug":"castelnaudary-fei-5f0958"},{"id":"location138-1035","name":"LEO LAGRANGE FORMATION","address":"Batiment B Espace soleil, 2 route de Gruissan, 11100, NARBONNE","cityLine":"11100 Narbonne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1035","lat":43.161524,"lon":3.047209,"slug":"narbonne-1035"},{"id":"fei-DA601A66FDF1552595E12BC1C2C2012C0A1C","name":"ASSOCIATION \"CHEZ MOTS PASSANTS\"","address":"Maison des Services 1, avenue de la Naïade","cityLine":"11100 Narbonne","url":"http://www.chezmotspassants.fr","lat":43.185409,"lon":2.979154,"slug":"narbonne-fei-2c0a1c"},{"id":"location139-1036","name":"LEO LAGRANGE FORMATION","address":"Pépinière et Hotel d'entreprises Parc régional d'activité économique Charles Cros RD 118, 11300, PIEUSSE","cityLine":"11300 Pieusse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1036","lat":48.403469,"lon":6.825691,"slug":"pieusse-1036"},{"id":"location181-995","name":"EFFICIA - MILLAU","address":"32 avenue de la République, 12100, MILLAU","cityLine":"12100 Millau","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/995","lat":44.103057,"lon":3.076782,"slug":"millau-995"},{"id":"fei-5852B86BC9C79A91E1F867C96F29211D00CC","name":"GRETA MIDI-PYRÃNÃES NORD","address":"38 boulevard de l'Ayrolle","cityLine":"12100 Millau","url":"https://maforpro-occitanie.fr/","lat":44.096325,"lon":3.076504,"slug":"millau-fei-1d00cc"},{"id":"location179-260","name":"CAMPUS XIIe AVENUE","address":"5 rue de Bruxelles, 12000, RODEZ","cityLine":"12000 Rodez","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/260","lat":44.359002,"lon":2.557955,"slug":"rodez-260"},{"id":"fei-7F9061CC06FEF561569BE3B84E6706E5BCF8","name":"GRETA MIDI-PYRÃNÃES NORD","address":"5 avenue du Maréchal Joffre","cityLine":"12000 Rodez","url":"http://www.maforpro.ac-toulouse.fr","lat":44.362659,"lon":2.576899,"slug":"rodez-fei-e5bcf8"},{"id":"location96-1070","name":"ELFE - ÃVRY COURCOURONNES","address":"155 Rue Paul Langevin, 13290, AIX-EN-PROVENCE","cityLine":"13290 Aix-en-Provence","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1070","lat":43.479928,"lon":5.372757,"slug":"aix-en-provence-1070"},{"id":"fei-5415467995719E71FAF6BE95F472E8CF1A95","name":"IS - INSTITUT INTERNATIONAL DE LANGUE","address":"30, avenue des Ecoles Militaires","cityLine"
4840:"13100 Aix-en-Provence","url":"http://www.is-aix.com","lat":43.526874,"lon":5.46275,"slug":"aix-en-provence-fei-cf1a95"},{"id":"fei-337E0DEFF8D578C58581D51EB35F71ADA4F1","name":"ALLIANCE FRANÃAISE PROVENCE","address":"47 boulevard de la République","cityLine":"13100 Aix-en-Provence","url":"http://www.afaixmarseille.org","lat":43.528657,"lon":5.440324,"slug":"aix-en-provence-fei-ada4f1"},{"id":"fei-B4D946A0AE3C25727947F42489AF8A4E5097","name":"CENTRE SOCIAL LA FARANDOLE","address":"Rue de la Poutre","cityLine":"13800 Istres","url":"http://languesfarandole.wordpress.com","lat":43.505307,"lon":4.989155,"slug":"istres-fei-4e5097"},{"id":"location0-744","name":"WORLD TRADE CENTER MARSEILLE PROVENCE","address":"2 rue Henri Barbusse, 13001, MARSEILLE","cityLine":"13001 Marseille","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/744/23","lat":43.298401,"lon":5.374286,"slug":"marseille-744"},{"id":"location1-939","name":"COGNITION FORMATION","address":"52 La Canebière 13001, 13014, MARSEILLE","cityLine":"13014 Marseille","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/939/23","lat":43.296901,"lon":5.379568,"slug":"marseille-939"},{"id":"location2-901","name":"KANGOUROU PROVENCE","address":"7 rue Gaston de Flotte, 13012, Marseille","cityLine":"13012 Marseille","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/901/23","lat":43.295912,"lon":5.423662,"slug":"marseille-901"},{"id":"fei-B61BFF8EB345978303F96C7587083DDE3D6F","name":"SUD FORMATION","address":"3 rue Jean Eugène Paillas CÅur Capelette Iot 18 Bât D","cityLine":"13010 Marseille","url":"https://sudformation13.fr/","lat":43.278024,"lon":5.405837,"slug":"marseille-fei-de3d6f"},{"id":"fei-736BBEDBD6574988F74393CD5E54934D2AAA","name":"ALLIANCE FRANÃAISE PROVENCE","address":"72-74 rue Saint-Suffren","cityLine":"13006 Marseille","url":"http://www.afaixmarseille.org","lat":43.287709,"lon":5.379563,"slug":"marseille-fei-4d2aaa"},{"id":"fei-50411253F0658FE77BC018C8561B7FE2019B","name":"ATOUT LANGUES SUD","address":"9 rue Dragon","cityLine":"13006 Marseille","url":"https://www.courslangueetrangere.com/","lat":43.288473,"lon":5.38151,"slug":"marseille-fei-e2019b"},{"id":"location186-985","name":"MOVE UP FORMATION - CAEN","address":"26 Avenue de Thiès, 14000, CAEN","cityLine":"14000 Caen","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/985","lat":49.198856,"lon":-0.36164,"slug":"caen-985"},{"id":"fei-FEE2F99031E32E9DDEC427A2E212046AE618","name":"ECOLE DES PARENTS ET DES ÃDUCATEURS DU CALVADOS - EPE","address":"24 avenue de la 1ère Armée Française","cityLine":"14000 Caen","url":"https://www.epe14.fr","lat":49.188688,"lon":-0.382916,"slug":"caen-fei-6ae618"},{"id":"fei-56027240CA5FF06A4DE5907FB390BC8F86F6","name":"OSENGO","address":"5, rue du Coq Vert","cityLine":"15000 Aurillac","url":"http://www.aformac.fr","lat":44.920119,"lon":2.438424,"slug":"aurillac-fei-8f86f6"},{"id":"location187-1016","name":"FRATE FORMATION CONSEIL - SAINT-FLOUR","address":"5 Avenue de Besserette, 15100, SAINT- FLOUR","cityLine":"15100 Saint-Flour","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1016","lat":45.036265,"lon":3.081002,"slug":"saint-flour-1016"},{"id":"fei-A69E900A01F921B2B3D77DB98199E7D65B10","name":"LIGUE DE LâENSEIGNEMENT NOUVELLE AQUITAINE","address":"23 rue de Paris","cityLine":"16000 Angoulême","url":"http://www.irfrep.org","lat":45.658586,"lon":0.164575,"slug":"angouleme-fei-d65b10"},{"id":"fei-DBD03751D191BA8815B2684F3F5E8A35DC89","name":"GRETA POITOU-CHARENTES","address":"86, rue de Bel Air CS","cityLine":"10703 La Rochelle","url":"http://www.greta-poitou-charentes.fr","lat":46.167601,"lon":-1.165817,"slug":"la-rochelle-fei-35dc89"},{"id":"fei-48D4DF19C0810F4AE02AAF1BCFD4BB8B2EAD","name":"INLINGUA","address":"3 Rue Alfred Kastler","cityLine":"17000 La Rochelle","url":"http://www.inlingua17.fr","lat":46.140789,"lon":-1.160576,"slug":"la-rochelle-fei-8b2ead"},{"id":"fei-008528986D45FD000E35278A4208FD2A6F67","name":"CENTRE AUDIOVISUEL DE ROYAN POUR L'ETUDE DES LANGUES","address":"48, boulevard Franck Lamy Place Jean-Noel de Lipkowski","cityLine"
4840:"17200 Royan","url":"http://www.carel.org","lat":45.628831,"lon":-1.017066,"slug":"royan-fei-2a6f67"},{"id":"location185-1003","name":"FRATE FORMATION - BOURGES","address":"Association Tivoli Initiative, 18000, BOURGES","cityLine":"18000 Bourges","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1003","lat":47.123187,"lon":2.407767,"slug":"bourges-1003"},{"id":"fei-1D98948A951D410E55563E5B385893469DDD","name":"IMEP - INSTITUT COMMUNAUTAIRE D'EDUCATION PERMANENTE","address":"7, rue Marest - Bât. Salle d'Armes Campus Lahitolle","cityLine":"18000 Bourges","url":"http://imep.bourgesplus.fr","lat":47.078858,"lon":2.416143,"slug":"bourges-fei-469ddd"},{"id":"fei-704103A1AFE8A19B6BA644464348DDC4311E","name":"APPRENDRE LE FRANÃAIS","address":"26 Place Vaillant Couturier","cityLine":"18100 Vierzon","url":"https://www.facebook.com/ALF.18100","lat":47.223372,"lon":2.07073,"slug":"vierzon-fei-c4311e"},{"id":"location194-1073","name":"ZD ACADEMY","address":"152 avenue jean Jaurès, 19100, Brive La Gaillarde","cityLine":"19100 Brive-la-Gaillarde","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1073","lat":45.154653,"lon":1.530236,"slug":"brive-la-gaillarde-1073"},{"id":"fei-A986648DFA6FC4EE31E1D052C91F7120882A","name":"FEL","address":"4 avenue du 4 Juillet 1774","cityLine":"19100 Brive-la-Gaillarde","url":"http://www.groupe-fel.fr","lat":45.158044,"lon":1.479082,"slug":"brive-la-gaillarde-fei-20882a"},{"id":"location50-1008","name":"KANGOUROU PROVENCE","address":"Place Miot, boulevard Albert 1er, 20000, Ajaccio","cityLine":"20000 Ajaccio","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1008/23","lat":41.911044,"lon":8.721375,"slug":"ajaccio-1008"},{"id":"location117-1076","name":"MOVE UP FORMATION - BASTIA","address":"6 Route de ville, 20200, BASTIA","cityLine":"20200 Bastia","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1076","lat":42.704562,"lon":9.449657,"slug":"bastia-1076"},{"id":"location127-836","name":"LIGUE DE L'ENSEIGNEMENT BOURGOGNE FRANCHE COMTà - DIJON","address":"10 rue Camille Flammarion, 21000, DIJON","cityLine":"21000 Dijon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/836","lat":47.331411,"lon":5.061915,"slug":"dijon-836"},{"id":"location171-439","name":"FRATE FORMATION CONSEIL - DIJON","address":"17 rue des Corroyeurs, 21000, DIJON","cityLine":"21000 Dijon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/439","lat":47.316027,"lon":5.03309,"slug":"dijon-439"},{"id":"location119-807","name":"INSTITUT DE TOURAINE - IEFT","address":"Ligue de l'Enseignement BFC, 20 rue de l'Egalité,, 21000, Dijon","cityLine":"21000 Dijon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/807","lat":47.328252,"lon":5.031845,"slug":"dijon-807"},{"id":"fei-B5CCA9EB620BC438DDBB5DA3D5E428A3D9E5","name":"CESAM - CONCILIER LâECONOMIQUE ET LE SOCIAL","address":"3 rue Jean XXIII","cityLine":"21000 Dijon","url":"http://www.cesamformation.org","lat":47.332143,"lon":5.064279,"slug":"dijon-fei-a3d9e5"},{"id":"fei-D27FC40EBA6DEE80B1B131E958A405332A1C","name":"IFPA","address":"11 boulevard Rembrandt","cityLine":"21000 Dijon","url":"https://ifpa-formation.com/","lat":47.349223,"lon":5.047118,"slug":"dijon-fei-332a1c"},{"id":"location113-1065","name":"MOVE UP FORMATION - SAINT-BRIEUC","address":"6 Boulevard Clemenceau, 22000 , SAINT-BRIEUC","cityLine":"22000 Saint-Brieuc","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1065","lat":48.510029,"lon":-2.759742,"slug":"saint-brieuc-1065"},{"id":"fei-1F937DCB112698615B8C8179CA87742C5721","name":"CLPS L'ENJEU COMPÃTENCES","address":"3 rue Jules Vallès","cityLine":"22000 Saint-Brieuc","url":"http://www.clps.net","lat":48.499588,"lon":-2.749213,"slug":"saint-brieuc-fei-2c5721"},{"id":"location32-1108","name":"LEO LAGRANGE FORMATION - BERGERAC","address":"15 rue Neuve dâArgenson, 24100, BERGERAC","cityLine":"24100 Bergerac","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1108/23","lat":44.849445,"lon":0.484596,"slug":"bergerac-1108"},{"id":"fei-BEBD9967698EBE26509421166719E522B390","name":"INFREP","address":"1, rue Littré","cityLine"
4840:"24000 Périgueux","url":"https://www.infrep.org/","lat":45.180272,"lon":0.719077,"slug":"perigueux-fei-22b390"},{"id":"location177-433","name":"FRATE FORMATION CONSEIL - BESANÃON","address":"83 rue de Dole , 25000, BESANÃON","cityLine":"25000 Besançon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/433","lat":47.229598,"lon":5.99143,"slug":"besancon-433"},{"id":"fei-23DEE29AEBF174E06D7DA07A0C98DA82D571","name":"CLA - UNIVERSITà MARIE ET LOUIS PASTEUR - U33250-01","address":"Pôle scolarité 6, rue Gabriel Plançon","cityLine":"25000 Besançon","url":"http://cla.univ-fcomte.fr/","lat":47.234477,"lon":6.015209,"slug":"besancon-fei-82d571"},{"id":"location217-451","name":"FRATE FORMATION CONSEIL - MONTBÃLIARD","address":"37 avenue des alliés , 25200, MONTBÃLIARD","cityLine":"25200 Montbéliard","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/451","lat":47.512103,"lon":6.799449,"slug":"montbeliard-451"},{"id":"fei-E981D57A702E424C19567AA4C06A2F522B4D","name":"GRETA - CFA HAUTE-SAÃNE & NORD FRANCHE-COMTÃ","address":"NUMERICA - Bâtiment A 1, cours Louis Leprince-Ringuet","cityLine":"25200 Montbéliard","url":"https://greta-franche-comte.fr","lat":47.495974,"lon":6.805894,"slug":"montbeliard-fei-522b4d"},{"id":"fei-42966A508CF81E6A9B518B3FE25E7633A32F","name":"ELO LES LANGUES DE LA CCI DE LA DRÃME","address":"50 bis, cours Emilie du Châtelet BP","cityLine":"15353 Alixan","url":"https://www.drome.cci.fr/nos-formations","lat":44.99189,"lon":4.980677,"slug":"alixan-fei-33a32f"},{"id":"location66-1111","name":"LA VOIX FRANÃAISE","address":"4 rue Maurice Sibille, 26200, MONTÃLIMAR","cityLine":"26200 Montélimar","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1111/23","lat":44.524317,"lon":4.742831,"slug":"montelimar-1111"},{"id":"fei-75866DADC0E0F7C897CD373F2A8B3047D3D1","name":"INFREP DROME","address":"4 Avenue Gaston Vernier","cityLine":"26200 Montélimar","url":"http://www.infrep.org","lat":44.573446,"lon":4.738987,"slug":"montelimar-fei-47d3d1"},{"id":"location20-472","name":"LEO LAGRANGE FORMATION - VALENCE","address":"1 passage de l'argonne, 26000, VALENCE","cityLine":"26000 Valence","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/472/23","lat":44.93417,"lon":4.897456,"slug":"valence-472"},{"id":"fei-F58672AB1686F6A9F83EAFC8ECBE3385D71E","name":"ALFA - ASSOCIATION LOCALE POUR LA FORMATION ET LâADAPTATION SOCIOPROFESSIONNELLE","address":"Campus de l'espace 1 Avenue Hubert Curien","cityLine":"27200 Vernon","url":"https://association-alfa.com","lat":49.108181,"lon":1.499039,"slug":"vernon-fei-85d71e"},{"id":"location29-769","name":"ÃDUCATION ET FORMATION - ÃVREUX","address":"63 rue de Rome, 27000, ÃVREUX","cityLine":"27000 Ãvreux","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/769/23","lat":49.030489,"lon":1.185426,"slug":"evreux-769"},{"id":"location104-1052","name":"LEO LAGRANGE FORMATION - DREUX","address":"58 rue du Château d'eau, 28300, CHARTRES MAINVILLIERS","cityLine":"28300 Chartres Mainvilliers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1052","lat":48.451006,"lon":1.446782,"slug":"chartres-mainvilliers-1052"},{"id":"location106-1053","name":"LEO LAGRANGE FORMATION - DREUX","address":"37 rue Gambetta, 28200, CHATEAUDUN","cityLine":"28200 Chateaudun","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1053","lat":48.069025,"lon":1.33115,"slug":"chateaudun-1053"},{"id":"fei-55AE49B15C70A57AE1266ABD617D782C89B3","name":"CRIA 28","address":"Ancienne nne, salles 1 et 2, rue d'Aboville, allée du général Martial Valin","cityLine":"28000 Chartres","url":"http://www.cria28.com","lat":48.44511,"lon":1.519433,"slug":"chartres-fei-2c89b3"},{"id":"fei-15BD316A6185880EBE92B27BBE7895AA1F60","name":"CRIA 28","address":"Centre Toufaire 3, passage des Francs-Tireurs de Cannes","cityLine":"28200 Châteaudun","url":"http://www.cria28.com","lat":48.070776,"lon":1.327343,"slug":"chateaudun-fei-aa1f60"},{"id":"location105-1049","name":"LEO LAGRANGE FORMATION - DREUX","address":"LEO LAGRANGE FORMATION , 28100, DREUX","cityLine"
4840:"28100 Dreux","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1049","lat":48.72615,"lon":1.370687,"slug":"dreux-1049"},{"id":"fei-5E834534A33EFF91C61FAE6080DA8A9F68EC","name":"CRIA 28","address":"Centre St Jean 17, rue St Jean","cityLine":"28100 Dreux","url":"http://www.cria28.com","lat":48.739374,"lon":1.370014,"slug":"dreux-fei-9f68ec"},{"id":"location93-1048","name":"LEO LAGRANGE FORMATION - BREST","address":"82 Avenue Montaigne , 29200, BREST","cityLine":"29200 Brest","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1048","lat":48.40459,"lon":-4.47913,"slug":"brest-1048"},{"id":"fei-71C4D7B659627F7EF0335F40628DD831ECC5","name":"CLPS L'ENJEU COMPÃTENCES","address":"4 rue Ferdinand de Lesseps BP","cityLine":"42317 Brest","url":"http://www.clps.net","lat":48.42019,"lon":-4.45919,"slug":"brest-fei-31ecc5"},{"id":"location72-1100","name":"IBEP - MORLAIX","address":"310, Rue Caroline Aigle, 29600, MORLAIX","cityLine":"29600 Morlaix","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1100/23","lat":48.595782,"lon":-3.816644,"slug":"morlaix-1100"},{"id":"location94-1050","name":"LEO LAGRANGE FORMATION - BREST","address":"Espace associatif - 1 Allée Monseigneur Jean René Calloc'h, 29000, QIMPER","cityLine":"29000 Qimper","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1050","lat":47.982855,"lon":-4.078864,"slug":"qimper-1050"},{"id":"fei-8CB3EC965B86CC91E39BBD5D6432C58E46FE","name":"CEL DU CFTMI","address":"Centre d'étude de langues 145 avenue de Kéradennec","cityLine":"29000 Quimper","url":"https://test-civique.fr/inscription","lat":47.972815,"lon":-4.085493,"slug":"quimper-fei-8e46fe"},{"id":"fei-70C2A57182E8260CF09B15D4B84432388E78","name":"GRETA-CFA DE CORSE DU SUD (Site Bonaparte)","address":"Lycée Laetitia Bonaparte - CS","cityLine":"20845 Ajaccio","url":"https://2a.gretacfa.corsica/inscription-tests-et-certifications-en-francais/","lat":41.918009,"lon":8.739019,"slug":"ajaccio-fei-388e78"},{"id":"fei-865E17DE8902CF53E101A949AE4DDFF5CB42","name":"GRETA-CFA DE CORSE DU SUD (Site Finosello)","address":"LP FINOSELLO- Avenue Maréchal Lyautey","cityLine":"20090 Ajaccio","url":"https://2a.gretacfa.corsica/nouvelles-formations-fle/","lat":41.937504,"lon":8.744938,"slug":"ajaccio-fei-f5cb42"},{"id":"fei-898099D8763128346CA7E040AE506CE35EA7","name":"GRETA-CFA DE CORSE-DU-SUD","address":"Espace Formation- Collège Léon BOUJOT Route de l'Ospedale","cityLine":"20137 Porto-Vecchio","url":"https://2a.gretacfa.corsica/","lat":41.601638,"lon":9.276326,"slug":"porto-vecchio-fei-e35ea7"},{"id":"fei-64AF80B7685F488879E0788DF7617F758B4F","name":"GRETA DE HAUTE-CORSE","address":"Lycée Paul Vincensini - Avenue de la 4ème DMM - Cité Technique de Montesoro","cityLine":"20600 Bastia","url":"http://www.gretacfa.corsica","lat":42.669919,"lon":9.441206,"slug":"bastia-fei-758b4f"},{"id":"fei-4BFB82A36FA6017F59D01F536B43A5154436","name":"ASSOCIATION OPRA A LECCIA","address":"Route Royale","cityLine":"20600 Bastia","url":"http://www.opra.corsica","lat":42.678189,"lon":9.43405,"slug":"bastia-fei-154436"},{"id":"fei-61D6BAE1F980CF1A0EEB9B27AEBADF9A7BD9","name":"FLE'CONNEXION","address":"26, place des Martyrs de la Résistance","cityLine":"30100 Alès","url":"http://www.fle-connexion.com","lat":44.127004,"lon":4.07782,"slug":"ales-fei-9a7bd9"},{"id":"location148-1126","name":"LEO LAGRANGE FORMATION","address":"Forum Ville Active, 32 Rue Robert Mallet Stevens Bâtiment A, 30900, NIMES","cityLine":"30900 Nimes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1126","lat":43.812905,"lon":4.348725,"slug":"nimes-1126"},{"id":"location183-403","name":"EFFICIA","address":"11T, rue Salomon Reinach, 30000, NIMES","cityLine":"30000 Nimes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/403","lat":43.833314,"lon":4.378629,"slug":"nimes-403"},{"id":"fei-35F4EDFEB61B457DB2D73CF6D4587BF41A7D","name":"INFREP","address":"188 allée de l'Amérique latine","cityLine":"30900 Nîmes","url":"https://www.infrep.org/","lat":43.820979,"lon":4.363604,"slug":"nimes-fei-f41a7d"},{"id":"fei-98A2499B1CD5CD368748BE9396FEC704196C","name":"GRETA-CFA GARD-LOZERE","address":"Immeuble Innovation 3 442 rue George Besse - 2e étage","cityLine"
4840:"30000 Nîmes","url":"https://www.greta-gard.com","lat":43.836409,"lon":4.377252,"slug":"nimes-fei-04196c"},{"id":"fei-DC35720B493DAD3F596D5403D2FC7F2B66C5","name":"EPLEFPA","address":"CFPPA 50 route de Grazac","cityLine":"31190 Auterive","url":"https://citesciencesvertes.educagri.fr/","lat":43.34156,"lon":1.475875,"slug":"auterive-fei-2b66c5"},{"id":"location0-831","name":"CREPT FORMATION","address":"130 rue Henri Desbals, 31100, TOULOUSE","cityLine":"31100 Toulouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/831/23","lat":43.580568,"lon":1.412925,"slug":"toulouse-831"},{"id":"location1-482","name":"LEO LAGRANGE FORMATION","address":"13 RUE MICHEL LABROUSSE, 31100, TOULOUSE","cityLine":"31100 Toulouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/482/23","lat":43.568451,"lon":1.386421,"slug":"toulouse-482"},{"id":"location3-1093","name":"LEO LAGRANGE FORMATION","address":"70 Boulevard Matabiau, 31000, TOULOUSE","cityLine":"31000 Toulouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1093","lat":43.615874,"lon":1.43835,"slug":"toulouse-1093"},{"id":"location2-866","name":"KANGOUROU PROVENCE","address":"2 Rue Raymond Lizop - Immeuble \"Les Imaginations Fertiles\", 31100, Toulouse","cityLine":"31100 Toulouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/866/23","lat":43.567259,"lon":1.398521,"slug":"toulouse-866"},{"id":"fei-597D9F098561F8532303A69A29FF5707D785","name":"AMS GRAND SUD","address":"70 boulevard Matabiau","cityLine":"31000 Toulouse","url":"http://www.ams-grandsud.com","lat":43.615874,"lon":1.43835,"slug":"toulouse-fei-07d785"},{"id":"fei-02A7887F3F487A5F6A02832933AB11A0BD2C","name":"ALLIANCE FRANÃAISE","address":"Bâtiment Maison des Associations 3, bis place Guy Hersant","cityLine":"31400 Toulouse","url":"http://www.alliance-toulouse.org","lat":43.577366,"lon":1.444192,"slug":"toulouse-fei-a0bd2c"},{"id":"fei-F3C4FC09E778F41140E68FBF84E7BB1A987B","name":"LANGUE ONZE","address":"10 rue des arts","cityLine":"31000 Toulouse","url":"http://www.langueonze.com","lat":43.600237,"lon":1.447115,"slug":"toulouse-fei-1a987b"},{"id":"location52-847","name":"LEO LAGRANGE FORMATION","address":"1 allée Lagarrasic, 32000, Auch","cityLine":"32000 Auch","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/847/23","lat":43.642007,"lon":0.585789,"slug":"auch-847"},{"id":"fei-FC381E281D596B77201C11E98B8C18B15CB2","name":"ASSOCIATION NATIF","address":"13 boulevard Roquelaure","cityLine":"32000 Auch","url":"http://www.natif.fr","lat":43.649897,"lon":0.58534,"slug":"auch-fei-b15cb2"},{"id":"location142-1040","name":"LEO LAGRANGE FORMATION","address":"16 rue Jean Jaurès, 32100, CONDOM","cityLine":"32100 Condom","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1040","lat":43.955869,"lon":0.37243,"slug":"condom-1040"},{"id":"location143-1041","name":"LEO LAGRANGE FORMATION","address":"22 Rue Jean Jaurès, 32600, LâISLE JOURDAIN","cityLine":"32600 Lâisle Jourdain","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1041","lat":43.614672,"lon":1.09055,"slug":"l-isle-jourdain-1041"},{"id":"location0-637","name":"NEWDEAL INSTITUT BORDEAUX","address":"2 Parvis Gattebourse, 33800, BORDEAUX","cityLine":"33800 Bordeaux","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/637","lat":44.820341,"lon":-0.546333,"slug":"bordeaux-637"},{"id":"fei-86CA2DBEA3D105B8F018E6DAB16F496DD03D","name":"ALLIANCE FRANÃAISE","address":"126 rue Abbé de l'Epée","cityLine":"33000 Bordeaux","url":"http://www.alliance-bordeaux.org","lat":44.845334,"lon":-0.583874,"slug":"bordeaux-fei-6dd03d"},{"id":"fei-38ABD0EEE08CC5FB5F7EC5F342DBEE9B44AD","name":"INFREP GIRONDE","address":"110 rue Achard Bâtiment C","cityLine":"33300 Bordeaux","url":"https://www.infrep.org/agences/infrep-gironde/","lat":44.86931,"lon":-0.547674,"slug":"bordeaux-fei-9b44ad"},{"id":"location121-1121","name":"CLAP SUD-OUEST","address":"13 - 15 allée du Colonel Fabien - LORMONT, 33110, LORMONT","cityLine":"33110 Lormont","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1121","lat":44.876317,"lon":-0.520119,"slug":"lormont-1121"},{"id":"location227-815","name":"POLYLANGUES - CERGY","address":"8 rue du Courant, 33310, LORMONT","cityLine"
4840:"33310 Lormont","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/815","lat":44.881049,"lon":-0.514502,"slug":"lormont-815"},{"id":"fei-4B83A66E719490EF988005763BA6BFC72924","name":"CITà DES LANGUES ÃTRANGÃRES DE L'UNIVERSITà BORDEAUX MONTAIGNE","address":"Avenue du Dr Paul Fournial","cityLine":"33600 Pessac","url":"https://www.u-bordeaux-montaigne.fr/fr/formations/cleff-cite-des-langues.html","lat":44.793889,"lon":-0.617951,"slug":"pessac-fei-c72924"},{"id":"location131-1019","name":"LEO LAGRANGE FORMATION","address":"2 Rue du Saphir - Bâtiment G, 34300, AGDE","cityLine":"34300 Agde","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1019","lat":43.299985,"lon":3.475381,"slug":"agde-1019"},{"id":"location53-1020","name":"LEO LAGRANGE FORMATION","address":"5/7 Rue Joseph Fabre, 34500, BEZIERS","cityLine":"34500 Beziers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1020/23","lat":43.349842,"lon":3.233263,"slug":"beziers-1020"},{"id":"fei-D9E15AA010B2
484066B53300FD73E88F25D1E05B","name":"CENTRE HOBSON","address":"6, rue Pierre Flourens","cityLine":"34500 Béziers","url":"http://www.centre-hobson.com","lat":43.343161,"lon":3.212176,"slug":"beziers-fei-d1e05b"},{"id":"location0-619","name":"LSF MONTPELLIER FRENCH LANGUAGE SCHOOL","address":"6 rue Foch, 34000, MONTPELLIER","cityLine":"34000 Montpellier","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/619","lat":43.610974,"lon":3.87299,"slug":"montpellier-619"},{"id":"fei-AC5DDC490BF099AF73573ACE0BFF0CE87EAA","name":"INFREP","address":"4, rue Rondelet","cityLine":"34000 Montpellier","url":"http://www.infrep.org","lat":43.604368,"lon":3.874759,"slug":"montpellier-fei-e87eaa"},{"id":"fei-25DAA80A1F69914C50C262BA1EAFB5F69E80","name":"ALLIANCE FRANÃAISE","address":"17 rue Marceau","cityLine":"34000 Montpellier","url":"http://www.afmontpellier.fr","lat":43.606833,"lon":3.872571,"slug":"montpellier-fei-f69e80"},{"id":"fei-E68C4CF2B834A69742206F3F6632294D6246","name":"GRETA","address":"717, avenue Jean Mermoz","cityLine":"34060 Montpellier","url":"https://www.gretacfa-montpellier.fr/","lat":43.610748,"lon":3.89033,"slug":"montpellier-fei-4d6246"},{"id":"location132-1021","name":"LEO LAGRANGE FORMATION","address":"220 avenue du Marechal Juin, 34200, SETE","cityLine":"34200 Sete","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1021","lat":43.40692,"lon":3.70373,"slug":"sete-1021"},{"id":"fei-1F43EE6C24B6DF989AA0A30FDAF9FB097C3F","name":"GRETA CFA","address":"38 rue Robespierre","cityLine":"34200 Sète","url":"https://www.gretacfa-montpellier.fr/","lat":43.410661,"lon":3.679557,"slug":"sete-fei-097c3f"},{"id":"location0-1064","name":"MOVE UP FORMATION - RENNES","address":"107 Avenue Henri Fréville, 35200, RENNES","cityLine":"35200 Rennes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1064","lat":48.086204,"lon":-1.673962,"slug":"rennes-1064"},{"id":"fei-1D631F48C4190D7B085DCC6332EF70CF3508","name":"CLPS L'ENJEU COMPÃTENCES","address":"8, rue Jean Le Hô","cityLine":"35000 Rennes","url":"https://www.clps.net/formation/passage-de-lexamen-tcf/","lat":48.104833,"lon":-1.723409,"slug":"rennes-fei-cf3508"},{"id":"fei-EF5405FFBB9819A3649BDB1813DB669C2D58","name":"ALLIANCE FRANÃAISE","address":"8 boulevard Villebois Mareuil","cityLine":"35400 Saint-Malo","url":"https://af-france.fr/alliance/saint-malo-bretagne/","lat":48.650842,"lon":-2.00749,"slug":"saint-malo-fei-9c2d58"},{"id":"fei-C063A3AA23A3B1639B0DC1A10256319951BC","name":"AF-CRIA","address":"La ligue de l'Enseignement 23 bd de la Valla","cityLine":"36000 Châteauroux","url":"https://test-civique.fr/inscription","lat":46.809029,"lon":1.676198,"slug":"chateauroux-fei-9951bc"},{"id":"location23-782","name":"CLE","address":"44 RUE BERNARD PALISSY, 37000, TOURS","cityLine":"37000 Tours","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/782/23","lat":47.392508,"lon":0.693616,"slug":"tours-782"},{"id":"location118-490","name":"INSTITUT DE TOURAINE - IEFT","address":"1 rue de la Grandière, 37020, TOURS CEDEX 1","cityLine":"37020 Tours Cedex 1","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/490","lat":47.391465,"lon":0.683604,"slug":"tours-cedex-1-490"},{"id":"fei-2773D88E5B75649AC1043BF55D30FBD20388","name":"TOURS LANGUES","address":"36 rue Briçonnet","cityLine":"37000 Tours","url":"http://www.langues.com","lat":47.394637,"lon":0.681486,"slug":"tours-fei-d20388"},{"id":"fei-1C4A640FD047603FFA1AA97F89D07B83E236","name":"AFFIC CRIA 37","address":"3, place Raspail","cityLine":"37000 Tours","url":"http://www.cria37.com","lat":47.379084,"lon":0.710692,"slug":"tours-fei-83e236"},{"id":"fei-C07FCC81A1B9FC2D6C4BA2E68A0630603C5B","name":"GRETA NORD ISÃRE","address":"33, avenue d'Italie Le Transalpin II CS","cityLine":"94002 Bourgoin-Jallieu","url":"http://gretani.com/","lat":45.584725,"lon":5.278932,"slug":"bourgoin-jallieu-fei-603c5b"},{"id":"location159-941","name":"THE PLACE DEBY","address":"2 rue de Sault, 38000, GRENOBLE","cityLine":"38000 Grenoble","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/941","lat":45.189709,"lon":5.72633,"slug":"grenoble-941"},{"id":"location18-469","name":"LEO LAGRANGE FORMATION - ÃCHIROLLES","address":"11 Rue Clément Ader, 38130, ÃCHIROLLES","cityLine"
4840:"38130 Ãchirolles","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/469/23","lat":45.136098,"lon":5.713852,"slug":"echirolles-469"},{"id":"location62-379","name":"COOPILOTE","address":"17 chemin du Defois, 39100, DOLE","cityLine":"39100 Dole","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/379/23","lat":47.106207,"lon":5.497391,"slug":"dole-379"},{"id":"location214-431","name":"FRATE FORMATION CONSEIL - LONS-LE-SAUNIER","address":"11 avenue Thurel, 39000, LONS-LE-SAUNIER","cityLine":"39000 Lons-le-Saunier","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/431","lat":46.672895,"lon":5.552652,"slug":"lons-le-saunier-431"},{"id":"fei-1A770B32A388C48E4EC2886F7503B8566E7B","name":"INFREP","address":"8 rue Marcel David","cityLine":"40000 Mont-de-Marsan","url":"http://www.infrep.org","lat":43.903091,"lon":-0.480536,"slug":"mont-de-marsan-fei-566e7b"},{"id":"location116-1077","name":"MOVE UP FORMATION - BLOIS","address":"16 Rue de la Vallée Maillard, 41000, BLOIS","cityLine":"41000 Blois","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1077","lat":47.610257,"lon":1.33323,"slug":"blois-1077"},{"id":"fei-DB147674471E575425522A666D395E27E5C2","name":"CRIA 41","address":"18 rue Roland Dorgelès","cityLine":"41000 Blois","url":"http://www.cria41.org","lat":47.581641,"lon":1.30925,"slug":"blois-fei-27e5c2"},{"id":"fei-6FE1CA8E0EFD9CCE71E69C45074E8FDE50CF","name":"LÃO LAGRANGE FORMATION","address":"1 rue Marcelin Girinon","cityLine":"42160 Andrézieux","url":"http://www.ifra.fr","lat":45.524248,"lon":4.255672,"slug":"andrezieux-fei-de50cf"},{"id":"location56-1023","name":"LEO LAGRANGE FORMATION - ROANNE","address":"25 rue Benoit Malon, 42300, ROANNE","cityLine":"42300 Roanne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1023/23","lat":46.034321,"lon":4.070016,"slug":"roanne-1023"},{"id":"location19-471","name":"LEO LAGRANGE FORMATION - SAINT-CHAMOND","address":"59 rue Maurice Bonnevialle, 42400, SAINT-CHAMOND","cityLine":"42400 Saint-Chamond","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/471/23","lat":45.470103,"lon":4.509317,"slug":"saint-chamond-471"},{"id":"fei-C8F46C14FB4001857D95CD495B5DA07FCF1A","name":"CEFI","address":"6 allée Giacomo Puccini","cityLine":"42000 Saint-Etienne","url":"http://www.cefi-formation.fr","lat":45.471573,"lon":4.395076,"slug":"saint-etienne-fei-7fcf1a"},{"id":"location107-441","name":"FRATE FORMATION CONSEIL - LE PUY-EN-VELAY","address":"16 rue des Moulins , 43000, LE PUY-EN-VELAY","cityLine":"43000 Le Puy-en-Velay","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/441","lat":45.038341,"lon":3.884967,"slug":"le-puy-en-velay-441"},{"id":"fei-3AC28B857225BB9E6337F79CFF05C36D8AD0","name":"GRETA AUVERGNE AGENCE 43","address":"27 boulevard du président Bertrand","cityLine":"43000 Le Puy-en-Velay","url":"https://greta.ac-clermont.fr/nos-greta/greta-auvergne-agence-43/","lat":45.03596,"lon":3.885075,"slug":"le-puy-en-velay-fei-6d8ad0"},{"id":"location74-1051","name":"LEO LAGRANGE FORMATION - BREST","address":"Habitat des jeunes du Pays d'Ancenis - 85 boulevard Huchon, 44150, ANCENIS-SAINT-GEREON","cityLine":"44150 Ancenis-Saint-Gereon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1051/23","lat":47.366415,"lon":-1.18358,"slug":"ancenis-saint-gereon-1051"},{"id":"location175-350","name":"CFP PRESQU'ÃLE - CARQUEFOU","address":"Centre Commercial La Jalousie - Route de Paris, 44470, CARQUEFOU","cityLine":"44470 Carquefou","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/350","lat":47.259658,"lon":-1.501851,"slug":"carquefou-350"},{"id":"location0-991","name":"CEFOL MANAGEMENT","address":"3 RUE BAYARD, 44100, NANTES","cityLine":"44100 Nantes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/991/23","lat":47.210799,"lon":-1.571279,"slug":"nantes-991"},{"id":"fei-9EF3BFEFA60FE9A5779F2576512C12AFAD72","name":"ESPACES FORMATION","address":"1 rue de la Petite Reine","cityLine":"44187 Nantes","url":"http://www.espaces-formation.com","lat":47.216072,"lon":-1.59957,"slug":"nantes-fei-afad72"},{"id":"fei-65AC12FF3B55E5347B9451BB5CD276C325D3","name":"INSTITUT FONELIA","address":"Passage de la Poule noire","cityLine"
4840:"44000 Nantes","url":"https://fonelia.fr/","lat":47.226051,"lon":-1.563064,"slug":"nantes-fei-c325d3"},{"id":"location174-352","name":"CFP PRESQU'ÃLE - NANTES","address":"1 rue Victor Hugo, 44400, REZÃ","cityLine":"44400 Rezé","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/352","lat":47.188854,"lon":-1.551664,"slug":"reze-352"},{"id":"location165-353","name":"CFP PRESQU'ÃLE - SAINT-NAZAIRE","address":"6 rue Ãtoile du matin, 44600, SAINT-NAZAIRE","cityLine":"44600 Saint-Nazaire","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/353","lat":47.259627,"lon":-2.269752,"slug":"saint-nazaire-353"},{"id":"fei-4C2AEFAF4C095377E7798A57F1B5C2964E46","name":"CEFOL MANAGEMENT","address":"101 avenue de la République","cityLine":"44600 Saint-Nazaire","url":"https://www.cefolmanagement.fr/","lat":47.283749,"lon":-2.211206,"slug":"saint-nazaire-fei-964e46"},{"id":"fei-4018DA1325EBD977435A5A67E8BEB9C5D228","name":"AGAFOR","address":"Centre Nelson Mandela 31, avenue Chautemps","cityLine":"45200 Montargis","url":"http://www.agafor.net","lat":48.00716,"lon":2.746387,"slug":"montargis-fei-c5d228"},{"id":"location68-1027","name":"LEO LAGRANGE FORMATION - ORLÃANS","address":"2B RUE ALAIN, 45100, ORLÃANS","cityLine":"45100 Orléans","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1027/23","lat":47.831237,"lon":1.931437,"slug":"orleans-1027"},{"id":"fei-D7C55AEE1D41C812A238850B7D243762DEF5","name":"ESPACE C2B - CRIA 45","address":"3, rue Edouard Branly","cityLine":"45100 Orléans","url":"http://www.cria45.com","lat":47.834123,"lon":1.934183,"slug":"orleans-fei-62def5"},{"id":"fei-CDC7DFCB0C2867058F11DC683931FF843CBD","name":"ABSOLUTE MJ SOLUTIONS","address":"1 boulevard de Chateaudun MBE","cityLine":"45000 Orléans","url":"http://www.amjsolutions.com","lat":47.906412,"lon":1.890077,"slug":"orleans-fei-843cbd"},{"id":"location34-1037","name":"LEO LAGRANGE FORMATION","address":"75 Rue Saint-Géry, 46000, CAHORS","cityLine":"46000 Cahors","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1037/23","lat":44.444703,"lon":1.440394,"slug":"cahors-1037"},{"id":"fei-04A2602E994F0364FD51430942363ECA79A4","name":"OSENGO","address":"111 boulevard GAMBETTA","cityLine":"46000 Cahors","url":"https://osengo.fr/","lat":44.444196,"lon":1.441956,"slug":"cahors-fei-ca79a4"},{"id":"location140-1038","name":"LEO LAGRANGE FORMATION","address":"Maison de la Formation - 6 Avenue Bernard Fontanges, 46100, FIGEAC","cityLine":"46100 Figeac","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1038","lat":44.609128,"lon":2.021814,"slug":"figeac-1038"},{"id":"location141-1039","name":"LEO LAGRANGE FORMATION","address":"Hôtel les Ambassadeurs - 21 Avenue du Général De Gaulle, 46200, SOUILLAC","cityLine":"46200 Souillac","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1039","lat":44.898053,"lon":1.477004,"slug":"souillac-1039"},{"id":"location59-1066","name":"PURPLE CAMPUS - MENDE","address":"10, rue Albert Einstein, 48000, MENDE","cityLine":"48000 Mende","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1066/23","lat":44.528631,"lon":3.468466,"slug":"mende-1066"},{"id":"fei-0767D1BD9D3DA800FE94F7192828A7C9B9DB","name":"GRETA-CFA GARD-LOZÃRE","address":"Lycée Emile Peytavin Avenue du 11 novembre","cityLine":"48000 Mende","url":"https://www.greta-gard.com/","lat":44.521948,"lon":3.483488,"slug":"mende-fei-c9b9db"},{"id":"location176-929","name":"TOUT AU LONG DE LA VIE","address":"29 rue Bougère, 49000, ANGERS","cityLine":"49000 Angers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/929","lat":47.462481,"lon":-0.558233,"slug":"angers-929"},{"id":"fei-4D7EB9693D94DC6C29BFEC4FDEFD27E729D0","name":"INFREP","address":"5 Square de la Belle Etoile","cityLine":"49000 Angers","url":"https://www.infrep.org/agences/angers/","lat":47.449536,"lon":-0.555947,"slug":"angers-fei-e729d0"},{"id":"fei-03EF3BA7C76C03EDFB7A4DF63CEF8F1BCBEE","name":"CIDEF","address":"3 place André Leroy BP","cityLine":"10808 Angers","url":"http://www.cidef.uco.fr","lat":47.464357,"lon":-0.548296,"slug":"angers-fei-1bcbee"},{"id":"location69-21","name":"AFODIL","address":"15 avenue du Président Kennedy, 49300, CHOLET","cityLine"
4840:"49300 Cholet","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/21/23","lat":47.046114,"lon":-0.892316,"slug":"cholet-21"},{"id":"location163-380","name":"CORYLUS FORMATIONS","address":"1 rue Sévigné, 49400, SAUMUR","cityLine":"49400 Saumur","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/380","lat":47.253985,"lon":-0.075407,"slug":"saumur-380"},{"id":"location173-1086","name":"ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN","address":"26 rue des Moulins, 50100, CHERBOURG-EN-COTENTIN","cityLine":"50100 Cherbourg-en-Cotentin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1086","lat":49.64167,"lon":-1.622976,"slug":"cherbourg-en-cotentin-1086"},{"id":"fei-9906584F8931399E762BF82A37A496FE5EF7","name":"CENTRE SOCIAL MARCEL MERSIER","address":"45, avenue des Tilleuls","cityLine":"50000 Saint-Lô","url":"http://epe14.fr","lat":49.111357,"lon":-1.069994,"slug":"saint-lo-fei-fe5ef7"},{"id":"fei-556E174814CDAAF7283A4FAD1290BB372236","name":"AEFTI MARNE","address":"Complexe Gérard Philippe Bât A, entée 3, 1ere étage 19 avenue du Général Sarrail","cityLine":"51000 Châlons-en-Champagne","url":"http://aefti51.com","lat":48.968591,"lon":4.362809,"slug":"chalons-en-champagne-fei-372236"},{"id":"location0-760","name":"HESIO CONSEIL","address":"14, Allée René Fonck, 51100, REIMS","cityLine":"51100 Reims","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/760/23","lat":49.235003,"lon":4.068402,"slug":"reims-760"},{"id":"location1-839","name":"FRATE FORMATION CONSEIL - REIMS","address":"14 rue Edouard Mignot, 51100, REIMS","cityLine":"51100 Reims","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/839","lat":49.259975,"lon":4.021607,"slug":"reims-839"},{"id":"fei-57B934B99BF1B82199DEE3C4C29E83058C91","name":"AEFTI MARNE","address":"48 rue Prieur de la Marne","cityLine":"51100 Reims","url":"http://aefti51.com","lat":49.264866,"lon":4.050232,"slug":"reims-fei-058c91"},{"id":"fei-14D51B02009173CA5863697394FA10B6EB36","name":"GROUPE AFPAM FORMATION","address":"4, rue Jules Méline","cityLine":"51430 Reims-Bezannes","url":"http://www.afpam-formation.fr","lat":49.215808,"lon":4.000932,"slug":"reims-bezannes-fei-b6eb36"},{"id":"location212-437","name":"FRATE FORMATION - CHAUMONT","address":"49 Rue Levy Alphandery, 52000, CHAUMONT","cityLine":"52000 Chaumont","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/437","lat":48.105269,"lon":5.135601,"slug":"chaumont-437"},{"id":"fei-BEBD29170BA9DF3B947506FE1A3995114612","name":"POINFOR","address":"48 rue de la Chavoie Brottes","cityLine":"52000 Chaumont","url":"http://www.poinfor.org","lat":48.083232,"lon":5.137461,"slug":"chaumont-fei-114612"},{"id":"fei-169922FE1A6C699BA1DBFAABF7AFA317AA3B","name":"MONDIA-LANGUES INSTITUT","address":"62 Rue de Vaufleury","cityLine":"53000 Laval","url":"http://www.mondia-langues.fr","lat":48.064735,"lon":-0.778411,"slug":"laval-fei-17aa3b"},{"id":"location13-585","name":"INTERNATIONAL HOUSE - NANCY COEUR D'EUROPE","address":"15 RUE STE CATHERINE , 54100, NANCY","cityLine":"54100 Nancy","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/585/23","lat":48.704127,"lon":6.155906,"slug":"nancy-585"},{"id":"fei-7F1E53996C94A5DB5086A1C4BC7FA6D1BE2A","name":"GIP FORMATION - CEL","address":"28 rue de Saurupt BP 3039","cityLine":"54012 Nancy","url":"http://www.cel-gip.fr","lat":48.679849,"lon":6.184571,"slug":"nancy-fei-d1be2a"},{"id":"fei-74831409544C503ABCDEDC66B9510CCE4108","name":"HÃSIO CONSEIL","address":"15 Rue Sainte Catherine","cityLine":"54000 Nancy","url":"http://www.hesio.fr","lat":48.694518,"lon":6.186208,"slug":"nancy-fei-ce4108"},{"id":"location63-1061","name":"IBEP - LORIENT","address":"24 Rue du gaillec, 56100, LORIENT","cityLine":"56100 Lorient","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1061/23","lat":47.761872,"lon":-3.397699,"slug":"lorient-1061"},{"id":"location112-1071","name":"IBEP - LORIENT","address":"14 Avenue Napoléon 1er, 56300, PONTIVY","cityLine":"56300 Pontivy","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1071","lat":48.064881,"lon":-2.964874,"slug":"pontivy-1071"},{"id":"location64-927","name":"IBEP FORMATION - VANNES","address":"11 RUE COUSTEAU, 56860, SENE","cityLine"
4840:"56860 Sene","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/927/23","lat":47.649873,"lon":-2.723372,"slug":"sene-927"},{"id":"fei-C68E673EAECE4EBB9EC86702293E729E1042","name":"CLPS L'ENJEU COMPÃTENCES","address":"3 rue Pierre et Marie Curie Parc innovation Bretagne Sud II","cityLine":"56000 Vannes","url":"http://www.clps.net","lat":47.642889,"lon":-2.746329,"slug":"vannes-fei-9e1042"},{"id":"fei-9B1345B749D16A8BCD004ACCE22E94CBF159","name":"GIP CEL","address":"Lycée Polyvalent Blaise Pascal 5 rue Paul Ney","cityLine":"57600 Forbach","url":"https://dafpic.ac-nancy-metz.fr/dafpic/site_cel/index.php/qui-sommes-nous/le-cel/","lat":49.180981,"lon":6.896225,"slug":"forbach-fei-cbf159"},{"id":"location57-626","name":"METZ FRENCHPRO","address":"9 RUE GRAHAM BELL, 57070, METZ","cityLine":"57070 Metz","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/626/23","lat":49.105432,"lon":6.220719,"slug":"metz-626"},{"id":"fei-B9B1C8FD5893CA4EA9E80EFD27A7645D004B","name":"CEL - GIP - MAISON DU FLE","address":"Maison du FLE 3 rue du Limousin Bâtiment 3","cityLine":"57070 Metz","url":"http://www.greta-lorraine.com","lat":49.111548,"lon":6.219689,"slug":"metz-fei-5d004b"},{"id":"fei-C00C6F46E0B4F6D69ACB945CA6A6E7110BDB","name":"HÃSIO CONSEIL","address":"Espace Carrefour 6 rue Marchant","cityLine":"57000 Metz","url":"http://www.hesio.fr","lat":49.122304,"lon":6.180813,"slug":"metz-fei-110bdb"},{"id":"fei-9DE1FD6E0B5EF160833E7C0E3BC65365E473","name":"FRENCHPRO","address":"9 Rue Graham Bell","cityLine":"57070 Metz","url":"https://metzfrenchpro.com/","lat":49.105432,"lon":6.220719,"slug":"metz-fei-65e473"},{"id":"fei-DC9D2FA6A3199F027F5A994B1E94A7CEC20B","name":"GIP CEL","address":"Lycée La Briquerie 15 route de La Briquerie","cityLine":"57100 Thionville","url":"https://dafco.ac-nancy-metz.fr/dafco/site_caec/wordpress/","lat":49.36455,"lon":6.158631,"slug":"thionville-fei-cec20b"},{"id":"location90-419","name":"FÃDÃRATION DES OEUVRES LAÃQUES DE LA NIÃVRE","address":"7 rue du Commandant Rivière, 58000, NEVERS","cityLine":"58000 Nevers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/419","lat":46.990486,"lon":3.171032,"slug":"nevers-419"},{"id":"location180-883","name":"FRATE FORMATION CONSEIL - NEVERS","address":"43 Boulevard du Pré Plantin, 58000, NEVERS","cityLine":"58000 Nevers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/883","lat":46.986194,"lon":3.123415,"slug":"nevers-883"},{"id":"fei-2A1CDFEFBFB953FC0A257DF7EEDF9BD38BE0","name":"GRETA 58","address":"9, boulevard Saint-Exupéry","cityLine":"58000 Nevers","url":"http://www.bourgogne.greta.fr","lat":47.003971,"lon":3.157812,"slug":"nevers-fei-d38be0"},{"id":"location103-1059","name":"NOFI FORMATION","address":"22 Rue Albert 1er, 59140 Dunkerque, 59140, DUNKERQUE","cityLine":"59140 Dunkerque","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1059","lat":51.03066,"lon":2.376263,"slug":"dunkerque-1059"},{"id":"location0-996","name":"INSTITUT LANGUES ET SAVOIRS - ISPA LILLE","address":"177 rue Nationale, 59000, LILLE","cityLine":"59000 Lille","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/996","lat":50.625935,"lon":3.042352,"slug":"lille-996"},{"id":"location1-616","name":"LIL'LANGUES","address":"36 place Cormontaigne, 59000, LILLE","cityLine":"59000 Lille","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/616","lat":50.625934,"lon":3.039709,"slug":"lille-616"},{"id":"fei-C615BD36D6BFF83E49391C1110949510958D","name":"E2LF - ECOLE LILLOISE DE LANGUE FRANÃAISE","address":"32, place de la Gare","cityLine":"59000 Lille","url":"http://www.e2lf.fr","lat":50.622186,"lon":3.054428,"slug":"lille-fei-10958d"},{"id":"fei-2E7D8B0305D7CC05A6A54AFACE9BB9251CCE","name":"INNOVATION DÃVELOPPEMENT FORMATION","address":"La Joyeuse Rue du 145ème RI","cityLine":"59600 Maubeuge","url":"http://www.id-formation.com/","lat":50.278987,"lon":3.978061,"slug":"maubeuge-fei-251cce"},{"id":"location76-1075","name":"NOFI FORMATION","address":"20 rue Sébastopol, 59100, ROUBAIX","cityLine"
4840:"59100 Roubaix","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1075/23","lat":50.689277,"lon":3.170699,"slug":"roubaix-1075"},{"id":"location46-1055","name":"EMPLOI SERVICES FORMATION (ESF_ARRAS)","address":"66 rue Clos des Villas, 59300, VALENCIENNES","cityLine":"59300 Valenciennes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1055/23","lat":50.354657,"lon":3.512976,"slug":"valenciennes-1055"},{"id":"location204-834","name":"LAHO FORMATION - BEAUVAIS","address":"18 Rue d'Allonne, 60000, BEAUVAIS","cityLine":"60000 Beauvais","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/834","lat":49.417964,"lon":2.105459,"slug":"beauvais-834"},{"id":"fei-D0AD80F187854BE99AAAE48CA6DBD7253747","name":"FLEAD","address":"25 rue Maurice Segonds","cityLine":"60000 Beauvais","url":"http://www.flead.fr","lat":49.421133,"lon":2.075232,"slug":"beauvais-fei-253747"},{"id":"location203-378","name":"CONSENSO FORMATION","address":"1 rue Georges Gouigoux, 60200, COMPIÃGNE","cityLine":"60200 Compiègne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/378","lat":49.412784,"lon":2.828289,"slug":"compiegne-378"},{"id":"location205-1010","name":"AEFTI SAVOIRS ET COMPÃTENCES","address":"9 rue de Marl, 60100, CREIL","cityLine":"60100 Creil","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1010","lat":49.25993,"lon":2.475941,"slug":"creil-1010"},{"id":"fei-E52C4C5E87432CE82BD59A2A1706671B85B6","name":"ESPACE LANGUES ET FORMATIONS","address":"49 bis rue de Paris","cityLine":"60200 Compiègne","url":"https://www.languesetformations.fr","lat":49.414184,"lon":2.822093,"slug":"compiegne-fei-1b85b6"},{"id":"location199-875","name":"ELFE - CHAMPIGNY-SUR-MARNE","address":"110 avenue de l'Europe, 60180, Nogent sur Oise","cityLine":"60180 Nogent-sur-Oise","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/875","lat":49.270192,"lon":2.481736,"slug":"nogent-sur-oise-875"},{"id":"fei-63045C5E84DC7722BC230B0602296E5FD4EE","name":"LA BOÃTE AUX LETTRES","address":"56 rue Odolant Desnos","cityLine":"61000 Alençon","url":"https://laboiteauxlettres-asso.fr/","lat":48.432807,"lon":0.098624,"slug":"alencon-fei-5fd4ee"},{"id":"fei-0D568F6B68ABB6ED81CDAC756FB14C6B5463","name":"INFREP","address":"16, rue Jaques Durmeyer","cityLine":"61100 Flers","url":"http://www.infrep.org","lat":48.744656,"lon":-0.575786,"slug":"flers-fei-6b5463"},{"id":"location39-998","name":"EMPLOI SERVICES FORMATION (ESF_ARRAS)","address":"168 avenue Kennedy, 62000, ARRAS","cityLine":"62000 Arras","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/998/23","lat":50.287226,"lon":2.747263,"slug":"arras-998"},{"id":"location79-1011","name":"AEFTI SAVOIRS ET COMPÃTENCES","address":"23 rue du dépôt, 62000, ARRAS","cityLine":"62000 Arras","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1011/23","lat":50.282237,"lon":2.77673,"slug":"arras-1011"},{"id":"fei-AC22783C4DEED222CDF46A99812868CA2B94","name":"AFP2I","address":"2 rue Gustave Eiffel BP","cityLine":"20233 Arras","url":"https://www.afp2i.fr","lat":50.297151,"lon":2.730398,"slug":"arras-fei-ca2b94"},{"id":"fei-0D22372E942E6C9464CD70002A153AE36366","name":"LANGUES ET CULTURES","address":"34 Grande Rue","cityLine":"62200 Boulogne-sur-Mer","url":"http://www.bmlc.fr","lat":50.723961,"lon":1.608326,"slug":"boulogne-sur-mer-fei-e36366"},{"id":"fei-1AA27E3563C8295D377E07784BDA32D6704A","name":"GRETA GRAND LITTORAL","address":"SEMAFOR' CALAIS 320 boulevard du 8 mai","cityLine":"62100 Calais","url":"http://www.greta.grand-littoral.fr","lat":50.955216,"lon":1.839202,"slug":"calais-fei-d6704a"},{"id":"location84-669","name":"LAHO FORMATION - LENS","address":"56 rue jean Létienne, 62300, LENS","cityLine":"62300 Lens","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/669/23","lat":50.427724,"lon":2.826774,"slug":"lens-669"},{"id":"fei-402E554583DFA61D8444E8FF97E946C9F628","name":"GRETA AUVERGNE","address":"48 avenue de la Résistance","cityLine":"63600 Ambert","url":"http://greta.ac-clermont.fr","lat":45.537757,"lon":3.747053,"slug":"ambert-fei-c9f628"},{"id":"location158-438","name":"FRATE FORMATION CONSEIL - CLERMONT-FERRAND","address":"8 rue Pablo Picasso, 63000, CLERMONT-FERRAND","cityLine"
4840:"63000 Clermont-Ferrand","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/438","lat":45.765327,"lon":3.111146,"slug":"clermont-ferrand-438"},{"id":"location191-882","name":"ZD ACADEMY","address":"82 avenue de Charras, 63000, Clermont-Ferrand","cityLine":"63000 Clermont-Ferrand","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/882","lat":45.779217,"lon":3.099495,"slug":"clermont-ferrand-882"},{"id":"fei-1491A6D14E73A391E1B043FCF75502A09DA2","name":"FORMATION INSERTION TRAVAIL","address":"64, rue Lamartine","cityLine":"63000 Clermont-Ferrand","url":"http://www.fit-formation.fr/","lat":45.777298,"lon":3.078662,"slug":"clermont-ferrand-fei-a09da2"},{"id":"fei-9381131403C4E18E7639A72BE5B61CA27BB6","name":"OSENGO","address":"35, rue du Pré la Reine","cityLine":"63100 Clermont-Ferrand","url":"http://www.osengo.fr","lat":45.784397,"lon":3.114979,"slug":"clermont-ferrand-fei-a27bb6"},{"id":"fei-8996B0BDCA82F1769F978A990473A8371D83","name":"LE CLUB DES LANGUES","address":"12 rue de lâIndustrie Espace des Pontots","cityLine":"64600 Anglet","url":"http://www.leclubdeslangues.com","lat":43.495847,"lon":-1.496689,"slug":"anglet-fei-371d83"},{"id":"location125-607","name":"KENNEDY FORMATIONS - BMA BIARRITZ","address":"42 Avenue Kennedy, 64200, BIARRITZ","cityLine":"64200 Biarritz","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/607","lat":43.472002,"lon":-1.555619,"slug":"biarritz-607"},{"id":"location115-1078","name":"MOVE UP FORMATION - PAU","address":"4 Allée Catherine de Bourbon, 64445, PAU","cityLine":"64445 Pau","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1078","lat":43.320486,"lon":-0.359953,"slug":"pau-1078"},{"id":"fei-DDB5CF702F714E061F54426DF48DF40BED0B","name":"INFREP","address":"67 avenue du Loup","cityLine":"64000 Pau","url":"https://www.infrep.org/","lat":43.313841,"lon":-0.35582,"slug":"pau-fei-0bed0b"},{"id":"location146-1045","name":"LEO LAGRANGE FORMATION","address":"La demi-lune 6 462 route de Toulouse, 65300, LANNEMEZAN","cityLine":"65300 Lannemezan","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1045","lat":43.119468,"lon":0.410194,"slug":"lannemezan-1045"},{"id":"location145-1044","name":"LEO LAGRANGE FORMATION","address":"Le club des six - 19 Avenue Général Baron Maransin, 65100, LOURDES","cityLine":"65100 Lourdes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1044","lat":43.09724,"lon":-0.045592,"slug":"lourdes-1044"},{"id":"location73-849","name":"LEO LAGRANGE FORMATION","address":"2 avenue Bertrand Barrère, 65000, TARBES","cityLine":"65000 Tarbes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/849/23","lat":43.233972,"lon":0.073052,"slug":"tarbes-849"},{"id":"location86-752","name":"PURPLE CAMPUS - TARBES","address":"78 avenue d'Azereix, 65000, TARBES","cityLine":"65000 Tarbes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/752/23","lat":43.223665,"lon":0.050462,"slug":"tarbes-752"},{"id":"location136-1032","name":"LEO LAGRANGE FORMATION","address":"98 Prom. de la Côte Vermeille, 66140, CANET EN ROUSSILLON","cityLine":"66140 Canet-en-Roussillon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1032","lat":42.686975,"lon":3.034531,"slug":"canet-en-roussillon-1032"},{"id":"location54-1031","name":"LEO LAGRANGE FORMATION","address":"158 Avenue Guynemer, 66000, PERPIGNAN","cityLine":"66000 Perpignan","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1031/23","lat":42.687569,"lon":2.907938,"slug":"perpignan-1031"},{"id":"fei-09940101BF5FA4240C7FABDA5602157E5A22","name":"UNIVERSITà UPVD - CUEF - U33066-01","address":"52 avenue Paul Alduy","cityLine":"66860 Perpignan","url":"http://www.cuef.fr","lat":42.683426,"lon":2.901649,"slug":"perpignan-fei-7e5a22"},{"id":"fei-9DD3C84EF5027DDAEA9FB321D5128017DCCC","name":"ALFMED","address":"21 bis avenue du Général de Gaulle","cityLine":"66000 Perpignan","url":"https://perpignan.alfmed.com/","lat":42.697178,"lon":2.882803,"slug":"perpignan-fei-17dccc"},{"id":"fei-44AEFEF4FD3E849B8403C1097074467F3E4B","name":"GRETA - CFA DE L'AUDE ET DES PO - SITE BLUM","address":"Lycée Léon BLUM 15, rue Paul Alduy","cityLine"
4840:"66100 Perpignan","url":"https://maforpro-occitanie.fr/","lat":42.677732,"lon":2.905518,"slug":"perpignan-fei-7f3e4b"},{"id":"fei-EA119F09F87DA9A97BBA3E10B3375A08088C","name":"GRETA - CFA DE L'AUDE ET DES PO - SITE PICASSO","address":"Lycée Pablo Picasso Rue Charles Blanc BP","cityLine":"11092 Perpignan Cedex","url":"https://www.maforpro-occitanie.fr","lat":49.755693,"lon":4.722132,"slug":"perpignan-cedex-fei-08088c"},{"id":"fei-12894B86667EE4FDDBCAC62F0284BDFEBDB3","name":"CENTRE SOCIOCULTUREL DU LANGENSAND","address":"2, rue de l'Eglise Saint-Joseph","cityLine":"67500 Haguenau","url":"http://www.langensand-csc.com","lat":48.822609,"lon":7.808809,"slug":"haguenau-fei-febdb3"},{"id":"location149-968","name":"FORMALSACE","address":"16 AVENUE DE L'EUROPE BAT SXB1, 67300, SCHILTIGHEIM","cityLine":"67300 Schiltigheim","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/968","lat":48.61303,"lon":7.712325,"slug":"schiltigheim-968"},{"id":"location0-1127","name":"STRAFORMATION","address":"21, rue d'Oslo, 67000, STRASBOURG","cityLine":"67000 Strasbourg","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1127/23","lat":48.578734,"lon":7.773471,"slug":"strasbourg-1127"},{"id":"location1-282","name":"CECI Formation","address":"202 Avenue de Colmar, 67100, STRASBOURG","cityLine":"67100 Strasbourg","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/282/23","lat":48.557614,"lon":7.747697,"slug":"strasbourg-282"},{"id":"location2-1083","name":"RETRAVAILLER DANS L'EST","address":"11 rue Jacob Mayer, 67200, STRASBOURG","cityLine":"67200 Strasbourg","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1083/23","lat":48.590899,"lon":7.718952,"slug":"strasbourg-1083"},{"id":"location3-446","name":"FRATE FORMATION CONSEIL - STRASBOURG","address":"31 rue Maréchal Lefebvre, 67100, STRASBOURG","cityLine":"67100 Strasbourg","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/446","lat":48.561249,"lon":7.741578,"slug":"strasbourg-446"},{"id":"fei-25F19BE8C4C5680E7968EE34E73871824DEC","name":"INSTITUT STRALANG","address":"16 rue Jean-Henri Schnitzler","cityLine":"67000 Strasbourg","url":"http://www.stralang.com","lat":48.580133,"lon":7.776328,"slug":"strasbourg-fei-824dec"},{"id":"fei-DFFAC7649E59516CCCB60BDB4864895F6B5E","name":"ALLIANCE FRANÃAISE - 061007-02","address":"12, rue des Pontonniers","cityLine":"67000 Strasbourg","url":"http://www.afstrasbourg.eu","lat":48.584294,"lon":7.75712,"slug":"strasbourg-fei-5f6b5e"},{"id":"location109-415","name":"C-FIL STRASBOURG","address":"20 Rue d'Agen, 68000, COLMAR","cityLine":"68000 Colmar","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/415","lat":48.08607,"lon":7.354443,"slug":"colmar-415"},{"id":"fei-A43A8983969E3ABC2A9C9744CB999491B454","name":"CENTRE D'ÃTUDES DE LANGUES","address":"CCI CAMPUS ALSACE 4, rue du Rhin","cityLine":"68000 Colmar","url":"https://www.ccicampus.fr/","lat":48.076609,"lon":7.367051,"slug":"colmar-fei-91b454"},{"id":"location208-617","name":"LINGUAPHONE ALSACE","address":"4 rue Fredo Krumnov, 68200, MULHOUSE","cityLine":"68200 Mulhouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/617","lat":47.746552,"lon":7.298605,"slug":"mulhouse-617"},{"id":"location209-445","name":"FRATE FORMATION CONSEIL - MULHOUSE","address":"20 rue de Chemnitz, 68200, MULHOUSE","cityLine":"68200 Mulhouse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/445","lat":47.747282,"lon":7.297616,"slug":"mulhouse-445"},{"id":"fei-C9227915F2E2789683B1122F50FEAB6110F2","name":"KEDI FORMATION","address":"25 Allée Gluck","cityLine":"68200 Mulhouse","url":"https://www.kedi-formation.fr/","lat":47.754864,"lon":7.319783,"slug":"mulhouse-fei-6110f2"},{"id":"fei-702DCEC7872E2A58DF25A25550A40717BBE9","name":"MBR COMPETENCES ET FORMATIONS NT","address":"PARC DES COLLINES 65 rue Jean MONNET","cityLine":"68200 Mulhouse","url":"http://www.360competences.fr","lat":47.730036,"lon":7.287332,"slug":"mulhouse-fei-17bbe9"},{"id":"fei-A32F469C2E9667916B394487EA12C64CEA75","name":"CEFI","address":"11, rue Alsace Lorraine","cityLine"
4840:"69500 Bron","url":"http://www.cefi-formation.fr","lat":45.734074,"lon":4.912066,"slug":"bron-fei-4cea75"},{"id":"fei-25799907ACC0E07CBB21C5ED5461EC0E05F2","name":"CEFI","address":"3 rue Marcel Paul","cityLine":"69700 Givors","url":"http://www.cefi-formation.fr","lat":45.582676,"lon":4.771932,"slug":"givors-fei-0e05f2"},{"id":"location154-273","name":"CCI FORMATION BEAUJOLAIS","address":"92 rue Henri Dépagneux, 69400, LIMAS","cityLine":"69400 Limas","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/273","lat":45.977463,"lon":4.716979,"slug":"limas-273"},{"id":"location0-477","name":"Lyon Exam by Inflexyon","address":"48 rue Quivogne, 69002, LYON","cityLine":"69002 Lyon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/477","lat":45.742562,"lon":4.822887,"slug":"lyon-477"},{"id":"fei-115C95FD7C0274DEE0A126632275647BB33B","name":"ALLIANCE FRANÃAISE","address":"11, rue Pierre Bourdan","cityLine":"69003 Lyon","url":"http://www.aflyon.org","lat":45.757166,"lon":4.844304,"slug":"lyon-fei-7bb33b"},{"id":"fei-2DBB9B24566ADFAC204B1CAC1EED2F0450E6","name":"BLEU INTERNATIONAL","address":"82 rue Duguesclin","cityLine":"69006 Lyon","url":"http://lyon-bleu.com/","lat":45.770196,"lon":4.846974,"slug":"lyon-fei-0450e6"},{"id":"location21-473","name":"LEO LAGRANGE FORMATION - VAULX-EN-VELIN","address":"15 rue Emile Zola, 69120, VAULX-EN-VELIN","cityLine":"69120 Vaulx-en-Velin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/473/23","lat":45.777777,"lon":4.918044,"slug":"vaulx-en-velin-473"},{"id":"location97-1018","name":"EFI RHÃNES ALPES","address":"8 bis Impasse marcel cerdan, 69100, VILLEURBANNE","cityLine":"69100 Villeurbanne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1018","lat":45.766129,"lon":4.903708,"slug":"villeurbanne-1018"},{"id":"fei-5D6271520847ED3EC3753453B98E336E55AD","name":"LÃO LAGRANGE FORMATION","address":"1 place Faubert","cityLine":"69400 Villefranche-sur-Saône","url":"http://www.ifra.fr","lat":45.990713,"lon":4.721727,"slug":"villefranche-sur-saone-fei-6e55ad"},{"id":"fei-31A47A1668DCAECE0A0D6709FC0F7B72DC7D","name":"FC2E.RH","address":"33, bis rue de Montgolfier","cityLine":"69100 Villeurbanne","url":"https://www.fc2eformation.com","lat":45.773232,"lon":4.890751,"slug":"villeurbanne-fei-72dc7d"},{"id":"fei-9495F608CB61631DA76C4EE1ED2BBBDF919E","name":"POINFOR","address":"42, boulevard Charles De Gaulle","cityLine":"70000 Vesoul","url":"http://www.poinfor.org/","lat":47.614367,"lon":6.151954,"slug":"vesoul-fei-df919e"},{"id":"location16-467","name":"LEO LAGRANGE FORMATION - CHALON-SUR-SAÃNE","address":"1 avenue de Verdun, 71100, CHALON-SUR-SAONE","cityLine":"71100 Chalon-sur-Saone","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/467/23","lat":46.777071,"lon":4.853614,"slug":"chalon-sur-saone-467"},{"id":"fei-54F735241AFD8A234ED32FB9F72CF92DDED9","name":"GRETA 71 SUD BOURGOGNE","address":"141, avenue Boucicaut BP","cityLine":"50099 Chalon-sur-Saône","url":"http://www.bourgogne.greta.fr","lat":46.788525,"lon":4.836746,"slug":"chalon-sur-saone-fei-2dded9"},{"id":"location218-444","name":"FRATE FORMATION CONSEIL - MONTCEAU-LES-MINES","address":"16 rue du Docteur Jeannin, 71300, MONTCEAU-LES-MINES","cityLine":"71300 Montceau-les-Mines","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/444","lat":46.672236,"lon":4.361178,"slug":"montceau-les-mines-444"},{"id":"location178-442","name":"FRATE FORMATION CONSEIL - MÃCON","address":"19 Place de la Baille, 71000, MÃCON","cityLine":"71000 Mâcon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/442","lat":46.306654,"lon":4.832771,"slug":"macon-442"},{"id":"fei-F2DA63F317F57D0AB5BDCFB5B921E80B8E2B","name":"IFPA","address":"11 rue du 19 mars 1962","cityLine":"71000 Sancé","url":"https://ifpa-formation.com/","lat":46.334441,"lon":4.845566,"slug":"sance-fei-0b8e2b"},{"id":"fei-D3751E474D9A2000FE2C04CE97193F943846","name":"INFREP SARTHE","address":"20 rue Xavier Bichat","cityLine":"72000 Le Mans","url":"https://www.infrep.org/agences/le-mans-2/","lat":48.020455,"lon":0.165403,"slug":"le-mans-fei-943846"},{"id":"fei-29D43C1D577B96E75EEAFEE714495973984F","name":"LÃO LAGRANGE FORMATION","address":"542, rue Louis Armand","cityLine"
4840:"73200 Albertville","url":"https://test-civique.fr/inscription","lat":45.659985,"lon":6.372082,"slug":"albertville-fei-73984f"},{"id":"location17-468","name":"LEO LAGRANGE FORMATION - CHAMBÃRY","address":"1125 Av. de la Boisse, 73011, CHAMBÃRY","cityLine":"73011 Chambéry","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/468/23","lat":45.58001,"lon":5.912409,"slug":"chambery-468"},{"id":"fei-1C430734C481BCC49B574F2DB84D2E60416C","name":"ACCENTS DRI UNIVERSITà SAVOIE MONT-BLANC","address":"Domaine univ. Jacob Bellecombette 27, rue Marcoz BP 1104","cityLine":"73011 Chambéry","url":"http://www.univ-smb.fr/accents/","lat":45.566796,"lon":5.917597,"slug":"chambery-fei-60416c"},{"id":"location157-434","name":"FRATE FORMATION CONSEIL - ANNEMASSE","address":"3 passage Jean Moulin, 74100, ANNEMASSE","cityLine":"74100 Annemasse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/434","lat":46.192574,"lon":6.23362,"slug":"annemasse-434"},{"id":"fei-5BC4D1A115382BB6D39C88747F2F69597402","name":"ALLIANCE FRANCAISE","address":"12 boulevard du lycée","cityLine":"74000 Annecy","url":"http://www.alliance-francaise-annecy.com","lat":45.905891,"lon":6.128643,"slug":"annecy-fei-597402"},{"id":"fei-B74A2C4068B70E6AA290B4198BCA4A7A734A","name":"SKILLMASTER A","address":"27 rue du château Rouge","cityLine":"74100 Annemasse","url":"https://www.efi-rhonealpes.com/","lat":46.189187,"lon":6.236851,"slug":"annemasse-fei-7a734a"},{"id":"location167-432","name":"FRATE FORMATION CONSEIL - CRAN-GEVRIER ANNECY","address":"33 route de Chevennes, 74960, CRAN-GEVRIER","cityLine":"74960 Cran-Gevrier","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/432","lat":45.904589,"lon":6.108677,"slug":"cran-gevrier-432"},{"id":"fei-92A18537F41EF7E31F4268DA46D64E6F8F86","name":"LÃO LAGRANGE FORMATION","address":"1500 avenue des Glières","cityLine":"74300 Cluses","url":"http://www.ifra.fr","lat":46.075419,"lon":6.563128,"slug":"cluses-fei-6f8f86"},{"id":"location0-933","name":"EMPLOI SERVICES FORMATION (ESF_ PARIS)","address":"65/67 Rue d'Hautpoul , 75019, PARIS","cityLine":"75019 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/933/23","lat":48.88599,"lon":2.386651,"slug":"paris-933"},{"id":"location1-248","name":"ASPLEF","address":"52 boulevard de Magenta, 75010, PARIS","cityLine":"75010 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/248/23","lat":48.873117,"lon":2.359152,"slug":"paris-248"},{"id":"location2-24","name":"ALIP","address":"27 rue Ginoux, 75015, PARIS","cityLine":"75015 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/24/23","lat":48.847503,"lon":2.288716,"slug":"paris-24"},{"id":"location3-600","name":"KANGOUROU - PARIS","address":"5 rue du Général Clergerie, 75116, PARIS","cityLine":"75116 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/600/23","lat":48.869574,"lon":2.282978,"slug":"paris-600"},{"id":"location4-251","name":"AVD FORMATION","address":"8 rue Catulle Mendès, 75017, PARIS","cityLine":"75017 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/251/23","lat":48.886836,"lon":2.291287,"slug":"paris-251"},{"id":"location5-610","name":"ETOILE INSTITUT DE LANGUE","address":"38, boulevard Raspail, 75007, PARIS","cityLine":"75007 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/610/23","lat":48.852574,"lon":2.326308,"slug":"paris-610"},{"id":"location6-877","name":"INSTITUT ARITAS FORMATION","address":"86 rue cardinet, 75017, PARIS","cityLine":"75017 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/877/23","lat":48.884458,"lon":2.309767,"slug":"paris-877"},{"id":"location7-615","name":"CENTRE PRIVà DE LANGUES LSI PARIS","address":"23 rue du Renard, 75004, PARIS","cityLine":"75004 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/615","lat":48.859232,"lon":2.352235,"slug":"paris-615"},{"id":"location8-1101","name":"C-TEC FORMATION CONSEIL","address":"6bis rue de Chatillon, 75014, PARIS","cityLine"
4840:"75014 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1101","lat":48.827367,"lon":2.324196,"slug":"paris-1101"},{"id":"location9-954","name":"ARCS","address":"9 rue de Londres , 75009, PARIS","cityLine":"75009 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/954","lat":48.876775,"lon":2.329988,"slug":"paris-954"},{"id":"location10-779","name":"CCI PARIS ILE-DE FRANCE","address":"11, rue Léon Jouhaux, 75010, PARIS","cityLine":"75010 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/779","lat":48.869388,"lon":2.364829,"slug":"paris-779"},{"id":"location12-405","name":"ELFE PARIS","address":"15 rue Montmartre, 75001, PARIS","cityLine":"75001 Paris","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/405","lat":48.864429,"lon":2.345192,"slug":"paris-405"},{"id":"location11-165","name":"ALLIANCE FRANÃAISE DE PARIS ILE-DE-FRANCE","address":"101 boulevard Raspail, 75270, PARIS CEDEX 06","cityLine":"75270 Paris Cedex 06","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/165","lat":48.84634,"lon":2.328547,"slug":"paris-cedex-06-165"},{"id":"location12-1056","name":"FARBEE_BY_LEGALUNITE FRANCE","address":"140/142 boulevard Macdonald, 75019, PORTE DE LA VILLETTE","cityLine":"75019 Porte-de-la Villette","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1056/23","lat":48.89904,"lon":2.378877,"slug":"porte-de-la-villette-1056"},{"id":"fei-D72C6441F9A4DE7FAD9D744BE14FBD926B88","name":"FORUM ACCORD","address":"3 bis, rue Jean-Pierre Bloch","cityLine":"75015 Paris","url":"http://www.examensparis.fr","lat":48.853509,"lon":2.296213,"slug":"paris-fei-926b88"},{"id":"fei-29713C99C421582EDD613986B0B8F9369FE8","name":"ACTE","address":"12, rue Bellot","cityLine":"75019 Paris","url":"http://www.acte-paris.org","lat":48.886151,"lon":2.367334,"slug":"paris-fei-369fe8"},{"id":"fei-5C56567A0C5E9AF487EA3ABC9FD5C420E9B7","name":"ACADÃMIE EXPERTISE LANGUES - ILE INTERNATIONAL","address":"241, rue de Bercy","cityLine":"75012 Paris","url":"https://www.ile-international.com/fr/index.php","lat":48.847217,"lon":2.368731,"slug":"paris-fei-20e9b7"},{"id":"location70-1014","name":"ÃDUCATION ET FORMATION - DIEPPE","address":"88, avenue des Canadiens, 76200, DIEPPE","cityLine":"76200 Dieppe","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1014/23","lat":49.91409,"lon":1.074792,"slug":"dieppe-1014"},{"id":"location0-1015","name":"ÃDUCATION ET FORMATION - LE HAVRE","address":"68, boulevard Jules Durand, 76600, LE HAVRE","cityLine":"76600 Le Havre","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1015/23","lat":49.489483,"lon":0.155343,"slug":"le-havre-1015"},{"id":"fei-5E1B152D6A83392B8E642E38F63111053DB1","name":"RECIFE","address":"45, rue d'Iéna","cityLine":"76600 Le Havre","url":"http://www.recife-lh.com/","lat":49.491863,"lon":0.137032,"slug":"le-havre-fei-053db1"},{"id":"fei-B4BEDF6058424B30072B5007596E62F61CD2","name":"ALLIANCE FRANÃAISE DE NORMANDIE","address":"49 rue Jules Lecesne","cityLine":"76620 Le Havre","url":"https://www.afnormandie.org/","lat":49.493664,"lon":0.115023,"slug":"le-havre-fei-f61cd2"},{"id":"location172-184","name":"ALLIANCE FRANÃAISE DE NORMANDIE - ROUEN","address":"80 boulevard de l'Yser, 76000, ROUEN","cityLine":"76000 Rouen","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/184","lat":49.447229,"lon":1.095867,"slug":"rouen-184"},{"id":"location30-770","name":"ÃDUCATION ET FORMATION - ROUEN - LE PETIT-QUEVILLY","address":"6, place Waldeck Rousseau , 76140, ROUEN/LE PETIT-QUEVILLY","cityLine":"76140 Rouen/le Petit-Quevilly","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/770/23","lat":49.424988,"lon":1.055424,"slug":"rouen-le-petit-quevilly-770"},{"id":"fei-C591CC8789EB4CB56629E0595D8CE95A7D5A","name":"FRENCH IN NORMANDY","address":"26 bis, rue Valmont de Bomare","cityLine":"76100 Rouen","url":"http://www.frenchinnormandy.com","lat":49.42003,"lon":1.079442,"slug":"rouen-fei-5a7d5a"},{"id":"location200-638","name":"NEXT UP FORMATION","address":"7 avenue Jacques Cartier, 77600, BUSSY-SAINT-GEORGES","cityLine"
4840:"77600 Bussy-Saint-Georges","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/638","lat":48.835005,"lon":2.70778,"slug":"bussy-saint-georges-638"},{"id":"fei-F91F140A0EE7DF07E7C6AA5B4980C5B31669","name":"NEXTUP FORMATION","address":"7, avenue Jacques Cartier","cityLine":"77600 Bussy-Saint-Georges","url":"http://bynextup.com","lat":48.835005,"lon":2.70778,"slug":"bussy-saint-georges-fei-b31669"},{"id":"location92-1089","name":"GROUPE GEFOR","address":"Chemin de l'Ormois, 77660, CHANGIS","cityLine":"77660 Changis","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1089","lat":48.963509,"lon":3.013005,"slug":"changis-1089"},{"id":"location82-1026","name":"AL BUSINESS ACADEMY","address":"441 Avenue Marguerite Perey, 77127, LIEUSAINT","cityLine":"77127 Lieusaint","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1026/23","lat":48.61999,"lon":2.562408,"slug":"lieusaint-1026"},{"id":"fei-3315D7E455B484B47B7DF153CB8BC8B46603","name":"RESSOURCES FORMATION","address":"335 rue Bois Guyot","cityLine":"77350 Le Mée-sur-Seine","url":"http://www.ressourcesformation.fr","lat":48.538521,"lon":2.623478,"slug":"le-mee-sur-seine-fei-b46603"},{"id":"location225-813","name":"POLYLANGUES - CERGY","address":"5 Bis Place Praslin, 77000, Melun","cityLine":"77000 Melun","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/813","lat":48.536855,"lon":2.657756,"slug":"melun-813"},{"id":"location5-1112","name":"ARCANES FORMATION","address":"51 Avenue Charles Rouxel, 77340, PONTAULT COMBAULT","cityLine":"77340 Pontault Combault","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1112/23","lat":48.794667,"lon":2.60468,"slug":"pontault-combault-1112"},{"id":"fei-DAEACFD220C4D754FA9F26D202FFBA9E9816","name":"INFREP","address":"4, allée Emile Reynaud","cityLine":"77200 Torcy","url":"http://www.infrep.org","lat":48.833216,"lon":2.661496,"slug":"torcy-fei-9e9816"},{"id":"location151-772","name":"D.CONSEILS-FORMATIONS","address":"74 Boulevard Victor Hugo, 78130, LES MUREAUX","cityLine":"78130 Les Mureaux","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/772","lat":48.9928,"lon":1.911211,"slug":"les-mureaux-772"},{"id":"location75-997","name":"MRD CONNECT","address":"7 avenue GAUGUIN, 78120, MANTES LA JOLIE","cityLine":"78120 Mantes-la-Jolie","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/997/23","lat":49.002835,"lon":1.679572,"slug":"mantes-la-jolie-997"},{"id":"fei-D2F5083E1C9CBECD14353E874989284311CC","name":"RESSOURCES FORMATION","address":"2, rue Charles Edouard Jeanneret Technoparc Immeuble Antares- (rez-de-chaussée)","cityLine":"78300 Poissy","url":"http://www.ressourcesformation.fr","lat":48.948011,"lon":2.062741,"slug":"poissy-fei-4311cc"},{"id":"fei-0387820CD504EE8870A0C95E3302FC9F8962","name":"INSTITUT INTERNATIONAL LANGUES & AFFAIRES","address":"1 rue de Clairefontaine Smartcity campus","cityLine":"78120 Rambouillet","url":"https://www.institut-rambouillet.com","lat":48.650887,"lon":1.834854,"slug":"rambouillet-fei-9f8962"},{"id":"location4-666","name":"SEA TRAINING","address":"73, boulevard de Bezons, 78500, SARTROUVILLE","cityLine":"78500 Sartrouville","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/666/23","lat":48.94241,"lon":2.182561,"slug":"sartrouville-666"},{"id":"location58-902","name":"MRD CONNECT","address":"5, avenue PAVLOV , 78190, TRAPPES","cityLine":"78190 Trappes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/902/23","lat":48.785796,"lon":1.975248,"slug":"trappes-902"},{"id":"location67-1104","name":"LE CAMPUS BY CCI 79","address":"2 rue Ernest Pérochon, 79000, NIORT","cityLine":"79000 Niort","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1104/23","lat":46.322676,"lon":-0.460612,"slug":"niort-1104"},{"id":"fei-8B7F07A545EBD1D7361ED90080389947FA4C","name":"ASFODEP","address":"17 rue Henri Sellier","cityLine":"79000 Niort","url":"http://www.asfodep.fr","lat":46.313889,"lon":-0.484451,"slug":"niort-fei-47fa4c"},{"id":"location80-19","name":"AEFTI SAVOIRS ET COMPÃTENCES","address":"5 Place dâAuvergne B.P. 60221, 80002, AMIENS","cityLine"
4840:"80002 Amiens","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/19/23","lat":49.905029,"lon":2.305531,"slug":"amiens-19"},{"id":"location206-581","name":"INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE D'AMIENS (ISPA)","address":"5 rue des Francs-Mûriers, 80000, AMIENS","cityLine":"80000 Amiens","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/581","lat":49.896802,"lon":2.299677,"slug":"amiens-581"},{"id":"fei-AB4FD0FF8D7BA14C0334FDC2B134B88E8468","name":"UNIVERSITà DE PICARDIE JULES VERNE - U33080-01","address":"Maison des Langues - Centre FLE La Citadelle 10 rue des Français Libres","cityLine":"80080 Amiens","url":"http://www.u-picardie.fr","lat":49.903493,"lon":2.299533,"slug":"amiens-fei-8e8468"},{"id":"fei-E010D9870CBDE0C8807DB346B881F66EED5F","name":"INSTITUT SUPÃRIEUR DE PROPÃDEUTIQUE - ISPA","address":"5 rue des Francs Mûriers","cityLine":"80000 Amiens","url":"https://www.ispa-langues.com","lat":49.896802,"lon":2.299677,"slug":"amiens-fei-6eed5f"},{"id":"location87-663","name":"PURPLE CAMPUS-ALBI","address":"6 avenue du Général Hoche, 81000, ALBI","cityLine":"81000 Albi","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/663/23","lat":43.944508,"lon":2.158202,"slug":"albi-663"},{"id":"fei-A51189E7F945FFB53B843DC90CA15E8F3298","name":"OSENGO","address":"3, rue Honoré de Balzac","cityLine":"81000 Albi","url":"https://osengo.fr/","lat":43.925544,"lon":2.151766,"slug":"albi-fei-8f3298"},{"id":"location170-1125","name":"CREPT FORMATION","address":"22 rue Mérigonde, 81100, CASTRES","cityLine":"81100 Castres","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1125","lat":43.602343,"lon":2.253203,"slug":"castres-1125"},{"id":"location144-1043","name":"LEO LAGRANGE FORMATION","address":"16 Rue de la République, 82100, CASTELSARRASIN","cityLine":"82100 Castelsarrasin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1043","lat":44.039136,"lon":1.109262,"slug":"castelsarrasin-1043"},{"id":"location51-1042","name":"LEO LAGRANGE FORMATION","address":"29 Av. Aristide Briand, 82000, MONTAUBAN","cityLine":"82000 Montauban","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1042/23","lat":44.016871,"lon":1.341358,"slug":"montauban-1042"},{"id":"fei-55BA9E8DFF4115BC1F1522CF71D3E6CC6181","name":"FORMASUP 82","address":"400, avenue André Jorigné Futuropôle","cityLine":"82000 Montauban","url":"http://www.formasup.com","lat":44.03708,"lon":1.3843,"slug":"montauban-fei-cc6181"},{"id":"location49-825","name":"KANGOUROU PROVENCE","address":"22 Rue Victor Clappier, 83000, Toulon","cityLine":"83000 Toulon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/825/23","lat":43.126138,"lon":5.932056,"slug":"toulon-825"},{"id":"fei-70DA5BE3D4E766C36C63D72A80D76B65C4F9","name":"LA LIGUE DE L'ENSEIGNEMENT - FOL 83 - 330083-02","address":"Espace Maurice 141, avenue Marcel CASTIE","cityLine":"83000 Toulon","url":"http://www.fol83.laligue.org","lat":43.123327,"lon":5.940845,"slug":"toulon-fei-65c4f9"},{"id":"fei-ACE3FBB10F8334D0A30570E26A7B3ACE9153","name":"IDEF","address":"40 rue Picot","cityLine":"83000 Toulon","url":"https://idef83.catalogueformpro.com/","lat":43.124994,"lon":5.935281,"slug":"toulon-fei-ce9153"},{"id":"location7-624","name":"MÃDITERRANÃE FORMATION","address":"51 rue Alexandre Blanc, 84000, AVIGNON","cityLine":"84000 Avignon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/624/23","lat":43.939568,"lon":4.821679,"slug":"avignon-624"},{"id":"location40-824","name":"KANGOUROU PROVENCE","address":"31 Rue Paul Manivet, 84000, Avignon","cityLine":"84000 Avignon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/824/23","lat":43.94335,"lon":4.809298,"slug":"avignon-824"},{"id":"fei-91BFFA5B096F1520DC23A4B9723AE0E2C267","name":"INFREP VAUCLUSE","address":"1300 route de lâAérodrome","cityLine":"84000 Avignon","url":"http://www.infrep.org/agences/vaucluse/","lat":43.915334,"lon":4.891669,"slug":"avignon-fei-e2c267"},{"id":"fei-FBC17396263314176684674DF083BD775E72","name":"CAP FORMATION","address":"89, avenue Notre Dame de Santé","cityLine"
4840:"84200 Carpentras","url":"https://www.cap-formation.com/","lat":44.057795,"lon":5.048194,"slug":"carpentras-fei-775e72"},{"id":"fei-74D923678D5E0759B46B914236D7DB0450DB","name":"ATC FORMATIONS","address":"54, rue Carnot","cityLine":"85300 Challans","url":"https://www.atc-formations.fr/","lat":46.847518,"lon":-1.883061,"slug":"challans-fei-0450db"},{"id":"location164-351","name":"CFP PRESQU'ÃLE - LA ROCHE-SUR-YON","address":"70 rue Chanzy, 85000, LA ROCHE SUR YON","cityLine":"85000 La Roche-sur-Yon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/351","lat":46.672695,"lon":-1.431841,"slug":"la-roche-sur-yon-351"},{"id":"fei-74655F3C4D4BCE624289450B896F4FFE2ED8","name":"SAM'COMPETENCES","address":"37 rue Edouard Branly Bureau n 8","cityLine":"85500 Les Herbiers","url":"https://samcompetences.fr/","lat":46.858575,"lon":-1.036273,"slug":"les-herbiers-fei-fe2ed8"},{"id":"location220-987","name":"MOVE UP FORMATION - POITIERS","address":"53 avenue du 8 Mai 1945, 86000, POITIERS","cityLine":"86000 Poitiers","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/987","lat":46.560982,"lon":0.314622,"slug":"poitiers-987"},{"id":"fei-EA36A6A4212CE9E4FBCF472374576AC6FA6D","name":"GRETA POITOU-CHARENTES","address":"Lycée Kyoto 26, avenue de la Fraternité","cityLine":"86000 Poitiers","url":"http://www.greta.poitou-charentes.fr/","lat":46.589817,"lon":0.383812,"slug":"poitiers-fei-c6fa6d"},{"id":"fei-ACE74BD8CA38508DAFE267854DD1267BE9A2","name":"INDIGO FORMATION","address":"144 rue de la Gibauderie","cityLine":"86000 Poitiers","url":"https://www.indigoformation.fr","lat":46.562398,"lon":0.372134,"slug":"poitiers-fei-7be9a2"},{"id":"fei-A306E6EBB727E7D2F6D0988934A8E44E7F28","name":"FEL","address":"52 rue Turgot","cityLine":"87000 Limoges","url":"http://www.groupe-fel.fr","lat":45.831289,"lon":1.255347,"slug":"limoges-fei-4e7f28"},{"id":"fei-92E51C4F0C8008C0F57F3CE77D29641419A6","name":"CEFAL","address":"45 avenue des Coutures","cityLine":"87000 Limoges","url":"https://www.cefal-limoges.fr/","lat":45.835732,"lon":1.270537,"slug":"limoges-fei-1419a6"},{"id":"fei-4484885EA1C1D08289CA5F6557BD597D052D","name":"GIP FORMATION - CEL","address":"GRETA Lorraine Sud 44 rue Abel Ferry","cityLine":"88000 Epinal","url":"https://dafco.ac-nancy-metz.fr/dafco/site_caec/wordpress/","lat":48.166589,"lon":6.454797,"slug":"epinal-fei-7d052d"},{"id":"location213-1000","name":"FRATE FORMATION - SAINT-DIÃ-DES-VOSGES","address":"7 Rue Laurent Pillard, 88100, SAINT-DIÃ-DES-VOSGES","cityLine":"88100 Saint-Dié-des-Vosges","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1000","lat":48.274988,"lon":6.961781,"slug":"saint-die-des-vosges-1000"},{"id":"location182-435","name":"FRATE FORMATION CONSEIL - AUXERRE","address":"13 rue Jules Ferry, 89000, AUXERRE","cityLine":"89000 Auxerre","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/435","lat":47.797042,"lon":3.583881,"slug":"auxerre-435"},{"id":"fei-9F09A06EEBF4896CFD512FA7E966CAFA1725","name":"GRETA 89","address":"44, boulevard Lyautey","cityLine":"89000 Auxerre","url":"https://www.bourgogne-greta.fr","lat":47.791715,"lon":3.550368,"slug":"auxerre-fei-fa1725"},{"id":"location184-440","name":"FRATE FORMATION CONSEIL - JOIGNY","address":"9 boulevard Lesire Lacam, 89300, JOIGNY","cityLine":"89300 Joigny","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/440","lat":47.984259,"lon":3.399825,"slug":"joigny-440"},{"id":"fei-C8C20ACCF1FD990E1C2A5783CF846CC826EC","name":"POINFOR","address":"131 Avenue Jean Jaurès","cityLine":"89400 Migennes","url":"http://www.poinfor.org/","lat":47.96286,"lon":3.50153,"slug":"migennes-fei-c826ec"},{"id":"location89-1096","name":"FRATE FORMATION CONSEIL - SENS","address":"14 rue Auguste Morel, 89100, SENS","cityLine":"89100 Sens","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1096","lat":48.194476,"lon":3.282574,"slug":"sens-1096"},{"id":"location101-1062","name":"FRATE FORMATION CONSEIL - BELFORT","address":"ATRIA - 1 Avenue de l'espérance, 90000, BELFORT","cityLine"
4840:"90000 Belfort","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1062","lat":47.641909,"lon":6.861864,"slug":"belfort-1062"},{"id":"fei-88E4E082ABCCCF807CEC1AED5960FB6EEADC","name":"INSTITUT POUR LE DÃVELOPPEMENT","address":"Ecole Raymond Aubert 25, rue de la 1ere Armée Française BP 254","cityLine":"90005 Belfort","url":"http://www.ideeup.org","lat":47.505683,"lon":7.000109,"slug":"belfort-fei-6eeadc"},{"id":"fei-9A44B0656C9C988F81FD8CA7B7516A8ACA9C","name":"GRETA DE L'ESSONNE","address":"Lycée Geoffroy Saint Hilaire 2-6, av. Geoffroy Saint Hilaire","cityLine":"91150 Etampes","url":"http://www.greta-essonne.fr","lat":48.435742,"lon":2.14799,"slug":"etampes-fei-8aca9c"},{"id":"fei-5096FD8595E1F2C989485F76E56381DA1845","name":"CFP","address":"23 rue des Ateliers","cityLine":"91350 Grigny","url":"http://www.cfp-gps.fr","lat":48.650387,"lon":2.378179,"slug":"grigny-fei-da1845"},{"id":"location224-812","name":"POLYLANGUES - CERGY","address":"23 bis rue Max Dormoy, 91300, Massy","cityLine":"91300 Massy","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/812","lat":48.731755,"lon":2.274211,"slug":"massy-812"},{"id":"location88-878","name":"HORIZONS 91","address":"10, chemin du Larris, 91150, ÃTAMPES","cityLine":"91150 Ãtampes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/878","lat":48.445271,"lon":2.146933,"slug":"etampes-878"},{"id":"location95-1069","name":"ELFE - ÃVRY COURCOURONNES","address":"34 Cours Blaise Pascal, 91000, ÃVRY COURCOURONNES","cityLine":"91000 Ãvry Courcouronnes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1069","lat":48.626136,"lon":2.430148,"slug":"evry-courcouronnes-1069"},{"id":"fei-CC3D7AABD2A996431BA956327DC991EC95D6","name":"FEEL LEARNING","address":"37 Rue Michel Ange","cityLine":"91080 Ãvry-Courcouronnes","url":"https://www.feel-learning.com/","lat":48.624814,"lon":2.422456,"slug":"evry-courcouronnes-fei-ec95d6"},{"id":"fei-4AB28EE9E300D9CA7537716245B8621BF096","name":"INFREP","address":"23 bis rue Barthélémy Danjou","cityLine":"92100 Boulogne-Billancourt","url":"http://www.infrep.org","lat":48.833015,"lon":2.248421,"slug":"boulogne-billancourt-fei-1bf096"},{"id":"location36-14","name":"ACIFE","address":"44 rue Louveau, 92320, CHÃTILLON","cityLine":"92320 Châtillon","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/14/23","lat":48.803165,"lon":2.2954,"slug":"chatillon-14"},{"id":"location25-1085","name":"EASY LEARN","address":"1 rue du 8 mai 1945, 92110, CLICHY-LA-GARENNE","cityLine":"92110 Clichy-la-Garenne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1085/23","lat":48.897513,"lon":2.310366,"slug":"clichy-la-garenne-1085"},{"id":"location6-1080","name":"ASLY FORMATION-COLOMBES","address":"56 avenue de l'Agent Sarre, 92700, COLOMBES","cityLine":"92700 Colombes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1080/23","lat":48.924221,"lon":2.263674,"slug":"colombes-1080"},{"id":"fei-678F89C76BDA4B0CB1FB69546BD5F0C322C3","name":"IFAP","address":"127 rue Jules Guesde","cityLine":"92300 Levallois-Perret","url":"https://ifap.net","lat":48.898152,"lon":2.288284,"slug":"levallois-perret-fei-c322c3"},{"id":"location114-1079","name":"MOVE UP FORMATION - NANTERRE","address":"5 Boulevard des Bouvets, 92747 , NANTERRE","cityLine":"92747 Nanterre","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1079","lat":48.89772,"lon":2.221906,"slug":"nanterre-1079"},{"id":"location9-858","name":"FARBEE_BY_LEGALUNITE FRANCE","address":"18 Terrasse Bellini, 92800, Puteaux, La Défense","cityLine":"92800 Puteaux","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/858/23","lat":48.886899,"lon":2.250856,"slug":"puteaux-858"},{"id":"location130-1054","name":"ARCS","address":"23 rue Buffon, 92500, RUEIL-MALMAISON","cityLine":"92500 Rueil-Malmaison","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1054","lat":48.86932,"lon":2.210477,"slug":"rueil-malmaison-1054"},{"id":"location122-805","name":"ACTION PLURIELLE FORMATION","address":"1 avenue Antoine Bourdelle, 93600, Aulnay-sous-Bois","cityLine"
4840:"93600 Aulnay-sous-Bois","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/805","lat":48.929847,"lon":2.508871,"slug":"aulnay-sous-bois-805"},{"id":"location108-1009","name":"PLATEFORME DE COMPÃTENCES - BOBIGNY","address":"27 rue de paris , 93000, BOBIGNY","cityLine":"93000 Bobigny","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1009","lat":48.896435,"lon":2.428947,"slug":"bobigny-1009"},{"id":"location41-876","name":"MYSTORY","address":"3 bis avenue de gagny, 93220, GAGNY","cityLine":"93220 Gagny","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/876/23","lat":48.88808,"lon":2.523359,"slug":"gagny-876"},{"id":"location221-1057","name":"FARBEE_BY_LEGALUNITE FRANCE","address":"53 avenue Jean-Jaurès, 93350, LE BOURGET","cityLine":"93350 Le Bourget","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1057","lat":48.932089,"lon":2.42726,"slug":"le-bourget-1057"},{"id":"fei-78DC54A458352A63BA232352562288476DAE","name":"LE POLE","address":"Centre d'examens LE POLE, 65 avenue Jean Mermoz","cityLine":"93120 La Courneuve","url":"http://www.lepole-formation.fr","lat":48.932436,"lon":2.404348,"slug":"la-courneuve-fei-476dae"},{"id":"location120-946","name":"L'ÃCOLE DES CUISTOTS MIGRATEURS","address":"25 RUE DE ROMAINVILLE, 93100, MONTREUIL","cityLine":"93100 Montreuil","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/946","lat":48.864824,"lon":2.445482,"slug":"montreuil-946"},{"id":"location230-402","name":"EFAC FORMATION","address":"17 place du Général De Gaulle, 93100, MONTREUIL","cityLine":"93100 Montreuil","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/402","lat":48.868433,"lon":2.433045,"slug":"montreuil-402"},{"id":"location195-766","name":"MOVE UP FORMATION - NOISY-LE-GRAND","address":"7 porte de Neuilly, 93160, NOISY-LE-GRAND","cityLine":"93160 Noisy-le-Grand","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/766","lat":48.843034,"lon":2.544276,"slug":"noisy-le-grand-766"},{"id":"fei-E67C5882F37E2A4C3319B9D51A1AB610C77F","name":"BTL","address":"Centrex / 2 rue de la Butte Verte","cityLine":"93160 Noisy-le-Grand","url":"https://qolc.fr/","lat":48.842315,"lon":2.579557,"slug":"noisy-le-grand-fei-10c77f"},{"id":"location190-488","name":"IFIE","address":"Tour Essor 14, rue Scandicci, 93500, PANTIN","cityLine":"93500 Pantin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/488","lat":48.892039,"lon":2.398566,"slug":"pantin-488"},{"id":"location192-971","name":"ZD ACADEMY","address":"178 Avenue du Général Leclerc, 93500, Pantin","cityLine":"93500 Pantin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/971","lat":48.901775,"lon":2.413844,"slug":"pantin-971"},{"id":"location196-816","name":"MOVE UP FORMATION - NOISY-LE-GRAND","address":"153 avenue Jean Lolive, 93500, Pantin","cityLine":"93500 Pantin","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/816","lat":48.893542,"lon":2.413938,"slug":"pantin-816"},{"id":"location99-1099","name":"MYSTORY - ROSNY","address":"46 Bis Rue d'Estienne d'Orves, 93110, ROSNY","cityLine":"93110 Rosny","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1099","lat":48.868871,"lon":2.483404,"slug":"rosny-1099"},{"id":"location229-18","name":"ADPE","address":"10-12 Avenue du Colonel Rol-Tanguy, 93240, STAINS","cityLine":"93240 Stains","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/18","lat":48.957607,"lon":2.375264,"slug":"stains-18"},{"id":"location226-814","name":"POLYLANGUES - CERGY","address":"221, avenue du Président Wilson, 93210 Saint denis, Saint denis","cityLine":"93210 Saint denis","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/814","lat":48.913979,"lon":2.357384,"slug":"saint-denis-814"},{"id":"location197-911","name":"MOVE UP FORMATION - NOISY-LE-GRAND","address":"3 rue Jesse Owens, 93200, Saint-Denis","cityLine":"93200 Saint-Denis","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/911","lat":48.923326,"lon":2.364313,"slug":"saint-denis-911"},{"id":"fei-EA57179912D3CB488F4228DF42A1D631248B","name":"GRETA SEINE-SAINT-DENIS","address":"Espace Projets Jean Lurçat 2, rue Diderot","cityLine"
4840:"93200 Saint-Denis","url":"http://www.forpro-creteil.org/formation/greta/gmte93/","lat":48.935511,"lon":2.38051,"slug":"saint-denis-fei-31248b"},{"id":"fei-960E91D99A42B6607D5A7BE1100E53CB932A","name":"LÃO LAGRANGE FORMATION ILE DE FRANCE","address":"8, rue Charles Michels","cityLine":"93200 Saint-Denis","url":"https://www.instep-idf.fr","lat":48.935224,"lon":2.343686,"slug":"saint-denis-fei-cb932a"},{"id":"fei-44F1A397491A59F3E32FB9A68E4642B1335D","name":"ASTROLABE FORMATION - PFD","address":"7 avenue François Coppée","cityLine":"93250 Villemomble","url":"http://www.astrolabeformation-pfd.org","lat":48.887145,"lon":2.50475,"slug":"villemomble-fei-b1335d"},{"id":"location1-850","name":"ALZER","address":"18 place des Nymphéas, HQ Tropical Centre., 93420, Villepinte","cityLine":"93420 Villepinte","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/850/23","lat":48.973858,"lon":2.510726,"slug":"villepinte-850"},{"id":"fei-8F4E0CA92050026E7C3BE5CA150F31BC9C0B","name":"JK-FORMATIONS","address":"7 rue Parmentier","cityLine":"94140 Alfortville","url":"https://www.jk-formation-langues.fr","lat":48.807024,"lon":2.411751,"slug":"alfortville-fei-bc9c0b"},{"id":"location0-1046","name":"LA TECHNIQUE","address":"3 AVENUE CHARLES DE GAULLE , 94470, BOISSY - SAINT-LÃGER","cityLine":"94470 Boissy-Saint-Léger","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1046/23","lat":48.753434,"lon":2.503211,"slug":"boissy-saint-leger-1046"},{"id":"location198-764","name":"ELFE - CHAMPIGNY-SUR-MARNE","address":"98 B Avenue Roger Salengro, 94500, CHAMPIGNY-SUR-MARNE","cityLine":"94500 Champigny-sur-Marne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/764","lat":48.817771,"lon":2.493846,"slug":"champigny-sur-marne-764"},{"id":"fei-718391B07976D5125279C16C320A0C6D34C7","name":"LE POLE","address":"1 voie Félix Eboué","cityLine":"94000 Créteil","url":"http://www.lepole-formation.fr","lat":48.798115,"lon":2.450783,"slug":"creteil-fei-6d34c7"},{"id":"fei-024288FEFDE043EAAE04FD5FC59A263AB9B5","name":"RESSOURCES FORMATION","address":"23, rue Raspail","cityLine":"94200 Ivry-sur-Seine","url":"http://www.ressourcesformation.fr","lat":48.809795,"lon":2.3899,"slug":"ivry-sur-seine-fei-3ab9b5"},{"id":"location28-771","name":"ZD ACADEMY","address":"2 boulevard Albert 1er, 94130, NOGENT-SUR-MARNE","cityLine":"94130 Nogent-sur-Marne","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/771/23","lat":48.837883,"lon":2.493751,"slug":"nogent-sur-marne-771"},{"id":"location2-851","name":"ALZER","address":"Tour Europa - Avenue de lâEurope - 6ème étage, 94320, Thiais","cityLine":"94320 Thiais","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/851/23","lat":48.757057,"lon":2.36933,"slug":"thiais-851"},{"id":"location81-775","name":"AFI - ACTION FORMATION INSERTION","address":"9 avenue du Marais, 95100, ARGENTEUIL","cityLine":"95100 Argenteuil","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/775/23","lat":48.932117,"lon":2.23395,"slug":"argenteuil-775"}
4840,{"id":"fei-0DC42F0495032E3068DFD7EDCD2AB76277E9","name":"ETUDE PLUS ARGENTEUIL","address":"23, avenue Gabriel Péri","cityLine":"95100 Argenteuil","url":"http://www.etudeplus.org/","lat":48.943822,"lon":2.251245,"slug":"argenteuil-fei-6277e9"},{"id":"fei-0678B7971663631AB70C362D6D7DFAB935F5","name":"OBJECTIF EMPLOI OUEST","address":"40, rue de Pontoise","cityLine":"95870 Bezons","url":"https://www.objectif-emploi.net","lat":48.924831,"lon":2.217865,"slug":"bezons-fei-b935f5"},{"id":"location223-660","name":"POLYLANGUES - CERGY","address":"12 rue des chauffours , 95000, CERGY","cityLine":"95000 Cergy","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/660","lat":49.040973,"lon":2.079141,"slug":"cergy-660"},{"id":"fei-544052CAA163EC2FC9C66B67E45499C6F88E","name":"RESSOURCES FORMATION","address":"2 rue du Lendemain code porte 2511- étage 4 Cergy-le-Haut","cityLine":"95800 Cergy-Pontoise","url":"http://www.ressourcesformation.fr","lat":49.048648,"lon":2.012574,"slug":"cergy-pontoise-fei-c6f88e"},{"id":"location222-1","name":"ABC FORMATION","address":"3 allée du lavoir, 95130, FRANCONVILLE","cityLine":"95130 Franconville","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1","lat":48.980737,"lon":2.230062,"slug":"franconville-1"},{"id":"location42-16","name":"ACTION PLURIELLE FORMATION","address":"43-45 boulevard de la Muette, 95140, GARGES-LÃS-GONESSE","cityLine":"95140 Garges-lès-Gonesse","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/16/23","lat":48.976111,"lon":2.415087,"slug":"garges-les-gonesse-16"},{"id":"location124-894","name":"ACTION PLURIELLE FORMATION","address":"68, avenue Gaston Vermeire, 95340, Persan","cityLine":"95340 Persan","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/894","lat":49.14956,"lon":2.27931,"slug":"persan-894"},{"id":"location78-980","name":"ABC FORMATION","address":"82 Avenue de Verdun, 95310, SAINT-OUEN L'AUMONE","cityLine":"95310 Saint-Ouen L'aumone","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/980/23","lat":49.040818,"lon":2.104992,"slug":"saint-ouen-l-aumone-980"},{"id":"fei-C70E7E5A88ADC446F5931136989EA2C719F9","name":"FLEAD","address":"3 boulevard Albert Camus","cityLine":"95200 Sarcelles","url":"http://www.flead.fr","lat":48.978854,"lon":2.371262,"slug":"sarcelles-fei-c719f9"},{"id":"location14-1081","name":"ASLY FORMATION-MAYOTTE","address":"53 bd des Amoureux , 97615, DZAOUDZI","cityLine":"97615 Dzaoudzi","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1081/23","lat":-12.786894,"lon":45.278969,"slug":"dzaoudzi-1081"},{"id":"location216-743","name":"WORLD EXPERIENCE","address":"92 Résidence Maimouna, 97139, LES ABYMES","cityLine":"97139 Les Abymes","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/743","lat":16.241706,"lon":-61.516009,"slug":"les-abymes-743"},{"id":"location98-1095","name":"CHAMBRE DE COMMERCE ET D'INDUSTRIE DE MAYOTTE (CCIM)","address":"Place Mariage, Mamoudzou, Mayotte, France, 97600, MAMOUDZOU","cityLine":"97600 Mamoudzou","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1095","lat":-12.78061,"lon":45.231227,"slug":"mamoudzou-1095"},{"id":"location168-250","name":"AURAL LOGOS","address":"950, Avenue Gaston Monnerville , 97354, RÃMIRE-MONTJOLY","cityLine":"97354 Rémire-Montjoly","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/250","lat":4.888635,"lon":-52.283985,"slug":"remire-montjoly-250"},{"id":"location215-893","name":"ALLIANCE FRANÃAISE DE LA RÃUNION","address":"4 ruelle Tortue, 97400, SAINT-DENIS","cityLine":"97400 Saint-Denis","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/893","lat":-20.879717,"lon":55.446144,"slug":"saint-denis-893"},{"id":"location10-365","name":"CLOUD COM 97","address":"Lot 16 Les Jardins de Bellevue , 97150, SAINT-MARTIN - MARIGOT","cityLine":"97150 Saint-Martin-Marigot","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/365/23","lat":18.055225,"lon":-63.086106,"slug":"saint-martin-marigot-365"},{"id":"fei-A753B52C1F1F1DF3C0B9FA43F8723D993854","name":"FORE ALTERNANCE","address":"ZI de Jarry Bvd du Marquisat de Houelbourg","cityLine"
4840:"97122 Baie-Mahault (Pointe-à -Pitre)","url":"http://www.fore.fr","lat":16.242639,"lon":-61.557956,"slug":"baie-mahault-pointe-a-pitre-fei-993854"},{"id":"fei-4CE4AB9672AACD3FA7836C0B8758D4D652D0","name":"FORE MARTINIQUE","address":"Lot les hauts de Californie","cityLine":"97232 Le Lamentin","url":"http://fore.fr","lat":14.621701,"lon":-61.032345,"slug":"le-lamentin-fei-d652d0"},{"id":"fei-8AF156920FF9760350F4E9BA7E2D43BD2626","name":"ALLIANCE FRANÃAISE - 339730-02","address":"2, place du Marché","cityLine":"97300 Cayenne","url":"http://www.afcayenne.org/","lat":4.9363,"lon":-52.334173,"slug":"cayenne-fei-bd2626"},{"id":"fei-5BC76F41971421687F0FDDF6E916E9B2B998","name":"EQUINOXE FORMATION","address":"Espace Katoury Rocade de Zephyr","cityLine":"97300 Cayenne","url":"http://www.equinoxe-guyane.com","lat":4.93656,"lon":-52.306807,"slug":"cayenne-fei-b2b998"},{"id":"fei-621EBA32C1657AED7969CB14F879D296FBDD","name":"EQUINOXE FORMATION","address":"24, rue Raymond Cresson","cityLine":"97310 Kourou","url":"http://www.equinoxe-guyane.com/","lat":5.152981,"lon":-52.646419,"slug":"kourou-fei-96fbdd"},{"id":"fei-232B6B752D7D097140DA027BE4AF9E6C24DA","name":"EQUINOXE FORMATION","address":"02, rue Jeanne Garré","cityLine":"97320 Saint-Laurent-du-Maroni","url":"http://www.equinoxe-guyane.com","lat":5.502998,"lon":-54.025499,"slug":"saint-laurent-du-maroni-fei-6c24da"},{"id":"fei-8AF1DE651C1B1CE1E3ED625B3D5ACAAAE474","name":"ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE","address":"Espace Tarani, 1er étage - 95 chemin Pente Sassy","cityLine":"97440 Saint-André","url":"http://www.arep.re","lat":-20.963496,"lon":55.659538,"slug":"saint-andre-fei-aae474"},{"id":"fei-7486FD15E95C9A93891B56564E2E17065B11","name":"ASSOCIATION RÃUNIONNAISE D'EDUCATION POPULAIRE","address":"9000 SIDR Front de mer - Bâtiment G","cityLine":"97410 Saint-Pierre","url":"http://www.arep.re","lat":-21.339037,"lon":55.461321,"slug":"saint-pierre-fei-065b11"},{"id":"fei-31A667D2C8BD45E4BC05489C1736F95E37EE","name":"(A.C.E.)","address":"Espace Coralium BAT A BP 800 Kawéni","cityLine":"97600 Mamoudzou","url":"https://www.facebook.com/ACEformationMayotte/?locale=fr_FR","lat":-12.771562,"lon":45.225223,"slug":"mamoudzou-fei-5e37ee"},{"id":"location137-1033","name":"LEO LAGRANGE FORMATION","address":"Hôtel du Canal - 88 Avenue Arnaut Vidal, CASTELNAUDARY","cityLine":"Castelnaudary","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/1033","lat":43.314775,"lon":1.949912,"slug":"castelnaudary-1033"},{"id":"location219-986","name":"MOVE UP FORMATION - LIMOGES","address":"18 place Winston Churchill, LIMOGES","cityLine":"Limoges","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/986","lat":45.832242,"lon":1.251072,"slug":"limoges-986"},{"id":"location156-448","name":"FRATE FORMATION CONSEIL - VALSERHÃNE","address":"26 rue Joseph Bertola, 1200, VALSERHÃNE","cityLine":"Valserhône","url":"https://francais.cci-paris-idf.fr/inscription-candidat/contact/448","lat":46.109818,"lon":5.824571,"slug":"valserhone-448"}]</script>
4840 <link rel="preload" as="style" href="/vendor/leaflet/leaflet.css" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="/vendor/leaflet/leaflet.css"></noscript>
4840<script defer src="/vendor/leaflet/leaflet.js"></script>
4840<script type="module" src="/_astro/CentresLeaflet.astro_astro_type_script_index_0_lang.DJVtyzAs.js"></script>
4840 </main> <footer id="site-footer" class="bg-[#f6f6f6] border-t border-[#e5e5e5] py-6 px-5 shrink-0" data-pagefind-ignore data-astro-cid-sckkx6r4> <div class="max-w-[1400px] mx-auto flex flex-col gap-4" data-astro-cid-sckkx6r4> <!-- Social row : suivez-nous sur les réseaux --> <div class="flex flex-col sm:flex-row items-center justify-between gap-4 pb-4 border-b border-[#e5e5e5]" data-astro-cid-sckkx6r4> <div class="flex items-center gap-2" data-astro-cid-sckkx6r4> <span class="text-[11px] font-extrabold uppercase tracking-[0.14em] text-gray-600" data-astro-cid-sckkx6r4>Suivez-nous</span> </div> <div class="flex items-center gap-2" data-astro-cid-sckkx6r4> <!-- Instagram --> <a href="https://www.instagram.com/naturalisation_facile/" target="_blank" rel="noopener me" aria-label="Instagram - Naturalisation Facile" class="group inline-flex items-center justify-center w-9 h-9 rounded-full bg-white border border-[#e5e5e5] text-gray-500 hover:text-white hover:border-transparent hover:bg-gradient-to-br hover:from-[#fa7e1e] hover:via-[#d62976] hover:to-[#962fbf] transition-all" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-sckkx6r4> <rect x="2" y="2" width="20" height="20" rx="5" ry="5" data-astro-cid-sckkx6r4></rect> <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" data-astro-cid-sckkx6r4></path> <line x1="17.5" y1="6.5" x2="17.51" y2="6.5" data-astro-cid-sckkx6r4></line> </svg> </a> <!-- TikTok --> <a href="https://www.tiktok.com/@naturalisation_facile" target="_blank" rel="noopener me" aria-label="TikTok - Naturalisation Facile" class="group inline-flex items-center justify-center w-9 h-9 rounded-full bg-white border border-[#e5e5e5] text-gray-500 hover:text-white hover:border-transparent hover:bg-[#0a0a0a] transition-all" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sckkx6r4> <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43V8.28a8.16 8.16 0 0 0 4.77 1.52V6.4a4.85 4.85 0 0 1-1.84-.16z" data-astro-cid-sckkx6r4></path> </svg> </a> <!-- YouTube --> <a href="https://www.youtube.com/channel/UC3vcWmo-BXvYriukLlCou2Q" target="_blank" rel="noopener me" aria-label="YouTube - Naturalisation Facile" class="group inline-flex items-center justify-center w-9 h-9 rounded-full bg-white border border-[#e5e5e5] text-gray-500 hover:text-white hover:border-transparent hover:bg-[#FF0000] transition-all" data-astro-cid-sckkx6r4> <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-sckkx6r4> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" data-astro-cid-sckkx6r4></path> </svg> </a> <!-- Petit séparateur visuel entre réseaux et extensions --> <span class="w-px h-5 bg-[#e5e5e5] mx-1" aria-hidden="true" data-astro-cid-sckkx6r4></span> <!-- Extension Chrome --> <a href="https://chromewebstore.google.com/detail/d%C3%A9codeur-anef/pjoihdhlbdlgdiamkfdddkkcdpghmaed" target="_blank" rel="noopener" aria-label="Extension Décodeur ANEF sur Chrome Web Store" title="Extension Décodeur ANEF (Chrome / Edge / Brave / Opera)" class="group inline-flex items-center justify-center w-9 h-9 rounded-full bg-white border border-[#e5e5e5] hover:border-[#4285F4] transition-all" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 48 48" fill="none" data-astro-cid-sckkx6r4> <circle cx="24" cy="24" r="22" fill="white" data-astro-cid-sckkx6r4></circle> <path d="M24 16 L44 16 A22 22 0 0 0 8.5 13.5 L17 26 A8 8 0 0 1 24 16 Z" fill="#EA4335" data-astro-cid-sckkx6r4></path> <path d="M17 26 L8.5 13.5 A22 22 0 0 0 12.5 41 L21 28 A8 8 0 0 1 17 26 Z" fill="#FBBC05" data-astro-cid-sckkx6r4></path> <path d="M31 26 L44 16 A22 22 0 0 1 40 41 L28 28 A8 8 0 0 0 31 26 Z" fill="#34A853" data-astro-cid-sckkx6r4></path> <path d="M24 32 L12.5 41 A22 22 0 0 0 40 41 L28 28 A8 8 0 0 1 24 32 Z" fill="#34A853" data-astro-cid-sckkx6r4></path> <circle cx="24" cy="24" r="8" fill="white" data-astro-cid-sckkx6r4></circle> <circle cx="24" cy="24" r="6" fill="#4285F4" data-astro-cid-sckkx6r4></circle> </svg> </a> <!-- Extension Firefox --> <a href="https://addons.mozilla.org/fr/firefox/addon/d%C3%A9codeur-anef-naturalisation/" target="_blank" rel="noopener" aria-label="Extension Décodeur ANEF sur Firefox AMO" title="Extension Décodeur ANEF (Firefox Desktop & Android)" class="group inline-flex items-center justify-center w-9 h-9 rounded-full bg-white border border-[#e5e5e5] hover:border-[#FF4500] transition-all" data-astro-cid-sckkx6r4> <svg width="14" height="14" viewBox="0 0 48 48" fill="none" data-astro-cid-sckkx6r4> <defs data-astro-cid-sckkx6r4> <radialGradient id="ffBodyFooter" cx="35%" cy="30%" r="80%" data-astro-cid-sckkx6r4> <stop offset="0%" stop-color="#FFDF00" data-astro-cid-sckkx6r4></stop> <stop offset="30%" stop-color="#FF9500" data-astro-cid-sckkx6r4></stop> <stop offset="60%" stop-color="#FF4500" data-astro-cid-sckkx6r4></stop> <stop offset="100%" stop-color="#C02F00" data-astro-cid-sckkx6r4></stop> </radialGradient> <radialGradient id="ffGlobeFooter" cx="50%" cy="50%" r="60%" data-astro-cid-sckkx6r4> <stop offset="0%" stop-color="#0B5EAA" data-astro-cid-sckkx6r4></stop> <stop offset="100%" stop-color="#003DA5" data-astro-cid-sckkx6r4></stop> </radialGradient> </defs> <circle cx="24" cy="24" r="22" fill="url(#ffGlobeFooter)" data-astro-cid-sckkx6r4></circle> <path d="M24 4 C14 4 6 12 6 22 C6 32 14 42 24 42 C34 42 40 34 40 26 C40 18 34 14 28 14 C22 14 18 18 18 22 C18 26 21 28 24 28 C27 28 30 26 30 22" fill="url(#ffBodyFooter)" data-astro-cid-sckkx6r4></path> <circle cx="28" cy="20" r="2" fill="#FF4500" opacity="0.8" data-astro-cid-sckkx6r4></circle> </svg> </a> </div> </div> <!-- Colonnes de liens internes (maillage sitewide : outils, décrets, ressources). 4841 Mobile : accordéons repliés (liens toujours dans le DOM, crawlables). Desktop : colonnes ouvertes. --> <div class="grid grid-cols-1 md:grid-cols-4 gap-0 md:gap-6 pb-4 border-b border-[#e5e5e5]" data-astro-cid-sckkx6r4> <div class="border-b border-[#e5e5e5] last:border-b-0 md:border-b-0" data-astro-cid-sckkx6r4> <button type="button" aria-expanded="false" class="footer-col-toggle w-full flex items-center justify-between py-2.5 md:py-0 md:mb-2.5 md:pointer-events-none md:cursor-default" data-astro-cid-sckkx6r4> <span class="text-[11px] font-extrabold uppercase tracking-[0.14em] text-gray-600" data-astro-cid-sckkx6r4>Examen civique</span> <svg class="footer-col-chevron w-3.5 h-3.5 text-gray-400 transition-transform md:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <ul class="space-y-1.5 hidden md:block pb-3 md:pb-0" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4>
4841<a href="/examen-blanc-gratuit" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Examen blanc gratuit</a></li><li data-astro-cid-sckkx6r4><a href="/guide-gratuit" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>PDF de révision gratuit</a></li><li data-astro-cid-sckkx6r4><a href="/culture-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Cours de culture civique</a></li><li data-astro-cid-sckkx6r4><a href="/dates-examen-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Les dates à connaître</a></li><li data-astro-cid-sckkx6r4><a href="/examen-civique-mises-en-situation" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Les mises en situation</a></li><li data-astro-cid-sckkx6r4><a href="/test-niveau-francais" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Test de français B1/B2</a></li><li data-astro-cid-sckkx6r4><a href="/examen-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Guide de l'examen civique</a></li><li data-astro-cid-sckkx6r4><a href="/centres-examen-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Trouver un centre</a></li><li data-astro-cid-sckkx6r4><a href="/prix-examen-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Prix de l'examen</a></li><li data-astro-cid-sckkx6r4><a href="/test-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Test civique : inscription</a></li><li data-astro-cid-sckkx6r4><a href="/dispense-examen-civique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Qui est dispensé ?</a></li><li data-astro-cid-sckkx6r4><a href="/examen-civique-titre-de-sejour" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Titre de séjour</a></li><li data-astro-cid-sckkx6r4><a href="/examen-civique-carte-de-resident" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Carte de résident</a></li><li data-astro-cid-sckkx6r4><a href="/guide" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Le guide complet</a></li><li data-astro-cid-sckkx6r4><a href="/examen-civique-en-ligne" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>S'entraîner en ligne</a></li> </ul> </div><div class="border-b border-[#e5e5e5] last:border-b-0 md:border-b-0" data-astro-cid-sckkx6r4> <button type="button" aria-expanded="false" class="footer-col-toggle w-full flex items-center justify-between py-2.5 md:py-0 md:mb-2.5 md:pointer-events-none md:cursor-default" data-astro-cid-sckkx6r4> <span class="text-[11px] font-extrabold uppercase tracking-[0.14em] text-gray-600" data-astro-cid-sckkx6r4>Mon dossier</span> <svg class="footer-col-chevron w-3.5 h-3.5 text-gray-400 transition-transform md:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <ul class="space-y-1.5 hidden md:block pb-3 md:pb-0" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4><a href="/anef" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>ANEF : compte et suivi</a></li><li data-astro-cid-sckkx6r4><a href="/etapes-naturalisation-sdanf" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Les étapes de la naturalisation</a></li><li data-astro-cid-sckkx6r4><a href="/delai-naturalisation" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Délai de naturalisation</a></li><li data-astro-cid-sckkx6r4><a href="/prefectures" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Préfectures & délais</a></li><li data-astro-cid-sckkx6r4><a href="/devenir-francais" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Trouver ma préfecture</a></li><li data-astro-cid-sckkx6r4><a href="/installer-extension-decodeur-anef" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Extension Décodeur ANEF</a></li><li data-astro-cid-sckkx6r4><a href="/assistant" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Assistant : poser une question</a></li><li data-astro-cid-sckkx6r4><a href="/glossaire" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Glossaire</a></li><li data-astro-cid-sckkx6r4><a href="/questions-entretien-naturalisation" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Questions d'entretien</a></li> </ul> </div><div class="border-b border-[#e5e5e5] last:border-b-0 md:border-b-0" data-astro-cid-sckkx6r4> <button type="button" aria-expanded="false" class="footer-col-toggle w-full flex items-center justify-between py-2.5 md:py-0 md:mb-2.5 md:pointer-events-none md:cursor-default" data-astro-cid-sckkx6r4> <span class="text-[11px] font-extrabold uppercase tracking-[0.14em] text-gray-600" data-astro-cid-sckkx6r4>Décrets & JO</span> <svg class="footer-col-chevron w-3.5 h-3.5 text-gray-400 transition-transform md:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <ul class="space-y-1.5 hidden md:block pb-3 md:pb-0" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4><a href="/decrets" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Recherche par numéro</a></li><li data-astro-cid-sckkx6r4><a href="/alerte-sms?src=menu-decrets" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Alerte SMS décret</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/journal-officiel" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Journal Officiel</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/calendrier-jo" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Calendrier des JO</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/bilan/2025" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Bilan annuel</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/barometre" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Baromètre</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/identifiant-decret-anef" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Identifiant décret ANEF</a></li><li data-astro-cid-sckkx6r4><a href="/decrets/historique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Historique des JO</a></li> </ul> </div><div class="border-b border-[#e5e5e5] last:border-b-0 md:border-b-0" data-astro-cid-sckkx6r4> <button type="button" aria-expanded="false" class="footer-col-toggle w-full flex items-center justify-between py-2.5 md:py-0 md:mb-2.5 md:pointer-events-none md:cursor-default" data-astro-cid-sckkx6r4> <span class="text-[11px] font-extrabold uppercase tracking-[0.14em] text-gray-600" data-astro-cid-sckkx6r4>Ressources</span> <svg class="footer-col-chevron w-3.5 h-3.5 text-gray-400 transition-transform md:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4><polyline points="6 9 12 15 18 9" data-astro-cid-sckkx6r4></polyline></svg> </button> <ul class="space-y-1.5 hidden md:block pb-3 md:pb-0" data-astro-cid-sckkx6r4> <li data-astro-cid-sckkx6r4><a href="/articles" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Articles</a></li><li data-astro-cid-sckkx6r4><a href="/actualites" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Actualités</a></li><li data-astro-cid-sckkx6r4><a href="/livret-du-citoyen" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Livret du citoyen</a></li><li data-astro-cid-sckkx6r4><a href="/donnees-statistiques" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Données & statistiques</a></li><li data-astro-cid-sckkx6r4><a href="/modeles-lettres" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Modèles de lettres</a></li><li data-astro-cid-sckkx6r4><a href="/double-nationalite" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Double nationalité</a></li><li data-astro-cid-sckkx6r4><a href="/outils" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Tous les outils</a></li><li data-astro-cid-sckkx6r4><a href="/faq" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>FAQ</a></li><li data-astro-cid-sckkx6r4><a href="/contact" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Contact</a></li><li data-astro-cid-sckkx6r4><a href="/a-propos" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>à propos</a></li><li data-astro-cid-sckkx6r4><a href="/presse" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Espace presse</a></li><li data-astro-cid-sckkx6r4><a href="/boutique" class="text-[12px] text-gray-600 hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Boutique</a></li> </ul> </div> </div> <!-- Bottom row : liens légaux --> <div class="flex flex-col sm:flex-row items-center justify-between gap-3 text-[11px] text-gray-600" data-astro-cid-sckkx6r4> <span data-astro-cid-sckkx6r4>Source : décrets publiés au Journal Officiel de la République Française</span> <div class="flex items-center gap-3" data-astro-cid-sckkx6r4> <a href="/a-propos" class="hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>à propos</a> <a href="/mentions-legales" class="hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Mentions légales</a> <a href="/cgu" class="hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>CGU</a> <a href="/confidentialite" class="hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Confidentialité</a> <a href="/desabonnement" class="hover:text-[#000091] transition-colors" data-astro-cid-sckkx6r4>Se désabonner</a> <span data-astro-cid-sckkx6r4>naturalisation-facile.fr - Non affilié à l'administration - 2026</span> </div> </div> </div> </footer> <!-- ============ VARIANTE A - Bandeau de service ============ --><div id="nf-guide-sticky-a" data-nf-variant="A" data-nf-test="sticky" hidden class="fixed inset-x-0 bottom-0 z-40 px-2 sm:px-3 pb-2 sm:pb-3 translate-y-[130%] transition-transform duration-300 ease-out motion-reduce:transition-none pointer-events-none"> <div class="mx-auto max-w-[860px] rounded-lg bg-white border border-[#DDDDDD] border-t-[3px] border-t-[#000091] shadow-[0_-4px_28px_-10px_rgba(0,0,40,0.35)] pointer-events-auto"> <div class="relative flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:gap-6 sm:py-3.5 sm:pl-5 sm:pr-16"> <div class="min-w-0 flex-1 pr-10 sm:pr-0"> <p class="text-[11px] font-bold uppercase tracking-[0.1em] text-[#000091]">Guide 2026</p> <p class="mt-1 text-[15px] sm:text-[17px] font-bold leading-snug text-[#161616]">Préparer l'examen civique de naturalisation</p> <p class="mt-0.5 text-[13px] sm:text-[14px] leading-snug text-[#3A3A3A]">50 examens blancs et une simulation d'entretien</p> </div> <div class="flex items-center gap-4 sm:shrink-0"> <p class="flex flex-col leading-none"> <!-- « ailleurs » n'est pas cosmétique : un prix barré nu se lit comme 4842 NOTRE prix antérieur, or l'article L112-1-1 du code de la 4843 consommation impose alors le prix le plus bas des 30 derniers 4844 jours, que nous n'avons jamais pratiqué. Qualifié, c'est une 4845 comparaison avec la concurrence, licite et exacte (formulation 4846 déjà utilisée sur la page d'accueil). --> <span class="text-[13px] text-[#666666]"><span class="line-through">29,90 â¬</span> ailleurs</span> <span class="mt-1 text-[22px] sm:text-[24px] font-extrabold text-[#000091]">dès 4,90 â¬</span> </p> <a href="/guide" data-nf-cta class="ml-auto inline-flex h-11 shrink-0 items-center justify-center rounded px-5 text-[15px] font-bold border-2 hover:brightness-110 active:scale-[0.99] transition-[filter] motion-reduce:transition-none" style="background:var(--nf-sticky-bg);color:var(--nf-sticky-fg);border-color:var(--nf-sticky-bd)">Voir le guide</a> </div> <button type="button" data-nf-close aria-label="Fermer" class="absolute right-1 top-1 sm:top-1/2 sm:right-2 sm:-translate-y-1/2 flex h-11 w-11 items-center justify-center rounded text-[#565656] hover:bg-[#F0F0F5] hover:text-[#161616] focu
4846s-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M3 3l10 10M13 3L3 13"></path></svg> </button> </div> </div> </div>
4846<script> 4847(function () { 4848 var VKEY = 'nf_ab_sticky_variant'; // variante assignée, persistée (versions < 25/08) 4849 var DKEY = 'nf_guide_sticky_dismissed'; // timestamp de fermeture (clé historique réutilisée) 4850 // La barre TCF a sa propre fermeture : fermer l'une ne cache pas l'autre. 4851 var elBar = document.getElementById('nf-guide-sticky-a'); 4852 if (elBar && elBar.getAttribute('data-nf-test') === 'stickytcf') DKEY += '_tcf'; 4853 var DISMISS_MS = 2 * 36e5; // 2 heures 4854 4855 // Test A/B terminé le 25/08/2026, la variante B (bandeau bleu République) est 4856 // retirée. Sur 14 jours et ~14 700 impressions chacune : A 0,52 % de clics 4857 // contre 0,32 % pour B, soit +63 % pour A. B se faisait moins fermer (17,5 % 4858 // contre 36,9 %) mais faisait beaucoup moins cliquer, et c'est le clic qui 4859 // compte. Relevé complet dans notes/guide-cta-baseline-2026-08-25.md. 4860 // 4861 // On continue d'envoyer variant:'A' à /track : l'historique des deux 4862 // variantes reste lisible dans l'admin, et le point d'arrêt se voit sur la 4863 // courbe par jour. 4864 var variant = 'A'; 4865 // Nettoie l'ancienne assignation persistée (versions précédentes du composant). 4866 try { localStorage.removeItem(VKEY); } catch (e) {} 4867 4868 // Aperçu interne : ?ab=off masque la barre pour tester une page sans elle. 4869 // Aucun événement n'est envoyé en aperçu, sinon les allers-retours de 4870 // contrôle fausseraient le taux de clic réel. 4871 var preview = null; 4872 try { 4873 if (new URLSearchParams(location.search).get('ab') === 'off') return; 4874 } catch (e) {} 4875 4876 var bar = document.getElementById('nf-guide-sticky-a'); 4877 if (!bar) return; 4878 4879 // 2. Envoi d'événement vers l'API. L'IP est lue côté serveur, jamais envoyée ici. 4880 function track(event) { 4881 if (preview || window.__nfThemePreview) return; // aperçu interne : ne compte pas dans l'A/B 4882 var payload = { 4883 test: bar.getAttribute('data-nf-test') || 'sticky', 4884 event: event, 4885 variant: variant, 4886 theme: window.__nfTheme || '', 4887 path: location.pathname, 4888 viewport: window.innerWidth < 640 ? 'mobile' : 'desktop' 4889 }; 4890 try { 4891 var body = JSON.stringify(payload); 4892 if (navigator.sendBeacon) { 4893 navigator.sendBeacon('/api/track', new Blob([body], { type: 'application/json' })); 4894 } else { 4895 fetch('/api/track', { method: 'POST', body: body, keepalive: true, headers: { 'Content-Type': 'application/json' } }); 4896 } 4897 } catch (e) {} 4898 // Miroir vers un analytics tiers s'il est ajouté un jour (aucun aujourd'hui). 4899 if (window.plausible) window.plausible('sticky_' + event, { props: { variant: variant, path: location.pathname } }); 4900 if (window.umami) window.umami.track('sticky_' + event, { variant: variant, path: location.pathname }); 4901 } 4902 4903 // 3. Fermeture mémorisée : on n'affiche rien mais on garde la variante assignée. 4904 // Ignoré en mode aperçu, sinon une fermeture de test masquerait la barre 4905 // pendant 2 h et empêcherait de comparer les designs. 4906 if (!preview) { 4907 try { 4908 var ts = parseInt(localStorage.getItem(DKEY) || '0', 10); 4909 if (ts && (Date.now() - ts) < DISMISS_MS) return; 4910 } catch (e) {} 4911 } 4912 4913 var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; 4914 var shown = false, dismissed = false; 4915 4916 function show() { 4917 if (shown || dismissed) return; 4918 shown = true; 4919 bar.hidden = false; 4920 if (reduce) bar.classList.add('transition-none'); 4921 void bar.offsetHeight; // reflow : la transition part bien de l'état masqué 4922 bar.classList.remove('translate-y-[130%]'); 4923 track('impression'); 4924 } 4925 4926 function scrollable() { 4927 return Math.max(0, document.documentElement.scrollHeight - window.innerHeight); 4928 } 4929 4930 function threshold() { 4931 // 480 px, mais ramené à 35 % du scroll disponible sur les pages courtes 4932 // (fiches statuts ANEF) qui n'atteignent jamais 480 px. 4933 return Math.min(480, scrollable() * 0.35); 4934 } 4935 4936 function onScroll() { 4937 if (dismissed || shown) return; 4938 if (window.scrollY > threshold()) show(); 4939 } 4940 4941 window.addEventListener('scroll', onScroll, { passive: true }); 4942 onScroll(); 4943 4944 // Page trop courte pour être scrollée du tout : sans ça la barre n'apparaît jamais. 4945 setTimeout(function () { if (scrollable() < 120) show(); }, 4000); 4946 4947 bar.querySelector('[data-nf-cta]').addEventListener('click', function () { 4948 track('click'); 4949 }); 4950 4951 bar.querySelector('[data-nf-close]').addEventListener('click', function () { 4952 dismissed = true; 4953 bar.classList.add('translate-y-[130%]'); 4954 try { localStorage.setItem(DKEY, String(Date.now())); } catch (e) {}
4955 track('dismiss'); 4956 // La place en bas d'ecran se libere : l'assistant peut la prendre. On 4957 // previent AssistantBubble.astro plutot que de le piloter d'ici, pour que 4958 // les deux composants restent independants. 4959 try { window.dispatchEvent(new CustomEvent('nf:guide-dismissed')); } catch (e) {} 4960 }); 4961})(); 4962</script>
4962 <div id="nf-assistant-bubble" hidden class="fixed inset-x-3 bottom-3 sm:inset-x-auto sm:right-5 sm:bottom-5 sm:w-[392px] z-40 flex justify-end translate-y-[150%] opacity-0 transition-all duration-300 ease-out motion-reduce:transition-none motion-reduce:translate-y-0"> <!-- 3. Pastille : l'etat de repos, jamais supprime --> <button type="button" id="nf-assistant-pill" hidden data-nf-bubble-open aria-label="Ouvrir l'assistant : poser une question" aria-expanded="false" aria-controls="nf-assistant-panel" class="grid place-items-center h-14 w-14 rounded-2xl bg-[#000091] shadow-[0_10px_28px_-8px_rgba(0,0,90,0.55)] hover:bg-[#1212FF] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <svg width="30" height="30" viewBox="0 0 32 32" fill="none" aria-hidden="true"> <rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect> <path d="M16 4v5" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> <circle cx="16" cy="3.5" r="2" fill="#8BE3A8"></circle> <circle cx="12" cy="16" r="2.1" fill="#8BE3A8"></circle> <circle cx="20" cy="16" r="2.1" fill="#8BE3A8"></circle> <path d="M13 20.5h6" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> </svg> </button> <!-- 1. Amorce --> <div id="nf-assistant-teaser" class="w-full flex items-end gap-2"> <button type="button" data-nf-bubble-open aria-expanded="false" aria-controls="nf-assistant-panel" class="group flex-1 min-w-0 flex items-center gap-3 bg-white border border-[#e3e3fd] border-l-4 border-l-[#000091] shadow-[0_10px_28px_-10px_rgba(0,0,60,0.45)] px-3 py-2.5 text-left hover:border-l-[#1212FF] hover:bg-[#f5f5fe] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center h-10 w-10 rounded-xl bg-[#000091] shadow-[0_4px_12px_-4px_rgba(0,0,145,0.6)]"> <svg width="22" height="22" viewBox="0 0 32 32" fill="none" aria-hidden="true"> <rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect> <path d="M16 4v5" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> <circle cx="16" cy="3.5" r="2" fill="#8BE3A8"></circle> <circle cx="12" cy="16" r="2.1" fill="#8BE3A8"></circle> <circle cx="20" cy="16" r="2.1" fill="#8BE3A8"></circle> <path d="M13 20.5h6" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> </svg> </span> <span class="flex-1 min-w-0"> <span class="block text-[13.5px] font-extrabold leading-tight text-[#161616]">Une question sur votre dossier ?</span> <span class="block mt-0.5 text-[11.5px] leading-tight text-[#666666]">Réponse issue de nos fiches, avec sa source · gratuit</span> </span> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2.4" stroke-linecap="round" class="shrink-0" aria-hidden="true"><path d="M18 15l-6-6-6 6"></path></svg> </button> <button type="button" data-nf-teaser-minimize aria-label="Réduire l'assistant" title="Réduire" class="shrink-0 grid place-items-center h-11 w-11 bg-white text-[#565656] border border-[#DDDDDD] shadow-[0_10px_28px_-10px_rgba(0,0,60,0.45)] hover:text-[#161616] hover:bg-[#F0F0F5] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M3 3l10 10M13 3L3 13"></path></svg> </button> </div> <!-- 2. Panneau. `max-h` en unites de fenetre : sur un telephone en paysage, 4963 une hauteur fixe deborderait sous le clavier. --> <div id="nf-assistant-panel" hidden role="dialog" aria-modal="false" aria-label="Assistant : poser une question" class="w-full flex flex-col max-h-[min(640px,82vh)] rounded-[20px] border border-[#DDDDDD] bg-white overflow-hidden shadow-[0_18px_48px_-12px_rgba(0,0,60,0.5)]"> <div class="shrink-0 flex items-center justify-end gap-1 border-b border-[#f0f0f8] bg-white px-2 py-1.5"> <a href="/assistant" class="h-8 px-2.5 inline-flex items-center gap-1.5 rounded-md text-[11.5px] font-bold text-[#000091] no-underline hover:bg-[#f5f5fe]"> <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M14 4h6v6"></path><path d="M20 4l-8 8"></path><path d="M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5"></path></svg> 4964Pleine page 4965</a> <button type="button" data-nf-panel-close aria-label="Réduire l'assistant" class="shrink-0 grid place-items-center h-8 w-8 rounded-md text-[#565656] hover:text-[#161616] hover:bg-[#F0F0F5] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><path d="M3 3l10 10M13 3L3 13"></path></svg> </button> </div> <div class="flex-1 min-h-0 flex flex-col">
4965 <!-- Carte d'accueil : l'identite de l'outil. L'en-tete reste affiche pendant 4966 toute la session, les exemples disparaissent des la premiere question. --><section class="bg-white overflow-hidden flex-1 min-h-0 flex flex-col"> <div class="bg-[#f5f5fe] border-b border-[#e3e3fd] px-4 sm:px-[18px] py-5 sm:py-[22px] shrink-0"> <div class="flex gap-3 sm:gap-[13px] items-start"> <span class="shrink-0 grid place-items-center h-[54px] w-[54px] rounded-2xl bg-[#000091] shadow-[0_6px_16px_-6px_rgba(0,0,145,0.6)]" aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 32 32" fill="none"> <rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect> <path d="M16 4v5" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> <circle cx="16" cy="3.5" r="2" fill="#8BE3A8"></circle> <circle cx="12" cy="16" r="2.1" fill="#8BE3A8"></circle> <circle cx="20" cy="16" r="2.1" fill="#8BE3A8"></circle> <path d="M13 20.5h6" stroke="#fff" stroke-width="2" stroke-linecap="round"></path> </svg> </span> <div class="flex-1 min-w-0"> <p class="font-display text-[20px] sm:text-[26px] font-extrabold text-[#0a0a2e] leading-[1.1] tracking-[-0.02em] m-0"> 4967Le chercheur de fiches 4968</p> <p class="mt-1.5 inline-flex items-center gap-1.5 h-[22px] px-2.5 rounded-full bg-white border border-[#e3e3fd] text-[11px] font-bold text-[#000091]"> <span class="h-1.5 w-1.5 rounded-full bg-[#18753C]" aria-hidden="true"></span> 4969Automatique · ne rédige jamais 4970</p> </div> </div> </div> <div class="px-4 sm:px-[18px] pt-4 pb-[18px] flex-1 min-h-0 flex flex-col"> <section id="asst-ex-wrap" aria-labelledby="asst-ex-title" class="flex-1 min-h-0 overflow-y-auto"> <div class="flex items-center gap-[9px]"> <h2 id="asst-ex-title" class="text-[11px] font-extrabold uppercase tracking-[0.09em] text-[#000091] whitespace-nowrap">Essayez avec ça</h2> <span class="h-px flex-1 bg-[#e3e3fd]" aria-hidden="true"></span> </div> <ul id="asst-exemples" class="mt-[11px] flex flex-col gap-[7px] list-none p-0 m-0"> <li> <button type="button" data-ex="Que veut dire « récépissé de complétude à envoyer » ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">ANEF</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">Que veut dire « récépissé de complétude à envoyer » ?</span> </button> </li><li> <button type="button" data-ex="Mon dossier est ajourné, quels sont mes recours ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">Recours</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">Mon dossier est ajourné, quels sont mes recours ?</span> </button> </li><li> <button type="button" data-ex="Combien de temps après l'entretien d'assimilation ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">Délais</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">Combien de temps après l'entretien d'assimilation ?</span> </button> </li><li> <button type="button" data-ex="Où passer le test de langue B2 ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">Langue</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">Où passer le test de langue B2 ?</span> </button> </li><li> <button type="button" data-ex="C'est quoi le SDANF ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">Sigles</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">C'est quoi le SDANF ?</span> </button> </li><li> <button type="button" data-ex="J'ai déménagé pendant l'instruction, dois-je le déclarer ?" class="w-full flex items-center gap-2.5 bg-[#FAFAFC] border border-[#e9e9f2] rounded-[14px] px-[13px] py-[11px] text-left hover:bg-[#f5f5fe] hover:border-[#000091] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"> <span class="shrink-0 grid place-items-center min-w-[56px] h-[22px] px-[7px] rounded-full bg-[#e3e3fd] text-[10px] font-extrabold uppercase tracking-[0.05em] text-[#000091]">Dossier</span> <span class="flex-1 text-[13px] leading-snug text-[#161616] text-pretty">J'ai déménagé pendant l'instruction, dois-je le déclarer ?</span> </button> </li> </ul> </section> <!-- Le fil. Chaque question y est cherchee seule : c'est un journal, pas 4971 une conversation avec memoire. --> <div id="asst-thread" hidden class="flex flex-col gap-[13px] flex-1 min-h-0 overflow-y-auto pr-0.5" aria-l
4971ive="polite" aria-busy="false"></div> <form id="asst-form" class="mt-4 shrink-0 flex items-center gap-2 border-2 border-[#000091] rounded-[16px] pl-[15px] pr-[5px] py-[5px] focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[#1212FF]"> <label for="asst-q" class="sr-only">Votre question</label> <input id="asst-q" name="q" type="text" required maxlength="400" autocomplete="off" placeholder="Votre questionâ¦" class="flex-1 min-w-0 bg-transparent text-[14px] sm:text-[15px] text-[#161616] placeholder:text-[#8a8a8a] outline-none"> <button type="submit" id="asst-send" class="shrink-0 h-11 px-4 sm:px-[18px] rounded-xl bg-[#000091] text-white text-[14px] font-bold inline-flex items-center gap-[7px] hover:bg-[#1212FF] transition-colors motion-reduce:transition-none disabled:opacity-60 disabled:hover:bg-[#000091]"> 4972Chercher 4973<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M5 12h13M12 5l7 7-7 7"></path></svg> </button> </form> <p id="asst-note" hidden class="mt-2 text-[11.5px] text-[#666666]"> 4974Chaque question est cherchée seule : je ne garde aucun souvenir des précédentes. 4975 Ce fil reste sur votre appareil, il n'est pas enregistré. 4976</p> </div> </section> <!-- 4977 ============================================================ 4978 Gabarits des etats. Presents dans le markup statique (donc vus 4979 par Tailwind), clones par le script. Aucun texte d'API n'est 4980 concatene dans du HTML : tout passe par textContent / setAttribute. 4981 4982 Chaque etat porte sa propre mascotte : les yeux disent l'issue 4983 avant meme la lecture (vert = trouve, jaune = rien, rouge = panne). 4984 ============================================================ 4985--> <template id="asst-tpl-user"> <div class="self-end max-w-[85%] bg-[#000091] text-white rounded-[16px_16px_5px_16px] px-[14px] py-[11px] text-[14px] leading-[1.45]"> <p data-slot="q" class="m-0 text-pretty"></p> </div> </template> <template id="asst-tpl-typing"> <div class="flex gap-[9px] items-start"> <span class="shrink-0 grid place-items-center h-[34px] w-[34px] rounded-[11px] bg-[#000091]" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 32 32" fill="none"><rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect><circle cx="12" cy="16" r="2.1" fill="#8BE3A8"></circle><circle cx="20" cy="16" r="2.1" fill="#8BE3A8"></circle></svg> </span> <div class="bg-white rounded-[5px_16px_16px_16px] px-[15px] py-3 flex items-center gap-[9px] shadow-[0_3px_14px_-6px_rgba(0,0,60,0.22)]"> <span class="flex gap-1" aria-hidden="true"> <span class="h-[7px] w-[7px] rounded-full bg-[#000091] animate-pulse motion-reduce:animate-none"></span> <span class="h-[7px] w-[7px] rounded-full bg-[#000091] animate-pulse [animation-delay:200ms] motion-reduce:animate-none"></span> <span class="h-[7px] w-[7px] rounded-full bg-[#000091] animate-pulse [animation-delay:400ms] motion-reduce:animate-none"></span> </span> <span class="text-[12.5px] text-[#666666]">Je fouille les fichesâ¦</span> </div> </div> </template> <template id="asst-tpl-found"> <div class="flex gap-[9px] items-start"> <span class="shrink-0 grid place-items-center h-[34px] w-[34px] rounded-[11px] bg-[#000091]" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 32 32" fill="none"><rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect><circle cx="12" cy="16" r="2.1" fill="#8BE3A8"></circle><circle cx="20" cy="16" r="2.1" fill="#8BE3A8"></circle><path d="M16 4v5" stroke="#fff" stroke-width="2" stroke-linecap="round"></path></svg> </span> <article class="flex-1 min-w-0 bg-white rounded-[5px_16px_16px_16px] shadow-[0_3px_14px_-6px_rgba(0,0,60,0.22)] overflow-hidden"> <!-- Le bandeau change de ton selon la certitude. « Citation exacte » avec 4986 une coche verte sur un extrait dont rien ne prouve qu'il reponde a la 4987 question posee, c'est une promesse qu'on ne tient pas. --> <div data-slot="bandeau" class="bg-[#f5f5fe] border-b border-[#e3e3fd] px-[14px] py-[9px] flex items-center gap-[7px]"> <svg data-slot="bandeau-sur" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#18753C" stroke-width="3" stroke-linecap="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6.5"></path></svg> <svg data-slot="bandeau-doute" hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#B34000" stroke-width="2.6" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M12 8v5M12 16.5v.01"></path></svg> <span data-slot="bandeau-texte" class="text-[10.5px] font-extrabold uppercase tracking-[0.08em] text-[#000091]">Trouvé dans une fiche · citation exacte</span> </div> <div class="px-[15px] py-[14px]"> <!-- La question A LAQUELLE l'extrait repond, annoncee comme telle. Une 4988 reponse de FAQ qui commence par « Oui. » ou « Non. » detachee de sa 4989 question se lit comme une reponse a celle de l'usager : « mon 4990 dossier est ajourne, que faire » recevait « Oui. Un defaut 4991 d'assimilation... ». --> <p data-slot="matched-label" hidden class="m-0 text-[10px] font-extrabold uppercase tracking-[0.09em] text-[#666666]">à la question</p> <h3 data-slot="matched" hidden class="mt-1 font-display text-[16px] font-extrabold text-[#0a0a2e] tracking-[-0.01em] leading-[1.25] text-pretty"></h3> <p data-slot="answer" class="mt-[9px] first:mt-0 m-0 text-[14.5px] leading-[1.7] text-[#161616] whitespace-pre-line text-pretty"></p> </div> <a data-slot="source" href="#" class="mx-[15px] mb-[14px] flex gap-2.5 items-center border-[1.5px] border-[#e3e3fd] bg-[#f5f5fe] rounded-[14px] px-3 py-[11px] no-u
4991nderline hover:border-[#000091] transition-colors motion-reduce:transition-none"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2" stroke-linecap="round" class="shrink-0" aria-hidden="true"><path d="M14 3v5h5"></path><path d="M19 8v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7z"></path></svg> <span class="flex-1 min-w-0"> <span class="block text-[10px] font-extrabold uppercase tracking-[0.09em] text-[#000091]">Source</span> <span data-slot="source-title" class="mt-0.5 block text-[13px] font-bold text-[#000091] leading-[1.3]"></span> <span data-slot="source-url" class="mt-0.5 block text-[11px] text-[#666666] break-all"></span> </span> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#000091" stroke-width="2.4" stroke-linecap="round" class="shrink-0" aria-hidden="true"><path d="M9 6l6 6-6 6"></path></svg> </a> <div data-slot="guide-wrap" hidden class="mx-[15px] mb-[15px]"></div> <!-- Certitude moyenne : on montre quand meme, mais on ne laisse pas la 4992 personne repartir avec un a-peu-pres pour seule reponse. --> <div data-slot="incertain" hidden class="mx-[15px] mb-[15px] bg-[#FFF4ED] border-[1.5px] border-[#FFD3B8] rounded-[14px] p-[13px]"> <p class="m-0 text-[13px] leading-[1.6] text-[#3A3A3A] text-pretty"> 4993Ce n'est peut-être pas exactement votre question. Publiez la vôtre : l'équipe y répond et elle reste en ligne pour les suivants. 4994</p> <a data-slot="cta-incertain" href="/faq/poser-question" class="mt-2.5 h-10 px-4 rounded-[20px] bg-[#000091] text-white text-[13.5px] font-bold no-underline inline-flex items-center hover:bg-[#1212FF] transition-colors motion-reduce:transition-none">Poser ma question</a> </div> <div data-slot="feedback" class="border-t border-[#f0f0f8] px-[15px] py-2.5 flex items-center justify-between gap-2 flex-wrap"> <span class="text-[12.5px] text-[#3A3A3A]">Ãa répond à votre question ?</span> <span class="flex gap-1.5"> <button type="button" data-vote="1" class="h-8 px-3 rounded-full bg-[#f5f5fe] text-[12.5px] font-bold text-[#000091] hover:bg-[#e3e3fd] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]">Oui</button> <button type="button" data-vote="0" class="h-8 px-3 rounded-full bg-[#f5f5fe] text-[12.5px] font-bold text-[#000091] hover:bg-[#e3e3fd] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]">Pas vraiment</button> </span> </div> </article> </div> </template> <!-- Rebonds : de VRAIES questions relancees, pas des liens. Elles viennent des 4995 extraits voisins, donc elles sont forcement dans le corpus. --> <template id="asst-tpl-chips"> <div class="pl-[43px] flex flex-wrap gap-[7px]"> <p class="w-full m-0 text-[10px] font-extrabold uppercase tracking-[0.09em] text-[#666666]">Vous pouvez aussi demander</p> </div> </template> <template id="asst-tpl-chip"> <button type="button" data-slot="chip" class="border-[1.5px] border-[#000091] rounded-2xl px-3 py-[7px] bg-white text-[12.5px] font-bold text-[#000091] text-left hover:bg-[#f5f5fe] transition-colors motion-reduce:transition-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#000091]"></button> </template> <template id="asst-tpl-miss"> <div class="flex gap-[9px] items-start"> <span class="shrink-0 grid place-items-center h-[34px] w-[34px] rounded-[11px] bg-[#000091]" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 32 32" fill="none"><rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect><circle cx="12" cy="16" r="2.1" fill="#FFCA00"></circle><circle cx="20" cy="16" r="2.1" fill="#FFCA00"></circle><path d="M13 21h6" stroke="#fff" stroke-width="2" stroke-linecap="round"></path></svg> </span> <article class="flex-1 min-w-0 bg-white rounded-[5px_16px_16px_16px] shadow-[0_3px_14px_-6px_rgba(0,0,60,0.22)] overflow-hidden"> <div class="px-[15px] py-[14px]"> <p class="inline-flex items-center h-[22px] px-[9px] rounded-full bg-[#FFF4ED] text-[10.5px] font-extrabold uppercase tracking-[0.07em] text-[#B34000]">Rien de publié là -dessus</p> <p data-slot="message" class="mt-2.5 m-0 text-[14.5px] leading-[1.65] text-[#161616] text-pretty"></p> </div> <!-- Les pistes AVANT l'appel a publier la question : quelqu'un qui n'a 4996 pas eu sa reponse doit repartir avec quelque chose a lire tout de 4997 suite, pas seulement avec un formulaire a remplir. --> <div data-slot="sugg-wrap" hidden class="px-[15px] pb-[15px]"> <p class="m-0 text-[10px] font-extrabold uppercase tracking-[0.09em] text-[#666666]">Ce qui s'en approche le plus</p> <ul data-slot="sugg" class="mt-[7px] flex flex-col gap-1.5 list-none p-0 m-0"></ul> </div> <div data-slot="guide-wrap" hidden class="mx-[15px] mb-[15px]"></div> <div data-slot="publier" class="mx-[15px] mb-[15px] bg-[#f5f5fe] border-[1.5px] border-[#e3e3fd] rounded-[14px] p-[13px]"> <p class="font-display text-[15px] font-extrabold text-[#0a0a2e] m-0">Votre question devient une fiche</p> <p class="mt-1.5 m-0 text-[13px] leading-[1.6] text-[#3A3A3A] text-pretty"> 4998Publiez-la : l'équipe y répond et elle reste en ligne pour les candidats suivants. 4999</p> <div class="mt-3 flex flex-col gap-[7px]"> <a data-slot="cta-faq" href="/faq" class="h-11 rounded-[22px] bg-[#000091] text-white text-[14px] font-bold no-underline inline-flex items-center justify-center gap-2 hover:bg-[#1212FF] transition-colors motion-reduce:transition-none">
4999 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"></path></svg> 5000Publier ma question 5001</a> <a data-slot="cta-contact" href="/contact" class="h-11 rounded-[22px] border-[1.5px] border-[#000091] bg-white text-[14px] font-bold text-[#000091] no-underline inline-flex items-center justify-center hover:bg-[#f5f5fe] transition-colors motion-reduce:transition-none">Nous écrire en privé</a> </div> </div> </article> </div> </template> <template id="asst-tpl-error"> <div class="flex gap-[9px] items-start"> <span class="shrink-0 grid place-items-center h-[34px] w-[34px] rounded-[11px] bg-[#000091]" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 32 32" fill="none"><rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect><path d="M11 15l3 3M14 15l-3 3M18 15l3 3M21 15l-3 3" stroke="#CE0500" stroke-width="2" stroke-linecap="round"></path></svg> </span> <div class="flex-1 bg-white border border-[#DDDDDD] rounded-[5px_16px_16px_16px] px-[15px] py-[13px]"> <p class="m-0 text-[14px] font-extrabold text-[#161616]">Je n'arrive pas à chercher</p> <p data-slot="message" class="mt-1 m-0 text-[13.5px] leading-[1.6] text-[#3A3A3A] text-pretty"></p> <div class="mt-[11px] flex gap-2 flex-wrap"> <button type="button" data-slot="retry" class="h-10 px-4 rounded-[20px] bg-[#000091] text-white text-[13.5px] font-bold hover:bg-[#1212FF] transition-colors motion-reduce:transition-none">Réessayer</button> <a href="/faq" class="h-10 px-4 rounded-[20px] border-[1.5px] border-[#929292] bg-white text-[13.5px] font-bold text-[#161616] no-underline inline-flex items-center hover:bg-[#F0F0F5]">Parcourir la FAQ</a> </div> </div> </div> </template> <template id="asst-tpl-limit"> <div class="flex gap-[9px] items-start"> <span class="shrink-0 grid place-items-center h-[34px] w-[34px] rounded-[11px] bg-[#000091]" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 32 32" fill="none"><rect x="6" y="9" width="20" height="16" rx="6" stroke="#fff" stroke-width="2"></rect><path d="M11 16h2M19 16h2" stroke="#FFCA00" stroke-width="2.4" stroke-linecap="round"></path></svg> </span> <div class="flex-1 bg-white border border-[#DDDDDD] rounded-[5px_16px_16px_16px] px-[15px] py-[13px]"> <p class="m-0 text-[14px] font-extrabold text-[#161616]">40 questions en une heure, c'est ma limite</p> <p data-slot="message" class="mt-1 m-0 text-[13.5px] leading-[1.6] text-[#3A3A3A] text-pretty"></p> <a href="/faq" class="mt-[11px] h-10 px-4 rounded-[20px] bg-[#000091] text-white text-[13.5px] font-bold no-underline inline-flex items-center hover:bg-[#1212FF] transition-colors motion-reduce:transition-none">Ouvrir la FAQ</a> </div> </div> </template> <!-- Encart guide payant. Injecte UNIQUEMENT quand l'API renvoie une offre, 5002 c'est-a-dire quand la question porte sur l'examen civique ou l'entretien 5003 (voir _guide_offer dans api/main.py). Pose APRES la reponse et sa source : 5004 l'assistant repond d'abord, il vend ensuite. 5005 5006 AUCUN PRIX ICI, volontairement. Le guide a trois formules (4,90 les fiches, 5007 9,90 l'examen, 14,90 avec l'entretien) et la page annonce « dès 4,90 ⬠». 5008 Afficher 9,90 ou 14,90 dans le chat, c'est promettre un prix d'entree qui 5009 n'est pas celui de la page de vente. On annonce donc ce que le guide 5010 COUVRE, et la page annonce ce qu'il coute. Ca supprime aussi l'arbitrage 5011 impossible quand une question colle aux deux offres (« quelle est la 5012 devise de la France » existe mot pour mot dans l'examen ET dans 5013 l'entretien) : le lien pointe la bonne formule, sans afficher de tarif. --> <template id="asst-tpl-guide"> <div class="border-[1.5px] border-[#e3e3fd] border-l-[3px] border-l-[#B8860B] bg-[#FDFBF4] rounded-[14px] p-[13px]"> <p class="m-0 text-[10px] font-extrabold uppercase tracking-[0.09em] text-[#8a6508]">Pour aller plus loin</p> <p data-slot="titre" class="mt-1.5 m-0 font-display text-[15px] font-extrabold leading-tight text-[#0a0a2e]"></p> <p data-slot="texte" class="mt-1.5 m-0 text-[13px] leading-[1.6] text-[#3A3A3A] text-pretty"></p>
5013 <a data-slot="cta" href="/guide" class="mt-3 h-11 px-4 rounded-[22px] bg-[#000091] text-white text-[14px] font-bold no-underline inline-flex items-center gap-2 hover:bg-[#1212FF] transition-colors motion-reduce:transition-none"> 5014Voir le guide 5015<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.6" stroke-linecap="round" aria-hidden="true"><path d="M9 6l6 6-6 6"></path></svg> </a> </div> </template> <template id="asst-tpl-link"> <li><a data-slot="link" href="#" class="text-[13px] leading-snug text-[#000091] no-underline hover:underline"></a></li> </template> <!-- Le script principal est `is:inline` (un seul exemplaire par page, pas de 5016 bundle) et ne peut donc pas importer de module. On expose la detection 5017 d'intention par la fenetre : elle est partagee avec la barre de recherche 5018 du site, hors de question d'en tenir deux copies qui divergeront. Le 5019 module est differe, l'inline ne s'en sert qu'apres une reponse reseau. -->
5019<script type="module" src="/_astro/AssistantChat.astro_astro_type_script_index_0_lang.dXa1vSYi.js"></script>
5019
5019<script> 5020 (function () { 5021 var form = document.getElementById('asst-form'); 5022 if (!form) return; 5023 var input = document.getElementById('asst-q'); 5024 var btn = document.getElementById('asst-send'); 5025 var thread = document.getElementById('asst-thread'); 5026 var exWrap = document.getElementById('asst-ex-wrap'); 5027 var note = document.getElementById('asst-note'); 5028 5029 var lastQuery = ''; 5030 var asked = {}; // questions deja posees, pour ne pas reproposer un rebond 5031 5032 function tpl(id) { 5033 return document.getElementById(id).content.firstElementChild.cloneNode(true); 5034 } 5035 function slot(root, name) { 5036 return root.querySelector('[data-slot="' + name + '"]'); 5037 } 5038 // Les contenus d'API ne sont jamais concatenes dans du HTML : textContent 5039 // et setAttribute font l'echappement pour nous. On filtre tout de meme le 5040 // schema des URL renvoyees, seul vecteur restant. 5041 function safeUrl(u) { 5042 u = String(u == null ? '' : u); 5043 return /^(https?:\/\/|\/|#)/.test(u) ? u : '#'; 5044 } 5045 function prettyUrl(u) { 5046 return String(u == null ? '' : u).replace(/^https?:\/\//, '').replace(/[?#].*$/, ''); 5047 } 5048 function key(s) { 5049 return String(s || '').toLowerCase().replace(/\s+/g, ' ').trim(); 5050 }
5051 function fillLinks(list, items, labelKeys) { 5052 list.textContent = ''; 5053 (items || []).forEach(function (it) { 5054 var li = tpl('asst-tpl-link'); 5055 var a = slot(li, 'link'); 5056 var label = ''; 5057 for (var i = 0; i < labelKeys.length && !label; i++) label = it[labelKeys[i]] || ''; 5058 a.textContent = label; 5059 a.setAttribute('href', safeUrl(it.url)); 5060 list.appendChild(li); 5061 }); 5062 } 5063 5064 // La premiere question fait basculer la carte du mode « accueil » au mode 5065 // « fil » : les exemples ont fait leur travail, ils laissent la place. 5066 function openThread() { 5067 if (!thread.hidden) return; 5068 thread.hidden = false; 5069 exWrap.hidden = true; 5070 note.hidden = false; 5071 thread.classList.add('mb-4'); 5072 } 5073 function push(node) { 5074 thread.appendChild(node); 5075 return node; 5076 } 5077 function scrollToLast() { 5078 var last = thread.lastElementChild; 5079 if (!last) return; 5080 // Dans le panneau, c'est le fil lui-meme qui defile ; sur la page pleine, 5081 // c'est la fenetre. `scrollIntoView` ne traite bien que le second cas : 5082 // dans le premier il laissait le fil en haut, donc sur la question d'il y 5083 // a trois tours au lieu de la reponse qui vient d'arriver. 5084 var cale = function () { 5085 if (thread.scrollHeight > thread.clientHeight + 4) { 5086 // Saut sec plutot qu'anime : le defilement doux est interrompu par le 5087 // `focus()` du champ de saisie, et le fil restait bloque en haut. 5088 thread.scrollTop = thread.scrollHeight; 5089 } else if (last.scrollIntoView) { 5090 last.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); 5091 } 5092 }; 5093 cale(); // tout de suite, sans dependre du rendu 5094 requestAnimationFrame(cale); // puis reajuste quand la carte a sa hauteur 5095 } 5096 5097 function guideBlock(g) { 5098 if (!g) return null; 5099 var el = tpl('asst-tpl-guide'); 5100 slot(el, 'titre').textContent = g.titre || ''; 5101 slot(el, 'texte').textContent = g.texte || ''; 5102 // g.prix existe encore dans la reponse de l'API mais n'est PAS affiche : 5103 // voir le commentaire du gabarit. Le lien porte deja la bonne formule. 5104 slot(el, 'cta').setAttribute('href', safeUrl(g.url || '/guide')); 5105 return el; 5106 } 5107 function mountGuide(card, g) { 5108 var el = guideBlock(g); 5109 if (!el) return; 5110 var wrap = slot(card, 'guide-wrap'); 5111 wrap.hidden = false; 5112 wrap.appendChild(el); 5113 } 5114 5115 // Rebonds : les extraits voisins portent souvent une question redigee. On 5116 // en fait des relances cliquables (une nouvelle recherche, pas un lien) et 5117 // on ecarte celles deja posees. 5118 function chipsFor(related) { 5119 var qs = (related || []) 5120 .map(function (r) { return r.question; }) 5121 .filter(function (q) { return q && q.length > 8 && q.length < 90 && !asked[key(q)]; }) 5122 .slice(0, 3); 5123 if (!qs.length) return null; 5124 var wrap = tpl('asst-tpl-chips'); 5125 qs.forEach(function (q) { 5126 var c = tpl('asst-tpl-chip'); 5127 c.textContent = q; 5128 c.addEventListener('click', function () { ask(q); }); 5129 wrap.appendChild(c); 5130 }); 5131 return wrap; 5132 } 5133 5134 function renderFound(q, d) { 5135 var el = tpl('asst-tpl-found'); 5136 if (d.question_matched) { 5137 var h = slot(el, 'matched'); 5138 h.textContent = d.question_matched; 5139 h.hidden = false; 5140 slot(el, 'matched-label').hidden = false; 5141 } 5142 slot(el, 'answer').textContent = d.answer || ''; 5143 5144 // Certitude moyenne : le classement a mis cet extrait en tete, rien de 5145 // plus. On le dit dans le bandeau et on propose de poser la question. 5146 if (d.confiance === 'moyenne') { 5147 var b = slot(el, 'bandeau'); 5148 b.className = 'bg-[#FFF4ED] border-b border-[#FFD3B8] px-[14px] py-[9px] flex items-center gap-[7px]'; 5149 // setAttribute et pas `.hidden` : la propriete `hidden` appartient a 5150 // HTMLElement, PAS a SVGElement. Sur une balise <svg>, `el.hidden = true` 5151 // pose une propriete JS fantome, l'attribut n'est jamais ecrit et l'icone 5152 // reste affichee. Resultat constate : une coche VERTE sur le bandeau 5153 // « a verifier », soit exactement le contraire du message. 5154 slot(el, 'bandeau-sur').setAttribute('hidden', ''); 5155 slot(el, 'bandeau-doute').removeAttribute('hidden'); 5156 var bt = slot(el, 'bandeau-texte'); 5157 bt.textContent = "Ce qui s'en rapproche le plus · à vérifier"; 5158 bt.className = 'text-[10.5px] font-extrabold uppercase tracking-[0.08em] text-[#B34000]'; 5159 slot(el, 'incertain').hidden = false;
5160 slot(el, 'cta-incertain').setAttribute( 5161 'href', '/faq/poser-question?q=' + encodeURIComponent(q)); 5162 } 5163 5164 var src = d.source || {}; 5165 slot(el, 'source').setAttribute('href', safeUrl(src.url)); 5166 slot(el, 'source-title').textContent = src.title || 'Voir la fiche source'; 5167 slot(el, 'source-url').textContent = prettyUrl(src.url); 5168 5169 var card = el.querySelector('article'); 5170 mountGuide(card, d.guide); 5171 5172 // Feedback : deux boutons, une seule fois, sans bloquer la lecture. 5173 var fb = slot(el, 'feedback'); 5174 fb.addEventListener('click', function (e) { 5175 var b = e.target.closest('[data-vote]'); 5176 if (!b) return; 5177 var useful = b.getAttribute('data-vote') === '1'; 5178 try { 5179 fetch('/api/feedback', { 5180 method: 'POST', 5181 headers: { 'Content-Type': 'application/json' }, 5182 body: JSON.stringify({ q: q, url: src.url || null, useful: useful }), 5183 keepalive: true, 5184 }).catch(function () {}); 5185 } catch (err) {} 5186 fb.textContent = ''; 5187 var p = document.createElement('span'); 5188 p.className = 'text-[12.5px] text-[#3A3A3A]'; 5189 p.textContent = useful 5190 ? 'Merci, câest noté.' 5191 : 'Merci. Publiez-la en FAQ pour quâon y réponde précisément :'; 5192 fb.appendChild(p); 5193 if (!useful) { 5194 var a = document.createElement('a'); 5195 a.className = 'text-[12.5px] font-bold text-[#000091] no-underline hover:underline'; 5196 a.setAttribute('href', '/faq/poser-question?q=' + encodeURIComponent(q)); 5197 a.textContent = 'poser la question'; 5198 fb.appendChild(a); 5199 } 5200 }); 5201 return el; 5202 } 5203 5204 function renderMiss(q, d) { 5205 var el = tpl('asst-tpl-miss'); 5206 slot(el, 'message').textContent = 5207 d.message || "Je n'ai pas de fiche assez précise. Plutôt que de vous répondre à peu près sur un sujet juridique, je passe la main."; 5208 // Droit au formulaire, pas au hub : la question part deja avec la 5209 // personne (`?q=`), qui la retrouve pre-remplie a l'arrivee. Passer par 5210 // /faq lui redemandait de retaper ce qu'elle venait d'ecrire. 5211 slot(el, 'cta-faq').setAttribute('href', '/faq/poser-question?q=' + encodeURIComponent(q)); 5212 slot(el, 'cta-contact').setAttribute('href', '/contact?sujet=' + encodeURIComponent(q)); 5213 if (d.suggestions && d.suggestions.length) { 5214 slot(el, 'sugg-wrap').hidden = false; 5215 fillLinks(slot(el, 'sugg'), d.suggestions, ['title', 'question']); 5216 } 5217 // Hors sujet : pas d'invitation a publier. Une FAQ publique qui se 5218 // remplit de questions sans rapport perd sa valeur pour ceux qui la
5219 // lisent - et pour l'index de l'assistant, qui s'en nourrit. 5220 if (d.dans_le_theme === false) { 5221 slot(el, 'publier').hidden = true; 5222 } 5223 var card = el.querySelector('article'); 5224 // Intention reconnue (numero de dossier ANEF, recherche d'un suivi de 5225 // statut) : l'outil qui repond existe deja sur le site, on ouvre la 5226 // porte AVANT de proposer de publier la question. Meme detection que la 5227 // barre de recherche - voir web/src/utils/search-intent.ts. 5228 var intent = window.nfDetecterIntention && window.nfDetecterIntention(q); 5229 if (intent) mountIntent(card, intent); 5230 mountGuide(card, d.guide); 5231 return el; 5232 } 5233 5234 // Encart d'intention, pose juste avant le bloc « publiez votre question ». 5235 function mountIntent(card, it) { 5236 if (!card) return; 5237 var box = document.createElement('div'); 5238 box.className = 'mx-[15px] mb-[15px] border-[1.5px] border-[#000091] bg-[#f5f5fe] rounded-[14px] p-[13px]'; 5239 var t = document.createElement('p'); 5240 t.className = 'font-display text-[15px] font-extrabold text-[#0a0a2e] m-0'; 5241 t.textContent = it.titre; 5242 var x = document.createElement('p'); 5243 x.className = 'mt-1.5 m-0 text-[13px] leading-[1.6] text-[#3A3A3A] text-pretty'; 5244 x.textContent = it.texte; 5245 var a = document.createElement('a'); 5246 a.className = 'mt-3 h-11 px-4 rounded-[22px] bg-[#000091] text-white text-[14px] font-bold no-underline inline-flex items-center hover:bg-[#1212FF] transition-colors motion-reduce:transition-none'; 5247 a.setAttribute('href', safeUrl(it.url)); 5248 a.textContent = it.cta; 5249 box.appendChild(t); box.appendChild(x); box.appendChild(a); 5250 var avant = card.querySelector('[data-slot="publier"]'); 5251 if (avant) card.insertBefore(box, avant); else card.appendChild(box); 5252 } 5253 5254 function renderError(msg) { 5255 var el = tpl('asst-tpl-error'); 5256 slot(el, 'message').textContent = msg; 5257 slot(el, 'retry').addEventListener('click', function () { ask(lastQuery); }); 5258 return el; 5259 } 5260 5261 function renderLimit(minutes) { 5262 var el = tpl('asst-tpl-limit'); 5263 slot(el, 'message').textContent = 5264 'Je repars dans ' + minutes + ' minutes. En attendant, la FAQ est entièrement consultable.'; 5265 return el; 5266 } 5267 5268 function ask(q) { 5269 q = (q || '').trim(); 5270 if (q.length < 2) return; 5271 lastQuery = q; 5272 asked[key(q)] = true; 5273 input.value = ''; 5274 btn.disabled = true; 5275 openThread(); 5276 thread.setAttribute('aria-busy', 'true'); 5277 5278 var bubble = tpl('asst-tpl-user'); 5279 slot(bubble, 'q').textContent = q; 5280 push(bubble); 5281 var typing = push(tpl('asst-tpl-typing')); 5282 scrollToLast(); 5283 5284 fetch('/api/chat', { 5285 method: 'POST', 5286 headers: { 'Content-Type': 'application/json' }, 5287 body: JSON.stringify({ q: q }), 5288 }) 5289 .then(function (r) { 5290 if (r.status === 429) { 5291 var ra = parseInt(r.headers.get('Retry-After') || '0', 10); 5292 var mins = ra > 0 ? Math.max(1, Math.ceil(ra / 60)) : 60; 5293 var err = new Error('limit'); 5294 err.minutes = mins; 5295 err.kind = 'limit'; 5296 throw err; 5297 } 5298 if (!r.ok) throw new Error('Le service est momentanément coupé. Votre question nâest pas perdue, réessayez dans un instant.'); 5299 return r.json(); 5300 }) 5301 .then(function (d) { 5302 thread.replaceChild(d.found ? renderFound(q, d) : renderMiss(q, d), typing); 5303 if (d.found) { 5304 var chips = chipsFor(d.related); 5305 if (chips) push(chips); 5306 } 5307 }) 5308 .catch(function (e) { 5309 thread.replaceChild( 5310 e.kind === 'limit' ? renderLimit(e.minutes) : renderError(e.message), typing); 5311 }) 5312 .then(function () { 5313 btn.disabled = false; 5314 thread.setAttribute('aria-busy', 'false'); 5315 // Le focus d'abord, le defilement ensuite : rendre le focus a un 5316 // champ situe sous le fil replace la vue, donc annulait le cadrage. 5317 input.focus(); 5318 scrollToLast(); 5319 }); 5320 } 5321 5322 form.addEventListener('submit', function (e) { e.preventDefault(); ask(input.value); }); 5323 5324 document.getElementById('asst-exemples').addEventListener('click', function (e) { 5325 var b = e.target.closest('[data-ex]'); 5326 if (!b) return; 5327 ask(b.getAttribute('data-ex')); 5328 }); 5329
5330 // Arrivee depuis une autre page avec la question deja posee : /assistant?q=... 5331 var pre = new URLSearchParams(location.search).get('q'); 5332 if (pre) ask(pre); 5333 })(); 5334</script>
5334 </div> </div> </div>
5334<script> 5335(function () { 5336 var el = document.getElementById('nf-assistant-bubble'); 5337 if (!el) return; 5338 5339 var pill = document.getElementById('nf-assistant-pill'); 5340 var teaser = document.getElementById('nf-assistant-teaser'); 5341 var panel = document.getElementById('nf-assistant-panel'); 5342 5343 var GUIDE_KEY = 'nf_guide_sticky_dismissed'; // pose par StickyGuide 5344 var QUIET_KEY = 'nf_assistant_teaser_quiet'; 5345 var QUIET_MS = 2 * 24 * 36e5; // Toute fermeture est memorisee 2 jours : le 5346 // bandeau ne revient pas a chaque page, ni au 5347 // rechargement, ni demain. La pastille, elle, 5348 // reste : c'est le bandeau qu'on refuse, pas 5349 // le service. 5350 var shown = false; 5351 5352 function teaserQuiet() { 5353 try { 5354 var ts = parseInt(localStorage.getItem(QUIET_KEY) || '0', 10); 5355 return !!ts && (Date.now() - ts) < QUIET_MS; 5356 } catch (e) { return false; } 5357 } 5358 5359 function guideIsDismissed() { 5360 try { 5361 var ts = parseInt(localStorage.getItem(GUIDE_KEY) || '0', 10); 5362 // Meme fenetre que DISMISS_MS dans StickyGuide (2 h) : tant que la promo 5363 // est masquee, la place est libre. 5364 return !!ts && (Date.now() - ts) < 2 * 36e5; 5365 } catch (e) { return false; } 5366 } 5367 5368 // Un seul etat visible a la fois. La hauteur rendue au document suit l'etat : 5369 // une pastille de 56 px n'a pas a reserver la place d'un panneau de 640. 5370 function setState(state) { 5371 pill.hidden = state !== 'pill'; 5372 teaser.hidden = state !== 'teaser'; 5373 panel.hidden = state !== 'panel'; 5374 var expanded = state === 'panel' ? 'true' : 'false'; 5375 var boutons = el.querySelectorAll('[data-nf-bubble-open]'); 5376 for (var i = 0; i < boutons.length; i++) { 5377 boutons[i].setAttribute('aria-expanded', expanded); 5378 } 5379 // La place reservee va au pied de page quand il existe : sinon le padding 5380 // sur <body> ajoutait une bande BLANCHE sous le footer gris, qui ressemble 5381 // a un bug de mise en page. En l'ecrivant sur le footer, la meme hauteur 5382 // reste grise et se fond dans le bloc. 5383 var reserve = state === 'panel' ? '' : (el.offsetHeight + 24 + 'px'); 5384 var pied = document.getElementById('site-footer'); 5385 if (pied) { 5386 pied.style.paddingBottom = reserve; 5387 document.body.style.paddingBottom = ''; 5388 } else { 5389 document.body.style.paddingBottom = reserve; 5390 } 5391 } 5392 5393 function show() { 5394 if (shown) return; 5395 shown = true; 5396 el.hidden = false; 5397 void el.offsetHeight; // reflow : l'animation part bien de l'etat masque 5398 el.classList.remove('translate-y-[150%]', 'opacity-0'); 5399 setState(teaserQuiet() ? 'pill' : 'teaser'); 5400 } 5401 5402 function openPanel() { 5403 setState('panel'); 5404 var input = document.getElementById('asst-q'); 5405 if (input) input.focus(); 5406 } 5407 5408 function quiet() { 5409 try { localStorage.setItem(QUIET_KEY, String(Date.now())); } catch (e) {} 5410 } 5411 5412 // Fermer le panneau ramene a la pastille, jamais a l'amorce : on ne redemande 5413 // pas son attention a quelqu'un qui vient de refermer. Refermer le chat est un 5414 // refus aussi net que d'ecarter le bandeau, donc il est memorise pareil. 5415 function closePanel() { 5416 quiet(); 5417 setState('pill'); 5418 pill.focus(); 5419 } 5420 5421 function minimizeTeaser() { 5422 quiet(); 5423 setState('pill'); 5424 pill.focus(); 5425 } 5426 5427 var boutons = el.querySelectorAll('[data-nf-bubble-open]'); 5428 for (var i = 0; i < boutons.length; i++) { 5429 boutons[i].addEventListener('click', openPanel); 5430 } 5431 el.querySelector('[data-nf-teaser-minimize]').addEventListener('click', minimizeTeaser); 5432 el.querySelector('[data-nf-panel-close]').addEventListener('click', closePanel); 5433 document.addEventListener('keydown', function (e) { 5434 if (e.key === 'Escape' && !panel.hidden) closePanel(); 5435 }); 5436 5437 window.addEventListener('nf:guide-dismissed', function () { setTimeout(show, 400); }); 5438 5439 // Page suivante apres une fermeture : la promo ne se reaffiche pas, l'assistant 5440 // prend le relais tout de suite. 5441 if (guideIsDismissed()) show(); 5442})(); 5443</script>
5443
5443<script> 5444 // Tracking des CTA « alerte SMS » : une impression quand le lien entre dans 5445 // l'écran (une fois par élément), un clic au clic. La source = ?src= du lien 5446 // (accueil, page-jo, hub-jo-haut, statut, recherche-nom...). Les CTA injectés 5447 // en JS (résultat « non trouvé », modale nom) sont rattrapés par le 5448 // MutationObserver. Stocké dans analytics_events (smscta_impression / _click), 5449 // lu par /admin/sms-alertes. Aucune donnée perso envoyée, l'IP est lue serveur. 5450 (function () { 5451 if (location.pathname.indexOf('/alerte-sms') === 0) return; 5452 var seen = new WeakSet(); 5453 function src(a) { try { return new URL(a.href, location.origin).searchParams.get('src') || 'inconnu'; } catch (e) { return 'inconnu'; } } 5454 function send(ev, source) { 5455 var body = JSON.stringify({ event: ev, source: source, path: location.pathname.slice(0, 120), viewport: window.innerWidth < 640 ? 'mobile' : 'desktop' }); 5456 try { 5457 if (navigator.sendBeacon) navigator.sendBeacon('/api/track/sms-cta', new Blob([body], { type: 'application/json' })); 5458 else fetch('/api/track/sms-cta', { method: 'POST', body: body, keepalive: true, headers: { 'Content-Type': 'application/json' } }); 5459 } catch (e) {} 5460 } 5461 var io = ('IntersectionObserver' in window) ? new IntersectionObserver(function (entries) { 5462 entries.forEach(function (en) { 5463 if (!en.isIntersecting || seen.has(en.target)) return; 5464 seen.add(en.target); io.unobserve(en.target); send('impression', src(en.target)); 5465 }); 5466 }, { threshold: 0.4 }) : null; 5467 function scan(root) { 5468 (root.querySelectorAll ? root.querySelectorAll('a[href^="/alerte-sms"]') : []).forEach(function (a) { 5469 if (a.dataset.nfSmsTracked) return; 5470 a.dataset.nfSmsTracked = '1'; 5471 if (io) io.observe(a); else if (!seen.has(a)) { seen.add(a); send('impression', src(a)); } 5472 }); 5473 } 5474 document.addEventListener('click', function (e) { 5475 var a = e.target.closest && e.target.closest('a[href^="/alerte-sms"]'); 5476 if (a) send('click', src(a)); 5477 }, true); 5478 scan(document); 5479 if ('MutationObserver' in window) new MutationObserver(function (m) { m.forEach(function (x) { x.addedNodes.forEach(function (n) { if (n.nodeType === 1) scan(n); }); }); }).observe(document.body, { childList: true, subtree: true }); 5480 })(); 5481 </script>
5481
5481<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.cktZjf61.js"></script>
5481 <div id="ss-overlay" class="ss-overlay" hidden> <div class="ss-modal" role="dialog" aria-modal="true" aria-label="Rechercher sur le site"> <div class="ss-inputrow"> <svg class="ss-loupe" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> <input id="ss-input" type="search" autocomplete="off" autocapitalize="off" spellcheck="false" placeholder="Rechercher sur le site : article, outil, préfecture, décret..." aria-label="Recherche"> <button type="button" id="ss-close" class="ss-esc" aria-label="Fermer">Ãchap</button> </div> <div id="ss-results" class="ss-results" role="listbox" aria-label="Résultats"> <div class="ss-hint">Tapez pour chercher dans tout le site.</div> </div> <div class="ss-foot"> <span><kbd>â</kbd><kbd>â</kbd> naviguer · <kbd>âµ</kbd> ouvrir · <kbd>Ãchap</kbd> fermer</span> <span class="ss-brand"> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 5482tout le site 5483</span> </div> </div> </div>
5483<script type="module" src="/_astro/SiteSearch.astro_astro_type_script_index_0_lang.BGHu3kye.js"></script>
5483
5483<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4401372f864f939',t:'MTc5MDkwNjAzMw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
5483<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"949a505234af41ada62cbcbe863901a4","r":1,"spa":2}' crossorigin="anonymous"></script>
5483 5484</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.