CINXE.COM
Page d'accueil | Visiter | Parlement europ茅en
<!DOCTYPE html> <html lang="fr"> <head><link rel="canonical" href="https://visiting.europarl.europa.eu/fr" /><link rel="alternate" hreflang="fr" href="https://visiting.europarl.europa.eu/fr" /> <link rel="alternate" hreflang="de" href="https://visiting.europarl.europa.eu/de" /> <link rel="alternate" hreflang="fi" href="https://visiting.europarl.europa.eu/fi" /> <link rel="alternate" hreflang="pt" href="https://visiting.europarl.europa.eu/pt" /> <link rel="alternate" hreflang="bg" href="https://visiting.europarl.europa.eu/bg" /> <link rel="alternate" hreflang="lt" href="https://visiting.europarl.europa.eu/lt" /> <link rel="alternate" hreflang="lv" href="https://visiting.europarl.europa.eu/lv" /> <link rel="alternate" hreflang="hr" href="https://visiting.europarl.europa.eu/hr" /> <link rel="alternate" hreflang="hu" href="https://visiting.europarl.europa.eu/hu" /> <link rel="alternate" hreflang="sk" href="https://visiting.europarl.europa.eu/sk" /> <link rel="alternate" hreflang="sl" href="https://visiting.europarl.europa.eu/sl" /> <link rel="alternate" hreflang="ga" href="https://visiting.europarl.europa.eu/ga" /> <link rel="alternate" hreflang="sv" href="https://visiting.europarl.europa.eu/sv" /> <link rel="alternate" hreflang="mt" href="https://visiting.europarl.europa.eu/mt" /> <link rel="alternate" hreflang="el" href="https://visiting.europarl.europa.eu/el" /> <link rel="alternate" hreflang="en" href="https://visiting.europarl.europa.eu/en" /> <link rel="alternate" hreflang="it" href="https://visiting.europarl.europa.eu/it" /> <link rel="alternate" hreflang="es" href="https://visiting.europarl.europa.eu/es" /> <link rel="alternate" hreflang="et" href="https://visiting.europarl.europa.eu/et" /> <link rel="alternate" hreflang="cs" href="https://visiting.europarl.europa.eu/cs" /> <link rel="alternate" hreflang="pl" href="https://visiting.europarl.europa.eu/pl" /> <link rel="alternate" hreflang="da" href="https://visiting.europarl.europa.eu/da" /> <link rel="alternate" hreflang="ro" href="https://visiting.europarl.europa.eu/ro" /> <link rel="alternate" hreflang="nl" href="https://visiting.europarl.europa.eu/nl" /> <title>Page d'accueil | Visiter | Parlement europ茅en</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" type="image/vnd.microsoft.icon" href="/modules/multiapp-templates/img/favicons/favicon.ico"/> <meta name="robots" content="index, follow, noodp, noydir, notranslate, noarchive" /> <meta name="description" content="Visitez l鈥檌nstitution de l鈥橴E qui repr茅sente les citoyens europ茅ens. Le Parlement accueille les groupes et les particuliers 脿 Bruxelles, Strasbourg et Luxembourg." /> <meta itemprop="name" content="Page d'accueil | Visiter | Parlement europ茅en" /> <meta itemprop="description" content="Visitez l鈥檌nstitution de l鈥橴E qui repr茅sente les citoyens europ茅ens. Le Parlement accueille les groupes et les particuliers 脿 Bruxelles, Strasbourg et Luxembourg." /> <meta property="og:title" content="Page d'accueil | Visiter | Parlement europ茅en" /> <meta property="og:url" content="https://visiting.europarl.europa.eu/fr" /> <meta property="og:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_facebook.jpg" /> <meta property="og:site_name" content="European Parliament" /> <meta property="og:type" content="government" /> <meta property="og:description" content="Visitez l鈥檌nstitution de l鈥橴E qui repr茅sente les citoyens europ茅ens. Le Parlement accueille les groupes et les particuliers 脿 Bruxelles, Strasbourg et Luxembourg." /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="Page d'accueil | Visiter | Parlement europ茅en" /> <meta property="twitter:image" content="https://www.europarl.europa.eu/website/common/img/icon/sharelogo_twitter.jpg" /> <meta property="twitter:site" content="Europarl_EN" /> <meta property="twitter:creator" content="Europarl_EN" /> <meta property="twitter:description" content="Visitez l鈥檌nstitution de l鈥橴E qui repr茅sente les citoyens europ茅ens. Le Parlement accueille les groupes et les particuliers 脿 Bruxelles, Strasbourg et Luxembourg." /> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <script type="text/JavaScript" defer data-tracker-name="ATInternet" data-value="//www.europarl.europa.eu/website/webanalytics/ati-visiting.js" src="//www.europarl.europa.eu/website/privacy-policy/privacy-policy.js"></script> <script type="application/json" id="jahia-data-ctx">{"contextPath":"","lang":"fr","uilang":"fr","siteUuid":"ba2c8414-8252-4558-a458-88d2b00a87af","wcag":false,"ckeCfg":""}</script> <script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"fr_FR"}</script> <script src="/javascript/initJahiaContext.js"></script> <link id="staticAssetCSS0" rel="stylesheet" href="/generated-resources/4f542b25abd35b77593a14ded7a1ec.min.css" media="screen" type="text/css"/> <script id="staticAssetJavascript0" src="/generated-resources/b5d49ca1c5d4a587ce81c6f4a8a6c383.min.js" ></script> <noscript> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/style-nojs.min.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/header-ep-nojs.css"/> <link rel="stylesheet" type="text/css" href="/modules/multiapp-templates/css/components-ep-nojs.css"/> </noscript> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <script type="application/json" id="jahia-data-aggregatedjs">{"scripts":["/modules/multiapp-templates/javascript/jquery-3.6.0.min.js","/modules/multiapp-templates/javascript/behaviour.js","/modules/multiapp-templates/javascript/bootstrap_carousel.js","/modules/multiapp-templates/javascript/ol.js","/modules/multiapp-templates/javascript/pollyfils.js","/modules/multiapp-templates/javascript/nouislider.js","/modules/multiapp-templates/javascript/datepickerCGI.js","/modules/multiapp-templates/javascript/jquery-ui.min.js","/modules/multiapp-templates/javascript/bundle.js","/modules/multiapp-templates/javascript/js/script.js","/modules/multiapp-templates/javascript/utils/dom.js","/modules/multiapp-templates/javascript/utils/date-time.js","/modules/multiapp-templates/javascript/utils/ajax.js","/modules/multiapp-templates/javascript/utils/global-helper.js","/modules/multiapp-templates/javascript/utils/tabs.js","/modules/multiapp-templates/javascript/utils/clipboard.js","/modules/multiapp-components/javascript/components/mant_header/header.js","/modules/multiapp-components/javascript/components/mant_visitingSearch/visitingSearch.js"]}</script> <script type="text/javascript" src="/modules/CsrfServlet"></script> </head> <body lang="fr" class="homepage"> <!-- STYLES ET SCRIPTS GENERIQUES --> <!-- add css --> <!-- add JS --> <input type="hidden" id="webanalytic-id_chapters" value="homepage"/> <input type="hidden" id="webanalytic-id_pages" value="homepage_visiting"/> <input type="hidden" id="webanalytic-id_sub-chapters" value=""/> <input type="hidden" id="webanalytic-id_sub-sub-chapters" value=""/> <div id="website" class="home"> <!-- ### START mant:header.default ### --><div id="website-header" class="ep-header"> <!-- ### START mant:waiShortcut.default ### --><!-- "WAI SHORTCUTS" Component This should be on aopt of the header This is a nav used for keyboard navigation only --> <nav class="wai-shortcut" aria-label="Sauter les liens de navigation"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Acc茅der au contenu de la page (appuyez sur la touche 芦Entr茅e禄)</span></a></li> <li><a href="#language-select"><span class="label">Acc猫s direct 脿 la liste des langues (appuyez sur la touche 芦Entr茅e禄)</span></a></li> <li><a href="#search-field"><span class="label">Acc猫s direct au menu de recherche (appuyez sur la touche 芦Entr茅e禄)</span></a></li> </ul> </nav> <!-- ### END mant:waiShortcut.default ### --><!-- ### START mant:toolbarTop.default ### --><!-- COMPOSANT "TOOLBAR TOP" --> <div class="toolbar toolbar_top"> <div class="toolbar-grid m-column no-padding-m"> <!-- test --> <!-- test --> <!-- ### START mant:languageSwitcher.header ### --><div class="dropdown-lang" id="language-select"> <!-- Select language no js --> <noscript> <div class="dropdown"> <div class="dropdown-lang no-js"> <div class="wrapper-dropdown-lang"> <form action="/fr/homepage/Header/header/toolbartop/languageswitcher.ChangeLanguage.do" method="post"> <input name="page" type="hidden" value="/cms/render/live/fr/sites/visiting/homepage.default.html"/> <input name="baseUrl" type="hidden" value="/cms/render/live/fr"/> <div class="select"> <label for="change_language_nojs" class="sr-only">Change the navigation language</label> <select id="change_language_nojs" name="url" required> <option lang="bg" value="/bg">BG - 斜褗谢谐邪褉褋泻懈</option> <option lang="cs" value="/cs">CS - 膷e拧tina</option> <option lang="da" value="/da">DA - dansk</option> <option lang="de" value="/de">DE - Deutsch</option> <option lang="el" value="/el">EL - 蔚位位畏谓喂魏维</option> <option lang="en" value="/en">EN - English</option> <option lang="es" value="/es">ES - espa帽ol</option> <option lang="et" value="/et">ET - eesti keel</option> <option lang="fi" value="/fi">FI - suomi</option> <option lang="fr" value="/fr" selected="selected">FR - fran莽ais</option> <option lang="ga" value="/ga">GA - Gaeilge</option> <option lang="hr" value="/hr">HR - hrvatski</option> <option lang="hu" value="/hu">HU - magyar</option> <option lang="it" value="/it">IT - italiano</option> <option lang="lt" value="/lt">LT - lietuvi懦 kalba</option> <option lang="lv" value="/lv">LV - latvie拧u valoda</option> <option lang="mt" value="/mt">MT - Malti</option> <option lang="nl" value="/nl">NL - Nederlands</option> <option lang="pl" value="/pl">PL - polski</option> <option lang="pt" value="/pt">PT - portugu锚s</option> <option lang="ro" value="/ro">RO - rom芒n膬</option> <option lang="sk" value="/sk">SK - sloven膷ina</option> <option lang="sl" value="/sl">SL - sloven拧膷ina</option> <option lang="sv" value="/sv">SV - svenska</option> </select> </div> <button type="submit" class="btn">Changer la langue</button> </form> </div> </div> </div> </noscript> <!-- End Select language no js --> <!--<nav class="custom-select dropdown" aria-label="Change the navigation language">--> <nav class="custom-select dropdown" aria-label="Change the navigation language"> <button id="dropdown" class="btn lang_select" type="submit" aria-haspopup="true" aria-expanded="false" > FR - fran莽ais</button> <ul class="no-display menu-content" tabindex="-1"> <li> <a href="/bg" hreflang="bg" lang="bg"> <span class="wrapper-label"> <span class="label">BG - 斜褗谢谐邪褉褋泻懈</span> </span> </a> </li> <li> <a href="/cs" hreflang="cs" lang="cs"> <span class="wrapper-label"> <span class="label">CS - 膷e拧tina</span> </span> </a> </li> <li> <a href="/da" hreflang="da" lang="da"> <span class="wrapper-label"> <span class="label">DA - dansk</span> </span> </a> </li> <li> <a href="/de" hreflang="de" lang="de"> <span class="wrapper-label"> <span class="label">DE - Deutsch</span> </span> </a> </li> <li> <a href="/el" hreflang="el" lang="el"> <span class="wrapper-label"> <span class="label">EL - 蔚位位畏谓喂魏维</span> </span> </a> </li> <li> <a href="/en" hreflang="en" lang="en"> <span class="wrapper-label"> <span class="label">EN - English</span> </span> </a> </li> <li> <a href="/es" hreflang="es" lang="es"> <span class="wrapper-label"> <span class="label">ES - espa帽ol</span> </span> </a> </li> <li> <a href="/et" hreflang="et" lang="et"> <span class="wrapper-label"> <span class="label">ET - eesti keel</span> </span> </a> </li> <li> <a href="/fi" hreflang="fi" lang="fi"> <span class="wrapper-label"> <span class="label">FI - suomi</span> </span> </a> </li> <li class="current" aria-current="true"> <a href="" hreflang="fr" lang="fr"> <span class="wrapper-label"> <span class="label">FR - fran莽ais</span> </span> </a> </li> <li> <a href="/ga" hreflang="ga" lang="ga"> <span class="wrapper-label"> <span class="label">GA - Gaeilge</span> </span> </a> </li> <li> <a href="/hr" hreflang="hr" lang="hr"> <span class="wrapper-label"> <span class="label">HR - hrvatski</span> </span> </a> </li> <li> <a href="/hu" hreflang="hu" lang="hu"> <span class="wrapper-label"> <span class="label">HU - magyar</span> </span> </a> </li> <li> <a href="/it" hreflang="it" lang="it"> <span class="wrapper-label"> <span class="label">IT - italiano</span> </span> </a> </li> <li> <a href="/lt" hreflang="lt" lang="lt"> <span class="wrapper-label"> <span class="label">LT - lietuvi懦 kalba</span> </span> </a> </li> <li> <a href="/lv" hreflang="lv" lang="lv"> <span class="wrapper-label"> <span class="label">LV - latvie拧u valoda</span> </span> </a> </li> <li> <a href="/mt" hreflang="mt" lang="mt"> <span class="wrapper-label"> <span class="label">MT - Malti</span> </span> </a> </li> <li> <a href="/nl" hreflang="nl" lang="nl"> <span class="wrapper-label"> <span class="label">NL - Nederlands</span> </span> </a> </li> <li> <a href="/pl" hreflang="pl" lang="pl"> <span class="wrapper-label"> <span class="label">PL - polski</span> </span> </a> </li> <li> <a href="/pt" hreflang="pt" lang="pt"> <span class="wrapper-label"> <span class="label">PT - portugu锚s</span> </span> </a> </li> <li> <a href="/ro" hreflang="ro" lang="ro"> <span class="wrapper-label"> <span class="label">RO - rom芒n膬</span> </span> </a> </li> <li> <a href="/sk" hreflang="sk" lang="sk"> <span class="wrapper-label"> <span class="label">SK - sloven膷ina</span> </span> </a> </li> <li> <a href="/sl" hreflang="sl" lang="sl"> <span class="wrapper-label"> <span class="label">SL - sloven拧膷ina</span> </span> </a> </li> <li> <a href="/sv" hreflang="sv" lang="sv"> <span class="wrapper-label"> <span class="label">SV - svenska</span> </span> </a> </li> </ul> </nav> </div> <!-- ### END mant:languageSwitcher.header ### --><!-- ### START mant:linkList.header ### --><!-- COMPOSANT "OTHER WEBSITES" --> <nav class="navigation-menu nav-top" aria-label="external links navigation"> <div class="menu-container"> <div class="focusable"> <a role="button" class="btn-open-menu" aria-labelledby="other-website-menu" aria-haspopup="true" aria-expanded="false" tabindex="0">Voir autres sites</a> <ul id="other-website-menu" class="menu-level-0" aria-label="View menu"> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/news/fr" tabindex="0"> <span class="content"> <span class="label">Actualit茅</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/topics/fr/" tabindex="0"> <span class="content"> <span class="label">Th猫mes</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/meps/fr/home" tabindex="0"> <span class="content"> <span class="label">D茅put茅s</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/aboutparliament/fr" tabindex="0"> <span class="content"> <span class="label">脌 propos du Parlement</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/plenary/fr" tabindex="0"> <span class="content"> <span class="label">Pl茅ni猫re</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/committees/fr" tabindex="0"> <span class="content"> <span class="label">Commissions</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 nopadding-right"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/delegations/fr" tabindex="0"> <span class="content"> <span class="label">D茅l茅gations</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://elections.europa.eu/fr/" tabindex="0"> <span class="content"> <span class="label">脡lections</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0 has-menu-dropdown" style="user-select: none; -webkit-user-select: none;"> <a class="icon-arrow-dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="0"> <span class="content"> <span class="label">Autres sites web</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://multimedia.europarl.europa.eu/en/home" tabindex="0"> <span class="content"> <span class="label">Multimedia Centre</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-president.europarl.europa.eu/fr" tabindex="0"> <span class="content"> <span class="label">Le site du Pr茅sident</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:internalLink.ParlHead ### --><a href="https://the-secretary-general.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Secr茅tariat g茅n茅ral</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/thinktank/en/home.html" tabindex="0"> <span class="content"> <span class="label">Think tank</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.epnewshub.eu/" tabindex="0"> <span class="content"> <span class="label">EP Newshub</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/atyourservice/fr" tabindex="0"> <span class="content"> <span class="label">脌 votre service</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/visiting/fr/" tabindex="0"> <span class="content"> <span class="label">Visites</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/legislative-train/" tabindex="0"> <span class="content"> <span class="label">Legislative train</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/contracts-and-grants/fr" tabindex="0"> <span class="content"> <span class="label">March茅s et subventions</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/RegistreWeb/home/welcome.htm?language=FR" tabindex="0"> <span class="content"> <span class="label">Registre</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://data.europarl.europa.eu/fr/home" tabindex="0"> <span class="content"> <span class="label">Portail des donn茅es ouvertes</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://liaison-offices.europarl.europa.eu/fr" tabindex="0"> <span class="content"> <span class="label">Bureaux de liaison</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> </ul> </li> </ul> </div> </div> </nav> <!-- ### END mant:linkList.header ### --></div> </div> <!-- ### END mant:toolbarTop.default ### --><!-- ### START mant:banner.default ### --><!-- COMPOSANT "BANNER" --> <header class="header"> <div class="header-wrapper no-padding"> <div class="grid"> <span class="title-wrapper"> <a href="/fr" class="title"> <span class="labeltxt">Visiter</span> </a> <a href="https://www.europarl.europa.eu/portal/fr" class="subtitle"> <span class="labeltxt">Parlement Europ茅en</span> <span class="logo"></span> </a> </span> </div> </div> </header> <!-- ### END mant:banner.default ### --><!-- ### START mant:toolbarBottom.default ### --><!-- COMPOSANT "TOOLBAR BOTTOM" --> <div class="toolbar toolbar_bottom sticky"> <div class="toolbar-grid no-padding flex-end"> <!-- COMPOSANT "NAV MENU" navMenu.groovy --> <nav class="navigation-menu nav-main" aria-label="Main navigation"> <div class="menu-container"> <a href="#" class="menu-icon" tabindex="0"> <span class="label">Menu</span> <span class="nav-icon"></span> </a> <ul class="menu-level-0"><li class="level-0 current "><a class="link-level-0" aria-current="true" href="/fr" target="_self"><span class="content"><span class="label">Page d'accueil</span><span class="current-element"></span></span></a></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Offre visiteurs</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/fr/visitor-offer" target="_self"><span class="content"><span class="label">Tout afficher</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Bruxelles</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fr/visitor-offer/brussels/parlamentarium" target="_self"><span class="content"><span class="label">Parlamentarium</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/brussels/hemicycle" target="_self"><span class="content"><span class="label">L鈥檋茅micycle du Parlement europ茅en</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/brussels/house-of-european-history" target="_self"><span class="content"><span class="label">Maison de l鈥檋istoire europ茅enne</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/brussels/info-hub" target="_self"><span class="content"><span class="label">Info Hub</span></span></a></li></ul></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Strasbourg</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fr/visitor-offer/strasbourg/hemicycle" target="_self"><span class="content"><span class="label">Le Parlement europ茅en 脿 Strasbourg</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/strasbourg/parlamentarium-simone-veil" target="_self"><span class="content"><span class="label">Le Parlamentarium Simone Veil</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/strasbourg/events-and-exhibitions" target="_self"><span class="content"><span class="label">脡v茅nements et expositions 脿 Strasbourg</span></span></a></li></ul></li><li class="level-1 "><a href="/fr/visitor-offer/other-locations/europa-experience/luxembourg" target="_self"><span class="content"><span class="label">Luxembourg</span></span></a></li><li class="level-1 has-menu-dropdown"><a class=" icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">Autres lieux</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/fr/homepage/pageContent-area/offer/europa-experience.html" target="_self"><span class="content"><span class="label">Europa Experience</span></span></a></li><li class="level-2 "><a href="/fr/visitor-offer/other-locations/jean-monnet-house" target="_self"><span class="content"><span class="label">Maison Jean Monnet</span></span></a></li></ul></li></ul></li><li class="level-0 has-menu-dropdown"><a class="icon-arrow-dropdown" role="button" aria-haspopup="true" tabindex="0"><span class="content"><span class="label">脡ducation et apprentissage</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/fr/education-learning" target="_self"><span class="content"><span class="label">Tout afficher</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fr/education-learning?location=Brussels" target="_self"><span class="content"><span class="label">Bruxelles</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fr/education-learning?location=Strasbourg" target="_self"><span class="content"><span class="label">Strasbourg</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fr/education-learning?location=Luxembourg" target="_self"><span class="content"><span class="label">Luxembourg</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/fr/education-learning?location=Other" target="_self"><span class="content"><span class="label">Autres lieux</span></span></a></li></ul></li><li class="level-0 "><a class="link-level-0" href="/fr/online-activities" title="D茅couvrez les jeux, ressources p茅dagogiques et activit茅s interactives disponibles en ligne pour vous aider 脿 mieux comprendre le Parlement europ茅en et ce qu鈥檌l fait pour vous."><span class="content"><span class="label">Activit茅s en ligne</span><span class="current-element"></span></span></a></li></ul> </div> </nav><!-- ### START mant:titleSticky.header ### --><!-- This title is only shown on the toolbar when in sticky mode --> <span class="title-toolbar" aria-hidden="true"><span class="label">Parlement europ茅en</span></span> <!-- ### END mant:titleSticky.header ### --></div> </div> <!-- ### END mant:toolbarBottom.default ### --></div> <!-- ### END mant:header.default ### --><main id="website-body" role="main" > <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header ep_hidden"> <div class="ep_gridcolumn-content"> <h1 class="ep-a_heading ep-layout_level3"> <span class="ep_title"> <span class="ep-p_text"><span class="ep_name">Page d'accueil</span><span class="ep_icon"> </span></span> </span> </h1> </div> </div> </div> </div> <!-- ### START mant:visitingSearch.home ### --> <div class="visitSearch visitingSearch" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg); background-position: center;"> <div class="ep_gridrow" style="letter-spacing: initial; height:100%;"> <div id="searchLanguage" style="position: absolute; margin-top: 355px; margin-left: 2%;"> <div class="white languageBubble lsn" style="position: relative;"> <div class="bubbleContent">24</div> <i class="fas fa-flip-horizontal fa-comment-alt"></i> <span style=" position: absolute; top: 7px; left: 50px;">langues</span> </div> </div> <div class="ep_gridrow-content"> <div id="visitingSearchTitle" class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div id="computerSearchTitle" class="ep_gridcolumn-content white" style="padding-top: 16%;"> <div style="width: 100%; display: inline-flex;"> <div style="width: 60%;"> <div style="font-size: 4.5em; color: rgb(80,160,216);">Captivating</div> <div class="white" style="font-size: 3em; margin-left: 6%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> </div> <div style="width: 40%; align-self: center;padding-left: 4%;"> <span style="color: rgb(80,160,216); font-size: 1.4em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;"> VISITER<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JOUER<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APPRENDRE</span> </div> </div> <div class="white" style="padding-top:4%; font-size: 4.5em; margin-left: 8%;"> for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 4.5em; margin-left: 14%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="tabletSearchTitle" class="ep_gridcolumn-content white"> <div style="align-self: center; margin-top: 6%; margin-left: 17%;"> <span style="color: rgb(80,160,216); font-size: 1.2em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VISITER<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JOUER<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APPRENDRE</span> </div> <div style="font-size: 4.5em; color: rgb(80,160,216); margin-top: 7%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 3em; margin-left: 8%;"> and <span style="color: rgb(80,160,216); font-size: 1.6em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 4.3em; margin-top: 8%; margin-left: 2%;">for everyone<span style="color: rgb(80,160,216);">,</span> </div> <div class="white" style="font-size: 3.8em; margin-left: 8%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> <div id="phoneSearchTitle" class="ep_gridcolumn-content white"> <div style="display: flex; justify-content: center; margin-top: 6%;"> <span style="color: rgb(80,160,216); font-size: 1em; font-weight: bolder; font-family: Helvetica,Arial,sans-serif;">VISITER<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> JOUER<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> APPRENDRE</span> </div> <div style="font-size: 3.8em; color: rgb(80,160,216); margin-top: 5%; margin-left: 2%;"> Captivating</div> <div class="white" style="font-size: 2.8em; margin-left: 12%;"> and <span style="color: rgb(80,160,216); font-size: 1.3em;">diverse </span> visits</div> <div class="white" style="padding-top:2%; font-size: 3.2em; margin-top: 4%; margin-left: 7%;">for everyone<span style="color: rgb(80,160,216);">,</span></div> <div class="white" style="font-size: 3em; margin-left: 17%;"> all<span style="color: rgb(80,160,216); font-size: 0.6em;"> for</span> free</div> </div> </div> <div class="ep_gridcolumn searchInputs" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="padding-top: 8%;"> <div id="formVisitingSearch" class="ep_gridcolumn-content"> <div class="ep-a_field"> <label for="offerFilter_location" class="ep_hidden"> <span class="ep_name">Select a location</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_location"></span> <select data-selectconverted="true" class="ep_field" name="location" id="offerFilter_location" aria-label="Location selection" title="Choisir une ville"> <option value="" disabled="disabled" selected="selected">Choisir une ville</option> <option value="Brussels">Bruxelles</option> <option value="Strasbourg">Strasbourg</option> <option value="Luxembourg">Luxembourg</option> <option value="Other">Autres lieux</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div class="ep-a_field"> <label for="offerFilter_type" class="ep_hidden"> <span class="ep_name">Define size and type</span> </label> <div class="ep-p_select"> <div class="ep_select ep_field-native"> <span class="ep_icon ep_user"></span> <select data-selectconverted="true" class="ep_field" name="type" id="offerFilter_type" aria-label="D茅finir le type de visite" title="D茅finir le type de visite"> <option value="" disabled="disabled" selected="selected">D茅finir le type de visite</option> <option value="individual">Visite individuelle </option> <option value="family">Visite en famille</option> <option value="groups">Visite de groupe (>聽10 personnes)</option> <option value="school">Visite scolaire</option> </select> <span class="ep_icon-arrow"></span> </div> </div> </div> <div id="datepicker"></div> <button class="ep_button button_validation" type="button" id="submitSearch"> <span class="ep_name">Recherchez une offre</span> </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(() => { dom.setJspInput('visiting-search-component-data', { schoolListPageUrl: '/fr/education-learning', generalListPageUrl: '/fr/visitor-offer', specificDatesUrl: '/fr/homepage/pageContent-area/visiting-home-header.Calendar.do', labels: { placeholder: 'Date', confirmTheDate: 'Confirmer la date', days: ['Semaine', 'L', 'M', 'Me', 'J', 'V', 'S', 'D'], actions: ['Aujourd鈥檋ui', 'Demain', 'Cette semaine', 'Les deux prochaines semaines', 'Les deux prochains mois', 'Le mois prochain'], tags: ['Session pl茅ni猫re 脿 Strasbourg', 'Session pl茅ni猫re 脿 Bruxelles', 'Pas de visite possible'], months: ['Janvier', 'F茅vrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Ao没t', 'Septembre', 'Octobre', 'Novembre', 'D茅cembre'], }, }); }); </script> <!-- ### END mant:visitingSearch.home ### --><!-- ### START mant:offerCreation.home ### --><!-- ### END mant:offerCreation.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>Offre visiteurs</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/visitor-offer/strasbourg/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #223065;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png alt="" srcset=" /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 320w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 640w, /files/live/sites/visiting/files/Images/Header/final/the-european-parliament-in-strasbourg-thumbnail.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Le Parlement europ茅en 脿 Strasbourg</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Strasbourg</div> <div class="location" style="color: #223065">Parlement europ茅en</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/visitor-offer/brussels/hemicycle" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #215895;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Hemicycle_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>L鈥檋茅micycle du Parlement europ茅en</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruxelles</div> <div class="location" style="color: #215895">H茅micycle</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/visitor-offer/brussels/parlamentarium" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #257725;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Parlamentarium_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Parlamentarium</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruxelles</div> <div class="location" style="color: #257725">Parlamentarium</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/visitor-offer/brussels/house-of-european-history" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Maison de l鈥檋istoire europ茅enne</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruxelles</div> <div class="location" style="color: #CF4321">Maison de l鈥檋istoire europ茅enne</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/visitor-offer/other-locations/jean-monnet-house" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 320w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 640w, /files/live/sites/visiting/files/Images/EP%20Strasbourg/Jean_Monnet_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Maison Jean Monnet</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Autres lieux</div> <div class="location" style="color: #953984">Maison Jean Monnet</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/homepage/pageContent-area/offer/europa-experience.html" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #953984;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Visitor%20Offer/EU%20EXP/Europa_Experience_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Europa Experience</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Autres lieux</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll77cb3b1f2ad54ca1937407e1d5745c1d"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn" class="ep-p_text" href="/fr/visitor-offer"> <span class="sr-only">Offre visiteurs</span> <span class="ep_name"> Tout afficher</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fr/homepage/pageContent-area/visitor-offer.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll77cb3b1f2ad54ca1937407e1d5745c1d").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>脡ducation et apprentissage</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3" class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://digital-journey.europarl.europa.eu/#/fr/" class="flip-card-inner" target="_blank"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Digital%20Journey/Digital_journey_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Voyage Virtuel</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> En ligne</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="https://historia.europa.eu/fr/apprentissage#paragraph-enseignants" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #CF4321;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 320w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 640w, /files/live/sites/visiting/files/Images/Digital/HEH/educators_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Enseignants</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Bruxelles</div> <div class="location" style="color: #CF4321">Maison de l鈥檋istoire europ茅enne</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn-content" style="margin-bottom: 30px; padding: 0 10px;"> <div class="ep_flip-card"> <a href="/fr/education-learning/role-play-game" class="flip-card-inner" target="_self"> <div> <div class="flip-card-front" style="background-color: #008298;"> <div class="flip-card-picture"> <figure> <img src=/files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg alt="" srcset=" /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Digital/Role%20Play%20Game/Role_play_game_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="flip-card-body"> <h2 class="flip-card-title"> <span>Jeu de r么le</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Autres lieux</div> </div> </div> </div> </div> </a> </div> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAllbcf27b529f7845bda895d6ef3797cfa3"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn" class="ep-p_text" href="/fr/education-learning"> <span class="sr-only">脡ducation et apprentissage</span> <span class="ep_name"> Tout afficher</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fr/homepage/pageContent-area/education-and-learning.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-bcf27b52-9f78-45bd-a895-d6ef3797cfa3").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAllbcf27b529f7845bda895d6ef3797cfa3").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '3'){ data.splice(0, '3'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><style> #website-body .ep-flip-card a:hover .ep-p_text .ep_name, #website-body .ep-flip-card a:focus .ep-p_text .ep_name{ color: #fff; transform: none; outline: none; } #website-body button.reverse { background-color: white; color: #223065; padding: 15px 30px; letter-spacing: normal; margin-top: 6%; margin-bottom: 6%; width: fit-content; white-space: initial; cursor: pointer; font-size: 1.5em; font-weight: 600; transition: background-color .3s ease-in-out; } #website-body button.reverse:hover, #website-body button.reverse:focus{ background-color: #000; color: #fff !important; } #website-body button.reverse:focus .ep_name, #website-body button.reverse:focus .ep_name { color: #fff; } #website-body button.reverse:focus { outline: 3px dotted #fff; } .footerOfferSelect{ display: flex; box-sizing: border-box; margin-top: auto; } .footerOfferSelect > div{ margin-top:3px; } .footerOfferSelect > div .fas, .footerOfferSelect > div .far{ margin-right: 5px; font-size: .9rem; } .footerOfferSelect > div .card-back-information{ margin-top:0; font-size: .8rem; } </style> <!-- ### START mant:permanentOfferList.home ### --><div class="ep_gridrow permanentOfferList" style="margin-top: 40px;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="display: flex"> <div class="ep-a_heading ep-layout_level2"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name sansSerif"> <strong>脡v茅nements et expositions</strong></span></div> </h2> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow" > <div id="data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97" class="ep_gridrow-content"> <!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fr/brussels/events/looting-art-history" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/HEH/heh_art_looting_debate_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong> 脿 <strong> <time datetime="20:30">20:30</time> </strong></span> <span> <strong> <time datetime="2024-12-04">04-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>Le pillage de l鈥檃rt 脿 travers l鈥檋istoire</span> </h2> <p> <p style="text-align: justify;">Rejoignez-nous à la Maison de l'Histoire Européenne et participez à une table ronde sur le pillage de l’art en temps de guerre, une pratique répandue pendant la guerre de Trente Ans et récemment popularisée dans le film « The Monuments Men ».</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Maison de l鈥檋istoire europ茅enne</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fr/strasbourg/exhibition/bold-voices-new-acquisitions-of-works-of-art" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 320w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 640w, /files/live/sites/visiting/files/Images/Exhibitions/Bold_Voices_exhibit_Strasbourg.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #223065;"> <span> <strong> <time datetime="9:00">9:00</time> </strong> 脿 <strong> <time datetime="17:00">17:00</time> </strong></span> <span> <strong> <time datetime="2024-10-25">25-10-2024</time> </strong> 脿 <strong> <time datetime="2025-02-11">11-02-2025</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>芦 Des voix audacieuses 禄 : nouvelles acquisitions d'艙uvres d鈥檃rt </span> </h2> <p> <p style="text-align: justify;">Une nouvelle exposition « Des voix audacieuses » sera installée dans le circuit des visiteurs du Parlement européen à Strasbourg. Elle présente de nouvelles acquisitions de la collection d’art contemporain du Parlement européen et enrichit l'offre culturelle proposée aux visiteurs.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Strasbourg</div> <div class="locate">Parlement europ茅en</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fr/brussels/events/thirty-years-war-european-film" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/HEH/heh_movie_screenings_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="19:00">19:00</time> </strong> 脿 <strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-11-13">13-11-2024</time> </strong> 脿 <strong> <time datetime="2024-11-27">27-11-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>La guerre de Trente Ans dans le cin茅ma europ茅en</span> </h2> <p> <p style="text-align: justify;">Ce mois-ci, la Maison de l'Histoire Européenne présentera trois projections de films célèbres qui représentent et réinterprètent la Guerre de Trente Ans. Les films seront présentés par le curateur de films Wouter Hessels et seront précédés d'une visite de l'exposition.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Maison de l鈥檋istoire europ茅enne</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fr/brussels/info-hub/european-parliament-tuesday-concerts" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 320w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 640w, /files/live/sites/visiting/files/Images/Events/info_hub/autumn_winter_concerts_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="13:00">13:00</time> </strong> </span> <span> <strong> <time datetime="2024-11-05">05-11-2024</time> </strong> 脿 <strong> <time datetime="2024-12-17">17-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Les concerts du mardi au Parlement europ茅en </span> </h2> <p> <p style="text-align: justify;">Faites une pause et laissez-vous bercer par les concerts à l’Info Hub lors de votre pause déjeuner !</p> <p style="text-align: justify;"> </p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="/fr/visitor-offer/brussels/lunchtime-tours-every-tuesday" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg" alt="" srcset=" /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 320w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 640w, /files/live/sites/visiting/files/Images/Events/HEH/lunch_tours_thumb.jpg 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #CF4321;"> <span> <strong> <time datetime="12:15">12:15</time> </strong> 脿 <strong> <time datetime="13:00">13:00</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong> 脿 <strong> <time datetime="2024-12-31">31-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Visite guid茅e tous les mardis midi</span> </h2> <p> <p style="text-align: justify;">En décembre, visites guidées de midi quinze – <strong>« La plus belle période de l'année »</strong></p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Maison de l鈥檋istoire europ茅enne</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --><!-- ### START mant:offer.default ### --><div class="ep_gridcolumn equalHM eq" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4" data-view1200="12" data-view1020="12" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <a href="http://info-hub.booking.europarl.europa.eu/events/lux-audience-award-julie-keeps-quiet-by-l-van-dijl-watchrate-6qMuRK3pxlA" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png" alt="" srcset=" /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 320w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 640w, /files/live/sites/visiting/files/Images/EP%20Brussels/Info%20Hub/lux_award_julie_keeps_quiet_thumb.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> <strong> <time datetime="18:30">18:30</time> </strong> 脿 <strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-12-03">03-12-2024</time> </strong> </span> </div> <div class="content"> <h2 class="title"> <span>Projection du Prix LUX du public - 芦 Julie Keeps Quiet 禄</span> </h2> <p> <p style="text-align: justify;">Assistez au film belgo-suédois « Julie Keeps Quiet ».</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Info Hub</div> </div> </div> </a> </div> <!-- ### END mant:offer.default ### --></div> </div> </div> </div> </div> <div class="ep_gridrow" id="viawAll6e8eb322db4a4ada82c968a4a8b84b97"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_footer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_loadmore"> <div class="ep_button visitingButton"> <a id="offer-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn" class="ep-p_text" href="/fr/visitor-offer"> <span class="sr-only">脡v茅nements et expositions</span> <span class="ep_name"> Tout afficher</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/fr/homepage/pageContent-area/events-and-exhibitions.loadMoreArticles.do', data: map, dataType: "json", success: function(data) { spliceExistingItems(data.articles); data.articles.forEach(function(item){ $.ajax(item["url"]+'.ajax').done(function(value){ $("#data-6e8eb322-db4a-4ada-82c9-68a4a8b84b97").append( '<div class="ep_gridcolumn" data-view1200="4" data-view1020="4"' +'data-view750="6" data-view640="8" data-view480="8" data-view320="4">'+value+'</div>'); }); }); $("#viawAll6e8eb322db4a4ada82c968a4a8b84b97").hide(); } }); }); function spliceExistingItems (data){ if(data.length >= '6'){ data.splice(0, '6'); return data; } return []; } }) </script> <!-- ### END mant:permanentOfferList.home ### --><!-- ### START mant:spotlight.home ### --><div id="minifySpotlightToShowHide" class="BeforeScroll lsn "> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn" data-view1200="10" data-view1020="10" data-view750="9" data-view640="8" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="white" style="padding-top: 25px; display: flex;"> <a href="https://elections.europa.eu/fr/use-your-vote/" target="_blank"> <span class="white" style="font-size: 3em; align-self: center; text-align: center;">ENSEMBLE POUR LA DEMOCRACIE</span> </a> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="2" data-view1020="2" data-view750="3" data-view640="2" data-view480="4" data-view320="4"> <div class="ep_gridcolumn-content"> <div id="spotlightMinifyButton" class="white"> <button class="ep_button reverse white" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/fr/';" type="button" style="cursor: pointer; float: right; height: 35px; font-size: 1.5em; width: 100%; font-weight: bold; background-color: #008298"> <span class="ep_name sansSerif">Inscription</span> </button> </div> </div> </div> </div> </div> </div> <style type="text/css"> @media only screen and (min-width: 750px) { #spotlightMinifyButton{ padding-top: 25px; } #minifySpotlightToShowHide{ height: 80px; } } @media only screen and (max-width: 749px) { #minifySpotlightToShowHide{ height: 160px; } } #minifySpotlightToShowHide{ top: 40px; position: fixed; background-image: url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); background-size: cover; margin-bottom: 30px; overflow: hidden; align-content: center; font-family: Georgia,Garamond,serif,Palatino; } .BeforeScroll { height: 100px; width: 100%; display: none; } .AfterScroll { height: 100px; width: 100%; display: flex; } </style> <script type="text/javascript"> var position; var div; $(document).ready(() => { position = $('#spotlight')?.position()?.top; position = isNaN(position) ? null : position + 500; div = $("#minifySpotlightToShowHide"); if(position && position < 1000) { changeMinifyVisibility(); $(window).scroll(() => changeMinifyVisibility()); } }); function changeMinifyVisibility() { var windowPos = $(window).scrollTop(); if (position && windowPos > position) { div.addClass("AfterScroll"); div.removeClass("BeforeScroll"); } else { div.addClass("BeforeScroll"); div.removeClass("AfterScroll"); } } </script> <style> @media screen and (max-width: 750px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/EP%20Strasbourg/Events/Elections_night_thumb.png); } } @media screen and (min-width: 751px) { #pic-{ background-image:url(/files/live/sites/visiting/files/Images/Digital/Use%20your%20vote%202024/togetherfordemocracy.png); } } </style> <div id="pic-" style="height: 500px; background-size: cover; background-position: center; margin-bottom:30px;overflow: hidden;" class="Spotlight lsn withButton"> <div class="ep_gridrow" style="letter-spacing: initial;"> <div class="ep_gridrow-content" style="height: 500px; color: white; float:left; font-size: 1.6em; "> <div id="computerSpotlightContent" style="position: relative;" class="ep_gridcolumn lsn" data-view1200="4" data-view1020="4" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div style="background: rgba(0,0,0,0.5); height: 100%; padding: 8% 5%; overflow-y: auto; overflow-x: hidden;"> <h2 class="ep-a_heading ep-layout_level2" data-visibility480="false" data-visibility320="false"> <span class="ep_title" style="word-break: break-word"> <span class="ep-p_text white"> <a href="https://elections.europa.eu/fr/use-your-vote/" target="_blank"> <span class="ep_name" data-visibility480="" data-visibility320="" style="position: relative; opacity: 1;" spellcheck="false">ENSEMBLE POUR LA DEMOCRACIE</span> </a> </span> </span> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div style="display: flex; margin-top: 6px; margin-bottom: 18px; flex-wrap: wrap; font-size: 0.7em;"> </div> <div class="ep-a_text lsn"> <span style="overflow-wrap: break-word;"> <span><p style="text-align: justify;">L’avenir de l’Europe dépend de nous tous. En travaillant ensemble, nous pouvons trouver des solutions pour résoudre les défis actuels. Saisissez l’occasion d’en savoir plus sur ensemble.eu et découvrez comment vous pouvez participer au changement.</p> <p> </p> </span> </span> </div> <button class="ep_button" type="button" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/fr/';" style="background-color: #008298; color: white; padding: 15px;cursor: pointer;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Inscription</span> </button> </div> </div> <div id="phoneSpotlightContent" style="position:relative" class="ep_gridcolumn " data-view1200="4" data-view1020="4" data-view750="5" data-view640="8" data-view480="8" data-view320="4" onclick="redirection('https://elections.europa.eu/fr/use-your-vote/')"> <!-- Optional element following it's external or internal --> <div class="ep_gridrow" style="padding: 0px 10px; width: 100%;"> <div class="ep_gridrow-content background node /sites/visiting/contents/dgunits/vscu" style="letter-spacing:normal;"> <div class="ep_gridcolumn" style="background-color: black; padding: 10px 8px; flex-grow: 1; text-align: center; white-space: nowrap; word-wrap: normal;"> <strong>En lumi猫re</strong> </div> <div class="ep_gridcolumn " style=" padding: 10px 8px; text-align: right; flex-grow: 2; font-size: 0.7em; display: block;"> <strong></strong> </div> </div> </div> <!-- Optional element following it's external or internal --> <div style="background: rgba(0,0,0,0.5); padding: 6% 0 0% 0; overflow-y: auto; overflow-x: hidden; position: absolute; width: 100%; bottom: 0; text-align: center;"> <h2 class="ep-a_heading ep-layout_level2"> <div class="ep_title"> <div class="ep-p_text white"> <a href="https://elections.europa.eu/fr/use-your-vote/" target="_blank"> <span class="ep_name" style="font-size: 0.7em; line-height: 1.3em; text-align: center;" spellcheck="false">ENSEMBLE POUR LA DEMOCRACIE</span> </a> </div> </div> </h2> <div style="display: flex; margin-top: 6px; margin-bottom: 1px; flex-wrap: wrap; justify-content: center;"> </div> </div> </div> <button class="ep_button phoneOnly" type="button" onclick="event.stopPropagation(); location.href='https://together.europarl.europa.eu/fr/';" style="background-color: #008298; color: white; padding: 15px; cursor: pointer; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em!important;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Inscription</span> </button> <div class="ep_gridcolumn" data-view1200="8" data-view1020="8" data-view750="8" data-view640="0" data-view480="0" data-view320="0" > </div> </div> </div> </div> <div id="spotlightCarousel"> <!-- ### START mant:carouselContainer.default ### --><div class="computerCarouselTemplate ep_gridrow carouselContainer" style="margin-top: 2%;"> <div class="ep_gridrow-content" style="letter-spacing:initial; padding: 0 3%;"> <div class="ep_gridcolumn"> <div class="ep_gridcolumn-content"> <div id="042750d5-6114-4d9e-a3be-bf904ca519db-carousel" class="carousel slide" data-ride="carousel" data-interval="false" style="width: 100%"> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active"> <div class="ep_gridrow" > <div class="ep_gridrow-content" > <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content active"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/fr/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Pr茅sidence hongroise du Conseil europ茅en</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">La sculpture « Yellow Whirl » de Zsófi Barabás complète l'exposition d'art temporaire consacrée à la présidence hongroise du Conseil de l'UE, située à l'intérieur du Parlement européen. Cette sculpture représente des œuvres d'art de la collection d'art du Parlement européen et de la collection de la Banque centrale de Hongrie.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/news/youth_ideas_report_news.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://visiting.europarl.europa.eu/fr/event/strasbourg/european-youth-event-2025" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">European Youth Event 2025</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">La sixième édition de l'EYE aura lieu les 13 et 14 juin 2025 et proposera un mélange interactif et dynamique d'activités, de débats, d'ateliers, de visites, de performances artistiques et bien plus encore, tant à l'intérieur du Parlement européen à Strasbourg qu'aux alentours dans le village de l'EYE.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/Europa-xp-spotlight/EUXP-Warsaw-opening.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Europa Experience 脿 Dublin !</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">Visitez l'Europa Expérience, qui a ouvert ses portes à Dublin. Apprenez-en plus sur l'Union européenne et son impact sur votre vie quotidienne grâce à aux stations interactives et au jeu de rôle.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn" data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4" style="text-align: justify;"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Events/HEH/News%20Item%20%e2%80%93%20Visiting%20Website.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://historia.europa.eu/fr/notre-travail/actualites/la-maison-de-lhistoire-europeenne-accueille-son-millionieme-visiteur" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Le millioni猫me visiteur de la Maison de l鈥檋istoire europ茅enne</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">Le mardi 12 novembre, Raquel Correia, étudiante en études européennes de Porto, est devenue la millionième visiteuse de la Maison de l'histoire européenne, où elle a reçu un accueil chaleureux de la part de la Présidente du Parlement européen, Roberta Metsola.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabletCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn"> <div class="ep_gridrow"> <div id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data" class="ep_gridrow-content" > <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/EP%20Brussels/hungarian_pres_news); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="http://consilium.europa.eu/fr/council-eu/presidency-council-eu/" target="_blank"> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Pr茅sidence hongroise du Conseil europ茅en</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">La sculpture « Yellow Whirl » de Zsófi Barabás complète l'exposition d'art temporaire consacrée à la présidence hongroise du Conseil de l'UE, située à l'intérieur du Parlement européen. Cette sculpture représente des œuvres d'art de la collection d'art du Parlement européen et de la collection de la Banque centrale de Hongrie.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> <div class="ep_gridcolumn carouselItem" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <!-- ### START mant:spotlightItem.default ### --><div class="spotlightItem"> <div> <div class="picture" style="height: 150px; background-image:url(/files/live/sites/visiting/files/Images/Spotlight%20items/Europa-xp-spotlight/EUXP-Warsaw-opening.png); background-size: cover !important;"> <div style="float: right; padding-right: 10px; padding-top: 10px;"> <i class="fas fa-sign-out-alt" style="font-size: 2em; color: white;"></i> </div> </div> </div> <a href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target=""> <div class="ep-a_heading ep-layout_level2" style="margin-top:20px;"> <h2 class="ep_title"> <div class="ep-p_text"><span class="ep_name">Europa Experience 脿 Dublin !</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">Visitez l'Europa Expérience, qui a ouvert ses portes à Dublin. Apprenez-en plus sur l'Union européenne et son impact sur votre vie quotidienne grâce à aux stations interactives et au jeu de rôle.</p> </div> </div> <!-- ### END mant:spotlightItem.default ### --></div> </div> </div> </div> </div> </div> </div> <div class="phoneCarouselTemplate ep_gridrow"> <div class="ep_gridrow-content" style="letter-spacing: initial;"> <div class="ep_gridcolumn" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_links"> <ul id="carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone" class="ep_list" style="margin-top: 70px;"> <!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://consilium.europa.eu/fr/council-eu/presidency-council-eu/" target="_blank">Pr茅sidence hongroise du Conseil europ茅en<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target="_blank">Europa Experience 脿 Dublin !<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://visiting.europarl.europa.eu/fr/event/strasbourg/european-youth-event-2025" target="_blank">European Youth Event 2025<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --><!-- ### START mant:spotlightItem.short ### --><li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;"><a style="color: inherit" href="http://historia.europa.eu/fr/notre-travail/actualites/la-maison-de-lhistoire-europeenne-accueille-son-millionieme-visiteur" target="_blank">Le millioni猫me visiteur de la Maison de l鈥檋istoire europ茅enne<a></a></h2></li> <!-- ### END mant:spotlightItem.short ### --></ul> </div> </div> </div> </div> </div> <script type="text/javascript"> function next(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('next'); } function prev(id, event) { event?.preventDefault(); if (!event || ['Enter', ' '].includes(event.key)) $('#'+id+'-carousel').carousel('prev'); } $(() => { $("body").on('click','#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-loadMoreBtn', () => { const loadMoreArticlesUrl = '/fr/homepage/pageContent-area/together-for-democracy/carouselcontainer-1.loadMoreArticles.do'; const payload = { queryType: "carousel" }; ajax.post(loadMoreArticlesUrl, {data: payload}, { success: function(data) { const newItems = spliceExistingItems(data.articles); newItems.forEach(item => { if(!$('.tabletCarouselTemplate').is(":visible")) { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data-phone").append( '<li class="ep_item"><h2 style="font-size: 2em; font-family: Georgia, Garamond, serif, Palatino;">'+ item["jcr:title"] +'</h2></li>' ); } else { ajax.get(item["url"]+'.ajax', {dataType: 'html'}, { success: (value) => { $("#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data").append(` <div class="ep_gridcolumn carouselItem" data-view1020="6" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content">` +value+ `</div> </div> `); } }); } }); $("#item-042750d5-6114-4d9e-a3be-bf904ca519db").hide(); } }); }); function spliceExistingItems(data) { const deleteCount = $('#carousel-042750d5-6114-4d9e-a3be-bf904ca519db-data').is(":visible") ? 2 : true ? 4 : 3; data.splice(0, deleteCount); return data; } }) </script> <!-- ### END mant:carouselContainer.default ### --></div> <script type="text/javascript"> function redirection(url){ location.href=url; } </script> <!-- ### END mant:spotlight.home ### --><!-- ### START mant:visitingContact.home ### --><section class="ep_gridrow visitingContact" style="margin: 20px 0;"> <div class="ep_gridrow-content" style="letter-spacing:initial;"> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-left:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="far fa-newspaper"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Restons en contact</span> </div> <div> <span>Abonnez-vous 脿 notre newsletter</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">S鈥檃bonner</span> <span class="ep_hidden">S鈥檃bonner</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div class="button"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">S鈥檃bonner</span> <span class="ep_hidden">S鈥檃bonner</span> </a> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox imported iconContainer cust-social"> <span class="ep_hidden">Social network</span> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Tenez-vous inform茅s</span> </div> <div> <span>Suivez #VisitEP sur les m茅dias sociaux</span> </div> </div> </div> <div class="contentBox sideOnShort"> <div> <div class="listsocialmedia"> <ul> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.facebook.com/visitEuropeanParliament/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Facebook</span> <span class="fab layout_facebook"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> <li> <!-- ### START mant:socMedLink.visitcontact ### --><div class="custom-layout"> <a href="https://www.instagram.com/visit_ep/" target="_blank"> <span class="ep_hidden">Check out Visiting of European Parliament on Instagram</span> <span class="fab layout_instagram"></span> </a> </div> <!-- ### END mant:socMedLink.visitcontact ### --></li> </ul> </div> </div> </div> </div> </div> </div> <div class="ep_gridcolumn" data-view1200="4" data-view1020="4" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content" style="padding-right:0;"> <div class="contactBox sideOnShort"> <div class="topbox"> <div class="iconBox"> <i class="fas fa-concierge-bell"></i> </div> <div class="mainBox"> <div class="contactBoxTitle"> <span>Plus de questions ?</span> </div> <div> <span>Envoyez un courriel</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Contact</span> </a> </div> </div> </div> <div class="contentBox sideOnShort padOnly"> <div></div> <div class="button"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Contact</span> </a> </div> </div> </div> </div> </div> </div> </section> <!-- ### END mant:visitingContact.home ### --><!-- ### START mant:linkBox.home ### --><section class="ep_gridrow ep-o_calltoactionbanner linkBox" style="position: relative"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_image" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_media ep-layout_banner"> <figure> <div class="ep_media ep-layout_image"> <div class="ep-p_image ep-layout_banner"> <div class="ep_image"> <img role="presentation" src="/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg"/> <span class="ep_small" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_medium" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_large" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_icon"> </span> </div> </div> </div> </figure> </div> </div> </div> </div> </div> </div> <div class="layoutTop" style="width: 100%; z-index: 3; background-color: black; position: absolute; top: 0; left: 0; padding: 10px 0"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div style="color: #fff; letter-spacing: normal; font-size: 1.5em; font-weight: 600;"> <span>Visiter les autres institutions</span> </div> </div> </div> </div> <div class="ep_gridcolumn ep-layout_text linkBoxItemContainer" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://ec.europa.eu/info/about-european-commission/visit-european-commission/visitors-centre_en" class="linkBoxLink" > <span class="ep_name">Commission europ茅enne</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://www.consilium.europa.eu/en/contact/visits/" class="linkBoxLink" > <span class="ep_name">Conseil europ茅en - Conseil de l'Union Europ茅enne</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://www.eesc.europa.eu/en/contact/visit-eesc" class="linkBoxLink" > <span class="ep_name">Comit茅 茅conomique et social europ茅en</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://cor.europa.eu/en/engage/Pages/book-your-visit.aspx" class="linkBoxLink" > <span class="ep_name">Comit茅 europ茅en des r茅gions</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> </div> </div> </div> </div> </section> <!-- ### END mant:linkBox.home ### --><!-- ### START mant:specificDateManagement.home ### --><!-- ### END mant:specificDateManagement.home ### --><script type="text/javascript"> // window.addEventListener("load", (event) => { // document.getElementById('startDate').min = new Date().toISOString().split("T")[0]; // document.getElementById('endDate').min = new Date().toISOString().split("T")[0]; // }); function collapse() { var coll = document.getElementsByClassName("custom_collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].classList.toggle("active"); var content = coll[i].nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } } } function handleAddHemicycleClosingDays() { const startDate = document.getElementById('startDate').value; const endDate = document.getElementById('endDate').value; const type = document.getElementById('type').value; const mode = document.getElementById('mode').value; const warning = document.getElementById("warning"); const repeatingDays = Array.from(document.getElementById('repeatingDays').selectedOptions).map(v => v.value); if (!startDate || !endDate || repeatingDays.length === 0 || !type || !mode) { warning.textContent = "Please fill in all fields!!!"; return } const url = '/fr/homepage/pageContent-area/specificdatemanagement.AutoAddHemicycleClosingDays.do'; warning.textContent = "Processing request, please WAIT FOR PAGE REFRESH"; $.ajax({ type: "POST", url: url, data: {startDate: startDate, endDate: endDate, repeatingDays: repeatingDays, type: type, mode: mode}, success: function () { window.location.reload(); return false; } }); } </script> <style> .custom_collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .custom_collapsible.active, .custom_collapsible:hover { background-color: #ccc; } /* Style the collapsible content. Note: hidden by default */ .custom_content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; } .custom_collapsible:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: white; float: right; margin-left: 5px; } .custom_collapsible.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .flex-container { display: flex; } .flex-container > div { margin: 10px; padding: 20px; font-size: 12px; } .select-style { border: 1px solid #ccc; width: 200px; border-radius: 3px; overflow: hidden; } .select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } </style></main> <!-- ### START mant:footer.default ### --><footer id="website-footer" role="contentinfo"> <h2 class="ep_hidden"> <span class="ep_name">Footer</span> <span class="ep_icon"> </span> </h2> <!-- COMPOSANT "FOOTER LINKS" --> <div class="ep_footer-relatedlinks"> <!-- ### START mant:WSLinks.default ### --><div class="ep_websitelinks" id="website-links"> <h3 class="ep_title" id="website-links-title"> <span class="ep_name">Visiter</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="website-links-access" aria-controls="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db30491" role="tab"> <a href="#website-links"> <span class="ep_hidden">Ouvrir le menu:</span> <span class="ep_name">Ouvrir le menu:Visiter</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db3049"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://visit.brussels/fr" class="ep_button"> <span class="ep_name">Bruxelles - site de l鈥檕ffice du tourisme</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://visiting.europarl.europa.eu/files/live/sites/visiting/files/Leaflets/Brussels_Multimodal_Plan/parlement-europeen-plan-de-bruxelles" class="ep_button"> <span class="ep_name">Bruxelles - plan multimodal du Parlement europ茅en</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitstrasbourg.fr/" class="ep_button"> <span class="ep_name">Strasbourg - site de l鈥檕ffice du tourisme</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitluxembourg.com/fr" class="ep_button"> <span class="ep_name">Luxembourg - site de l鈥檕ffice du tourisme</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://europa.eu/european-union/contact/institutions-bodies_fr" class="ep_button"> <span class="ep_name">Autres institutions de l鈥橴nion</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Fermer le menu:</span> <span class="ep_name">Fermer le menu:Visiter</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:WSLinks.default ### --><!-- ### START mant:EPLinks.default ### --><div class="ep_europarllinks" id="europarl-links"> <h3 class="ep_title" id="europarl-links-title"> <span class="ep_name">Parlement europ茅en</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="europarl-links-access" aria-controls="europarl-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d" role="tab"> <a href="#europarl-links"> <span class="ep_hidden">Ouvrir le menu:</span> <span class="ep_name">Ouvrir le menu:Parlement europ茅en</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/news/fr" class="ep_button"> <span class="ep_name">Actualit茅</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/meps/fr/map.html" class="ep_button"> <span class="ep_name">D茅put茅s</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/aboutparliament/fr" class="ep_button"> <span class="ep_name">脌 propos du Parlement</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/plenary/fr" class="ep_button"> <span class="ep_name">Pl茅ni猫re</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/committees/fr" class="ep_button"> <span class="ep_name">Commissions</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/delegations/fr" class="ep_button"> <span class="ep_name">D茅l茅gations</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> <div class="ep_menu-access ep_closeaccess"> <a href="#website-links-access"> <span class="ep_hidden">Fermer le menu:</span> <span class="ep_name">Fermer le menu:Parlement europ茅en</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:EPLinks.default ### --></div> <span class="ep_footer-separator"> </span> <div class="ep_footer-otherlinks"> <!-- ### START mant:socialsLinks.default ### --><!-- COMPOSANT "SOCIAL LINKS" --> <div class="ep_sociallinks" id="socialmedia"> <h3 class="ep_hidden" id="socialmedia-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="socialmedia-title"> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.facebook.com/europeanparliament" class="ep_button ep_facebook"> <span class="ep_name">Suivez le Parlement sur facebook</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.flickr.com/photos/european_parliament/" class="ep_button ep_flickr"> <span class="ep_name">Suivez le Parlement sur Flickr</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.instagram.com/europeanparliament" class="ep_button ep_instagram"> <span class="ep_name">Suivez le Parlement sur Instagram</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.linkedin.com/company/european-parliament" class="ep_button ep_linkedin"> <span class="ep_name">Suivez le Parlement sur Linkedin</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.pinterest.com/epinfographics/" class="ep_button ep_pinterest"> <span class="ep_name">Suivez le Parlement sur Pinterest</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.reddit.com/r/europeanparliament/" class="ep_button ep_reddit"> <span class="ep_name">Suivez le Parlement sur Reddit</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.snapchat.com/add/europarl" class="ep_button ep_snapchat"> <span class="ep_name">Suivez le Parlement sur Snapchat</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://twitter.com/Europarl_en" class="ep_button ep_twitter"> <span class="ep_name">Suivez le Parlement sur Twitter</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.youtube.com/user/EuropeanParliament" class="ep_button ep_youtube"> <span class="ep_name">Suivez le Parlement sur Youtube</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> </ul> </div> </div> <!-- ### END mant:socialsLinks.default ### --><!-- ### START mant:mandatoryLinks.default ### --><!-- COMPOSANT "MANDATORY LINKS" --> <div class="ep_mandatorylinks" id="informationlinks"> <h3 class="ep_hidden" id="informationlinks-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="informationlinks-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fr/sitemap" class="ep_button"> <span class="ep_name">Plan du site</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fr/contact" class="ep_button"> <span class="ep_name">Contact</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/privacy-policy/fr/" class="ep_button"> <span class="ep_name">Avis juridique - Politique de confidentialit茅</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/rss/fr/rss.html" class="ep_button"> <span class="ep_name">RSS</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/fr/accessibility" class="ep_button"> <span class="ep_name">Accessibilit茅</span> </a> <!-- ### END mant:link.footer ### --></li> </ul> </div> </div> <!-- ### END mant:mandatoryLinks.default ### --></div> </footer> <!-- ### END mant:footer.default ### --></div> <!-- Code for live reload, only useful for developement, won't be injected live --> </body> </html>