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&#039;accueil&nbsp;| Visiter&nbsp;| 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&#039;accueil&nbsp;| Visiter&nbsp;| 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&#039;accueil&nbsp;| Visiter&nbsp;| 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&#039;accueil&nbsp;| Visiter&nbsp;| 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&#039;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">&nbsp;</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">&nbsp;</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">&nbsp;</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 &agrave; la Maison de l&#39;Histoire Europ&eacute;enne et participez &agrave; une table ronde sur le pillage de l&rsquo;art en temps de guerre, une pratique r&eacute;pandue pendant la guerre de Trente Ans et r&eacute;cemment popularis&eacute;e dans le film &laquo; The Monuments Men &raquo;.</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 &laquo; Des voix audacieuses &raquo; sera install&eacute;e dans le circuit des visiteurs du Parlement europ&eacute;en &agrave; Strasbourg. Elle pr&eacute;sente de nouvelles acquisitions de la collection d&rsquo;art contemporain du Parlement europ&eacute;en et enrichit l&#39;offre culturelle propos&eacute;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&#39;Histoire Europ&eacute;enne pr&eacute;sentera trois projections de films c&eacute;l&egrave;bres qui repr&eacute;sentent et r&eacute;interpr&egrave;tent la Guerre de Trente Ans. Les films seront pr&eacute;sent&eacute;s par le curateur de films Wouter Hessels et seront pr&eacute;c&eacute;d&eacute;s d&#39;une visite de l&#39;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 &agrave; l&rsquo;Info Hub lors de votre pause d&eacute;jeuner !</p> <p style="text-align: justify;">&nbsp;</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&eacute;cembre, visites guid&eacute;es de midi quinze &ndash; <strong>&laquo; La plus belle p&eacute;riode de l&#39;ann&eacute;e &raquo;</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&eacute;dois &laquo; Julie Keeps Quiet &raquo;.</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">&nbsp;</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&rsquo;avenir de l&rsquo;Europe d&eacute;pend de nous tous. En travaillant ensemble, nous pouvons trouver des solutions pour r&eacute;soudre les d&eacute;fis actuels. Saisissez l&rsquo;occasion d&rsquo;en savoir plus sur ensemble.eu et d&eacute;couvrez comment vous pouvez participer au changement.</p> <p>&nbsp;</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 &laquo; Yellow Whirl &raquo; de Zs&oacute;fi Barab&aacute;s compl&egrave;te l&#39;exposition d&#39;art temporaire consacr&eacute;e &agrave; la pr&eacute;sidence hongroise du Conseil de l&#39;UE, situ&eacute;e &agrave; l&#39;int&eacute;rieur du Parlement europ&eacute;en. Cette sculpture repr&eacute;sente des &oelig;uvres d&#39;art de la collection d&#39;art du Parlement europ&eacute;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&egrave;me &eacute;dition de l&#39;EYE aura lieu les 13 et 14 juin 2025 et proposera un m&eacute;lange interactif et dynamique d&#39;activit&eacute;s, de d&eacute;bats, d&#39;ateliers, de visites, de performances artistiques et bien plus encore, tant &agrave; l&#39;int&eacute;rieur du Parlement europ&eacute;en &agrave; Strasbourg qu&#39;aux alentours dans le village de l&#39;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&#39;Europa Exp&eacute;rience, qui a ouvert ses portes &agrave; Dublin. Apprenez-en plus sur l&#39;Union europ&eacute;enne et son impact sur votre vie quotidienne gr&acirc;ce &agrave; aux stations interactives et au jeu de r&ocirc;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, &eacute;tudiante en &eacute;tudes europ&eacute;ennes de Porto, est devenue la millioni&egrave;me visiteuse de la Maison de l&#39;histoire europ&eacute;enne, o&ugrave; elle a re&ccedil;u un accueil chaleureux de la part de la Pr&eacute;sidente du Parlement europ&eacute;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 &laquo; Yellow Whirl &raquo; de Zs&oacute;fi Barab&aacute;s compl&egrave;te l&#39;exposition d&#39;art temporaire consacr&eacute;e &agrave; la pr&eacute;sidence hongroise du Conseil de l&#39;UE, situ&eacute;e &agrave; l&#39;int&eacute;rieur du Parlement europ&eacute;en. Cette sculpture repr&eacute;sente des &oelig;uvres d&#39;art de la collection d&#39;art du Parlement europ&eacute;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&#39;Europa Exp&eacute;rience, qui a ouvert ses portes &agrave; Dublin. Apprenez-en plus sur l&#39;Union europ&eacute;enne et son impact sur votre vie quotidienne gr&acirc;ce &agrave; aux stations interactives et au jeu de r&ocirc;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);">&nbsp;</span> <span class="ep_medium" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);">&nbsp;</span> <span class="ep_large" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);">&nbsp;</span> <span class="ep_icon">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</span> </a> </div> </div> <!-- ### END mant:EPLinks.default ### --></div> <span class="ep_footer-separator">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>

Pages: 1 2 3 4 5 6 7 8 9 10