<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Université populaire européenne - Cours et activités de culture et de loisir pour tous</title>
<meta name="description" content="Site internet de l'Université populaire européenne. L'UPE propose un grand nombre de cours et d'activités de culture et de loisir pour tous : cours de langue, arts plastiques, développement personnel..." />
<script src="/global/scripts/lib/jquery.min.js"></script>
<script src="/global/scripts/lib/jquery-ui.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" media="screen" href="/global/css/normalize.css" type="text/css" />
<link rel="stylesheet" media="screen" href="/global/scripts/lib/colorbox/colorbox.css" type="text/css" />
<link rel="stylesheet" href="/global/scripts/swiper/swiper-bundle.min.css">
<link rel="stylesheet" media="screen" href="/global-atw/css/main.css?20251208" type="text/css" />
<link rel="stylesheet" media="screen" href="/global/css/up.css?20251208" type="text/css" />
<link rel="stylesheet" media="screen" href="/global/scripts/lib/smoothness/jquery-ui.min.css" type="text/css" />
<link rel="stylesheet" href="https://use.typekit.net/tbl2det.css">
<script src="https://kit.fontawesome.com/4f379cd2be.js" crossorigin="anonymous"></script>
<script src="/global-atw/js/fonctions.js?20251208"></script>
<script src="/global/scripts/lib/modernizr.js"></script>
<script src="/global/scripts/swiper/swiper-bundle.min.js"></script>
<script src="/global/scripts/lib/jquery.sticky.js"></script>
<script src="/global/scripts/parallax-js/parallax.min.js"></script>
<script src="/global/scripts/lib/colorbox/jquery.colorbox.js"></script>
<script src="/global/scripts/gsap/gsap.min.js"></script>
<script src="/global/scripts/gsap/ScrollTrigger.min.js"></script>
<script type="text/javascript" src="/global/js/index.js?20251208"></script>
<script type="text/javascript" src="/global/js/compte.js?20251208"></script>
<link rel="icon" href="/medias/icones/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/medias/icones/favicon.ico" type="image/x-icon" />
<meta name="theme-color" content="#ffffff">
<script type="text/javascript" src="https://cache.consentframework.com/js/pa/37117/c/Ng3Vl/stub"></script>
<script type="text/javascript" src="https://choices.consentframework.com/js/pa/37117/c/Ng3Vl/cmp" async></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CQ9WW40TCV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CQ9WW40TCV');
</script></head>
<body>
<header>
<div id="preheader" class="bg-primary text-black flex items-center justify-center px-[125px] py-2 relative">
<div id="info_na" class="w-full">
<p style="text-align: center;"><strong>Inscriptions closes à ce stade de l'année, rendez-vous fin mai pour le programme d'été et fin juin pour le programme de la saison prochaine.</strong></p> </div>
<div id="translate-google" class="absolute y-center right-6">
<p><a href="https://www-upe--alsace-fr.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=wapp" title="Traduire par Google">Traduire par Google</a></p>
</div>
</div>
<div class="flex lg:hidden justify-between items-center gap-8 wrapper">
<div>
<a class="h-16 block py-2 lg:py-[15px]" href="/index.html" title="Université Populaire Européenne">
<img class="w-full h-full object-contain" src="https://medias.upe-alsace.fr//medias/logos/universite-populaire-europeenne.png" alt="Université Populaire Européenne" title="Université Populaire Européenne">
</a>
</div>
<ul class="flex items-center gap-12">
<li class="li_compte">
<a href="https://www.upe-alsace.fr/compte/index.html" title="Mon compte">
<i class="fa-light fa-user text-xl"></i>
<span class="hidden sm:inline">Mon compte</span>
</a>
</li>
<li class="li_panier relative">
<a href="https://www.upe-alsace.fr/compte/panier.html" title="Mon panier">
<i class="fa-light fa-basket-shopping text-xl"></i>
<span class="hidden sm:inline">Mon panier</span>
<span class="nb_articles_panier" id="panier_nb">
0</span> </a>
</li>
</ul>
<div id="burger_menu" class="block lg:hidden">
<img class="w-8 h-8 object-contain" src="/global/img/icones/menu-burger.svg" alt="">
</div>
</div>
<div class="header hidden lg:block relative">
<div class="wrapper block lg:flex justify-between gap-2">
<nav class="block lg:flex justify-between gap-8 xxl:gap-12">
<div class="hidden lg:block" id="logo">
<a class="h-20 xxl:h-24 block py-[15px]" href="/index.html" title="Université Populaire Européenne">
<img class="w-full h-full object-contain" src="https://medias.upe-alsace.fr//medias/logos/universite-populaire-europeenne.png" alt="Université Populaire Européenne" title="Université Populaire Européenne">
</a>
</div>
<ul class="nav-main p-0 flex-col flex lg:flex-row items-center justify-between gap-2 lg:gap-8 xxl:gap-12">
<li>
<a href="/pages/a-propos-upe-3.html" title="Qui sommes-nous ?">Qui sommes-nous ?</a>
<ul class="subnav">
<li>
<a href="/pages/le-mot-du-president-15.html" title="Le mot du président">Le mot du président</a>
</li>
<li>
<a href="/pages/historique-17.html" title="L'historique">L'historique</a>
</li>
<li>
<a href="/pages/notre-equipe-23.html" title="L'équipe permanente">L'équipe permanente</a>
</li>
<li>
<a href="/pages/notre-organisation-18.html" title="L'organisation">L'organisation</a>
</li>
<li>
<a href="/pages/nos-partenaires-21.html" title="Nos partenaires">Nos partenaires</a>
</li>
<li>
<a href="/pages/statuts-29.html" title="Statuts">Statuts</a>
</li>
</ul>
</li>
<li>
<a href="/pages/actualites-8.html" title="Actualités">Actualités</a>
</li>
<li class="megamenu-hover">
<a href="/pages/nos-activites-14.html" title="Activités">Activités</a>
<div class="megamenu hidden absolute bg-white left-0 top-0 lg:top-[98%] h-96 sm:h-full w-full z-10">
<div class="w-full flex justify-between bg-white lg:shadow-md">
<ul class="w-full lg:w-1/3 p-6 lg:p-12 grid sm:grid-flow-col grid-rows-1 sm:grid-rows-5 gap-4 xxl:gap-6 self-start">
<span class="back-megamenu lg:hidden">
<i class="fa-arrow-left fa-light text-2xl text-black mr-2"></i> Retour
</span>
<li>
<a data-color="28" data-img="https://medias.upe-alsace.fr/medias/famille-cours/28.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/langues-28.html" title="Langues">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-28.png" alt="" loading="lazy">
Langues </a>
</li>
<li>
<a data-color="4" data-img="https://medias.upe-alsace.fr/medias/famille-cours/4.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/culture-et-sciences-4.html" title="Culture et Sciences">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-4.png" alt="" loading="lazy">
Culture et Sciences </a>
</li>
<li>
<a data-color="1" data-img="https://medias.upe-alsace.fr/medias/famille-cours/1.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/arts-plastiques-et-numeriques-1.html" title="Arts plastiques et numériques">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-1.png" alt="" loading="lazy">
Arts plastiques et numériques </a>
</li>
<li>
<a data-color="52" data-img="https://medias.upe-alsace.fr/medias/famille-cours/52.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/nature-et-environnement-52.html" title="Nature et Environnement">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-52.png" alt="" loading="lazy">
Nature et Environnement </a>
</li>
<li>
<a data-color="2" data-img="https://medias.upe-alsace.fr/medias/famille-cours/2.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/activites-physiques-2.html" title="Activités physiques">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-2.png" alt="" loading="lazy">
Activités physiques </a>
</li>
<li>
<a data-color="45" data-img="https://medias.upe-alsace.fr/medias/famille-cours/45.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/activites-creatives-45.html" title="Activités créatives">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-45.png" alt="" loading="lazy">
Activités créatives </a>
</li>
<li>
<a data-color="19" data-img="https://medias.upe-alsace.fr/medias/famille-cours/19.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/bien-etre-19.html" title="Bien être">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-19.png" alt="" loading="lazy">
Bien être </a>
</li>
<li>
<a data-color="59" data-img="https://medias.upe-alsace.fr/medias/famille-cours/59.jpg" class="flex items-center gap-2 hover:font-semibold activite-hover" href="/familles/activites-pratiques-59.html" title="Activités pratiques">
<img class="w-6 h-6 object-contain" src="/global/img/family/color-version/sc-59.png" alt="" loading="lazy">
Activités pratiques </a>
</li>
</ul>
<div class="w-2/3 hidden lg:flex justify-between relative overflow-hidden rounded-tl-[50px] lg:h-auto sub-megamenu transitioning">
<ul class="w-3/5 transitioning lg:p-12 grid gap-4 xxl:gap-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
<li data-n1="2" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-aquatiques-111.html" title="Activités aquatiques">
Activités aquatiques </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-creatives-152.html" title="Activités créatives">
Activités créatives </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-physiques-113.html" title="Activités physiques">
Activités physiques </a>
</li>
<li data-n1="2" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-physiques-en-exterieur-66.html" title="Activités physiques en Extérieur">
Activités physiques en Extérieur </a>
</li>
<li data-n1="2" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-physiques-en-interieur-13.html" title="Activités physiques en Intérieur">
Activités physiques en Intérieur </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/activites-pratiques-82.html" title="Activités pratiques">
Activités pratiques </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/allemand-29.html" title="Allemand">
Allemand </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/alsacien-30.html" title="Alsacien">
Alsacien </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/anglais-31.html" title="Anglais">
Anglais </a>
</li>
<li data-n1="52" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/apiculture-53.html" title="Apiculture">
Apiculture </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/arabe-32.html" title="Arabe">
Arabe </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/art-du-conte-21.html" title="Art du conte">
Art du conte </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/art-floral-55.html" title="Art Floral">
Art Floral </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/arts-plastiques-et-numeriques-85.html" title="Arts plastiques et numériques">
Arts plastiques et numériques </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/arts-textiles-89.html" title="Arts Textiles">
Arts Textiles </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/audio-visuel-3.html" title="Audio-visuel">
Audio-visuel </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/auto-hypnose-99.html" title="Auto hypnose">
Auto hypnose </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/ayurveda-20.html" title="Ayurvéda">
Ayurvéda </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/bien-etre-80.html" title="Bien être">
Bien être </a>
</li>
<li data-n1="52" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/botanique-57.html" title="Botanique">
Botanique </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/brain-ball-150.html" title="Brain ball">
Brain ball </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/calligraphie-latine-5.html" title="Calligraphie latine">
Calligraphie latine </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/cartonnage-et-reliure-101.html" title="Cartonnage et reliure">
Cartonnage et reliure </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/ceramique-70.html" title="Céramique">
Céramique </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/chant-50.html" title="Chant">
Chant </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/chinois-33.html" title="Chinois">
Chinois </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/coaching-de-vie-71.html" title="Coaching de vie">
Coaching de vie </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/comptabilite-et-finances-60.html" title="Comptabilité et finances">
Comptabilité et finances </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/coreen-34.html" title="Coréen">
Coréen </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/couture-148.html" title="Couture">
Couture </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/crochet-64.html" title="Crochet">
Crochet </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/cuisine-61.html" title="Cuisine">
Cuisine </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/cultiver-sa-memoire-22.html" title="Cultiver sa mémoire">
Cultiver sa mémoire </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/culture-et-sciences-81.html" title="Culture et Sciences">
Culture et Sciences </a>
</li>
<li data-n1="2" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/danses-49.html" title="Danses">
Danses </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/design-de-mode-95.html" title="Design de mode">
Design de mode </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/dessin-6.html" title="Dessin">
Dessin </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/ecriture-creative-93.html" title="Ecriture créative">
Ecriture créative </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/enluminure-7.html" title="Enluminure">
Enluminure </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/espagnol-35.html" title="Espagnol">
Espagnol </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/francais-langue-etrangere-36.html" title="Français langue étrangère">
Français langue étrangère </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/genealogie-62.html" title="Généalogie">
Généalogie </a>
</li>
<li data-n1="52" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/geobiologie-73.html" title="Géobiologie">
Géobiologie </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/gravure-8.html" title="Gravure">
Gravure </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/grec-ancien-38.html" title="Grec ancien">
Grec ancien </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/grec-moderne-39.html" title="Grec moderne">
Grec moderne </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/histoire-de-lart-69.html" title="Histoire de l'art">
Histoire de l'art </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/histoire-generale-16.html" title="Histoire générale">
Histoire générale </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/histoire-regionale-139.html" title="Histoire régionale">
Histoire régionale </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/illustration-digitale-124.html" title="Illustration digitale">
Illustration digitale </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/informatique-63.html" title="Informatique">
Informatique </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/italien-40.html" title="Italien">
Italien </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/japonais-41.html" title="Japonais">
Japonais </a>
</li>
<li data-n1="52" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/jardinage-87.html" title="Jardinage">
Jardinage </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/jeux-de-strategies-46.html" title="Jeux de stratégies">
Jeux de stratégies </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/langue-des-signes-96.html" title="Langue des signes">
Langue des signes </a>
</li>
<li data-n1="75" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/langues-151.html" title="Langues">
Langues </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/litterature-17.html" title="Littérature">
Littérature </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/livres-pop-up-90.html" title="Livres pop-up">
Livres pop-up </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/macrame-et-cie-100.html" title="Macramé et cie">
Macramé et cie </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/mathematiques-132.html" title="Mathématiques">
Mathématiques </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/medias-98.html" title="Médias">
Médias </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/meditation-92.html" title="Méditation">
Méditation </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/mosaique-9.html" title="Mosaïque">
Mosaïque </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/mtc-medecine-traditionnelle-chinoise-136.html" title="MTC - Médecine traditionnelle chinoise">
MTC - Médecine traditionnelle chinoise </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/musique-assistee-par-ordinateur-125.html" title="Musique assistée par ordinateur">
Musique assistée par ordinateur </a>
</li>
<li data-n1="52" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/mycologie-58.html" title="Mycologie">
Mycologie </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/naturopathie-138.html" title="Naturopathie">
Naturopathie </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/oenologie-65.html" title="Oenologie">
Oenologie </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/origami-10.html" title="Origami">
Origami </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/peinture-11.html" title="Peinture">
Peinture </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/philosophie-24.html" title="Philosophie">
Philosophie </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/phyto-aromatherapie-109.html" title="Phyto-aromathérapie">
Phyto-aromathérapie </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/polonais-42.html" title="Polonais">
Polonais </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/portugais-43.html" title="Portugais">
Portugais </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/psychologie-25.html" title="Psychologie">
Psychologie </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/reprendre-confiance-par-le-theatre-51.html" title="Reprendre confiance par le théâtre">
Reprendre confiance par le théâtre </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/reussir-a-loral-27.html" title="Réussir à l'oral">
Réussir à l'oral </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/russe-44.html" title="Russe">
Russe </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/sciences-18.html" title="Sciences">
Sciences </a>
</li>
<li data-n1="4" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/sciences-sociales-et-politiques-74.html" title="Sciences sociales et politiques">
Sciences sociales et politiques </a>
</li>
<li data-n1="1" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/sculpture-12.html" title="Sculpture">
Sculpture </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/sophrologie-67.html" title="Sophrologie">
Sophrologie </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/technique-alexander-135.html" title="Technique Alexander">
Technique Alexander </a>
</li>
<li data-n1="45" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/theatre-117.html" title="Théâtre">
Théâtre </a>
</li>
<li data-n1="59" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/tricot-149.html" title="Tricot">
Tricot </a>
</li>
<li data-n1="28" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/turc-110.html" title="Turc">
Turc </a>
</li>
<li data-n1="19" class="activite_n2 hidden">
<a class="hover:font-semibold" href="/familles/yoga-du-rire-23.html" title="Yoga du rire">
Yoga du rire </a>
</li>
</ul>
<div class="w-2/5 transitioning relative overflow-hidden rounded-tl-[50px]">
<img class="w-full h-full absolute top-0 left-0 object-cover" src="" loading="lazy">
</div>
<img class="w-full h-full absolute top-0 left-0 transitioning object-cover" src="https://medias.upe-alsace.fr//medias/menu-images/groupe-de-sportifs.jpg" loading="lazy">
</div>
</div>
</div>
</li>
<li>
<a href="/pages/infos-pratiques-12.html" title="Infos pratiques">Infos pratiques</a>
<ul class="subnav">
<li>
<a href="/pages/documents-utiles-19.html" title="Documents utiles">Documents utiles</a>
</li>
<li>
<a href="/pages/tests-de-langues-20.html" title="Tests de langues">Tests de langues</a>
</li>
<li>
<a href="/pages/documents-ago-30.html" title="Documents AGO">Documents AGO</a>
</li>
<li>
<a href="/pages/faq-39.html" title="FAQ">FAQ</a>
</li>
</ul>
</li>
<li>
<a href="/pages/rejoignez-nous-40.html" title="Rejoignez-nous">Rejoignez-nous</a>
</li>
<li>
<a href="/pages/contact-13.html" title="Contact">Contact</a>
</li>
</ul>
</nav>
<ul class="nav-compte block lg:flex items-center justify-between gap-8 xxl:gap-8 pb-8 pt-4 lg:py-0">
<li class="li_recherche">
<form method="post" action="/recherche.html" class="relative w-full lg:w-40">
<input class="w-full h-9 pl-12 italic rounded-full border border-primary font-light" autocomplete="off" placeholder="Recherche" type="text" id="activite" name="recherche">
<div class="absolute y-center left-1 w-7 h-7">
<input type="submit" class="submit absolute !opacity-0 top-0 left-0 w-full h-full">
<div class="w-full h-full rounded-full bg-primary flex justify-center items-center">
<i class="text-sm text-black fa-light fa-magnifying-glass"></i>
</div>
</div>
</form>
</li>
<li class="flex justify-center gap-4 mt-4 lg:mt-0">
<a href="https://www.facebook.com/upeuropeenne/" target="_blank" title="Facebook">
<img class="w-5 h-5 object-contain transitioning hover:scale-110" src="/global/img/icones/facebook-bleu-fonce.svg" alt="">
</a>
<a href="https://www.instagram.com/upe_strasbourg/" target="_blank" title="Instagram">
<img class="w-5 h-5 object-contain transitioning hover:scale-110" src="/global/img/icones/instagram-bleu-fonce.svg" alt="">
</a>
<a href="https://www.linkedin.com/company/universit%C3%A9-populaire-europ%C3%A9enne?originalSubdomain=fr" target="_blank" title="Linkedin">
<img class="w-5 h-5 object-contain transitioning hover:scale-110" src="/global/img/icones/linkedin.svg" alt="">
</a>
<a href="https://www.youtube.com/@Universit%C3%A9PopulaireEurop%C3%A9enne" target="_blank" title="Youtube">
<img class="w-5 h-5 object-contain transitioning hover:scale-110" src="/global/img/icones/youtube.svg" alt="">
</a>
</li>
<li class="!hidden lg:!flex li_compte relative">
<a href="https://www.upe-alsace.fr/compte/index.html" title="Mon compte">
<i class="fa-light fa-user"></i>
<span> Mon compte </span>
</a>
</li>
<li class="hidden lg:inline li_panier relative">
<a href="https://www.upe-alsace.fr/compte/panier.html" title="Mon panier">
<i class="fa-light fa-basket-shopping"></i>
<span>Mon panier</span>
<span class="nb_articles_panier" id="panier_nb">
0</span> </a>
<div id="recap_panier">
<p style="padding: 20px; text-align: center;">Aucune activité dans votre panier.</p></div> </li>
</ul>
</div>
</div>
</header> <main>
<section class="overflow-hidden">
<section class="slider-accueil-container lg:pt-8 xxl:py-8 relative">
<div class="family-langues scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-langues.png" alt="">
</div>
<div class="family-dev scene-parallax">
<img data-depth="0.9" class="family-img" src="/global/img/family/src-developpement.png" alt="">
</div>
<div class="family-bien scene-parallax">
<img data-depth="0.7" class="family-img" src="/global/img/family/src-bien-être.png" alt="">
</div>
<div class="family-nature scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-nature.png" alt="">
</div>
<div class="lg:px-8 xl:px-32 xxl:px-52">
<div class="relative bg-primary-300 rounded-3xl py-6 lg:px-8 xxl:px-12">
<div class="swiper-intro_prev hidden absolute arrow y-center -left-8 lg:-left-6 w-16 h-16 bg-white rounded-full lg:flex items-center justify-center">
<i class='fa-thin fa-arrow-left-long text-[28px] text-black'></i>
</div>
<div class="swiper-intro_next hidden absolute arrow y-center -right-8 lg:-right-6 w-16 h-16 bg-white rounded-full lg:flex items-center justify-center">
<i class='fa-thin fa-arrow-right-long text-black text-[28px]'></i>
</div>
<div id="slider-accueil" class="swiper-container overflow-hidden relative">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="flex flex-col lg:flex-row gap-4">
<div class="slider-image-index min-h-[14rem] md:min-h-[15rem] xxl:min-h-[18rem] lg:w-2/5 relative">
<img class="w-full h-full object-cover absolute top-0 left-0 rounded-3xl" src="https://medias.upe-alsace.fr/medias/actualites/225.jpg" alt="Horaires du secrétariat" title="Horaires du secrétariat">
</div>
<div class="slider-text text-black px-8 pt-4 pb-8 lg:p-0 lg:self-center lg:pl-16 lg:w-3/5 relative">
<h2>Horaires du secrétariat</h2>
<a href="/actualites/horaires-du-secretariat-225.html" title="En savoir plus" >En savoir plus</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="flex flex-col lg:flex-row gap-4">
<div class="slider-image-index min-h-[14rem] md:min-h-[15rem] xxl:min-h-[18rem] lg:w-2/5 relative">
<img class="w-full h-full object-cover absolute top-0 left-0 rounded-3xl" src="https://medias.upe-alsace.fr/medias/actualites/207.jpg" alt="Tarif dégressif" title="Tarif dégressif">
</div>
<div class="slider-text text-black px-8 pt-4 pb-8 lg:p-0 lg:self-center lg:pl-16 lg:w-3/5 relative">
<h2>Tarif dégressif</h2>
<a href="/actualites/tarif-degressif-207.html" title="En savoir plus" >En savoir plus</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="family-loisirs scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-loisirs.png" alt="">
</div>
<div class="family-arts scene-parallax">
<img data-depth="0.8" class="family-img" src="/global/img/family/src-art-pla.png" alt="">
</div>
<div class="family-vie scene-parallax">
<img data-depth="0.9" class="family-img" src="/global/img/family/src-viepratique.png" alt="">
</div>
<div class="family-culture scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-culture.png" alt="">
</div>
</section> <div class="wrapper mt-8 xxl:mt-4">
<h1>Université Populaire Européenne : Cours et activités dans le Bas-Rhin</h1>
</div>
<section class="activites py-16 lg:pb-20 lg:pt-12">
<div class="activites-title-form text-black flex flex-col items-end lg:flex-row justify-between gap-8 px-8 xl:px-32 xxl:px-52">
<div class="lg:w-[49%]">
<h2>Quelle activité ?</h2>
<div>
<p>Chaque année, l’UPE propose environ <strong>700 cours variés</strong>, couvrant un large éventail de disciplines. Découvrez des formations de qualité adaptées à tous les profils. Rejoignez-nous pour enrichir vos connaissances et développer vos compétences !</p> </div>
</div>
<div class="recherche_activite flex flex-wrap justify-between items-end gap-4 w-full lg:w-2/5">
<form class="w-full relative" action="/recherche.html" method="post">
<input class="w-full border border-primary h-14 pl-4 italic font-light rounded-full" type="text" id="activite" name="recherche" autocomplete="off" placeholder="Votre recherche">
<div class="absolute top-0 right-0 bg-primary rounded-full p-4">
<i class="text-black text-xl fa-light fa-magnifying-glass"></i>
<input class="!absolute top-0 right-0 !opacity-0 w-full h-full" type="submit">
</div>
</form>
<a class="w-[55%] hidden lg:block btn btn-outline-primary" href="/pages/ouverture-prochaine-35.html">Nos activités ouvertes prochainement</a>
<a class="w-[41%] hidden lg:block btn btn-outline-primary" href="/pages/nouveautes-32.html">Nos nouvelles activités</a>
</div>
</div>
<div class="liste__activite px-8 xl:px-32 xxl:px-52 mt-10 mx-auto max-w-[370px] sm:max-w-[1920px] gap-8 hidden sm:grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 grid-activity-bigger">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/langues-28.html" title="Langues">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-28">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-28.png" alt="" loading="lazy">
<h3 class="text-white text-base">Langues</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/28.jpg" alt="Langues" title="Langues">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-28.png" alt="Langues" title="Langues">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/culture-et-sciences-4.html" title="Culture et Sciences">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-4">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-4.png" alt="" loading="lazy">
<h3 class="text-white text-base">Culture et Sciences</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/4.jpg" alt="Culture et Sciences" title="Culture et Sciences">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-4.png" alt="Culture et Sciences" title="Culture et Sciences">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/arts-plastiques-et-numeriques-1.html" title="Arts plastiques et numériques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-1">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-1.png" alt="" loading="lazy">
<h3 class="text-white text-base">Arts plastiques et numériques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/1.jpg" alt="Arts plastiques et numériques" title="Arts plastiques et numériques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-1.png" alt="Arts plastiques et numériques" title="Arts plastiques et numériques">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/nature-et-environnement-52.html" title="Nature et Environnement">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-52">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-52.png" alt="" loading="lazy">
<h3 class="text-white text-base">Nature et Environnement</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/52.jpg" alt="Nature et Environnement" title="Nature et Environnement">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-52.png" alt="Nature et Environnement" title="Nature et Environnement">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-physiques-2.html" title="Activités physiques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-2">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-2.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités physiques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/2.jpg" alt="Activités physiques" title="Activités physiques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-2.png" alt="Activités physiques" title="Activités physiques">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-creatives-45.html" title="Activités créatives">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-45">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-45.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités créatives</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/45.jpg" alt="Activités créatives" title="Activités créatives">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-45.png" alt="Activités créatives" title="Activités créatives">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/bien-etre-19.html" title="Bien être">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-19">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-19.png" alt="" loading="lazy">
<h3 class="text-white text-base">Bien être</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/19.jpg" alt="Bien être" title="Bien être">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-19.png" alt="Bien être" title="Bien être">
</div>
</a> <a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-pratiques-59.html" title="Activités pratiques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-59">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-59.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités pratiques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/59.jpg" alt="Activités pratiques" title="Activités pratiques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-59.png" alt="Activités pratiques" title="Activités pratiques">
</div>
</a> </div>
<div id="slider-activite" class="block relative overflow-hidden swiper-container sm:hidden mt-8 sm:mt-0">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-creatives-45.html" title="Activités créatives">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-45">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-45.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités créatives</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/45.jpg" alt="Activités créatives" title="Activités créatives">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-45.png" alt="Activités créatives" title="Activités créatives">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-physiques-2.html" title="Activités physiques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-2">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-2.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités physiques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/2.jpg" alt="Activités physiques" title="Activités physiques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-2.png" alt="Activités physiques" title="Activités physiques">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/activites-pratiques-59.html" title="Activités pratiques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-59">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-59.png" alt="" loading="lazy">
<h3 class="text-white text-base">Activités pratiques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/59.jpg" alt="Activités pratiques" title="Activités pratiques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-59.png" alt="Activités pratiques" title="Activités pratiques">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/arts-plastiques-et-numeriques-1.html" title="Arts plastiques et numériques">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-1">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-1.png" alt="" loading="lazy">
<h3 class="text-white text-base">Arts plastiques et numériques</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/1.jpg" alt="Arts plastiques et numériques" title="Arts plastiques et numériques">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-1.png" alt="Arts plastiques et numériques" title="Arts plastiques et numériques">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/bien-etre-19.html" title="Bien être">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-19">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-19.png" alt="" loading="lazy">
<h3 class="text-white text-base">Bien être</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/19.jpg" alt="Bien être" title="Bien être">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-19.png" alt="Bien être" title="Bien être">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/culture-et-sciences-4.html" title="Culture et Sciences">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-4">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-4.png" alt="" loading="lazy">
<h3 class="text-white text-base">Culture et Sciences</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/4.jpg" alt="Culture et Sciences" title="Culture et Sciences">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-4.png" alt="Culture et Sciences" title="Culture et Sciences">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/langues-28.html" title="Langues">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-28">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-28.png" alt="" loading="lazy">
<h3 class="text-white text-base">Langues</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/28.jpg" alt="Langues" title="Langues">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-28.png" alt="Langues" title="Langues">
</div>
</a> </div>
<div class="swiper-slide">
<a class="overflow-hidden relative h-80 xl:h-96 flex items-end px-4 pt-4 pb-2 xl:p-4 xxl:p-8 no-underline" href="/familles/nature-et-environnement-52.html" title="Nature et Environnement">
<div class="activite--titre w-fit flex items-center gap-3 relative z-1 px-3 py-4 bg-52">
<img class="arrow hidden w-10 object-contain h-6" src="/global/img/icones/arrow-tall.png" alt="" loading="lazy">
<img class="logo h-6 object-contain" src="/global/img/family/white-version/sb-52.png" alt="" loading="lazy">
<h3 class="text-white text-base">Nature et Environnement</h3>
</div>
<div class="activite--img">
<img class="absolute top-0 left-0 w-full h-full -z-1 object-cover" src="https://medias.upe-alsace.fr/medias/famille-cours/52.jpg" alt="Nature et Environnement" title="Nature et Environnement">
<img class="fond-survol absolute top-0 left-0 w-full h-full -z-1 object-cover" src="/global/img/family/fond/fond-52.png" alt="Nature et Environnement" title="Nature et Environnement">
</div>
</a> </div>
</div>
</div>
<div class="recherche_activite flex lg:hidden flex-wrap justify-between items-end gap-4 w-full px-8 mt-8">
<a class="w-full sm:w-[55%] block btn btn-outline-primary" href="/pages/ouverture-prochaine-35.html">Nos activités ouvertes prochainement</a>
<a class="w-full sm:w-[41%] block btn btn-outline-primary" href="/pages/nouveautes-32.html">Nos nouvelles activités</a>
</div>
</section> </section>
<section class="antennes wrapper bg-primary-300 relative overflow-hidden py-32">
<div>
<h2>Où nous trouver ?</h2>
<div><p>L'Université Populaire Européenne de Strasbourg propose une offre d'enseignement diversifiée avec trois campus :</p>
<p><strong>Strasbourg, Nord Alsace</strong>, et un accès flexible <strong>à Distance</strong>. Chaque campus offre des formations accessibles à tous,</p>
<p>avec des programmes adaptés à vos besoins. Rejoignez-nous pour développer vos compétences, échanger et apprendre</p>
<p> dans un environnement stimulant !</p></div>
</div>
<div class="antenne__liste flex flex-wrap gap-y-8 mt-12 justify-between relative z-1">
<a class="overflow-hidden relative flex items-end justify-center p-4 lg:p-8 no-underline h-80 lg:h-96 w-full sm:w-[45%] md:w-[30%]"
href="https://www.google.fr/maps/dir/48.5848132,7.7618897" target="_blank"
title="Strasbourg"
>
<div class="relative text-center bg-primary z-[5] px-6 py-3">
<h3 class="text-lg text-black">Strasbourg</h3>
<p class="font-heading hidden xxl:text-lg font-extrabold text-base text-black">1 Quai Koch 67000 Strasbourg</p>
</div>
<img class="w-full h-full object-cover absolute top-0 left-0" src="https://medias.upe-alsace.fr//medias/antennes/1/campus-strasbourg-image.jpg" alt="Strasbourg" title="Strasbourg">
<img class="plan w-full h-full object-cover opacity-0 absolute top-0 left-0" src="/global/img/antennes/strasbourg-plan.jpg" alt="Strasbourg" title="Strasbourg">
</a>
<a class="overflow-hidden relative flex items-end justify-center p-4 lg:p-8 no-underline h-80 lg:h-96 w-full sm:w-[45%] md:w-[30%]"
href="https://www.google.fr/maps/dir/48.8115055,7.7920292" target="_blank"
title="Nord Alsace"
>
<div class="relative text-center bg-primary z-[5] px-6 py-3">
<h3 class="text-lg text-black">Nord Alsace</h3>
<p class="font-heading hidden xxl:text-lg font-extrabold text-base text-black">6 place Robert Schuman 67500 Haguenau</p>
</div>
<img class="w-full h-full object-cover absolute top-0 left-0" src="https://medias.upe-alsace.fr//medias/antennes/2/campus-nord-alsace-image.jpg" alt="Nord Alsace" title="Nord Alsace">
<img class="plan w-full h-full object-cover opacity-0 absolute top-0 left-0" src="/global/img/antennes/strasbourg-plan.jpg" alt="Nord Alsace" title="Nord Alsace">
</a>
<a class="distance overflow-hidden relative flex items-end justify-center p-4 lg:p-8 no-underline h-80 lg:h-96 w-full sm:w-[45%] md:w-[30%]"
title=" à Distance"
>
<div class="relative text-center bg-primary z-[5] px-6 py-3">
<h3 class="text-lg text-black"> à Distance</h3>
<p class="font-heading hidden xxl:text-lg font-extrabold text-base text-black">1 Quai Koch 67000 Strasbourg</p>
</div>
<img class="w-full h-full object-cover absolute top-0 left-0" src="https://medias.upe-alsace.fr//medias/antennes/5/campus-a-distance-image.jpg" alt=" à Distance" title=" à Distance">
<img class="plan w-full h-full object-cover opacity-0 absolute top-0 left-0" src="/global/img/antennes/strasbourg-plan.jpg" alt=" à Distance" title=" à Distance">
</a>
</div>
</section> <section class="presentation wrapper overflow-hidden flex flex-col lg:flex-row gap-20 justify-between items-center pb-48 pt-32">
<div class="lg:w-2/5">
<h2 class="traits">Rejoignez-nous</h2>
<p>Vous êtes motivé pour transmettre vos connaissances, vos expériences, votre savoir ? Vous voulez donnez de votre temps pour faire prospérer l’association dans toutes sortes de missions ? Vous partagez les valeurs de l'éducation populaire et vous avez un projet original à nous proposer ?</p>
<p> </p>
<p>N’hésitez pas à nous contacter !</p> </div>
<div class="rejoindre-item-container flex flex-col sm:flex-row relative w-full lg:w-[47%] gap-4">
<a href="/pages/contact-13.html" title="" class="rejoindre-item group flex justify-center overflow-hidden items-end p-4 lg:p-8 h-80 lg:h-[27rem] relative z-1 sm:w-1/2">
<img class="personne object-contain group-hover:scale-105 z-1 h-full w-full absolute bottom-0 left-0 object-bottom" src="/global/img/rejoindre/homme.png" loading="lazy" alt="">
<img class="fond w-full absolute bottom-0 left-0 object-bottom object-cover z-0 h-[80%]" src="/global/img/rejoindre/benevole-fond.jpg" loading="lazy" alt="">
<div class="relative text-center bg-primary px-10 py-3 z-[5]">
<h3 class="text-lg">Devenir bénévoles</h3>
</div>
</a>
<a href="/pages/rejoignez-nous-40.html" title="" class="rejoindre-item flex justify-center items-end group overflow-hidden p-4 lg:p-8 h-80 lg:h-[27rem] relative z-1 sm:w-1/2">
<img class="personne object-contain z-1 group-hover:scale-105 h-full w-full absolute bottom-0 left-0 object-bottom" src="/global/img/rejoindre/femme.png" loading="lazy" alt="">
<img class="fond w-full absolute bottom-0 left-0 object-bottom object-cover z-0 h-[80%]" src="/global/img/rejoindre/fond-intervenant.jpg" loading="lazy" alt="">
<div class="relative text-center bg-primary px-10 py-3 z-[5]">
<h3 class="text-lg">Devenir intervenant</h3>
</div>
</a>
<div class="family-langues scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-langues.png" alt="">
</div>
<div class="family-dev scene-parallax">
<img data-depth="0.8" class="family-img" src="/global/img/family/src-developpement.png" alt="">
</div>
<div class="family-bien scene-parallax">
<img data-depth="0.7" class="family-img" src="/global/img/family/src-bien-être.png" alt="">
</div>
<div class="family-nature scene-parallax">
<img data-depth="0.9" class="family-img" src="/global/img/family/src-nature.png" alt="">
</div>
<div class="family-loisirs scene-parallax">
<img data-depth="0.6" class="family-img" src="/global/img/family/src-loisirs.png" alt="">
</div>
<div class="family-arts scene-parallax">
<img data-depth="0.7" class="family-img" src="/global/img/family/src-art-pla.png" alt="">
</div>
<div class="family-vie scene-parallax">
<img data-depth="0.8" class="family-img" src="/global/img/family/src-viepratique.png" alt="">
</div>
<div class="family-culture scene-parallax">
<img data-depth="1.5" class="family-img" src="/global/img/family/src-culture.png" alt="">
</div>
</div>
</section> <section class="actualites overflow-hidden bg-primary-300 relative text-black pt-16 pb-36 lg:pt-24 lg:pl-8 xl:pl-36 xxl:pl-52">
<div class="relative z-1 flex flex-col lg:flex-row justify-between items-end gap-4 px-8 lg:pl-0 xl:pr-36 xxl:pr-52 mb-8">
<div class="lg:w-[45%]">
<h2>Actualités</h2>
<div><p>Restez informé(e) des dernières initiatives, événements et projets qui animent notre communauté. Découvrez ici toutes les nouveautés et les actions en cours !</p></div>
</div>
<div class="lg:w-[45%] flex items-center gap-4 justify-end">
<div class="swiper-actus_prev arrow border border-primary-500 w-12 h-12 bg-white rounded-full flex items-center justify-center">
<i class='fa-thin fa-arrow-left-long text-[24px] text-black'></i>
</div>
<div class="swiper-actus_next arrow w-12 border border-primary-500 h-12 bg-white rounded-full flex items-center justify-center">
<i class='fa-thin fa-arrow-right-long text-black text-[24px]'></i>
</div>
</div>
</div>
<div class="flex relative z-1 gap-8 justify-between">
<div class="hidden lg:block lg:w-2/5">
<div class="card-actu rounded-tr-[50px]">
<div>
<a class="actu-img actu-img-active rounded-tr-[50px]" href="" title="Replay : ils parlent de nous !">
<img src="https://medias.upe-alsace.fr/medias/actualites/236.jpg" alt="Replay : ils parlent de nous !" title="Replay : ils parlent de nous !">
</a>
<p class="actu-date actu-date-active">
19 janvier 2026 </p>
<h3 class="actu-titre actu-titre-active"><a href="/actualites/replay-ils-parlent-de-nous-236.html" title="Replay : ils parlent de nous !">Replay : ils parlent de nous !</a></h3>
<div class="actu-text actu-text-active">Vous nous avez loupé au 19/20 de France 3 Alsace jeudi dernier ?
Pas de panique, le replay est juste ici. </div>
</div>
<div class="actu-plus actu-plus-active">
<a class="btn btn-secondary" href="/actualites/replay-ils-parlent-de-nous-236.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
<div id="slider-actus" dir="ltr" class="lg:w-3/5 relative overflow-hidden swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card-actu">
<div>
<a class="actu-img" href="/actualites/replay-ils-parlent-de-nous-236.html" title="Replay : ils parlent de nous !">
<img src="https://medias.upe-alsace.fr/medias/actualites/236.jpg" alt="Replay : ils parlent de nous !" title="Replay : ils parlent de nous !">
</a>
<div>
<p class="actu-date">
19 janvier 2026 </p>
<h3 class="actu-titre"><a href="/actualites/replay-ils-parlent-de-nous-236.html" title="Replay : ils parlent de nous !">Replay : ils parlent de nous !</a></h3>
<div class="actu-text">Vous nous avez loupé au 19/20 de France 3 Alsace jeudi dernier ?
Pas de panique, le replay est juste ici. </div>
</div>
</div>
<div class="actu-plus">
<a class="btn btn-secondary" href="/actualites/replay-ils-parlent-de-nous-236.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-actu">
<div>
<a class="actu-img" href="/actualites/revue-de-presse-235.html" title="Revue de presse">
<img src="https://medias.upe-alsace.fr/medias/actualites/235.jpg" alt="Revue de presse" title="Revue de presse">
</a>
<div>
<p class="actu-date">
12 janvier 2026 </p>
<h3 class="actu-titre"><a href="/actualites/revue-de-presse-235.html" title="Revue de presse">Revue de presse</a></h3>
<div class="actu-text">Retrouvez l'UPE sur le site de France 3 Alsace ! </div>
</div>
</div>
<div class="actu-plus">
<a class="btn btn-secondary" href="/actualites/revue-de-presse-235.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-actu">
<div>
<a class="actu-img" href="/actualites/lupe-soutient-lassociation-shareami-229.html" title="L'UPE soutient l'association ShareAmi">
<img src="https://medias.upe-alsace.fr/medias/actualites/229.jpg" alt="L'UPE soutient l'association ShareAmi" title="L'UPE soutient l'association ShareAmi">
</a>
<div>
<p class="actu-date">
23 juin 2025 </p>
<h3 class="actu-titre"><a href="/actualites/lupe-soutient-lassociation-shareami-229.html" title="L'UPE soutient l'association ShareAmi">L'UPE soutient l'association ShareAmi</a></h3>
<div class="actu-text">L'Université Populaire Européenne vous invite à découvrir l'association ShareAmi.
Un projet humain et convivial qui met en relation des retraités avec de jeunes apprenants du français à travers le monde.</div>
</div>
</div>
<div class="actu-plus">
<a class="btn btn-secondary" href="/actualites/lupe-soutient-lassociation-shareami-229.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-actu">
<div>
<a class="actu-img" href="/actualites/horaires-du-secretariat-225.html" title="Horaires du secrétariat">
<img src="https://medias.upe-alsace.fr/medias/actualites/225.jpg" alt="Horaires du secrétariat" title="Horaires du secrétariat">
</a>
<div>
<p class="actu-date">
15 mai 2025 </p>
<h3 class="actu-titre"><a href="/actualites/horaires-du-secretariat-225.html" title="Horaires du secrétariat">Horaires du secrétariat</a></h3>
<div class="actu-text">Informations pratiques </div>
</div>
</div>
<div class="actu-plus">
<a class="btn btn-secondary" href="/actualites/horaires-du-secretariat-225.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-actu">
<div>
<a class="actu-img" href="/actualites/tarif-degressif-207.html" title="Tarif dégressif">
<img src="https://medias.upe-alsace.fr/medias/actualites/207.jpg" alt="Tarif dégressif" title="Tarif dégressif">
</a>
<div>
<p class="actu-date">
29 novembre 2023 - UPE </p>
<h3 class="actu-titre"><a href="/actualites/tarif-degressif-207.html" title="Tarif dégressif">Tarif dégressif</a></h3>
<div class="actu-text">Retrouvez-ici toutes les informations / bons plan de l'UPE ! </div>
</div>
</div>
<div class="actu-plus">
<a class="btn btn-secondary" href="/actualites/tarif-degressif-207.html" title="Lire l'article">Lire l'article</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="">
<div class="text-black w-full wrapper bg-primary-500 py-16 rounded-tr-[50px] -mt-12 flex flex-wrap items-start justify-between gap-y-12 gap-4">
<div class="">
<p class="antenne-nom font-heading font-bold mb-2">Strasbourg</p>
<div class="antenne-nom-adresse">
<p>1 Quai Koch</p>
<p>67000 Strasbourg</p>
<p><span >Tél. </span><a href="tel:+33388363210">+33 3 88 36 32 10</a></p>
<p><a href="mailto:strasbourg@upe-alsace.fr" title="strasbourg">strasbourg@upe-alsace.fr</a></p>
<div class="mt-3"><p>Le secrétariat de l'UPE vous accueille :</p>
<p>lundi et mercredi : 9h-12h30 / 14h-18h</p>
<p>mardi et jeudi : 13h30-18h</p>
<p>Vendredi : fermé (permanence mail uniquement)</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></div>
</div>
<div class="flex items-center gap-2 mt-4">
</div>
</div>
<div class="">
<p class="antenne-nom font-heading font-bold mb-2">Nord Alsace</p>
<div class="antenne-nom-adresse">
<p>6 place Robert Schuman</p>
<p>67500 Haguenau</p>
<p><a href="mailto:nordalsace@upe-alsace.fr" title="nord-alsace">nordalsace@upe-alsace.fr</a></p>
<div class="mt-3"><p>Jeudi 9h-12h</p></div>
</div>
</div>
<div>
<p class="font-heading font-bold mb-2">Infos pratiques</p>
<div class="flex flex-col gap-4">
<a href="/pages/rejoignez-nous-40.html" title="Rejoignez-nous">Rejoignez-nous</a>
<a href="/pages/faq-39.html" title="FAQ">FAQ</a>
<a href="#popup_newsletter" title="Newsletter">Newsletter</a>
</div>
</div>
<div>
<p class="font-heading font-bold mb-2">Nos activités</p>
<div class="grid grid-cols-2 gap-4">
<a href="/familles/langues-28.html" title="Langues">Langues</a>
<a href="/familles/culture-et-sciences-4.html" title="Culture et Sciences">Culture et Sciences</a>
<a href="/familles/arts-plastiques-et-numeriques-1.html" title="Arts plastiques et numériques">Arts plastiques et numériques</a>
<a href="/familles/nature-et-environnement-52.html" title="Nature et Environnement">Nature et Environnement</a>
<a href="/familles/activites-physiques-2.html" title="Activités physiques">Activités physiques</a>
<a href="/familles/activites-creatives-45.html" title="Activités créatives">Activités créatives</a>
<a href="/familles/bien-etre-19.html" title="Bien être">Bien être</a>
<a href="/familles/activites-pratiques-59.html" title="Activités pratiques">Activités pratiques</a>
</div>
</div>
</div>
<div class="text-white wrapper bg-secondary py-2 px-4 text-center flex flex-wrap items-center justify-center gap-1">
<a href="https://medias.upe-alsace.fr/medias/pdf/upe-conditions-generales-mises-a-jour-26072024.pdf" target="_blank">CGV</a> <span>-</span>
<a href="/pages/mentions-legales-9.html">Mentions légales</a> <span>-</span>
<a href="/pages/politique-de-confidentialite-10.html">Politique de confidentialité</a> <span>-</span>
<a href="/pages/gestion-des-cookies-28.html">Gestion des cookies</a><span>-</span>
<p>©2026 Université populaire européenne</p><span>-</span>
<a href="https://www.atiweb.fr" title="Atiweb" target="_blank">Réalisation <img src="https://www.atiweb.fr/medias/logos/atiweb-blanc.svg" class="object-contain h-4 inline -mt-1" loading="lazy" alt="Atiweb"></a>
</div>
</footer>
<section id="popup_newsletter" class="popup">
<div class="popup__content w-11/12 sm:w-4/5 lg:w-2/3">
<div class="popup_close"><a href="#"><img src="/global/img/icones/croix.svg" alt="" width="15" height="15"></a></div>
<form action="" id="form_popup_newsletter" class="min-w-[50%] min-h-[200px] mx-4 sm:mx-12 my-12 text-sm xxl:text-base form_default" method="post">
<input type="hidden" name="form_type" value="newsletter_inscription">
<input type="hidden" name="texte_consentement" value="J'accepte que mes données issues du formulaire soient transmises et utilisées pour répondre à ma demande.Vous pouvez retirer votre consentement à n'importe quel moment en envoyant un mail à info@upe-alsace.fr. Des informations détaillées concernant notre politique de confidentialité sont disponibles sur la page de Confidentialité des données.">
<input type="hidden" name="id_groupe" value="3">
<div class="titre_centre">
<p class="font-heading text-center font-bold text-2xl text-black">Inscription à la newsletter</p>
</div>
<div class="form_group form_group_double">
<input type="text" class="border w-[49%] !bg-white border-primary-500 rounded-xl py-3 px-4" id="nom" name="nom" value="" placeholder="Nom">
<input type="text" class="border w-[49%] !bg-white border-primary-500 rounded-xl py-3 px-4" id="prenom" name="prenom" value="" placeholder="Prénom">
</div>
<div class="form_group">
<input type="text" class="border border-primary-500 !bg-white rounded-xl py-3 px-4" id="email" name="email" value="" placeholder="Courriel" style="width:100%;" required>
</div>
<div class="form_group rgpd">
<input type="checkbox" name="consentement_stockage_donnees" id="consentement_stockage_donnees" value="1" placeholder="" required>
<label for="consentement_stockage_donnees">
<p>J'accepte que mes données issues du formulaire soient transmises et utilisées pour répondre à ma demande.<br />
<span style="font-size:11px;"><span style="color:#999999;">Vous pouvez retirer votre consentement à n'importe quel moment en envoyant un mail à </span><a href="mailto:info@upe-alsace.fr" title="info@upe-alsace.fr"><span style="color:#3498db;">info@upe-alsace.fr</span></a><span style="color:#999999;">. Des informations détaillées concernant notre politique de confidentialité sont disponibles sur la page de </span><a href="/pages/politique-de-confidentialite-10.html"><span style="color:#3498db;">Confidentialité des données</span></a><span style="color:#999999;">.</span></span></p> </label>
</div>
<div class="center">
<input type="submit" value="Je m'inscris" class="btn btn-primary !rounded-full !bg-primary !text-black">
</div>
</form>
</div>
</section><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Université Populaire Européenne de Strasbourg",
"image": "",
"@id": "",
"url": "https://www.upe-alsace.fr/",
"telephone": "",
"address": {
"@type": "PostalAddress",
"streetAddress": "1 Quai Koch",
"addressLocality": "Strasbourg",
"postalCode": "67000",
"addressCountry": "FR"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": 48.8091424,
"longitude": 7.7802945
}
}
</script>
</body>
</html>
