https://www.afjql.fr/contact

1<!doctype html>
2<html lang="fr">
3	<head>
4		<meta charset="utf-8" />
5		<meta name="viewport" content="width=device-width, initial-scale=1" />
6		<link rel="icon" type="image/png" href="/favicon.png" />
7		<link rel="apple-touch-icon" href="/favicon.png" />
8		<meta http-equiv="content-security-policy" content="default-src 'self'; frame-src https://maps.google.com https://www.google.com https://www.gymglish.com; connect-src 'self' https://*.sanity.io; font-src 'self'; img-src 'self' https://cdn.sanity.io data: https://*.tile.openstreetmap.org; object-src 'none'; script-src 'self' https://www.gymglish.com 'sha256-xcNP96IetKH0BJGN251EtOMPWsOGbCMGLOR4JR1IIG4='; style-src 'self' 'unsafe-inline'; base-uri 'self'; form-action 'self'">
9		<link href="./_app/immutable/entry/start.o9RoqSns.js" rel="modulepreload">
10		<link href="./_app/immutable/chunks/BOeOocOY.js" rel="modulepreload">
11		<link href="./_app/immutable/chunks/D09eCC-T.js" rel="modulepreload">
12		<link href="./_app/immutable/entry/app.CWPpRL6L.js" rel="modulepreload">
13		<link href="./_app/immutable/chunks/PPVm8Dsz.js" rel="modulepreload">
14		<link href="./_app/immutable/chunks/DitfCwLp.js" rel="modulepreload">
15		<link href="./_app/immutable/chunks/BkSSuRV0.js" rel="modulepreload">
16		<link href="./_app/immutable/chunks/C-RPMEWI.js" rel="modulepreload">
17		<link href="./_app/immutable/chunks/CDWMsLIy.js" rel="modulepreload">
18		<link href="./_app/immutable/nodes/0.DFwOQdcw.js" rel="modulepreload">
19		<link href="./_app/immutable/chunks/DeEPMCtT.js" rel="modulepreload">
20		<link href="./_app/immutable/chunks/BKsb4KTf.js" rel="modulepreload">
21		<link href="./_app/immutable/chunks/ClbtVPNK.js" rel="modulepreload">
22		<link href="./_app/immutable/chunks/BdAK9doh.js" rel="modulepreload">
23		<link href="./_app/immutable/chunks/uu6A9vZN.js" rel="modulepreload">
24		<link href="./_app/immutable/chunks/2Li46kki.js" rel="modulepreload">
25		<link href="./_app/immutable/chunks/DbX8Jsgi.js" rel="modulepreload">
26		<link href="./_app/immutable/nodes/9.BPiSR7q5.js" rel="modulepreload">
27		<link href="./_app/immutable/chunks/DVNSuVQU.js" rel="modulepreload">
28		<link href="./_app/immutable/chunks/BgXr01GD.js" rel="modulepreload">
29		<link href="./_app/immutable/chunks/Bhl2UZj0.js" rel="modulepreload">
30		<link href="./_app/immutable/chunks/Bj3-QQQe.js" rel="modulepreload">
31		<!--gsrl61--><meta name="description" content="Contactez l'Amicale Franco-Japonaise du Quartier Latin : formulaire, email et adresse à Paris 5ᵉ."/> <link rel="canonical" href="https://www.afjql.fr/contact"/> <link rel="alternate" hreflang="fr" href="https://www.afjql.fr/contact"/> <link rel="alternate" hreflang="ja" href="https://www.afjql.fr/ja/contact"/> <link rel="alternate" hreflang="x-default" href="https://www.afjql.fr/contact"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Contact — AFJQL"/> <meta property="og:description" content="Contactez l'Amicale Franco-Japonaise du Quartier Latin : formulaire, email et adresse à Paris 5ᵉ."/> <meta property="og:image" content="https://www.afjql.fr/og-afjql.jpg"/> <meta property="og:url" content="https://www.afjql.fr/contact"/> <meta property="og:site_name" content="AFJQL"/> <meta property="og:locale" content="fr_FR"/> <meta property="og:locale:alternate" content="ja_JP"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Contact — AFJQL"/> <meta name="twitter:description" content="Contactez l'Amicale Franco-Japonaise du Quartier Latin : formulaire, email et adresse à Paris 5ᵉ."/> <meta name="twitter:image" content="https://www.afjql.fr/og-afjql.jpg"/> <!--[-1--><!--]--> <!--[--><!--]--><!----><title>Contact — AFJQL</title>
32		<link href="./_app/immutable/assets/0.D2Mtcrmu.css" rel="stylesheet">
33	</head>
34	<body data-sveltekit-preload-data="hover">
35		<div style="display: contents"><!--[--><!--[0--><!--[--><a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-100 focus:rounded focus:bg-navy focus:px-4 focus:py-2 focus:text-cream">Aller au contenu</a> <div class="flex min-h-screen flex-col"><header class="sticky top-0 z-50 bg-navy transition-transform duration-300 translate-y-0"><div class="grid grid-cols-[1fr_auto_1fr] items-center px-4 py-3 lg:hidden"><div class="flex w-fit overflow-hidden rounded-full border border-white/20" role="group" aria-label="Langue du site"><a href="/contact" hreflang="fr" lang="fr" aria-current="true" class="px-2.5 py-1.5 font-ui text-xs tracking-wider transition-colors bg-white/15 text-cream">FR</a> <a href="/ja/contact" hreflang="ja" lang="ja" class="px-2.5 py-1.5 font-ui text-xs tracking-wider transition-colors text-cream/60 hover:text-cream">JP</a></div> <div class="flex justify-self-center"><a href="/" class="transition-all duration-300 scale-100 opacity-100"><div class="overflow-hidden rounded-lg bg-white p-1.5"><img src="/logo-afjql-128.png" alt="AFJQL" width="136" height="128" class="h-10 w-auto"/></div></a></div> <button class="flex h-11 w-11 items-center justify-center justify-self-end" aria-label="Menu" aria-expanded="false" aria-controls="mobile-nav"><div class="flex flex-col gap-1.5"><span class="block h-0.5 w-5 bg-cream transition-transform "></span> <span class="block h-0.5 w-5 bg-cream transition-opacity "></span> <span class="block h-0.5 w-5 bg-cream transition-transform "></span></div></button></div> <div class="mx-auto hidden max-w-7xl items-center gap-7 px-6 py-3 lg:flex"><a href="/" class="shrink-0"><div class="overflow-hidden rounded-lg bg-white p-1.5"><img src="/logo-afjql-128.png" alt="AFJQL — Amicale Franco-Japonaise du Quartier Latin" width="136" height="128" class="h-12 w-auto"/></div></a> <nav aria-label="Navigation principale" class="flex flex-1 items-center justify-center gap-x-5"><!--[--><a href="/a-propos" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">À propos</a><a href="/presentation" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Présentation</a><a href="/historique" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Historique</a><a href="/evenements" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Événements</a><a href="/articles" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Articles</a><a href="/partenaires" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Partenaires</a><a href="/galerie" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Galerie</a><a href="/contact" aria-current="page" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Contact</a><a href="/le-japon-a-paris" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Le Japon à Paris</a><a href="/bunkyo-ku" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Bunkyō-ku</a><a href="/mon-japon" class="relative font-ui text-[14px] font-medium tracking-wide whitespace-nowrap text-cream transition-colors hover:text-white after:absolute after:-bottom-0.5 after:left-0 after:h-0.5 after:w-0 after:bg-red after:transition-all hover:after:w-full">Mon Japon</a>

35<!--]--></nav> <div class="flex shrink-0 items-center gap-3"><div class="flex overflow-hidden rounded-full border border-white/20" role="group" aria-label="Langue du site"><a href="/contact" hreflang="fr" lang="fr" aria-current="true" class="px-3 py-1.5 font-ui text-xs tracking-wider transition-colors bg-white/15 text-cream">FR</a> <a href="/ja/contact" hreflang="ja" lang="ja" class="px-3 py-1.5 font-ui text-xs tracking-wider transition-colors text-cream/60 hover:text-cream">JP</a></div> <a href="/adhesion" class="rounded-full bg-red px-5 py-2 font-ui text-xs tracking-wide text-white transition-colors hover:bg-red-hover">Nous rejoindre</a></div></div> <!--[-1--><!--]--></header><!----> <main id="main" class="flex-1"><!--[--><!----> <section class="relative overflow-hidden bg-linear-to-br from-navy-deep via-navy to-navy px-6 py-4 text-center md:py-8"><div aria-hidden="true" class="pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 select-none font-serif-jp text-[180px] font-bold leading-none text-white/2">友</div> <div class="relative z-10 mx-auto max-w-175"><h1 class="mb-3 text-3xl font-bold text-cream md:text-4xl">Contact</h1> <!--[0--><p class="text-base text-cream/60">Écrivez-nous</p><!--]--></div></section><!----> <section class="px-6 py-16"><div class="mx-auto grid max-w-225 gap-12 lg:grid-cols-[1fr_1.2fr]"><div><h2 class="mb-4 text-xl font-bold text-navy">Nos coordonnées</h2> <div class="flex flex-col gap-4 text-sm text-slate"><div><div class="mb-1 font-ui text-[11px] uppercase tracking-wider text-red">Adresse</div> Maison de la Vie Associative et Citoyenne du Quartier Latin<br/> 4 rue des Arènes, 75005 Paris</div> <div><div class="mb-1 font-ui text-[11px] uppercase tracking-wider text-red">Email</div> <a href="mailto:[email protected]" class="text-blue hover:text-blue-light">[email protected]</a></div> <div><div class="mb-1 font-ui text-[11px] uppercase tracking-wider text-red">Réseaux sociaux</div> <div class="flex flex-wrap gap-4"><!--[--><a href="https://www.instagram.com/afjql.paristokyo/" target="_blank" rel="noopener noreferrer" class="font-ui text-sm text-blue underline underline-offset-2 hover:text-blue-light">Instagram</a><a href="https://www.facebook.com/profile.php?id=61571734777163" target="_blank" rel="noopener noreferrer" class="font-ui text-sm text-blue underline underline-offset-2 hover:text-blue-light">Facebook</a><a href="https://www.linkedin.com/company/afjql/" target="_blank" rel="noopener noreferrer" class="font-ui text-sm text-blue underline underline-offset-2 hover:text-blue-light">LinkedIn</a><!--]--></div></div></div></div> <form class="flex flex-col gap-4"><div><label for="name" class="mb-1 block font-ui text-xs uppercase tracking-wider text-slate">Nom</label> <input id="name" type="text" value="" required="" class="w-full rounded-lg border border-light-gray bg-white px-4 py-3 text-sm text-navy outline-none transition-colors focus:border-blue"/></div> <div><label for="email" class="mb-1 block font-ui text-xs uppercase tracking-wider text-slate">Email</label> <input id="email" type="email" value="" required="" class="w-full rounded-lg border border-light-gray bg-white px-4 py-3 text-sm text-navy outline-none transition-colors focus:border-blue"/></div> <div><label for="message" class="mb-1 block font-ui text-xs uppercase tracking-wider text-slate">Message</label> <textarea id="message" required="" rows="5" class="w-full resize-none rounded-lg border border-light-gray bg-white px-4 py-3 text-sm text-navy outline-none transition-colors focus:border-blue"></textarea></div> <button type="submit" class="self-start rounded-full bg-red px-8 py-3 font-ui text-sm tracking-wide text-white transition-colors hover:bg-red-hover disabled:opacity-60"><!--[-1-->Envoyer<!--]--></button> <p class="text-xs leading-relaxed text-slate">Vos coordonnées servent uniquement à répondre à votre message et ne sont transmises à aucun tiers en dehors de notre prestataire d’envoi. <a href="/confidentialite" class="text-blue underline underline-offset-2 hover:text-blue-light">Politique de confidentialité</a></p> <div aria-live="polite"><!--[-1--><!--]--></div></form></div></section><!--]--><!----></main> <footer class="border-t border-cream/4 bg-navy-deep"><div class="mx-auto max-w-275 px-6 pt-10 pb-6 lg:pt-12 lg:pb-8"><div class="mb-6 flex items-center justify-between lg:mb-8"><div class="flex items-center gap-3"><img src="/logo-afjql-128.png" alt="AFJQL" width="136" height="128" class="h-9 w-auto"/> <p class="hidden max-w-70 font-ui text-[13px] leading-relaxed text-cream/70 sm:block">Amicale Franco-Japonaise du Quartier Latin — Un pont entre le 5ᵉ arrondissement et Bunkyō-ku.</p></div> <div class="flex gap-3"><!--[--><a href="https://www.instagram.com/afjql.paristokyo/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex h-8 w-8 items-center justify-center rounded-full border border-cream/10 font-ui text-[10px] text-cream/70 transition-colors hover:border-blue hover:text-blue">IG</a><a href="https://www.facebook.com/profile.php?id=61571734777163" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="flex h-8 w-8 items-center justify-center rounded-full border border-cream/10 font-ui text-[10px] text-cream/70 transition-colors hover:border-blue hover:text-blue">FB</a><a href="https://www.linkedin.com/company/afjql/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="flex h-8 w-8 items-center justify-center rounded-full border border-cream/10 font-ui text-[10px] text-cream/70 transition-colors hover:border-blue hover:text-blue">LI</a>

35<!--]--></div></div> <div class="grid grid-cols-2 gap-x-6 gap-y-6 lg:grid-cols-4 lg:gap-8"><div><div class="mb-2 font-ui text-[10px] uppercase tracking-[2px] text-blue-light lg:mb-3 lg:text-[11px]">Navigation</div> <!--[--><a href="/a-propos" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">À propos</a><a href="/presentation" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Présentation</a><a href="/evenements" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Événements</a><a href="/articles" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Articles</a><a href="/galerie" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Galerie</a><!--]--></div> <div><div class="mb-2 font-ui text-[10px] uppercase tracking-[2px] text-blue-light lg:mb-3 lg:text-[11px]">Découvrir</div> <!--[--><a href="/adhesion" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Adhérer</a><a href="/le-japon-a-paris" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Le Japon à Paris</a><a href="/mon-japon" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Mon Japon</a><a href="/partenaires" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Partenaires</a><a href="/historique" class="block py-1 font-ui text-[12px] text-cream/75 transition-colors hover:text-cream lg:py-1.5 lg:text-[13px]">Historique</a><!--]--></div> <div class="col-span-2 lg:col-span-2"><div class="mb-2 font-ui text-[10px] uppercase tracking-[2px] text-blue-light lg:mb-3 lg:text-[11px]">Contact</div> <div class="flex items-start justify-between gap-4"><div class="font-ui text-[12px] leading-relaxed text-cream/75 lg:text-[13px]">Paris 5ᵉ, Quartier Latin<br/> [email protected]</div> <a href="/adhesion" class="shrink-0 rounded-full bg-red px-5 py-2 font-ui text-[11px] tracking-wide text-white transition-colors hover:bg-red-hover">Nous rejoindre</a></div></div></div></div> <div class="mx-auto flex max-w-275 flex-wrap items-center justify-between gap-3 border-t border-cream/5 px-6 py-6"><div class="font-ui text-xs text-cream/50">© 2026 AFJQL — Tous droits réservés</div> <div class="flex gap-5 font-ui text-xs text-cream/50"><a href="/mentions-legales" class="transition-colors hover:text-cream/70">Mentions légales</a> <a href="/confidentialite" class="transition-colors hover:text-cream/70">Confidentialité</a></div></div></footer><!----></div><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
36			
37			

37<script>
38				{
39					__sveltekit_lyjip = {
40						base: new URL(".", location).pathname.slice(0, -1)
41					};
42
43					const element = document.currentScript.parentElement;
44
45					Promise.all([
46						import("./_app/immutable/entry/start.o9RoqSns.js"),
47						import("./_app/immutable/entry/app.CWPpRL6L.js")
48					]).then(([kit, app]) => {
49						kit.start(app, element, {
50							node_ids: [0, 9],
51							data: [null,null],
52							form: null,
53							error: null
54						});
55					});
56				}
57			</script>

57
58		</div>
59	</body>
60</html>