PageSourceSearch

https://naturalisation-facile.fr/centres-examen-civique

html naturalisation-facile.fr collected 2026-10-02 01:53:57 UTC 1,866,066 bytes, 5,484 lines download raw bytes

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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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 &amp; 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&#39;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 &amp; 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&nbsp;?</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 &amp; 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&#39;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&#39;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&#39;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&#39;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 &amp; 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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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 &#34;CHEZ MOTS PASSANTS&#34;"> <!-- 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 &quot;CHEZ MOTS PASSANTS&quot;</span> </a> <div class="flex items-start gap-3"> <div class="shrink-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 &quot;CHEZ MOTS PASSANTS&quot;</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&#39;entreprises Parc régional d&#39;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&#39;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&#39;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&#39;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&#39;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&#39;EDUCATION PERMANENTE</span> </h3> <p class="text-[14px] text-[#6a6a8a] mt-0.5">7, rue Marest - Bât. Salle d&#39;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&#39;Enseignement BFC, 20 rue de l&#39;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&#39;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&#39;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&#39;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&#39;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 &#38; 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 &amp; 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 &amp; 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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;é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&#39;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&#39;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&#39;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&#39;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 &quot;Les Imaginations Fertiles&quot;, 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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;Î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&#39;Î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&#39;Î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&#39;Î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&#39;Î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&#39;Î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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39; 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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;É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&#39;É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&#39;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&#39;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&#39;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&#39;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 &#38; 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 &amp; 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 &amp; 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&#39;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&#39;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&#39;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&#39;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&#39;Î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&#39;Î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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;É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&#39;É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&#39;Estienne d&#39;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&#39;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&#39;AUMONE</p>  <p class="text-[14px] text-[#6a6a8a]">95310 Saint-Ouen L&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;examen civique dans n&#39;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&#39;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&#39;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&#39;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&#39;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&#39;é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&#39;examen, mais chaque tentative est payante et un nouveau délai d&#39;attente s&#39;applique. C&#39;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&#39;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&#39;examen civique remplace-t-il l&#39;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&#39;examen civique s&#39;ajoute à votre dossier : vous joignez l&#39;attestation de réussite, et l&#39;entretien d&#39;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&#39;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&#39;examen civique. Depuis le 1er janvier 2026, l&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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 &quot;CHEZ MOTS PASSANTS&quot;</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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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 &amp; 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&#39;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&#39;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&#39;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&#39;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&#39;Î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&#39;Î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&#39;Î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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;É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 &amp; 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&#39;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&#39;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&#39;Î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&#39;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&#39;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&#39;É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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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&#39;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 &amp; 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&#39;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 &amp; 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 &amp; 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&#39;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&#39;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&nbsp;€</span> ailleurs</span> <span class="mt-1 text-[22px] sm:text-[24px] font-extrabold text-[#000091]">dès 4,90&nbsp;€</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&#39;entretien d&#39;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&#39;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&#39;ai déménagé pendant l&#39;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&nbsp;·&nbsp;<kbd>↵</kbd> ouvrir&nbsp;·&nbsp;<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.