CINXE.COM
Home | Visita | Parlamento europeo
<!DOCTYPE html> <html lang="it"> <head><link rel="canonical" href="https://visiting.europarl.europa.eu/it" /><link rel="alternate" hreflang="it" href="https://visiting.europarl.europa.eu/it" /> <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="fr" href="https://visiting.europarl.europa.eu/fr" /> <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="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>Home | Visita | Parlamento europeo</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="Visitate l'istituzione dell'UE che rappresenta i cittadini europei. Il Parlamento europeo accoglie gruppi e singoli visitatori a Bruxelles, Strasburgo e Lussemburgo." /> <meta itemprop="name" content="Home | Visita | Parlamento europeo" /> <meta itemprop="description" content="Visitate l'istituzione dell'UE che rappresenta i cittadini europei. Il Parlamento europeo accoglie gruppi e singoli visitatori a Bruxelles, Strasburgo e Lussemburgo." /> <meta property="og:title" content="Home | Visita | Parlamento europeo" /> <meta property="og:url" content="https://visiting.europarl.europa.eu/it" /> <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="Visitate l'istituzione dell'UE che rappresenta i cittadini europei. Il Parlamento europeo accoglie gruppi e singoli visitatori a Bruxelles, Strasburgo e Lussemburgo." /> <meta property="twitter:card" content="summary" /> <meta property="twitter:title" content="Home | Visita | Parlamento europeo" /> <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="Visitate l'istituzione dell'UE che rappresenta i cittadini europei. Il Parlamento europeo accoglie gruppi e singoli visitatori a Bruxelles, Strasburgo e Lussemburgo." /> <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":"it","uilang":"it","siteUuid":"ba2c8414-8252-4558-a458-88d2b00a87af","wcag":false,"ckeCfg":""}</script> <script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"it_IT"}</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="it" 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="Salta i collegamenti di navigazione"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Accedi al contenuto della pagina (premi "Invio")</span></a></li> <li><a href="#language-select"><span class="label">Accedi direttamente al menù delle lingue (premere "Invio")</span></a></li> <li><a href="#search-field"><span class="label">Accedi direttamente al menù di ricerca (premere "Invio")</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="/it/homepage/Header/header/toolbartop/languageswitcher.ChangeLanguage.do" method="post"> <input name="page" type="hidden" value="/cms/render/live/it/sites/visiting/homepage.default.html"/> <input name="baseUrl" type="hidden" value="/cms/render/live/it"/> <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">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" selected="selected">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">Cambia la lingua di navigazione</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" > IT - italiano</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> <a href="/fr" 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 class="current" aria-current="true"> <a href="" 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">Mostra altri siti</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/it" tabindex="0"> <span class="content"> <span class="label">Attualità</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/topics/it/" tabindex="0"> <span class="content"> <span class="label">Tematiche</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/meps/it/home" tabindex="0"> <span class="content"> <span class="label">Deputati</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/aboutparliament/it" tabindex="0"> <span class="content"> <span class="label">Tutto sul Parlamento</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://www.europarl.europa.eu/plenary/it" tabindex="0"> <span class="content"> <span class="label">Plenaria</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://europarl.europa.eu/committees/it" tabindex="0"> <span class="content"> <span class="label">Commissioni</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/it" tabindex="0"> <span class="content"> <span class="label">Delegazioni</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-0"> <!-- ### START mant:link.ParlHead ### --><a href="https://elections.europa.eu/it/" tabindex="0"> <span class="content"> <span class="label">Elezioni</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">Altri siti</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://multimedia.europarl.europa.eu/it" 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/en" tabindex="0"> <span class="content"> <span class="label">Il sito del Presidente</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">Segretariato generale</span> </span> </a> <!-- ### END mant:internalLink.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://europarl.europa.eu/thinktank/it/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://europarl.europa.eu/at-your-service/it" tabindex="0"> <span class="content"> <span class="label">Al vostro servizio</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://europarl.europa.eu/visiting/it" tabindex="0"> <span class="content"> <span class="label">Visite</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://europarl.europa.eu/contracts-and-grants/it/" tabindex="0"> <span class="content"> <span class="label">Contratti e sovvenzioni</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=IT" tabindex="0"> <span class="content"> <span class="label">Registro</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://data.europarl.europa.eu/it/home" tabindex="0"> <span class="content"> <span class="label">Portale dei dati aperti</span> </span> </a> <!-- ### END mant:link.ParlHead ### --></li> <li class="level-1"> <!-- ### START mant:link.ParlHead ### --><a href="https://liaison-offices.europarl.europa.eu/it" tabindex="0"> <span class="content"> <span class="label">Uffici di collegamento</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="/it" class="title"> <span class="labeltxt">Visita</span> </a> <a href="https://www.europarl.europa.eu/portal/it" class="subtitle"> <span class="labeltxt">Parlamento europeo</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="/it" target="_self"><span class="content"><span class="label">Home</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">Offerta per i visitatori</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/it/visitor-offer" target="_self"><span class="content"><span class="label">Visualizza tutto</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="/it/visitor-offer/brussels/parlamentarium" target="_self"><span class="content"><span class="label">Il Parlamentarium</span></span></a></li><li class="level-2 "><a href="/it/visitor-offer/brussels/hemicycle" target="_self"><span class="content"><span class="label">L'Emiciclo del Parlamento europeo</span></span></a></li><li class="level-2 "><a href="/it/visitor-offer/brussels/house-of-european-history" target="_self"><span class="content"><span class="label">Casa della storia europea</span></span></a></li><li class="level-2 "><a href="/it/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">Strasburgo</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/it/visitor-offer/strasbourg/hemicycle" target="_self"><span class="content"><span class="label">Il Parlamento europeo a Strasburgo</span></span></a></li><li class="level-2 "><a href="/it/visitor-offer/strasbourg/parlamentarium-simone-veil" target="_self"><span class="content"><span class="label">Il Parlamentarium Simone Veil</span></span></a></li><li class="level-2 "><a href="/it/visitor-offer/strasbourg/events-and-exhibitions" target="_self"><span class="content"><span class="label">Eventi e mostre a Strasburgo</span></span></a></li></ul></li><li class="level-1 "><a href="/it/visitor-offer/other-locations/europa-experience/luxembourg" target="_self"><span class="content"><span class="label">Lussemburgo</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">Altre sedi</span><span class="current-element"></span></span></a><ul class="menu-level-2"><li class="level-2 "><a href="/it/homepage/pageContent-area/offer/europa-experience.html" target="_self"><span class="content"><span class="label">Esperienza Europa</span></span></a></li><li class="level-2 "><a href="/it/visitor-offer/other-locations/jean-monnet-house" target="_self"><span class="content"><span class="label">Casa 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">Didattica e apprendimento</span><span class="current-element"></span></span></a><ul class="menu-level-1"><li class="level-1 "><a href="/it/education-learning" target="_self"><span class="content"><span class="label">Visualizza tutto</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/it/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/it/education-learning?location=Strasbourg" target="_self"><span class="content"><span class="label">Strasburgo</span></span></a></li><li class="level-1 "><a href="https://visiting.europarl.europa.eu/it/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/it/education-learning?location=Other" target="_self"><span class="content"><span class="label">Altre sedi</span></span></a></li></ul></li><li class="level-0 "><a class="link-level-0" href="/it/online-activities" title="Scopri i giochi, le risorse didattiche e le attività interattive disponibili online per aiutarti a capire il Parlamento europeo e l'impatto che ha sulla tua vita."><span class="content"><span class="label">Attività online</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">Parlamento europeo</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">Home</span><span class="ep_icon"> </span></span> </span> </h1> </div> </div> </div> </div> <!-- ### START mant:visitingSearch.home ### --> <div class="visitSearch visitingSearch" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg); background-position: center;"> <div class="ep_gridrow" style="letter-spacing: initial; height:100%;"> <div id="searchLanguage" style="position: absolute; margin-top: 355px; margin-left: 2%;"> <div class="white languageBubble lsn" style="position: relative;"> <div class="bubbleContent">24</div> <i class="fas fa-flip-horizontal fa-comment-alt"></i> <span style=" position: absolute; top: 7px; left: 50px;">lingue</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;"> VISITA<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> GIOCA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> IMPARA</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;">VISITA<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> GIOCA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> IMPARA</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;">VISITA<span style="vertical-align: super; font-weight: bolder; margin: 10px;">.</span> GIOCA<span style="vertical-align: super;font-weight: bolder; margin: 10px;">.</span> IMPARA</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="Seleziona sede"> <option value="" disabled="disabled" selected="selected">Seleziona sede</option> <option value="Brussels">Bruxelles</option> <option value="Strasbourg">Strasburgo</option> <option value="Luxembourg">Lussemburgo</option> <option value="Other">Altre sedi</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="Definisci dimensioni e tipo" title="Definisci dimensioni e tipo"> <option value="" disabled="disabled" selected="selected">Definisci dimensioni e tipo</option> <option value="individual">Visite individuali </option> <option value="family">Visite in famiglia</option> <option value="groups">Visite di gruppo (> 10 persone)</option> <option value="school">Visite di scolaresche</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">Cerca la nostra offerta</span> </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(() => { dom.setJspInput('visiting-search-component-data', { schoolListPageUrl: '/it/education-learning', generalListPageUrl: '/it/visitor-offer', specificDatesUrl: '/it/homepage/pageContent-area/visiting-home-header.Calendar.do', labels: { placeholder: 'Data', confirmTheDate: 'Conferma la data', days: ['Settimana', 'L', 'M', 'M', 'G', 'V', 'S', 'D'], actions: ['Oggi', 'Domani', 'Questa settimana', 'Prossima settimana', 'Prossime due settimane', 'Prossimo mese'], tags: ['Sessione plenaria a Strasburgo', 'Sessione plenaria a Bruxelles', 'Nessuna visita'], months: ['gennaio', 'febbraio', 'marzo', 'aprile', 'maggio', 'giugno', 'luglio', 'agosto', 'settembre', 'ottobre', 'novembre', 'dicembre'], }, }); }); </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>Offerta per i visitatori</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="/it/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>Il Parlamento europeo a Strasburgo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Strasburgo</div> <div class="location" style="color: #223065">Parlamento europeo</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="/it/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’emiciclo del Parlamento europeo</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">Emiciclo</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="/it/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>Il 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">Il 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="/it/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>Casa della storia europea</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">Casa della storia europea</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="/it/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>Casa Jean-Monnet</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Altre sedi</div> <div class="location" style="color: #953984">Casa 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="/it/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>Esperienza Europa</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Altre sedi</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="/it/visitor-offer"> <span class="sr-only">Offerta per i visitatori</span> <span class="ep_name"> Visualizza tutto</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-77cb3b1f-2ad5-4ca1-9374-07e1d5745c1d-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/it/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>Didattica e apprendimento</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/#/it/" 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>Viaggio Virtuale</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> In linea</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/en/learn#paragraph-teachers" 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>Visite Virtuali</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">Casa della storia europea</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="/it/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>Gioco di ruolo</span> </h2> </div> <div class="flip-card-location-wrapper"> <div class="flip-card-location"> <div class="city"> Altre sedi</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="/it/education-learning"> <span class="sr-only">Didattica e apprendimento</span> <span class="ep_name"> Visualizza tutto</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-bcf27b52-9f78-45bd-a895-d6ef3797cfa3-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/it/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>Mostre ed eventi</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="/it/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> al <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>The Looting of Art in History </span> </h2> <p> <p style="text-align: justify;">Join us in the House of European History for a panel debate, which will explore the practice of art looting during war, a practice which was widespread during the period of the Thirty Years War and recently popularised in the film ‘The Monuments Men.’</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Casa della storia europea</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="/it/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> al <strong> <time datetime="17:00">17:00</time> </strong></span> <span> <strong> <time datetime="2024-10-25">25-10-2024</time> </strong> al <strong> <time datetime="2025-02-11">11-02-2025</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>“Bold Voices”: new acquisitions of works of art</span> </h2> <p> <p style="text-align: justify;">“Bold Voices”, a new exhibition will be displayed in the visitor’s circuit in Strasbourg. It showcases new acquisitions from the European Parliament’s collection of contemporary art and enriches the cultural offer for the visitors.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Strasburgo</div> <div class="locate">Parlamento europeo</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="/it/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> al <strong> <time datetime="21:30">21:30</time> </strong></span> <span> <strong> <time datetime="2024-11-13">13-11-2024</time> </strong> al <strong> <time datetime="2024-11-27">27-11-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>The Thirty Years War in European Film</span> </h2> <p> <p style="text-align: justify;">This month the House of European History will host three screenings of famous films that represent and (re)imagine the Thirty Years War. The films will be introduced by film curator Wouter Hessels and will be preceded by a tour of the exhibition.</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Casa della storia europea</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="/it/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> al <strong> <time datetime="2024-12-17">17-12-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>European Parliament's Tuesday concerts</span> </h2> <p> <p>Take a break and enjoy live music during your lunch hour at the Info Hub!</p> <p> </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="/it/exhibition/changemakers" class="ep_gridcolumn-content equalHMbottom" target="_self"> <div> <figure> <img src="/files/live/sites/visiting/files/Images/Exhibitions/exhibit_changemakers.png" alt="" srcset=" /files/live/sites/visiting/files/Images/Exhibitions/exhibit_changemakers.png 320w, /files/live/sites/visiting/files/Images/Exhibitions/exhibit_changemakers.png 640w, /files/live/sites/visiting/files/Images/Exhibitions/exhibit_changemakers.png 1176w " sizes="100vw" role="presentation" > </figure> </div> <div class="info" style="background-color: #953984;"> <span> </span> <span> <strong> <time datetime="2024-11-14">14-11-2024</time> </strong> al <strong> <time datetime="2025-02-16">16-02-2025</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Changemakers</span> </h2> <p> <p style="text-align: justify;">Vi siete mai chiesti in che modo l'arte possa affrontare la realtà sociale e cambiare in positivo il presente? Come può cambiare il nostro punto di vista sul mondo contemporaneo e aiutarci a costruire un futuro migliore?</p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Il Parlamentarium</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="/it/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> al <strong> <time datetime="13:00">13:00</time> </strong></span> <span> <strong> <time datetime="2024-11-05">05-11-2024</time> </strong> al <strong> <time datetime="2024-11-26">26-11-2024</time> </strong></span> </div> <div class="content"> <h2 class="title"> <span>Lunchtime tours every Tuesday</span> </h2> <p> <p style="text-align: justify;">November Lunch Tours theme – <strong>'Revolutions'</strong></p> </p> </div> <div class="location"> <div style="display: flex;"> <div class="city">Bruxelles</div> <div class="locate">Casa della storia europea</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="/it/visitor-offer"> <span class="sr-only">Mostre ed eventi</span> <span class="ep_name"> Visualizza tutto</span> <span class="ep_icon"> </span> </a> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ var map = {}; $("body").on('click','#event-6e8eb322-db4a-4ada-82c9-68a4a8b84b97-loadMoreBtn',function() { map["queryType"] = "permanentOfferList"; $.ajax({ type: "POST", url: '/it/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/it/use-your-vote/" target="_blank"> <span class="white" style="font-size: 3em; align-self: center; text-align: center;">INSIEME PER LA DEMOCRAZIA</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/it/';" 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">Registrati</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/it/use-your-vote/" target="_blank"> <span class="ep_name" data-visibility480="" data-visibility320="" style="position: relative; opacity: 1;" spellcheck="false">INSIEME PER LA DEMOCRAZIA</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;">Il futuro dell'Europa dipende da noi tutti: insieme possiamo trovare soluzioni per contribuire ad affrontare i problemi di fondo. Cogli l'occasione per saperne di più su insieme-per.eu e scoprire come partecipare al cambiamento.</p> <p> </p> </span> </span> </div> <button class="ep_button" type="button" onclick="event.stopPropagation();location.href='https://together.europarl.europa.eu/it/';" style="background-color: #008298; color: white; padding: 15px;cursor: pointer;"> <span class="ep_name" style="font-weight: bolder; letter-spacing: 0.7px;">Registrati</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/it/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>Sotto i riflettori</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/it/use-your-vote/" target="_blank"> <span class="ep_name" style="font-size: 0.7em; line-height: 1.3em; text-align: center;" spellcheck="false">INSIEME PER LA DEMOCRAZIA</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/it/';" 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;">Registrati</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/en/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">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture “Yellow Whirl” by Zsófi Barabás complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</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/en/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;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more – both inside the European Parliament in Strasbourg and around in the EYE Village.</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 now in Dublin!</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p>Visit the new Europa Experience, which has opened in Dublin. Discover the exhibition and learn more about the European Union and how it affects your daily life using interactive stations and a Role Play Game.</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/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" 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">The House of European History welcomes its millionth visitor</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">On Tuesday 12 November, Raquel Correia, a European studies student from Porto, became the millionth visitor to the House of European History where she received a warm welcome to the museum by President of the European Parliament 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/en/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">Hungarian Presidency of the European Council</span></div> </h2> </div> </a> <div class="ep-a_text" data-visibility480="" data-visibility320="" spellcheck="false"><p style="text-align: justify;">The sculpture “Yellow Whirl” by Zsófi Barabás complements the temporary art exhibition dedicated to the Hungarian Presidency of the Council of the EU located inside the European Parliament. This sculpture represents artworks from the Art Collection of the European Parliament and the collection of the Central Bank of Hungary.</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/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/en/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;">The sixth edition of the EYE will take place on 13 and 14 June 2025, offering an interactive and dynamic mix of activities, debates, workshops, visits, artistic performances and much more – both inside the European Parliament in Strasbourg and around in the EYE Village.</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/en/council-eu/presidency-council-eu/" target="_blank">Hungarian Presidency of the European Council<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/en/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="https://visiting.europarl.europa.eu/en/visitor-offer/other-locations/europa-experience/dublin" target="_blank">Europa Experience now in 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://historia.europa.eu/en/our-work/news/house-european-history-welcomes-one-millionth-visitor" target="_blank">The House of European History welcomes its millionth visitor<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 = '/it/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>Restiamo in contatto</span> </div> <div> <span>Abbonati alla nostra newsletter</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="https://www.epsurvey.efmfeedback.com/se/306CD26F4B5CB9A5"> <span class="ep_name">Iscriviti</span> <span class="ep_hidden">Iscriviti</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">Iscriviti</span> <span class="ep_hidden">Iscriviti</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>Mantieniti al corrente</span> </div> <div> <span>Segui #VisitEP sui social media</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>Più domande?</span> </div> <div> <span>Inviate un'email</span> </div> <div class="button noOnPad" style="width: auto;"> <a href="mailto:visit@europarl.europa.eu"> <span class="ep_name">Contatto</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">Contatto</span> </a> </div> </div> </div> </div> </div> </div> </section> <!-- ### END mant:visitingContact.home ### --><!-- ### START mant:linkBox.home ### --><section class="ep_gridrow ep-o_calltoactionbanner linkBox" style="position: relative"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-layout_image" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div class="ep_gridcolumn ep-m_header" data-view1200="12" data-view1020="12" data-view750="12" data-view640="8" data-view480="8" data-view320="4"> <div class="ep_gridcolumn-content"> <div class="ep-a_media ep-layout_banner"> <figure> <div class="ep_media ep-layout_image"> <div class="ep-p_image ep-layout_banner"> <div class="ep_image"> <img role="presentation" src="/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg"/> <span class="ep_small" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_medium" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_large" style="background-image:url(/files/live/sites/visiting/files/X06jd2A-crop977x475.jpeg);"> </span> <span class="ep_icon"> </span> </div> </div> </div> </figure> </div> </div> </div> </div> </div> </div> <div class="layoutTop" style="width: 100%; z-index: 3; background-color: black; position: absolute; top: 0; left: 0; padding: 10px 0"> <div class="ep_gridrow"> <div class="ep_gridrow-content"> <div style="color: #fff; letter-spacing: normal; font-size: 1.5em; font-weight: 600;"> <span>Visita le altre istituzioni</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">Commissione europea</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://www.consilium.europa.eu/en/contact/visits/" class="linkBoxLink" > <span class="ep_name">Consiglio europeo - Consiglio dell'Unione europea</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://www.eesc.europa.eu/en/contact/visit-eesc" class="linkBoxLink" > <span class="ep_name">Comitato economico e sociale europeo</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> <div class="ep_gridcolumn ep-layout_content linkBoxItem " data-view1200="3" data-view1020="3" data-view750="6" data-view640="8" data-view480="8" data-view320="4"> <!-- ### START mant:linkBoxItem.default ### --><div class="ep-p_text"> <div style="color: #76e4ff; font-size: 1.5em; line-height: normal; text-transform: uppercase; font-weight: 600;"> <span class="ep_name">Bruxelles</span> </div> <a href="https://cor.europa.eu/en/engage/Pages/book-your-visit.aspx" class="linkBoxLink" > <span class="ep_name">Comitato europeo delle regioni</span> <span class="ep_icon"> </span> </a> </div> <!-- ### END mant:linkBoxItem.default ### --></div> </div> </div> </div> </div> </section> <!-- ### END mant:linkBox.home ### --><!-- ### START mant:specificDateManagement.home ### --><!-- ### END mant:specificDateManagement.home ### --><script type="text/javascript"> // window.addEventListener("load", (event) => { // document.getElementById('startDate').min = new Date().toISOString().split("T")[0]; // document.getElementById('endDate').min = new Date().toISOString().split("T")[0]; // }); function collapse() { var coll = document.getElementsByClassName("custom_collapsible"); var i; for (i = 0; i < coll.length; i++) { coll[i].classList.toggle("active"); var content = coll[i].nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } } } function handleAddHemicycleClosingDays() { const startDate = document.getElementById('startDate').value; const endDate = document.getElementById('endDate').value; const type = document.getElementById('type').value; const mode = document.getElementById('mode').value; const warning = document.getElementById("warning"); const repeatingDays = Array.from(document.getElementById('repeatingDays').selectedOptions).map(v => v.value); if (!startDate || !endDate || repeatingDays.length === 0 || !type || !mode) { warning.textContent = "Please fill in all fields!!!"; return } const url = '/it/homepage/pageContent-area/specificdatemanagement.AutoAddHemicycleClosingDays.do'; warning.textContent = "Processing request, please WAIT FOR PAGE REFRESH"; $.ajax({ type: "POST", url: url, data: {startDate: startDate, endDate: endDate, repeatingDays: repeatingDays, type: type, mode: mode}, success: function () { window.location.reload(); return false; } }); } </script> <style> .custom_collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .custom_collapsible.active, .custom_collapsible:hover { background-color: #ccc; } /* Style the collapsible content. Note: hidden by default */ .custom_content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; } .custom_collapsible:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: white; float: right; margin-left: 5px; } .custom_collapsible.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .flex-container { display: flex; } .flex-container > div { margin: 10px; padding: 20px; font-size: 12px; } .select-style { border: 1px solid #ccc; width: 200px; border-radius: 3px; overflow: hidden; } .select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style select:focus { outline: none; } </style></main> <!-- ### START mant:footer.default ### --><footer id="website-footer" role="contentinfo"> <h2 class="ep_hidden"> <span class="ep_name">Footer</span> <span class="ep_icon"> </span> </h2> <!-- COMPOSANT "FOOTER LINKS" --> <div class="ep_footer-relatedlinks"> <!-- ### START mant:WSLinks.default ### --><div class="ep_websitelinks" id="website-links"> <h3 class="ep_title" id="website-links-title"> <span class="ep_name">Visita</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="website-links-access" aria-controls="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db30491" role="tab"> <a href="#website-links"> <span class="ep_hidden">Mostra il menù:</span> <span class="ep_name">Mostra il menù:Visita</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentb2c0081b-11cb-47fd-b58a-5e68b8db3049"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://visit.brussels/it" class="ep_button"> <span class="ep_name">Informazioni turistiche – Bruxelles</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitstrasbourg.fr/it/benvenuto/" class="ep_button"> <span class="ep_name">Informazioni turistiche – Strasburgo</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.visitluxembourg.com/en" class="ep_button"> <span class="ep_name">Informazioni turistiche – Lussemburgo</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_it" class="ep_button"> <span class="ep_name">Visita le altre istituzioni dell'UE</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">Nascondi il menù:</span> <span class="ep_name">Nascondi il menù:Visita</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:WSLinks.default ### --><!-- ### START mant:EPLinks.default ### --><div class="ep_europarllinks" id="europarl-links"> <h3 class="ep_title" id="europarl-links-title"> <span class="ep_name">Parlamento europeo</span> <span class="ep_icon"> </span> </h3> <div class="ep_menu-access ep_openaccess" id="europarl-links-access" aria-controls="europarl-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d" role="tab"> <a href="#europarl-links"> <span class="ep_hidden">Mostra il menù:</span> <span class="ep_name">Mostra il menù:Parlamento europeo</span> <span class="ep_icon"> </span> </a> </div> <div class="ep_list" data-numberitems="5" id="website-links-contentd5c78371-2848-4b0b-80ca-834708a23f9d"> <ul aria-labelledby="website-links-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/news/it" class="ep_button"> <span class="ep_name">Attualità</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/meps/it/home" class="ep_button"> <span class="ep_name">Deputati</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/about-parliament/it" class="ep_button"> <span class="ep_name">Tutto sul Parlamento</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/plenary/it/home.html" class="ep_button"> <span class="ep_name">Plenaria</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/committees/it/home.html" class="ep_button"> <span class="ep_name">Commissioni</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/delegations/it/home" class="ep_button"> <span class="ep_name">Delegazioni</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">Nascondi il menù:</span> <span class="ep_name">Nascondi il menù:Parlamento europeo</span> <span class="ep_icon"> </span> </a> </div> </div> <!-- ### END mant:EPLinks.default ### --></div> <span class="ep_footer-separator"> </span> <div class="ep_footer-otherlinks"> <!-- ### START mant:socialsLinks.default ### --><!-- COMPOSANT "SOCIAL LINKS" --> <div class="ep_sociallinks" id="socialmedia"> <h3 class="ep_hidden" id="socialmedia-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="socialmedia-title"> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.facebook.com/europeanparliament" class="ep_button ep_facebook"> <span class="ep_name">Visita il Parlamento su facebook</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.flickr.com/photos/european_parliament/" class="ep_button ep_flickr"> <span class="ep_name">Visita il Parlamento su Flickr</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.instagram.com/europeanparliament" class="ep_button ep_instagram"> <span class="ep_name">Visita il Parlamento su Instagram</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.linkedin.com/company/european-parliament" class="ep_button ep_linkedin"> <span class="ep_name">Visita il Parlamento su Linkedin</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.pinterest.com/epinfographics/" class="ep_button ep_pinterest"> <span class="ep_name">Visita il Parlamento su Pinterest</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.reddit.com/r/europeanparliament/" class="ep_button ep_reddit"> <span class="ep_name">Visita il Parlamento su Reddit</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.snapchat.com/add/europarl" class="ep_button ep_snapchat"> <span class="ep_name">Visita il Parlamento su Snapchat</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://twitter.com/Europarl_en" class="ep_button ep_twitter"> <span class="ep_name">Visita il Parlamento su Twitter</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> <li class="ep_item"> <!-- ### START mant:link.SocialLink ### --><a href="https://www.youtube.com/user/EuropeanParliament" class="ep_button ep_youtube"> <span class="ep_name">Visita il Parlamento su Youtube</span> <span class="ep_icon"> </span> </a> <!-- ### END mant:link.SocialLink ### --></li> </ul> </div> </div> <!-- ### END mant:socialsLinks.default ### --><!-- ### START mant:mandatoryLinks.default ### --><!-- COMPOSANT "MANDATORY LINKS" --> <div class="ep_mandatorylinks" id="informationlinks"> <h3 class="ep_hidden" id="informationlinks-title"> <span class="ep_name">Information links</span> <span class="ep_icon"> </span> </h3> <div class="ep_list"> <ul aria-labelledby="informationlinks-title"> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/it/sitemap" class="ep_button"> <span class="ep_name">Mappa del sito</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/portal/it/contact" class="ep_button"> <span class="ep_name">Contatti</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/privacy-policy/it/" class="ep_button"> <span class="ep_name">Avvertenza legale - Informativa sulla privacy</span> </a> <!-- ### END mant:link.footer ### --></li> <li class="ep_item"> <!-- ### START mant:link.footer ### --><a href="https://www.europarl.europa.eu/rss/it/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/it/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>