CINXE.COM
Fete des lumieres
<!DOCTYPE html> <html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://www.fetedeslumieres.lyon.fr/fr" /> <link rel="shortlink" href="https://www.fetedeslumieres.lyon.fr/fr" /> <meta name="description" content="Bienvenue sur le site officiel de la F锚te des Lumi猫res. Un festival gratuit organis茅 chaque ann茅e autour du 8 d茅cembre." /> <meta name="keywords" content="f锚te des lumi猫res, FDL, Lyon" /> <meta property="og:title" content="F锚te des Lumi猫res 2024" /> <meta property="og:description" content="Visuel 2024 de la F锚te des Lumi猫res de Lyon du 5 au 8 d茅cembre" /> <meta property="og:image" content="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_1200x630_OG.jpg" /> <meta property="og:image:url" content="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_1200x630_OG.jpg" /> <meta property="og:image:alt" content="F锚te des Lumi猫res 2024" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@fetelumieres" /> <meta name="twitter:description" content="Site officiel de la F锚te des Lumi猫res" /> <meta name="twitter:site:id" content="390723216" /> <meta name="twitter:creator" content="@fetelumieres" /> <meta name="twitter:creator:id" content="390723216" /> <meta name="twitter:url" content="https://www.fetedeslumieres.lyon.fr/fr/accueil/fete-des-lumieres" /> <meta name="twitter:image:alt" content="F锚te des Lumi猫res 2024" /> <meta name="twitter:image" content="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_X_1500x500.jpg" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <link rel="icon" href="/sites/fdl/files/SIGLE_8_2024_FLAVICON_B.svg" type="image/svg+xml" /> <link rel="alternate" hreflang="fr" href="https://www.fetedeslumieres.lyon.fr/fr" /> <link rel="alternate" hreflang="en" href="https://www.fetedeslumieres.lyon.fr/en" /> <title>Fete des lumieres</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/ajax-progress.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/autocomplete-loading.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/progress.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/sticky-header.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tabledrag.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tree-child.module.css?snlrnu" /> <link rel="stylesheet" media="all" href="/modules/custom/editorial/css/editorial.css?snlrnu" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?snlrnu" /> <link rel="stylesheet" media="all" href="/modules/custom/tarteaucitron_cookies/css/tarteaucitron.css?snlrnu" /> <link rel="stylesheet" media="all" href="/modules/custom/tarteaucitron_cookies/css/tarteaucitron_custom.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/user.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/progress.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/node.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/affix.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/book.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/contextual.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/feed-icon.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/field.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/header.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/help.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/icons.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/image-button.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/item-list.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/list-group.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/media.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/page.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/search-form.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/shortcut.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/sidebar.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/site-footer.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/skip-link.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/table.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tabledrag.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tableselect.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tablesort-indicator.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/ui.widget.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tabs.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/toolbar.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/vertical-tabs.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/views.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/webform.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/ui-dialog.css?snlrnu" /> <link rel="stylesheet" media="all" href="//cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" /> <link rel="stylesheet" media="all" href="/themes/custom/fdl/css/main.css?snlrnu" /> <link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/colors/messages/messages-white.css?snlrnu" /> <link rel="stylesheet" media="print" href="/themes/contrib/bootstrap_barrio/css/print.css?snlrnu" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"fr\/","currentPath":"node\/960","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"tarteaucitron_cookies":{"config":{"privacy_url":"","panel_hashtag":"cookies","cookie_name":"tarteaucitron","orientation":"bottom","group_services":false,"show_alert_small":false,"cookies_list":false,"adblocker_warning":false,"deny_all_cta":true,"accept_all_cta":true,"high_privacy":true,"handle_browser_dnt_request":false,"remove_credit":true,"show_more_info_link":true,"cookie_domain":"","read_more_link":"","mandatory":true,"icon_src":null,"icon_position":"BottomRight"},"services":{"adobeanalytics":"","alexa":"","amplitude":"","clicky":"","compteur":"","crazyegg":"","clarity":"","etracker":"","ferank_privacy":0,"firebase":"","google_analytics":"","google_analytics_gajs":"","google_analytics_gtagjs":"","get_plus":"","get_quanty":"","hotjar_id":"","hotjar_sv":"","hubspot":"","kameleoon":"","koban_url":"","koban_api_key":"","matomoHost":"https:\/\/stats.lyon.cloud-ed.fr\/","matomoId":"1","matomotm":"","mautic":"","simpleanalytics":0,"twitteruwt":"","visualrevenue":"","webmecanik":"","xiti":"","yandex_metrica":"","abtasty":"","contentsquare":"","google_fonts":"","google_jsapi":0,"google_tag_manager":"","onesignal":"","pingdom":"","stonly":"","tagcommander":"","typekit":"","addthis":"","fbpixel":"","purechat":"","smartsupp":"","tawkto":"","userlike":"","zopim":"","vimeo":0,"youtube":1}},"user":{"uid":0,"permissionsHash":"0c04827e38bc5eb0fa95a2c5a4d396767989ee56185667a234e6b32cbd4cb6f4"}}</script> <script src="/sites/fdl/files/js/js_T0hsSbLE49mPSXa1BW0ZVC8WvgugtDM6uodpfuygYRE.js"></script> </head> <body class="layout-no-sidebars page-node-960 path-frontpage node--type-homepage"> <style> :root { --svg-before: url(/sites/fdl/files/2024-10/SIGLE_REFLET_2024_VV.svg); --svg-display: block; --primary-color: #8d87fd; --secondary-color: #a7fcd1; --background-color: #261e52; } </style> <a href="#main-content" class="visually-hidden focusable skip-link"> Aller au contenu principal </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div id="page-wrapper"> <div class="splash-screen"> <button class="navbar-toggler navbar-toggler-primary " type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="toogler-icon"></span> <span class="toogler-icon"></span> <span class="toogler-icon"></span> <p class="toogler-info"> MENU</p> </button> <picture> <source media="(max-width: 480px)" srcset="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_480x853_3.jpg" alt="F锚te des Lumi猫res 2024"/> <source media="(max-width: 768px)" srcset="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_768X1024_3.jpg" alt="F锚te des Lumi猫res 2024" /> <source media="(min-width: 768px)" srcset="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_1024x7682.png" alt="F锚te des Lumi猫res 2024"/> <img src="https://www.fetedeslumieres.lyon.fr/sites/fdl/files/2024-10/FDL_24_1024x7682.png" alt="F锚te des Lumi猫res 2024" /> </picture> <a class="btn-rounded" href="#page" title="Aller plus bas dans la page" aria-labelledby="Aller plus bas dans la page"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="30" viewBox="0 0 25 30" fill="none"> <path d="M14.5461 1.75212C14.5654 1.8714 14.5744 1.99212 14.5728 2.11289L14.5728 22.6783L14.7814 22.2298C14.9889 21.7915 15.2712 21.3928 15.6157 21.0514L21.3827 15.2844C22.1078 14.5248 23.2742 14.3972 24.1463 14.9819C25.0757 15.6625 25.2775 16.9675 24.597 17.897C24.542 17.9721 24.482 18.0435 24.4175 18.1105L13.9888 28.5392C13.1747 29.3542 11.8541 29.3549 11.0391 28.5408C11.0386 28.5403 11.038 28.5397 11.0375 28.5392L0.608833 18.1105C-0.204538 17.2949 -0.202711 15.9743 0.61294 15.1608C0.677141 15.0968 0.745447 15.0371 0.817406 14.9819C1.68957 14.3972 2.85595 14.5248 3.581 15.2844L9.35848 21.041C9.66482 21.347 9.92169 21.6988 10.1198 22.0838L10.4013 22.7096L10.4013 2.22767C10.3618 1.16219 11.1061 0.227388 12.1534 0.0272236C13.2904 -0.157169 14.3616 0.615074 14.5461 1.75212Z" fill="white"/> </svg> </a> </div> <div id="page"> <header id="header" class="header" role="banner" aria-label="Site header"> <nav role="navigation" class="navbar navbar-expand-lg" id="navbar-main"> <a class="navbar-brand" href="/fr" title="Lien vers la page Home" aria-labelledby="Lien vers la page Accueil" rel="home"> <span class="visually-hidden">Fete des lumieres</span> <img src="/sites/fdl/files/FDL_LYON_2024_TRAIT_BLC_HORIZONTAL_0.png" alt="Accueil" class="logo" /> </a> <button class="navbar-toggler navbar-toggler-primary " type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="toogler-icon"></span> <span class="toogler-icon"></span> <span class="toogler-icon"></span> <p class="toogler-info">MENU</p> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div id="block-menusheader" class="block block-blockgroup block-block-groupmenus-header" > <div class="header-nav-mob"> <p class="title-head-nav"> Menu </p> <div class="close-menu"> <button type="button" class="btn-close btn-close-white btn-close-collapse" aria-label="Close"></button> <p> Fermer</p></div> </div> <div class="content"> <nav role="navigation" aria-labelledby="block-navigationsecondaire-menu" id="block-navigationsecondaire" class="block block-menu navigation menu--navigation-secondaire"> <h2 class="visually-hidden" id="block-navigationsecondaire-menu">Navigation secondaire</h2> <ul data-region="menus_header" id="block-navigationsecondaire" class="clearfix"> <li> <a href="/fr/page/handi-accueil" class="menu-image-link"> <img src="/sites/fdl/files/2022-11/handi%20accueil.png" width="97" height="25" alt="handi accueil f锚te des lumi猫re 2022" loading="lazy" typeof="foaf:Image" /> </a> <a href="/fr/page/handi-accueil" title="Handi-accueil" data-drupal-link-system-path="node/1027">Handi-accueil</a> </li> <li> <a href="/fr/espace-groupe/espace-presse" class="menu-image-link"></a> <a href="/fr/espace-groupe/espace-presse" title="Espace presse" data-drupal-link-system-path="node/1910">Presse</a> </li> <li> <a href="/fr/page/partenaires" class="menu-image-link"></a> <a href="/fr/page/partenaires" title="Partenaires" data-drupal-link-system-path="node/116">Partenaires</a> </li> </ul> </nav> <div tabindex="3" role="navigation" class="menu-pr w-100 d-flex flex-column flex-md-row justify-content-between align-items-start align-items-lg-center menu-zone"> <div class="w-100 d-flex flex-column flex-lg-row align-items-start align-items-md-center position-relative c-search-hide"> <ul data-region="menus_header" id="block-fdl-main-menu" class="clearfix menu menu-level-0"> <div class="dropdown"> <li class="custom-menu-dropdown"> <button data-region="menus_header" id="block-fdl-main-menu" class="clearfix menu menu-level-0 menu-item menu-item--expanded" class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-labelledby="Bouton pour l'affichage du menu enfant"> Programme </button> <ul class="dropdown-menu"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="custom-menu-dropdown"> <a href="/fr/edition/edition-2024" title="Lien menu de navigation principale vers page: 艗uvres lumi猫re" aria-label="Lien menu de navigation principale vers page : 艗uvres lumi猫re" class="menu menu-level-1 menu-item" > 艗uvres lumi猫re </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/carte-2024" title="Lien menu de navigation principale vers page: Carte" aria-label="Lien menu de navigation principale vers page : Carte" class="menu menu-level-1 menu-item" > Carte </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/les-lumignons-du-coeur" title="Lien menu de navigation principale vers page: Lumignons du C艙ur" aria-label="Lien menu de navigation principale vers page : Lumignons du C艙ur" class="menu menu-level-1 menu-item" > Lumignons du C艙ur </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/trophee-des-lumieres" title="Lien menu de navigation principale vers page: Troph茅e des Lumi猫res" aria-label="Lien menu de navigation principale vers page : Troph茅e des Lumi猫res" class="menu menu-level-1 menu-item" > Troph茅e des Lumi猫res </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </ul> </li></div> <div class="dropdown"> <li class="custom-menu-dropdown"> <button data-region="menus_header" id="block-fdl-main-menu" class="clearfix menu menu-level-0 menu-item menu-item--expanded" class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-labelledby="Bouton pour l'affichage du menu enfant"> Lyon, ville lumi猫re </button> <ul class="dropdown-menu"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="custom-menu-dropdown"> <a href="/fr/page/histoire-de-la-fete" title="Lien menu de navigation principale vers page: Histoire de la F锚te" aria-label="Lien menu de navigation principale vers page : Histoire de la F锚te" class="menu menu-level-1 menu-item" > Histoire de la F锚te </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/lyon-specialiste-de-la-lumiere" title="Lien menu de navigation principale vers page: Lyon : sp茅cialiste de la lumi猫re" aria-label="Lien menu de navigation principale vers page : Lyon : sp茅cialiste de la lumi猫re" class="menu menu-level-1 menu-item" > Lyon : sp茅cialiste de la lumi猫re </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/mises-en-lumiere-perennes" title="Lien menu de navigation principale vers page: Mises en lumi猫re p茅rennes" aria-label="Lien menu de navigation principale vers page : Mises en lumi猫re p茅rennes" class="menu menu-level-1 menu-item" > Mises en lumi猫re p茅rennes </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </ul> </li></div> <div class="dropdown"> <li class="custom-menu-dropdown"> <button data-region="menus_header" id="block-fdl-main-menu" class="clearfix menu menu-level-0 menu-item menu-item--expanded" class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-labelledby="Bouton pour l'affichage du menu enfant"> Infos pratiques </button> <ul class="dropdown-menu"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="custom-menu-dropdown"> <a href="/fr/page/horaires-et-dates-fete-des-lumieres-2024" title="Lien menu de navigation principale vers page: Horaires et dates" aria-label="Lien menu de navigation principale vers page : Horaires et dates" class="menu menu-level-1 menu-item" > Horaires et dates </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/faq/foire-aux-questions" title="Lien menu de navigation principale vers page: Foire aux questions" aria-label="Lien menu de navigation principale vers page : Foire aux questions" class="menu menu-level-1 menu-item" > Foire aux questions </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/tourisme" title="Lien menu de navigation principale vers page: Points d'information" aria-label="Lien menu de navigation principale vers page : Points d'information" class="menu menu-level-1 menu-item" > Points d'information </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/se-deplacer-dans-lyon" title="Lien menu de navigation principale vers page: Se d茅placer dans Lyon" aria-label="Lien menu de navigation principale vers page : Se d茅placer dans Lyon" class="menu menu-level-1 menu-item" > Se d茅placer dans Lyon </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/page/venir-lyon" title="Lien menu de navigation principale vers page: Venir 脿 Lyon" aria-label="Lien menu de navigation principale vers page : Venir 脿 Lyon" class="menu menu-level-1 menu-item" > Venir 脿 Lyon </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </ul> </li></div> <div class="dropdown"> <li class="custom-menu-dropdown"> <button data-region="menus_header" id="block-fdl-main-menu" class="clearfix menu menu-level-0 menu-item menu-item--expanded" class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-labelledby="Bouton pour l'affichage du menu enfant"> R茅trospective </button> <ul class="dropdown-menu"> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-0 menu-type-default"> <ul class="menu menu-level-1"> <li class="custom-menu-dropdown"> <a href="/fr/edition/edition-2023" title="Lien menu de navigation principale vers page: Edition 2023" aria-label="Lien menu de navigation principale vers page : Edition 2023" class="menu menu-level-1 menu-item" > Edition 2023 </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/edition/edition-2022" title="Lien menu de navigation principale vers page: Edition 2022" aria-label="Lien menu de navigation principale vers page : Edition 2022" class="menu menu-level-1 menu-item" > Edition 2022 </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/edition/edition-2021" title="Lien menu de navigation principale vers page: Edition 2021" aria-label="Lien menu de navigation principale vers page : Edition 2021" class="menu menu-level-1 menu-item" > Edition 2021 </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> <li class="custom-menu-dropdown"> <a href="/fr/edition/edition-2019" title="Lien menu de navigation principale vers page: Edition 2019" aria-label="Lien menu de navigation principale vers page : Edition 2019" class="menu menu-level-1 menu-item" > Edition 2019 </a> <div class="menu_link_content menu-link-contentmain view-mode-default menu-dropdown menu-dropdown-1 menu-type-default"> </div> </li> </ul> </div> </ul> </li></div> </ul> </div> </div> <div tabindex="4" role="search" class="search-block"> <div class="d-none d-lg-flex justify-content-center button-menu-zone"> <button type="button" class="btn collapsed btn-header" data-bs-toggle="collapse" data-bs-target="#collapseSearchBar" aria-expanded="false" aria-controls="collapseSearchBar"> <svg role="img" alt="Ouvrir le champ de recherche" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="magnifying-glass_2_" data-name="magnifying-glass (2)" d="M13.846,15a1.076,1.076,0,0,1-.811-.343L9.943,11.574a6.2,6.2,0,0,1-3.6,1.119,6.27,6.27,0,0,1-2.465-.5A6.216,6.216,0,0,1,.5,8.812a6.324,6.324,0,0,1,0-4.931A6.209,6.209,0,0,1,3.881.5,6.324,6.324,0,0,1,8.812.5,6.36,6.36,0,0,1,10.84,1.852a6.4,6.4,0,0,1,1.352,2.029,6.27,6.27,0,0,1,.5,2.465,6.2,6.2,0,0,1-1.118,3.6l3.091,3.092A1.159,1.159,0,0,1,13.846,15ZM6.346,2.308A3.909,3.909,0,0,0,3.493,3.493,3.906,3.906,0,0,0,2.308,6.346,3.91,3.91,0,0,0,3.493,9.2a3.912,3.912,0,0,0,2.853,1.185A3.91,3.91,0,0,0,9.2,9.2a3.91,3.91,0,0,0,1.185-2.854A3.906,3.906,0,0,0,9.2,3.493,3.91,3.91,0,0,0,6.346,2.308Z" fill="#FF9CA6"/> </svg> <div class="visually-hidden">Ouvrir le champ de recherche</div> </button> </div> <div class="collapse c-search" id="collapseSearchBar"> <form class="form-inline search-input flex-nowrap" action="/fr/recherche" data-drupal-form-fields="edit-search-api-fulltext"> <div class="form"> <div class="form-search"> <label for="floatingInput" id="floatingInput" class="visually-hidden">Rechercher</label> <input type="search" class="form-control" id="edit-search-api-fulltext" data-drupal-selector="edit-search-api-fulltext" name="search_api_fulltext" placeholder="Rechercher" aria-label="Rechercher avec des mots cl茅s"> </div> <button type="submit" class="btn btn-search"><svg role="img" alt="Soumettre la recherche" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path id="magnifying-glass_2_" data-name="magnifying-glass (2)" d="M13.846,15a1.076,1.076,0,0,1-.811-.343L9.943,11.574a6.2,6.2,0,0,1-3.6,1.119,6.27,6.27,0,0,1-2.465-.5A6.216,6.216,0,0,1,.5,8.812a6.324,6.324,0,0,1,0-4.931A6.209,6.209,0,0,1,3.881.5,6.324,6.324,0,0,1,8.812.5,6.36,6.36,0,0,1,10.84,1.852a6.4,6.4,0,0,1,1.352,2.029,6.27,6.27,0,0,1,.5,2.465,6.2,6.2,0,0,1-1.118,3.6l3.091,3.092A1.159,1.159,0,0,1,13.846,15ZM6.346,2.308A3.909,3.909,0,0,0,3.493,3.493,3.906,3.906,0,0,0,2.308,6.346,3.91,3.91,0,0,0,3.493,9.2a3.912,3.912,0,0,0,2.853,1.185A3.91,3.91,0,0,0,9.2,9.2a3.91,3.91,0,0,0,1.185-2.854A3.906,3.906,0,0,0,9.2,3.493,3.91,3.91,0,0,0,6.346,2.308Z" /> </svg></button> </div> </form> </div> </div> <div tabindex="2" class="langue"> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface languages d-flex flex-row align-items-center" role="navigation"> <div class="select-langue"> <div class="btn-select-langue "> <select id="language-selector" name="language" class=" form-select" autocomplete="off" required="required"> <div class="custom-menu-select"> <option value="/fr/accueil/fete-des-lumieres" selected="selected"> Fr </option> <option value="/en/homepage/festival-lights" > En </option> </div> </select> </div> </div> </div> </div> </div> </div> </div> </nav> <!-- Back to top --> </header> <a id="backToTop" class="btn-rounded" href="#" title="Aller plus haut dans la page" aria-labelledby="Aller plus haut dans la page"> <svg role="img" alt="Aller plus haut dans la page" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 20 11.4" style="" xml:space="preserve"> <path d="M10,0C9.6,0,9.3,0.1,9,0.4L0.4,9c-0.5,0.5-0.5,1.4,0,2s1.4,0.5,2,0L10,3.4l7.6,7.6c0.5,0.5,1.4,0.5,2,0c0.5-0.5,0.5-1.4,0-2 L11,0.4C10.7,0.1,10.4,0,10,0z" fill="#FFF"/> </svg> </a> <div class="header-border-bottom header-border-bottom-homepage"></div> <div id="main-wrapper" role="main" class="layout-main-wrapper clearfix"> <div id="main" class="container-fluid p-0"> <div class="row row-offcanvas row-offcanvas-left clearfix"> <main class="main-content col" id="content" role="main"> <section class="section"> <div data-drupal-messages-fallback class="hidden"></div><div id="block-contenudelapageprincipale" class="block block-system block-system-main-block"> <div class="content"> <article data-history-node-id="960" role="article" about="/fr/accueil/fete-des-lumieres" class="node node--type-homepage node--view-mode-full clearfix"> <header> </header> <div class="node__content clearfix"> <div class="field field--name-field-homepage-content field--type-entity-reference-revisions field--label-visually_hidden"> <div class="field__label visually-hidden">Contenu</div> <div class='page-content'> <div class="featured"> <div class="paragraph paragraph--type--featured paragraph--view-mode--default"> <img class="illustration-flower illustration-flower-left" src="/sites/fdl/files/2024-10/REFLET_DROITE_VV.svg" alt=""""> <img class="illustration-flower illustration-flower-right" src="/sites/fdl/files/2024-10/REFLET_DROITE_VV.svg" alt=""""> <div class="container"> <div class="block-promoted justify-content-center row"> <div class="col-12 p-0"> <div class="field field--name-field-featured-media field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">M茅dia</div> <div class="field__item"><div> <div class="ratio ratio-16x9"> <div class="youtube_player" videoID="3OTI16L3Qx8" rel="1" controls="1" showinfo="1"></div> </div> </div> </div> </div> <div class="content-feature"> <h2 role="heading" aria-level="2" class="title-before">脌 la une</h2> <div class="feature-text-link"> <div class="clearfix text-formatted field field--name-field-featured-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p class="text-align-center"><span style="font-size:14.0pt">Rendez-vous pour l'茅dition 2024 <strong>du jeudi 5 au dimanche 8 d茅cembre !</strong> </span></p> <p class="text-align-center"><span style="font-size:14.0pt">Pour c茅l茅brer son vingt-cinqui猫me anniversaire, cette F锚te des Lumi猫res rallume quelques-unes des 艙uvres les plus marquantes de son histoire. L鈥檕ccasion de raviver nos souvenirs et de les transmettre entre g茅n茅rations.</span></p> </div> </div> <div class="promoted-link"> <a href="/fr/edition/edition-2024" title="Lire la suite du contenu : 脌 la une " role='link' aria-labelledby="Lire la suite : 脌 la une " role="link" class="btn-primary btn">Voir la programmation </a></div> </div> </div> </div></div></div> </div> </div> <div class="news"> <div class="paragraph paragraph--type--news paragraph--view-mode--default view"> <div class="container-fluid"> <div class="container block-promoted container-news"> <div> <h2 role="heading" aria-level="2">Les derni猫res actualit茅s</h2> <div class="row view-content"> <div class="col-12 col-lg-4 p-0 position-relative"> <article data-history-node-id="2501" role="article" about="/fr/actualite/des-lieux-culturels-decouvrir" class="node node--type-news node--promoted node--view-mode-teaser clearfix h-100"> <div class="card h-100"> <div class="card-head"> <div class="card-date">26 nov 2024 </div> <h3 class="card-title"><a href="/fr/actualite/des-lieux-culturels-decouvrir" aria-labelledby="Lire la suite :Des lieux culturels 脿 d茅couvrir" title="Lire la suite : Des lieux culturels 脿 d茅couvrir">Des lieux culturels 脿 d茅couvrir </a></h3> </div> <div class="card-body"> <div class="card-text"> <div class="clearfix text-formatted field field--name-field-news-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p>Profitez de la F锚te des Lumi猫res pour une visite culturelle dans plusieurs lieux embl茅matiques qui participent au programme 2024.</p> </div> </div> </div> </div> <div class="card-link"><a class="btn btn-primary" href="/fr/actualite/des-lieux-culturels-decouvrir" aria-labelledby="Lire la suite : Des lieux culturels 脿 d茅couvrir" title="Lire la suite : Des lieux culturels 脿 d茅couvrir "><span class="arrow-right"><svg xmlns="http://www.w3.org/2000/svg" alt="Toutes les actualit茅s" role="img" width="12.826" height="11" viewBox="0 0 12.826 11"><g transform="translate(12.826)"><path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/></g></svg></span></a> </div> </div> </article> </div> <div class="col-12 col-lg-4 p-0 position-relative"> <article data-history-node-id="2502" role="article" about="/fr/actualite/un-projet-participatif-gerland" class="node node--type-news node--promoted node--view-mode-teaser clearfix h-100"> <div class="card h-100"> <div class="card-head"> <div class="card-date">18 nov 2024 </div> <h3 class="card-title"><a href="/fr/actualite/un-projet-participatif-gerland" aria-labelledby="Lire la suite :Un projet participatif 脿 Gerland" title="Lire la suite : Un projet participatif 脿 Gerland">Un projet participatif 脿 Gerland </a></h3> </div> <div class="card-body"> <div class="card-text"> <div class="clearfix text-formatted field field--name-field-news-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p>Les 6 et 7 d茅cembre, un parterre de 2聽000 fleurs lumineuses va faire briller en couleurs le c艙ur de la Cit茅 Jardin, 脿 Gerland. Une grande partie de ce champ 茅ph茅m猫re est r茅alis茅e par les habitants. F茅茅rique.</p> </div> </div> </div> </div> <div class="card-link"><a class="btn btn-primary" href="/fr/actualite/un-projet-participatif-gerland" aria-labelledby="Lire la suite : Un projet participatif 脿 Gerland" title="Lire la suite : Un projet participatif 脿 Gerland "><span class="arrow-right"><svg xmlns="http://www.w3.org/2000/svg" alt="Toutes les actualit茅s" role="img" width="12.826" height="11" viewBox="0 0 12.826 11"><g transform="translate(12.826)"><path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/></g></svg></span></a> </div> </div> </article> </div> <div class="col-12 col-lg-4 p-0 position-relative"> <article data-history-node-id="2498" role="article" about="/fr/actualite/une-boum-de-lumieres-pour-les-enfants" class="node node--type-news node--promoted node--view-mode-teaser clearfix h-100"> <div class="card h-100"> <div class="card-head"> <div class="card-date">12 nov 2024 </div> <h3 class="card-title"><a href="/fr/actualite/une-boum-de-lumieres-pour-les-enfants" aria-labelledby="Lire la suite :Une "Boum de lumi猫res" pour les enfants" title="Lire la suite : Une "Boum de lumi猫res" pour les enfants">Une "Boum de lumi猫res" pour les enfants </a></h3> </div> <div class="card-body"> <div class="card-text"> <div class="clearfix text-formatted field field--name-field-news-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p>Un esprit de f锚te et de kermesse va souffler au parc Blandan (7e) pour la F锚te des lumi猫res 2024聽!</p> </div> </div> </div> </div> <div class="card-link"><a class="btn btn-primary" href="/fr/actualite/une-boum-de-lumieres-pour-les-enfants" aria-labelledby="Lire la suite : Une "Boum de lumi猫res" pour les enfants" title="Lire la suite : Une "Boum de lumi猫res" pour les enfants "><span class="arrow-right"><svg xmlns="http://www.w3.org/2000/svg" alt="Toutes les actualit茅s" role="img" width="12.826" height="11" viewBox="0 0 12.826 11"><g transform="translate(12.826)"><path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/></g></svg></span></a> </div> </div> </article> </div> </div> <a href="/fr/actualites" class="btn-all-content">Toutes les actualit茅s <span class="arrow-right"><svg xmlns="http://www.w3.org/2000/svg" alt="Toutes les actualit茅s" role="img" width="12.826" height="11" viewBox="0 0 12.826 11"><g transform="translate(12.826)"><path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="currentColor"/></g></svg></span></a> </div> </div> </div> </div> </div> <div class="promoted"> <div class="paragraph paragraph--type--promoted paragraph--view-mode--default"> <div class="container-fluid"> <div class="container block-promoted container-infos"> <div class="d-flex w-100 flex-row justify-content-between"> <h2 role="heading" aria-level="2">Infos pratiques</h2> <div class="arrow-control"> <button class="info-control-prev" type="button" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="info-control-next" type="button" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> <div class="over-scroll"> <div class="scroll-container"> <div id="info-1" class="infos-pratique" data-controler="#control-1"> <article data-history-node-id="2504" role="article" about="/fr/mise-en-avant/autour-de-la-fete" class="node node--type-promoted node--view-mode-promoted clearfix"> <div class="node__content clearfix"> <div class="card-infos card"> <div class="card-head"> <div class="card-img-top"> <div class="field field--name-field-promoted-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <figure class="figure d-flex flex-column justify-content-center align-items-center"> <div class="figure-img img-fluid img-landscape"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/fdl/files/2024-11/2024_BAC-au-MAC-Grace-Ndiritu-The-blue-Room_%C2%A9muriel-chaulet-%285%29.jpg" width="1200" height="800" alt="Biennale d'art contemporain" typeof="foaf:Image" /> </div> </div> </div> <figcaption class="figure-caption text-align-center legend"> </figcaption> </figure> </div> </div> </div> <div class="card-link"> <a href="https://www.fetedeslumieres.lyon.fr/fr/autour-de-la-fete" class="btn btn-rounded" aria-labelledby="Autour de la F锚te : Autour de la F锚te" title=" Autour de la F锚te : Autour de la F锚te"> <svg role="img" alt="Lire la suite" xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"> <g transform="translate(12.826)"> <path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/> </g> </svg> </a> </div> </div> <div class="card-body"> <div class="card-infos"> <h3 class="card-title"><span class="field field--name-title field--type-string field--label-hidden">Autour de la F锚te</span> </h3> <div class="card-text"> <div class="clearfix text-formatted field field--name-field-promoted-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p>Quelques id茅es de sorties sur la p茅riode de la F锚te...</p> </div> </div> </div> </div> </div> </div> </div> </article> </div> <div id="info-2" class="infos-pratique" data-controler="#control-2"> <article data-history-node-id="1496" role="article" about="/fr/mise-en-avant/foire-aux-questions" class="node node--type-promoted node--view-mode-promoted clearfix"> <div class="node__content clearfix"> <div class="card-infos card"> <div class="card-head"> <div class="card-img-top"> <div class="field field--name-field-promoted-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <figure class="figure d-flex flex-column justify-content-center align-items-center"> <div class="figure-img img-fluid img-landscape"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/fdl/files/2022-10/fdl2019.jpg" width="1200" height="800" alt="F锚te des Lumi猫res 2019" typeof="foaf:Image" /> </div> </div> </div> <figcaption class="figure-caption text-align-center legend"> </figcaption> </figure> </div> </div> </div> <div class="card-link"> <a href="/fr/faq/foire-aux-questions" class="btn btn-rounded" aria-labelledby="C'est par ici ! : Foire aux questions" title=" C'est par ici ! : Foire aux questions"> <svg role="img" alt="Lire la suite" xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"> <g transform="translate(12.826)"> <path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/> </g> </svg> </a> </div> </div> <div class="card-body"> <div class="card-infos"> <h3 class="card-title"><span class="field field--name-title field--type-string field--label-hidden">Foire aux questions</span> </h3> <div class="card-text"> <div class="clearfix text-formatted field field--name-field-promoted-description field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Description</div> <div class="field__item"><p>Toutes les questions que vous vous posez... et leur r茅ponse !</p> </div> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="scroll-control"> <a id="control-1" href="#info-1" class="control active" ><span></span></a> <a id="control-2" href="#info-2" class="control" ><span></span></a> </div> </div> </div> </div> </div> <div class="selections"> <div class="paragraph paragraph--type--selections"> <div class="container-fluid"> <div class="container block-promoted container-selections"> <h2 role="heading" aria-level="2">Les s茅lections</h2> <div class="selections-list"> <article data-history-node-id="2493" role="article" about="/fr/selection/25-ans-de-fete" class="node node--type-selection clearfix"> <a href="/fr/selection/25-ans-de-fete" class=" btn-selection"><span><span class="field field--name-title field--type-string field--label-hidden">25 ans de f锚te !</span> </span> <svg xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"> <g transform="translate(12.826)"> <path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/> </g> </svg></a> </article> <article data-history-node-id="2499" role="article" about="/fr/selection/jeune-creation" class="node node--type-selection clearfix"> <a href="/fr/selection/jeune-creation" class=" btn-selection"><span><span class="field field--name-title field--type-string field--label-hidden">Jeune cr茅ation</span> </span> <svg xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"> <g transform="translate(12.826)"> <path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/> </g> </svg></a> </article> <article data-history-node-id="983" role="article" about="/fr/selection/hauteur-denfants" class="node node--type-selection clearfix"> <a href="/fr/selection/hauteur-denfants" class=" btn-selection"><span><span class="field field--name-title field--type-string field--label-hidden">A hauteur d'enfants</span> </span> <svg xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"> <g transform="translate(12.826)"> <path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="#FFF"/> </g> </svg></a> </article> </div> <a href="/fr/selections" title="Voir toutes les selections" aria-labelledby="Voir toutes les selections" class="btn-all-content">Toutes les s茅lections <span class="arrow-right"><svg xmlns="http://www.w3.org/2000/svg" width="12.826" height="11" viewBox="0 0 12.826 11"><g transform="translate(12.826)"><path d="M-12.055,4.6a.917.917,0,0,1,.159-.012h9.049l-.2-.092a1.835,1.835,0,0,1-.519-.367L-6.1,1.592A.95.95,0,0,1-6.234.376a.918.918,0,0,1,1.283-.2.918.918,0,0,1,.094.079L-.269,4.845a.918.918,0,0,1,0,1.3h0l-4.589,4.589a.918.918,0,0,1-1.3,0,.92.92,0,0,1-.079-.09A.95.95,0,0,1-6.1,9.424l2.533-2.542a1.836,1.836,0,0,1,.459-.335l.275-.124h-9.012a.95.95,0,0,1-.968-.771A.918.918,0,0,1-12.055,4.6Z" fill="currentColor"/></g></svg></span></a> </div> </div> </div> </div> </div> </div> </div> </article> </div> </div> </section> </main> </div> </div> </div> <footer role="contentinfo" class="site-footer"> <div class="container"> <div class="site-footer__top clearfix"> <div class="container-footer bg-white"> <div class="container"> <div class="align-items-center bg-white content-footer d-flex flex-column flex-lg-row justify-content-center"> <div class="align-items-center content-footer d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between w-100"> <div class="logo-foot"> <div class="field field--name-field-image-block-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img src="/sites/fdl/files/2024-10/FDL_LYON_2024_TRAIT_BLEU_VIOLET_HORIZONTAL_0.svg" alt="F锚te des Lumi猫res 2024" typeof="foaf:Image" /> </div> </div> </div> <div id="block-reseauxsociaux" class="block block-block-content block-block-content350ff80d-74a0-48ab-b142-dcbc9672a967 block-rs"> <div class="content"> <div class="field field--name-field-social-networks-bloc-links field--type-entity-reference-revisions field--label-visually_hidden"> <div class="field__label visually-hidden">Liens r茅seaux</div> <div class='field__items'> <div class="field__item"> <div class="paragraph paragraph--type--social-network paragraph--view-mode--footer"> <a href="https://www.instagram.com/fetedeslumieres/" target="_blank" title="Aller sur le profil Instagram de la F锚te des lumi猫res (nouvelle fen锚tre)" aria-labelledby="Aller sur le profil Instagram de la F锚te des lumi猫res (nouvelle fen锚tre)" class="rs-footer"> <div about="/fr/taxonomy/term/18" id="taxonomy-term-18" class="taxonomy-term vocabulary-social-network-type"> <div class="content"> <div class="field field--name-field-social-network-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Picto</div> <div class="field__item"> <figure class="figure d-flex flex-column justify-content-center align-items-center"> <div class="figure-img img-fluid img-landscape"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/fdl/files/2024-10/instagram.svg" alt="""" typeof="foaf:Image" /> </div> </div> </div> <figcaption class="figure-caption text-align-center legend"> </figcaption> </figure> </div> </div> </div> </div> </a> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--social-network paragraph--view-mode--footer"> <a href="https://www.facebook.com/fetedeslumieres" target="_blank" title="Aller sur le profil Facebook de la F锚te des lumi猫res (nouvelle fen锚tre)" aria-labelledby="Aller sur le profil Facebook de la F锚te des lumi猫res (nouvelle fen锚tre)" class="rs-footer"> <div about="/fr/taxonomy/term/17" id="taxonomy-term-17" class="taxonomy-term vocabulary-social-network-type"> <div class="content"> <div class="field field--name-field-social-network-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Picto</div> <div class="field__item"> <figure class="figure d-flex flex-column justify-content-center align-items-center"> <div class="figure-img img-fluid img-landscape"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/fdl/files/2024-10/facebook.svg" alt="""" typeof="foaf:Image" /> </div> </div> </div> <figcaption class="figure-caption text-align-center legend"> </figcaption> </figure> </div> </div> </div> </div> </a> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--social-network paragraph--view-mode--footer"> <a href="https://www.tiktok.com/@villedelyon" target="_blank" title="Aller sur le profil TikTok de la F锚te des lumi猫res (nouvelle fen锚tre)" aria-labelledby="Aller sur le profil TikTok de la F锚te des lumi猫res (nouvelle fen锚tre)" class="rs-footer"> <div about="/fr/taxonomy/term/24" id="taxonomy-term-24" class="taxonomy-term vocabulary-social-network-type"> <div class="content"> <div class="field field--name-field-social-network-image field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Picto</div> <div class="field__item"> <figure class="figure d-flex flex-column justify-content-center align-items-center"> <div class="figure-img img-fluid img-landscape"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/fdl/files/2024-10/Logo_TikTok_.svg" alt="""" typeof="foaf:Image" /> </div> </div> </div> <figcaption class="figure-caption text-align-center legend"> </figcaption> </figure> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <nav role="navigation" aria-labelledby="block-fdl-footer-menu" id="block-fdl-footer" class="block block-menu navigation menu--footer"> <h2 class="visually-hidden" id="block-fdl-footer-menu">Pied de page</h2> <ul class="clearfix nav navbar-nav"> <li class="nav-item"> <a href="/fr/form/contact" title="Contact" class="nav-link nav-link--fr-form-contact" data-drupal-link-system-path="webform/contact">Contact</a> </li> <li class="nav-item"> <a href="/fr#cookies" class="nav-link nav-link--frcookies is-active" data-drupal-link-system-path="<front>">Cookies</a> </li> <li class="nav-item"> <a href="/fr/sitemap" class="nav-link nav-link--fr-sitemap" data-drupal-link-system-path="sitemap">Plan du site</a> </li> <li class="nav-item"> <a href="/fr/page/mentions-legales" title="Mentions l茅gales" class="nav-link nav-link--fr-page-mentions-legales" data-drupal-link-system-path="node/90">Mentions l茅gales</a> </li> <li class="nav-item"> <a href="/fr/page/declaration-daccessibilite" class="nav-link nav-link--fr-page-declaration-daccessibilite" data-drupal-link-system-path="node/2494">Accessibilit茅 : non conforme</a> </li> </ul> </nav> </div> </div></div> </div> <div class="footer-bottom d-flex align-items-center justify-content-center"> <a target="_blank" title="Voir le site de la Ville de Lyon (nouvelle fen锚tre)" aria-labelledby="Voir le site de la Ville de Lyon (nouvelle fen锚tre)" href="https://www.lyon.fr/"> <img src="/themes/custom/fdl/images/logo-fdl-footer.svg" alt="logo vdl" /> </a> </div> </div> </div> </footer> </div> </div> </div> <script src="/sites/fdl/files/js/js_OhiFGFXyWolrWe3JGjc060Wc06QvnqWmkJ3CKF6jBH0.js"></script> <script src="//cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="/sites/fdl/files/js/js__y_McD3U2igP_F6gNU1KKjMNFF6UyaFfaA7YaUVx1mI.js"></script> <script src="/themes/custom/fdl/../../../index.js?v=9.4.8" type="module"></script> <script src="/sites/fdl/files/js/js_nNJn4WTSyxe8TXCAUXl1Fq6bxwptEIbDHimfy6lfOeU.js"></script> </body> </html>