How the EU works | Topics | European Parliament

<!DOCTYPE html> <html lang="en"> <head> <title>How the EU works | Topics | European Parliament</title> <meta property="og:title" content="How the EU works | Topics | European Parliament"/> <meta property="twitter:title" content="How the EU works | Topics | European Parliament"/> <meta itemprop="name" content="How the EU works | Topics | European Parliament"/> <meta name="description" content="Discover how the European Union works, what its main political institutions are and how they benefit Europeans."/> <meta property="og:description" content="Discover how the European Union works, what its main political institutions are and how they benefit Europeans."/> <meta property="twitter:description" content="Discover how the European Union works, what its main political institutions are and how they benefit Europeans."/> <meta itemprop="description" content="Discover how the European Union works, what its main political institutions are and how they benefit Europeans."/> <meta charset="UTF-8"/> <meta name="available" content="09-02-2024"/> <meta http-equiv="last-modified" content="2024-02-09 11:16:00.0"/> <meta name="language" content="en"/> <meta name="planet" content="topics"/> <link rel="canonical" href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works"/> <meta property="og:url" content="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works"/> <meta name="robots" content="index, follow, noodp, noydir, notranslate, noarchive"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://www.europarl.europa.eu/news/img/meta-facebook.jpg"/> <meta property="twitter:image" content="https://www.europarl.europa.eu/news/img/meta-twitter.jpg"/> <meta name="keywords" content="productType:CATEGORY"> <meta name="routes" content="category:"/> <meta property="og:site_name" content="Topics | European Parliament"> <meta property="twitter:site" content="Topics | European Parliament"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="stylesheet" type="text/css" href="/news/css/header-ep.css"/> <link rel="stylesheet" type="text/css" href="/news/css/footer-ep.css"/> <link rel="stylesheet" type="text/css" href="/news/css/main.css"/> <link rel="stylesheet" type="text/css" href="/news/css/style.css"/> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/footer-ep-nojs.css"> </noscript> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/style-nojs.css"> </noscript> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/header-ep-nojs.css"/> </noscript> <script type="text/javascript" defer data-tracker-name="ATInternet" data-value="/website/webanalytics/ati-news.js" src="/website/privacy-policy/privacy-policy.js"></script> <script> /*<![CDATA[*/ // AMD define stub: delay handling of define calls until our amd dependency // manager has been loaded (from behaviour.js) var __amd$delayedDefines = [] function define() { var args = Array.prototype.slice.call(arguments) window.__amd$delayedDefines.push(function () { window.define.apply(window, args) }) } define.amd = {} define('eng-scripts', { 'weekly-agenda-widget': { url: "\/news\/js\/weekly-agenda-widget.js", fetched: false } , 'weekly-agenda': { url: "\/news\/js\/weekly-agenda.js", fetched: false } , 'week-selector': { url: "\/news\/js\/week-selector.js", fetched: false } , 'tst-continuous-loading': { url: "\/news\/js\/tst-continuous-loading.js", fetched: false } , 'slideshow': { url: "\/news\/js\/slideshow.js", fetched: false } , 'load-more': { url: "\/news\/js\/load-more.js", fetched: false } , 'infographic': { url: "\/news\/js\/infographic.js", fetched: false } , 'filter-form': { url: "\/news\/js\/filter-form.js", fetched: false } , 'datepicker': { url: "\/news\/js\/datepicker.js", fetched: false } , 'video-player': { url: "\/news\/js\/video-player.js", fetched: false } , 'election-results': { url: "\/website\/election-results\/js\/ep_electionresults_app.js", fetched: false } , 'ec-sml-loader': { url: "\/news\/js\/ec-sml-loader.js", fetched: false } , 'quiz-loader': { url: "https:\/\/quizweb.europarl.europa.eu\/embed\/js\/ep-ee19-quiz.js", fetched: false } , 'timeline': { url: "\/news\/js\/timeline.js", fetched: false } } ) define( 'global', { document: window.document, window: window } ) /*]]>*/ </script> <script async="async" type="text/javascript" src="/news/js/behaviour.js"></script> <script type="text/javascript"> define('change-language', [ 'behaviour.js'], function moduleFactory() { Select.updateparams('language-select', {cb_beforesubmit: function() { window.location.href = document.getElementById('language-select').value; return false; }}) }) </script> <link rel="icon" href="/news/img/favicons/favicon.ico"> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-128.jpg" sizes="128x128" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-152.jpg" sizes="152x152" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-167.jpg" sizes="167x167" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-180.jpg" sizes="180x180" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-192.jpg" sizes="192x192" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-196.jpg" sizes="196x196" /> <script type="text/javascript" src="/news/js/new-news-bundle.js"></script> <script defer type="text/javascript" src="/news/js/bundle.js"></script> </head> <body lang="en"> <input type="hidden" id="webanalytic-id_chapters" value="topics"/> <input type="hidden" id="webanalytic-id_sub-chapters" value=""/> <input type="hidden" id="webanalytic-id_sub-sub-chapters" value="how-the-eu-works"/> <input type="hidden" id="webanalytic-id_pages" value=""/> <input type="hidden" id="webanalytic-id_type" value="topic"/> <input type="hidden" id="webanalytic-ep_bodies" value=""/> <input type="hidden" id="webanalytics-topics_by_weeks" value=""/> <input type="hidden" id="webanalytics-priority_category" value=""/> <input type="hidden" id="webanalytics-priority_wordlink" value=""/> <input type="hidden" id="webanalytics-reference" value="20231030CAT00015"/> <input type="hidden" id="webanalytics-language" value="en"/> <input type="hidden" value="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" id="dev_product_url"/> <div id="website"> <div id="website-header" class="ep-header"> <nav class="wai-shortcut" aria-label="Shortcuts"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Access to page content (press "Enter")</span></a></li> <li><a href="#language-select"><span class="label">Direct access to language menu (press "Enter")</span></a></li> <li><a href="#search-field"><span class="label">Direct access to search menu (press "Enter")</span></a></li> </ul> </nav> <div class="toolbar toolbar_top"> <div class="toolbar-grid m-column no-padding-m"> <div class="dropdown-lang"> <noscript> <div class="dropdown"> <div class="dropdown-lang no-js"> <div class="wrapper-dropdown-lang"> <form method="get" action="/topics/changeLanguage" aria-label="Navigation"> <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="/topics/bg/topic/how-the-eu-works" >BG - български</option> <option lang="es" value="/topics/es/topic/how-the-eu-works" >ES - español</option> <option lang="cs" value="/topics/cs/topic/how-the-eu-works" >CS - čeština</option> <option lang="da" value="/topics/da/topic/how-the-eu-works" >DA - dansk</option> <option lang="de" value="/topics/de/topic/how-the-eu-works" >DE - Deutsch</option> <option lang="et" value="/topics/et/topic/how-the-eu-works" >ET - eesti keel</option> <option lang="el" value="/topics/el/topic/how-the-eu-works" >EL - ελληνικά</option> <option lang="en" value="/topics/en/topic/how-the-eu-works" >EN - English</option> <option lang="fr" value="/topics/fr/topic/how-the-eu-works" >FR - français</option> <option lang="ga" value="/topics/ga/topic/how-the-eu-works" >GA - Gaeilge</option> <option lang="hr" value="/topics/hr/topic/how-the-eu-works" >HR - hrvatski</option> <option lang="it" value="/topics/it/topic/how-the-eu-works" >IT - italiano</option> <option lang="lv" value="/topics/lv/topic/how-the-eu-works" >LV - latviešu valoda</option> <option lang="lt" value="/topics/lt/topic/how-the-eu-works" >LT - lietuvių kalba</option> <option lang="hu" value="/topics/hu/topic/how-the-eu-works" >HU - magyar</option> <option lang="mt" value="/topics/mt/topic/how-the-eu-works" >MT - Malti</option> <option lang="nl" value="/topics/nl/topic/how-the-eu-works" >NL - Nederlands</option> <option lang="pl" value="/topics/pl/topic/how-the-eu-works" >PL - polski</option> <option lang="pt" value="/topics/pt/topic/how-the-eu-works" >PT - português</option> <option lang="ro" value="/topics/ro/topic/how-the-eu-works" >RO - română</option> <option lang="sk" value="/topics/sk/topic/how-the-eu-works" >SK - slovenčina</option> <option lang="sl" value="/topics/sl/topic/how-the-eu-works" >SL - slovenščina</option> <option lang="fi" value="/topics/fi/topic/how-the-eu-works" >FI - suomi</option> <option lang="sv" value="/topics/sv/topic/how-the-eu-works" >SV - svenska</option> </select> </div> <button type="submit" class="btn">Change the navigation language</button> </form> </div> </div> </div> </noscript> <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">EN - English</button> <ul class="no-display menu-content"> <li> <a lang="bg" hreflang="bg" href="/topics/bg/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">BG - български</span></span> </a> </li> <li> <a lang="es" hreflang="es" href="/topics/es/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">ES - español</span></span> </a> </li> <li> <a lang="cs" hreflang="cs" href="/topics/cs/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">CS - čeština</span></span> </a> </li> <li> <a lang="da" hreflang="da" href="/topics/da/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">DA - dansk</span></span> </a> </li> <li> <a lang="de" hreflang="de" href="/topics/de/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">DE - Deutsch</span></span> </a> </li> <li> <a lang="et" hreflang="et" href="/topics/et/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">ET - eesti keel</span></span> </a> </li> <li> <a lang="el" hreflang="el" href="/topics/el/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">EL - ελληνικά</span></span> </a> </li> <li class="current" aria-current="true"> <a lang="en" hreflang="en" href="/topics/en/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">EN - English</span></span> </a> </li> <li> <a lang="fr" hreflang="fr" href="/topics/fr/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">FR - français</span></span> </a> </li> <li> <a lang="ga" hreflang="ga" href="/topics/ga/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">GA - Gaeilge</span></span> </a> </li> <li> <a lang="hr" hreflang="hr" href="/topics/hr/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">HR - hrvatski</span></span> </a> </li> <li> <a lang="it" hreflang="it" href="/topics/it/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">IT - italiano</span></span> </a> </li> <li> <a lang="lv" hreflang="lv" href="/topics/lv/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">LV - latviešu valoda</span></span> </a> </li> <li> <a lang="lt" hreflang="lt" href="/topics/lt/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">LT - lietuvių kalba</span></span> </a> </li> <li> <a lang="hu" hreflang="hu" href="/topics/hu/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">HU - magyar</span></span> </a> </li> <li> <a lang="mt" hreflang="mt" href="/topics/mt/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">MT - Malti</span></span> </a> </li> <li> <a lang="nl" hreflang="nl" href="/topics/nl/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">NL - Nederlands</span></span> </a> </li> <li> <a lang="pl" hreflang="pl" href="/topics/pl/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">PL - polski</span></span> </a> </li> <li> <a lang="pt" hreflang="pt" href="/topics/pt/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">PT - português</span></span> </a> </li> <li> <a lang="ro" hreflang="ro" href="/topics/ro/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">RO - română</span></span> </a> </li> <li> <a lang="sk" hreflang="sk" href="/topics/sk/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">SK - slovenčina</span></span> </a> </li> <li> <a lang="sl" hreflang="sl" href="/topics/sl/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">SL - slovenščina</span></span> </a> </li> <li> <a lang="fi" hreflang="fi" href="/topics/fi/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">FI - suomi</span></span> </a> </li> <li> <a lang="sv" hreflang="sv" href="/topics/sv/topic/how-the-eu-works"> <span class="wrapper-label"><span class="label">SV - svenska</span></span> </a> </li> </ul> </nav> </div> <nav class="navigation-menu nav-top" aria-label="Navigation"> <div class="menu-container"> <div class="focusable">  <a role="button" class="btn-open-menu" aria-haspopup="true" aria-expanded="false" tabindex="0">View other websites</a> <ul class="menu-level-0" aria-label="View menu: News"> <li class="level-0"> <a class="" href="/news/en" tabindex="0"> <span class="content"> <span class="label">News</span> </span> </a> </li> <li class="level-0"> <a class="" href="/topics/en" tabindex="0"> <span class="content"> <span class="label">Topics</span> </span> </a> </li> <li class="level-0"> <a class="" href="/meps/en/home" tabindex="0"> <span class="content"> <span class="label">MEPs</span> </span> </a> </li> <li class="level-0"> <a class="" href="/about-parliament/en" tabindex="0"> <span class="content"> <span class="label">About Parliament</span> </span> </a> </li> <li class="level-0"> <a class="" href="/plenary/en" tabindex="0"> <span class="content"> <span class="label">Plenary</span> </span> </a> </li> <li class="level-0"> <a class="" href="/committees/en" tabindex="0"> <span class="content"> <span class="label">Committees</span> </span> </a> </li> <li class="level-0 nopadding-right"> <a class="" href="/delegations/en" tabindex="0"> <span class="content"> <span class="label">Delegations</span> </span> </a> </li> <li class="level-0 nopadding-right"> <a class="" href="https://elections.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Elections</span> </span> </a> </li> <li class="level-0 has-menu-dropdown"> <a role="button" class="icon-arrow-dropdown" id="otherWebsitesLink" aria-haspopup="true" aria-expanded="false" tabindex="0"> <span class="content"> <span class="sr-only">View submenu:</span> <span class="label">Other websites</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <a href="https://multimedia.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Multimedia Centre</span> </span> </a> </li> <li class="level-1"> <a href="/the-president/en/" tabindex="0"> <span class="content"> <span class="label">President’s website</span> </span> </a> </li> <li class="level-1"> <a href="/the-secretary-general/en" tabindex="0"> <span class="content"> <span class="label">Secretariat-general</span> </span> </a> </li> <li class="level-1"> <a href="/thinktank/en/home.html" tabindex="0"> <span class="content"> <span class="label">Think tank</span> </span> </a> </li> <li class="level-1"> <a href="https://www.epnewshub.eu" tabindex="0"> <span class="content"> <span class="label">EP Newshub</span> </span> </a> </li> <li class="level-1"> <a href="/at-your-service/en" tabindex="0"> <span class="content"> <span class="label">At your service</span> </span> </a> </li> <li class="level-1"> <a href="/visiting/en" tabindex="0"> <span class="content"> <span class="label">Visits</span> </span> </a> </li> <li class="level-1"> <a href="/legislative-train" tabindex="0"> <span class="content"> <span class="label">Legislative train</span> </span> </a> </li> <li class="level-1"> <a href="/contracts-and-grants/en/" tabindex="0"> <span class="content"> <span class="label">Contracts and Grants</span> </span> </a> </li> <li class="level-1"> <a href="/RegistreWeb/home/welcome.htm?language=en" tabindex="0"> <span class="content"> <span class="label">Register</span> </span> </a> </li> <li class="level-1"> <a href="https://data.europarl.europa.eu/en/home" tabindex="0"> <span class="content"> <span class="label">Open Data Portal</span> </span> </a> </li> <li class="level-1"> <a href="https://liaison-offices.europarl.europa.eu/en"> <span class="content"> <span class="label">Liaison offices</span> </span> </a> </li> </ul> </li> </ul> </div>  </div> </nav> </div> </div> <header class="header"> <div class="header-wrapper no-padding"> <div class="grid"> <span class="title-wrapper"> <a href="/topics/en" class="title"><span class="labeltxt">Topics</span></a> <a href="/portal/en" class="subtitle"> <span class="labeltxt">European Parliament</span> <span class="logo"></span> </a> </span> </div> </div> </header> <div class="toolbar toolbar_bottom sticky"> <div class="toolbar-grid no-padding flex-end"> <nav class="navigation-menu nav-main" aria-label="Main navigation"> <div class="menu-container">  <a role="button" 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"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" aria-haspopup="true"> <span class="content"> <span class="label">Scrutinising the Commission</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0 current"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" aria-haspopup="true"> <span class="content"> <span class="label">How the EU works</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/economy-and-budget" aria-haspopup="true"> <span class="content"> <span class="label">Economy and budget</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/ukraine" aria-haspopup="true"> <span class="content"> <span class="label">Ukraine</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/migration" aria-haspopup="true"> <span class="content"> <span class="label">Migration</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0 extra-link-sep"> <a class="" aria-current="false" href="/topics/en/all" aria-haspopup="true"> <span class="content"> <span class="label">All topics</span> <span class="current-element"></span> </span> </a> </li> </ul> </div> </nav> <nav class="search-global-form" aria-label="Click to open the search component"> <a href="#" class="search-icon" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Access to search field</span> <span class="icon"></span> </a> </nav> <form class="form-field-search" id="search" action="/topics/en/search" method="get" role="search" aria-label="Search"> <div class="field-wrapper"> <div class="field"> <input class="ep_field" type="text" id="search-field" name="searchQuery" value="" aria-label="Please fill out this field" title="Please fill out this field" placeholder="Search" required/> <button class="btn-send active" type="submit" aria-label="Launch the search" disabled> <span class="sr-only">Launch the search</span> <span class="icon"> </span> </button> </div> </div> </form> <span class="title-toolbar" aria-hidden="true"><span class="label">European Parliament</span></span> </div> </div> </div> <div id="new-website-breadcrumb" class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <nav data-component="breadcrumb" class="bg-white-default" aria-label="You are here:"> <div class="hidden md:flex md:flex-wrap pt-6 pb-8 [&>span]:relative [&>span]:mb-2 [&>span]:mr-10 [&>span:last-of-type]:mr-0"> <span> <span class="after:block after:absolute after:top-1/2 after:translate-y-[-50%] after:right-[-23px] after:rotate-[-45deg] after:border-r-2 after:border-b-2 after:border-blue-default after:w-[6px] after:h-[6px]"></span> <a class="text-16px text-blue-default font-bold" href="/topics/en"> <span class="sr-only">Go back to page</span> <span class="">Topics</span> </a> </span> <span aria-current="page"> <span class="text-16px text-black-greydark font-bold"> <span class="sr-only">Current page :</span> <span class="">How the EU works</span> </span> </span> </div> <div class="block md:hidden pt-6 pb-8"> <span class="block relative"> <a class="block pl-4 text-16px text-blue-default font-bold" href="/topics/en"> <span class="sr-only">Go back to page: </span> <span class="ep_name">Topics</span> </a> <span class="before:block before:absolute before:top-1/2 before:translate-y-[-50%] before:left-0 before:rotate-[135deg] before:border-r-2 before:border-b-2 before:border-black-greydefault before:w-[6px] before:h-[6px]"></span> </span> </div> </nav> </div> <main role="main" id="website-body" class="pb-4"> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2">  <div data-component="chapo" class="mb-12"> <h1 class="text-35px font-bold text-black-greydark mb-2">How the European Union works</h1> <p class="text-base text-black-greydark">Discover how the European Union works, what its main political institutions are and how they benefit Europeans.</p> </div> <div data-component="featured-articles" class="mb-12"> <ul class="grid gap-x-8 md:grid-cols-2 lg:grid-cols-3"> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20240530PHT21732/20240530PHT21732-ml.png" class="object-cover object-center w-full h-full" alt="The European Commission, the European Parliament, the Council of the European Union, and the European Council." loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20240530PHT21732/20240530PHT21732-ms.png 320w, https://www.europarl.europa.eu/resources/library/images/20240530PHT21732/20240530PHT21732-mm.png 640w, https://www.europarl.europa.eu/resources/library/images/20240530PHT21732/20240530PHT21732-ml.png 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="text-sm">How the EU works</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20240524STO21650/what-do-the-eu-institutions-do-infographic" class="font-bold">What do the EU institutions do? (infographic)</a></h2> <p>What does the Parliament do, what are the European Commission's responsibilities? What is the Council of the EU? Find out from our infographic.</p> </div> </div> </li> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20230717PHT03003/20230717PHT03003-ml.jpg" class="object-cover object-center w-full h-full" alt="Plenary chamber" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20230717PHT03003/20230717PHT03003-ms.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20230717PHT03003/20230717PHT03003-mm.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20230717PHT03003/20230717PHT03003-ml.jpg 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="text-sm">How the EU works</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20230713STO02832/parliament-strengthens-integrity-independence-and-accountability" class="font-bold">Parliament strengthens integrity, independence and accountability</a></h2> <p>A set of wide-ranging reforms aimed at strengthening integrity, independence and accountability, while protecting the free mandate of MEPs, has been adopted over the last months. </p> </div> </div> </li> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20220808PHT37201/20220808PHT37201-ml.jpg" class="object-cover object-center w-full h-full" alt="A woman looking at the contact form for the citizens' enquiries." loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20220808PHT37201/20220808PHT37201-ms.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20220808PHT37201/20220808PHT37201-mm.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20220808PHT37201/20220808PHT37201-ml.jpg 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="text-sm">How the EU works</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20220823STO37801/questions-about-the-european-parliament-we-have-answers" class="font-bold">Questions about the European Parliament? We have answers</a></h2> <p>Want to know how the European Parliament is supporting Ukraine, tackling climate change and fighting disinformation, or maybe you have a question about how it works? </p> </div> </div> </li> </ul> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="all-topics" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Sub-topics (3)</h2> <ul class="grid lg:grid-cols-3 gap-4 md:grid-cols-2 sm:grid-cols-1 grid-cols-1"> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/explainers-videos" class="text-18px font-bold underline">Explainer videos</a></h3> </div> </li> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/how-parliament-is-run" class="text-18px font-bold underline">How Parliament is run</a></h3> </div> </li> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" class="text-18px font-bold underline">Scrutinising the Commission</a></h3> </div> </li> </ul> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="latest-articles" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Latest articles</h2> <ul class="grid lg:grid-cols-4 gap-y-4 gap-x-10 md:grid-cols-2 sm:grid-cols-1 grid-cols-1 mb-10"> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" class="block text-sm no-underline mb-2">Scrutinising the Commission</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20241001STO24396/timeline-parliament-s-scrutiny-of-the-commissioners-designate" class="text-18px font-bold underline">Timeline: Parliament's scrutiny of the commissioners-designate</a></h3> <time class="block" itemprop="datePublished" datetime="2024-11-27T16:10:00">27-11-2024 - 16:10</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" class="block text-sm no-underline mb-2">Scrutinising the Commission</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20241025STO24935/infographic-parliament-s-role-in-appointing-the-european-commission" class="text-18px font-bold underline">Infographic: Parliament’s role in appointing the European Commission </a></h3> <time class="block" itemprop="datePublished" datetime="2024-10-28T15:14:00">28-10-2024 - 15:14</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" class="block text-sm no-underline mb-2">Scrutinising the Commission</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20240910STO23870/how-parliament-s-scrutiny-of-commissioners-designate-has-evolved" class="text-18px font-bold underline">How Parliament’s scrutiny of commissioners-designate has evolved</a></h3> <time class="block" itemprop="datePublished" datetime="2024-09-30T09:48:00">30-09-2024 - 09:48</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="block text-sm no-underline mb-2">How the EU works</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20240524STO21650/what-do-the-eu-institutions-do-infographic" class="text-18px font-bold underline">What do the EU institutions do? (infographic)</a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-25T12:04:00">25-07-2024 - 12:04</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-parliament-is-run" class="block text-sm no-underline mb-2">How Parliament is run</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20190705STO56305/facts-and-figures-the-european-parliament-s-2024-2029-term" class="text-18px font-bold underline">Facts and figures: the European Parliament's 2024-2029 term</a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-22T13:09:00">22-07-2024 - 13:09</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-parliament-is-run" class="block text-sm no-underline mb-2">How Parliament is run</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20190705STO56304/who-s-who-overview-of-meps-in-key-posts" class="text-18px font-bold underline">Who's who: overview of MEPs in key posts</a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-19T16:34:00">19-07-2024 - 16:34</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="block text-sm no-underline mb-2">How the EU works</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20240717STO22894/parliament-2024-ambitious-reforms-to-strengthen-european-democracy" class="text-18px font-bold underline">‘Parliament 2024’: ambitious reforms to strengthen European democracy</a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-17T10:18:00">17-07-2024 - 10:18</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="block text-sm no-underline mb-2">How the EU works</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20220823STO37801/questions-about-the-european-parliament-we-have-answers" class="text-18px font-bold underline">Questions about the European Parliament? We have answers</a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-16T16:45:00">16-07-2024 - 16:45</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="block text-sm no-underline mb-2">How the EU works</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20230515STO89901/digital-journey-take-a-virtual-tour-of-the-european-parliament" class="text-18px font-bold underline">Digital Journey: take a virtual tour of the European Parliament </a></h3> <time class="block" itemprop="datePublished" datetime="2024-07-16T16:39:00">16-07-2024 - 16:39</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" class="block text-sm no-underline mb-2">How the EU works</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20240417STO20420/europe-day-visit-parliament-during-our-open-days" class="text-18px font-bold underline">Europe Day: visit Parliament during our open days</a></h3> <time class="block" itemprop="datePublished" datetime="2024-04-26T09:26:00">26-04-2024 - 09:26</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/explainers-videos" class="block text-sm no-underline mb-2">Explainer videos</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20231212STO15844/how-are-the-members-of-the-european-commission-elected-video" class="text-18px font-bold underline">How are the members of the European Commission elected? (video) </a></h3> <time class="block" itemprop="datePublished" datetime="2024-01-04T11:31:00">04-01-2024 - 11:31</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/explainers-videos" class="block text-sm no-underline mb-2">Explainer videos</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20231212STO15845/parliament-s-youth-offer-learn-about-the-eu-and-stand-up-for-democracy-video" class="text-18px font-bold underline">Parliament's youth offer: learn about the EU and stand up for democracy (video)</a></h3> <time class="block" itemprop="datePublished" datetime="2023-12-19T14:28:00">19-12-2023 - 14:28</time> </li> </ul> <div data-component="link-arrow-right" class="flex items-center mb-12"> <a href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works/all" class="mr-1 font-bold text-18px">See all articles</a> <img src="/news/img/icon-arrow-right.svg" width="18" alt="arrow right" class="inline-block ml-1"> </div> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="multimedia-video-block" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Videos</h2> <ul class="grid lg:grid-cols-3 gap-7 md:grid-cols-2 sm:grid-cols-1 grid-cols-1 mb-10" id="list-thumb-videos"> <li class="flex flex-col"> <div> <a role="button" href="https://multimedia.europarl.europa.eu/en/video/v_N01_AFPS_231110_HIW7" class="group focus:outline-0" data-video-id="0_mediahubVideoID"> <span title="Watch the video document" class="sr-only">Watch the video</span> <div data-component="figure-thumb" class="relative block overflow-hidden w-full mb-2"> <figure class="relative w-full h-[200px] border-2 border-transparent group-hover:border-blue-linkbodyhover group-focus:border-4 group-focus:border-blue-linkbodyhover"> <img src="https://www.europarl.europa.eu/resources/library/images/20231122PHT13107/20231122PHT13107-video_l.jpg" class="md:absolute object-cover object-center w-full h-full" alt="Parliament plays a central role in EU lawmaking, but voting in the hemicycle is only a part of the picture. Before those big votes, MEPs work to improve proposals drafted by the EU Commission. But how? Watch our short video explaining the major steps in the lawmaking process." loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20231122PHT13107/20231122PHT13107-video_s.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20231122PHT13107/20231122PHT13107-video_m.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20231122PHT13107/20231122PHT13107-video_l.jpg 1024w" sizes="100vw"> <time datetime="PT55S" class="absolute right-0 bottom-0 flex items-center bg-blue-linkbodyhover text-white-default text-sm py-2 px-3"> <span class="arrow-triangle-w mr-2"></span> <span class="sr-only">duration:</span> <span>00:55</span> </time> </figure> </div> <h3 class="text-18px font-bold underline">MEPs' role in shaping EU rules</h3> </a> </div> <script type="text/javascript" defer> /*<![CDATA[*/ document.querySelector('a[data-video-id="0_mediahubVideoID"]').setAttribute('href', '#') document.querySelector('a[data-video-id="0_mediahubVideoID"]').addEventListener('click', () => { const updateMultimediaVideoPlayer = isMobile => { const multimediaVideoPlayer = isMobile ? document.querySelector('a[data-video-id="0_mediahubVideoID"]').querySelector('multimedia-video-player') : document.querySelector('multimedia-video-player') multimediaVideoPlayer?.setAttribute('props', JSON.stringify({ show: "true", id: "0_mediahubVideoID", linkLabel: "Access the video's page", buttonLabel: "Close the video", readMoreTooltip: "Read more", title: "MEPs' role in shaping EU rules", caption: "Parliament plays a central role in EU lawmaking, but voting in the hemicycle is only a part of the picture. \n \nBefore those big votes, MEPs work to improve proposals drafted by the EU Commission. But how? \n \nWatch our short video explaining the major steps in the lawmaking process.", url: "https:\/\/multimedia.europarl.europa.eu\/en\/video\/v_N01_AFPS_231110_HIW7", embedUrl: "https:\/\/multimedia.europarl.europa.eu\/en\/share\/N01_AFPS_231110_HIW7?lang=en", mediaSizeThumbnail: "\/news\/img\/mediasize_video.png", thumbnailSmall: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231122PHT13107\/20231122PHT13107-video_s.jpg", thumbnailMedium: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231122PHT13107\/20231122PHT13107-video_m.jpg", thumbnailLarge: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231122PHT13107\/20231122PHT13107-video_l.jpg" })) } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') mobileBreakpoint.addListener(updateMultimediaVideoPlayer(mobileBreakpoint.matches)) } ) /*]]>*/ </script> </li> <li class="flex flex-col"> <div> <a role="button" href="https://multimedia.europarl.europa.eu/en/video/v_N01_AFPS_230830_HIW4" class="group focus:outline-0" data-video-id="1_mediahubVideoID"> <span title="Watch the video document" class="sr-only">Watch the video</span> <div data-component="figure-thumb" class="relative block overflow-hidden w-full mb-2"> <figure class="relative w-full h-[200px] border-2 border-transparent group-hover:border-blue-linkbodyhover group-focus:border-4 group-focus:border-blue-linkbodyhover"> <img src="https://www.europarl.europa.eu/resources/library/images/20230919PHT05501/20230919PHT05501-video_l.jpg" class="md:absolute object-cover object-center w-full h-full" alt="Once elected, Members of the European Parliament have an important job to do. They are the eyes, ears and voices of Europeans in the Parliament. You vote for them, then they vote for you! Sitting in parliamentary groups, a bit like parties in national parliaments, MEPs listen to people’s concerns, debate, consult with interested parties and vote on laws. Find out more about the role of MEPs!" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20230919PHT05501/20230919PHT05501-video_s.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20230919PHT05501/20230919PHT05501-video_m.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20230919PHT05501/20230919PHT05501-video_l.jpg 1024w" sizes="100vw"> <time datetime="PT46S" class="absolute right-0 bottom-0 flex items-center bg-blue-linkbodyhover text-white-default text-sm py-2 px-3"> <span class="arrow-triangle-w mr-2"></span> <span class="sr-only">duration:</span> <span>00:46</span> </time> </figure> </div> <h3 class="text-18px font-bold underline">The role of Members of the European Parliament</h3> </a> </div> <script type="text/javascript" defer> /*<![CDATA[*/ document.querySelector('a[data-video-id="1_mediahubVideoID"]').setAttribute('href', '#') document.querySelector('a[data-video-id="1_mediahubVideoID"]').addEventListener('click', () => { const updateMultimediaVideoPlayer = isMobile => { const multimediaVideoPlayer = isMobile ? document.querySelector('a[data-video-id="1_mediahubVideoID"]').querySelector('multimedia-video-player') : document.querySelector('multimedia-video-player') multimediaVideoPlayer?.setAttribute('props', JSON.stringify({ show: "true", id: "1_mediahubVideoID", linkLabel: "Access the video's page", buttonLabel: "Close the video", readMoreTooltip: "Read more", title: "The role of Members of the European Parliament", caption: "Once elected, Members of the European Parliament have an important job to do. They are the eyes, ears and voices of Europeans in the Parliament. You vote for them, then they vote for you!\n\nSitting in parliamentary groups, a bit like parties in national parliaments, MEPs listen to people\u2019s concerns, debate, consult with interested parties and vote on laws.\n\nFind out more about the role of MEPs!", url: "https:\/\/multimedia.europarl.europa.eu\/en\/video\/v_N01_AFPS_230830_HIW4", embedUrl: "https:\/\/multimedia.europarl.europa.eu\/en\/share\/N01_AFPS_230830_HIW4?lang=en", mediaSizeThumbnail: "\/news\/img\/mediasize_video.png", thumbnailSmall: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230919PHT05501\/20230919PHT05501-video_s.jpg", thumbnailMedium: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230919PHT05501\/20230919PHT05501-video_m.jpg", thumbnailLarge: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230919PHT05501\/20230919PHT05501-video_l.jpg" })) } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') mobileBreakpoint.addListener(updateMultimediaVideoPlayer(mobileBreakpoint.matches)) } ) /*]]>*/ </script> </li> <li class="flex flex-col"> <div> <a role="button" href="https://multimedia.europarl.europa.eu/en/video/v_NO1_AFPS_230804_HIW3" class="group focus:outline-0" data-video-id="2_mediahubVideoID"> <span title="Watch the video document" class="sr-only">Watch the video</span> <div data-component="figure-thumb" class="relative block overflow-hidden w-full mb-2"> <figure class="relative w-full h-[200px] border-2 border-transparent group-hover:border-blue-linkbodyhover group-focus:border-4 group-focus:border-blue-linkbodyhover"> <img src="https://www.europarl.europa.eu/resources/library/images/20230831PHT04487/20230831PHT04487-video_l.jpg" class="md:absolute object-cover object-center w-full h-full" alt="Every five years European voters are called to the ballot box to choose Members of the European Parliament. The vote has a direct impact on EU policy over the following parliamentary term. The European elections are the biggest transnational vote on the planet and they shape not only Europe but also the EU’s place in the world. Find out more about European elections!" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20230831PHT04487/20230831PHT04487-video_s.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20230831PHT04487/20230831PHT04487-video_m.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20230831PHT04487/20230831PHT04487-video_l.jpg 1024w" sizes="100vw"> <time datetime="PT55S" class="absolute right-0 bottom-0 flex items-center bg-blue-linkbodyhover text-white-default text-sm py-2 px-3"> <span class="arrow-triangle-w mr-2"></span> <span class="sr-only">duration:</span> <span>00:55</span> </time> </figure> </div> <h3 class="text-18px font-bold underline">Voting in European Elections</h3> </a> </div> <script type="text/javascript" defer> /*<![CDATA[*/ document.querySelector('a[data-video-id="2_mediahubVideoID"]').setAttribute('href', '#') document.querySelector('a[data-video-id="2_mediahubVideoID"]').addEventListener('click', () => { const updateMultimediaVideoPlayer = isMobile => { const multimediaVideoPlayer = isMobile ? document.querySelector('a[data-video-id="2_mediahubVideoID"]').querySelector('multimedia-video-player') : document.querySelector('multimedia-video-player') multimediaVideoPlayer?.setAttribute('props', JSON.stringify({ show: "true", id: "2_mediahubVideoID", linkLabel: "Access the video's page", buttonLabel: "Close the video", readMoreTooltip: "Read more", title: "Voting in European Elections", caption: "Every five years European voters are called to the ballot box to choose Members of the European Parliament. The vote has a direct impact on EU policy over the following parliamentary term. \n\nThe European elections are the biggest transnational vote on the planet and they shape not only Europe but also the EU\u2019s place in the world.\n\nFind out more about European elections!", url: "https:\/\/multimedia.europarl.europa.eu\/en\/video\/v_NO1_AFPS_230804_HIW3", embedUrl: "https:\/\/multimedia.europarl.europa.eu\/en\/share\/NO1_AFPS_230804_HIW3?lang=en", mediaSizeThumbnail: "\/news\/img\/mediasize_video.png", thumbnailSmall: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230831PHT04487\/20230831PHT04487-video_s.jpg", thumbnailMedium: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230831PHT04487\/20230831PHT04487-video_m.jpg", thumbnailLarge: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20230831PHT04487\/20230831PHT04487-video_l.jpg" })) } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') mobileBreakpoint.addListener(updateMultimediaVideoPlayer(mobileBreakpoint.matches)) } ) /*]]>*/ </script> </li> </ul> <script> const injectMultimediaVideoPlayers = (isMobile, removeCurrentPlayers = false) => { if (removeCurrentPlayers) { document.querySelectorAll('multimedia-video-player').forEach(player => player?.parentNode?.removeChild(player)) } if (isMobile) { const videoLinkList = document.querySelectorAll('a[data-video-id]') videoLinkList.forEach(videoLink => { const multimediaVideoPlayer = document.createElement('multimedia-video-player') const figureElement = videoLink.querySelector('figure') videoLink.querySelector('div').insertBefore(multimediaVideoPlayer, figureElement) }) } else { const multimediaVideoPlayer = document.createElement('multimedia-video-player') document.querySelector('#list-thumb-videos').insertAdjacentElement("afterend", multimediaVideoPlayer) } } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') injectMultimediaVideoPlayers(mobileBreakpoint.matches) mobileBreakpoint.addListener(() => injectMultimediaVideoPlayers(mobileBreakpoint.matches, true)); </script> </div> </div> </main> <footer id="website-footer" aria-label="footer main" class="ep-footer"> <div class="wrapper"> <div class="footer-relatedlinks"> <div class="websitelinks footer-expand-wrapper"> <h2 class="title" id="news-menu"> <span class="name">Topics</span> </h2> <div class="menu-access"> <button type="button" aria-expanded="true" aria-controls="website-links-access" aria-labelledby="news-menu" class="footer-expand-trigger"> <span class="sr-only">View menu: News</span> </button> </div> <div class="list list-wrapper layout_category"> <div class="footer-expand-content expanded"> <div class="category"> <h3 class="subtitle" id="website-links-category1-title"> <span class="name">Parliament in your country</span> </h3> <ul aria-labelledby="website-links-category1-title"> <li class="item"> <a href="/unitedkingdom" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">London</span> </a> </li> <li class="item"> <a href="/ireland" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Dublin</span> </a> </li> <li class="item"> <a href="/malta" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Valletta</span> </a> </li> <li class="item"> <a href="/unitedstates" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Washington</span> </a> </li> </ul> </div> <div class="category"> <h3 class="subtitle" id="website-links-category2-title"> <span class="name">Tools</span> </h3> <ul aria-labelledby="website-links-category2-title"> <li class="item"> <a href="/oeil/home/home.do" class="button"> <span class="sr-only">Open in a new page</span> <span class="name">Legislative Observatory</span> </a> </li> <li class="item"> <a href="https://multimedia.europarl.europa.eu/en" class="button" target="_blank" > <span class="name">Multimedia Centre</span> </a> </li> <li class="item"> <a href="https://ec.europa.eu/avservices/ebs/schedule.cfm?sitelang=en" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">EbS</span> </a> </li> </ul> </div> <div class="category"> <h3 class="subtitle" id="website-links-category3-title"> <span class="name">The President of the European Parliament</span> </h3> <ul aria-labelledby="website-links-category3-title"> <li class="item"> <a href="/the-president/en/" class="button"> <span class="sr-only">Open in a new page</span> <span class="name">European Parliament President’s website</span> </a> </li> </ul> </div> </div> </div> </div> <div class="europarllinks footer-expand-wrapper"> <h2 class="title" id="europarl-menu"> <span class="name">European Parliament</span> </h2> <div class="menu-access"> <button type="button" aria-expanded="true" aria-controls="europarl-links-access" aria-labelledby="europarl-menu" class="footer-expand-trigger"> <span class="sr-only">View menu: European Parliament</span> </button> </div> <div class="list"> <div class="footer-expand-content expanded"> <ul id="europarl-links-content" aria-labelledby="europarl-links-title"> <li class="item"> <a class="button" href="/news/en" > <span class="name">News</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/topics/en" > <span class="name">Topics</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/meps/en/home" > <span class="name">MEPs</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/about-parliament/en" > <span class="name">About Parliament</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/plenary/en" > <span class="name">Plenary</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/committees/en" > <span class="name">Committees</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/delegations/en" > <span class="name">Delegations</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="https://elections.europa.eu/en" > <span class="name">Elections</span><span class="icon"> </span> </a> </li> </ul> </div> </div> </div> </div> <span class="footer-separator"> </span> <div class="footer-otherlinks"> <div class="sociallinks"> <h2 class="sr-only" id="socialmedia-title"> <span class="sr-only">The Parliament on social media</span> </h2> <div class="list"> <ul aria-labelledby="socialmedia-title"> <li class="item"> <a href="https://www.facebook.com/europeanparliament" class="button facebook" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Facebook</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://twitter.com/Europarl_en" class="button twitter" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Twitter</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.flickr.com/photos/european_parliament/" class="button flickr" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Flickr</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.linkedin.com/company/european-parliament" class="button linkedin" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on LinkedIn</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.youtube.com/user/EuropeanParliament" class="button youtube" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on YouTube</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://instagram.com/europeanparliament" class="button instagram" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Instagram</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.pinterest.com/epinfographics/" class="button pinterest" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Pinterest</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.snapchat.com/add/europarl" class="button snapchat" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Snapchat</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.reddit.com/r/europeanparliament/" class="button reddit" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Reddit</span> <span class="icon"> </span> </a> </li> </ul> </div> </div>  <div class="mandatorylinks" > <h2 class="sr-only" id="informationlinks-title"> <span class="name">Information links</span><span class="icon"> </span> </h2> <div class="list"> <ul aria-labelledby="informationlinks-title"> <li class="item"><a href="/portal/en/contact" class="button"><span class="name">Contact</span><span class="icon"> </span></a></li> <li class="item"><a href="/at-your-service/en/stay-informed/rss-feeds" class="button"><span class="name">RSS</span><span class="icon"> </span></a></li> <li class="item"><a href="/portal/en/sitemap" class="button"><span class="name">Sitemap</span><span class="icon"> </span></a></li> <li class="item"><a href="/legal-notice/en" class="button"><span class="name">Legal notice</span><span class="icon"> </span></a></li> <li class="item"><a href="/privacy-policy/en/" class="button"><span class="name">Privacy policy</span><span class="icon"> </span></a></li> <li class="item"><a href="/portal/en/accessibility" class="button"><span class="name">Accessibility</span><span class="icon"> </span></a></li> </ul> </div> </div> </div> </div> </footer> </div>  <div class="back-overlay"></div> <script> (function rewriteUrlIfNeeded() { function getHash(url) { return url.hash !== '' && document.getElementById(url.hash.slice(1)) ? url.hash : ''; } function rewriteUrl(currentUrl, baseUrl) { // ensure that hash is present only if it actually exists const url = new URL(currentUrl); return `${baseUrl}${url.search}${getHash(url)}`; } // pre-condition: #dev_product_url ALWAYS exists see <input ...> above. const productUrl = document.getElementById('dev_product_url').value; if (productUrl === '') { return; } const newUrl = rewriteUrl(window.location.href, productUrl); if (newUrl !== window.location.href) { window.history.replaceState(null, '', newUrl) } }()) </script> <script type="text/javascript"> // safari blinking workaround. Cf jira ENG-32999 & ENG-33001 </script> </body> </html>

CINXE.COM

How the EU works | Topics | European Parliament