CINXE.COM
Histoire de la Fête | 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/page/histoire-de-la-fete" /> <link rel="shortlink" href="https://www.fetedeslumieres.lyon.fr/fr/node/82" /> <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/page/histoire-de-la-fete" /> <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/page/histoire-de-la-fete" /> <link rel="alternate" hreflang="en" href="https://www.fetedeslumieres.lyon.fr/en/page/story-behind-festival" /> <title>Histoire de la Fête | 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/components/breadcrumb.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\/82","currentPathIsAdmin":false,"isFront":false,"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-82 path-node node--type-edito"> <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 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 menu-item--active-trail" 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 menu-item--active-trail" 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 menu-item--active-trail" 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/page/histoire-de-la-fete" selected="selected"> Fr </option> <option value="/en/page/story-behind-festival" > En </option> </div> </select> </div> </div> </div> </div> </div> </div> </div> </nav> <!-- Back to top --> <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" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 11.4" style="enable-background:new 0 0 20 11.4;" 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"/> </svg> </a> </header> <div class="header-border-bottom"></div> <div id="main-wrapper" role="main" class="layout-main-wrapper clearfix"> <div id="main" > <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-filsdariane" class="block block-system block-system-breadcrumb-block"> <div class="content"> <nav role="navigation" aria-label="breadcrumb" class="nav-breadcrumb"> <div class="container"> <ol class="breadcrumb"> <li class="breadcrumb-item "> <a href="/fr" aria-label="breadcrumb-level-0">Accueil</a> </li> <li class="breadcrumb-item d-none d-lg-block"> <a href="/fr/page/histoire-de-la-fete" aria-label="breadcrumb-level-1">Histoire de la Fête</a> </li> </ol></div> </nav> </div> </div> <div id="block-contenudelapageprincipale" class="block block-system block-system-main-block"> <div class="content"> <article data-history-node-id="82" role="article" about="/fr/page/histoire-de-la-fete" class="node node--type-edito node--view-mode-full clearfix"> <header> </header> <div class="node__content clearfix"> <h1 class="title-before"> <span class="field field--name-title field--type-string field--label-hidden">Histoire de la Fête</span> </h1> <div class="field field--name-field-edito-content field--type-entity-reference-revisions field--label-visually_hidden"> <div class="field__label visually-hidden">Contenu</div> <div class='field__items edito__field__items'> <div class="one_column"> <div class="paragraph paragraph--type--one-column paragraph--view-mode--default p-standard"> <div class="container-strate"> <div class="c-standard"> <div class="field field--name-field-one-column-content field--type-entity-reference-revisions field--label-visually_hidden"> <div class="field__label visually-hidden">Contenu</div> <div class='field__items'> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--default p-standard"> <div class="clearfix text-formatted field field--name-field-text-content field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Contenu</div> <div class="field__item"><h3 class="barre_violet">Le vœu des Échevins</h3> <p style="font-size: 14.864px;">Une première église dédiée à la Vierge est construite à Fourvière en 1168. Elle est ravagée lors des guerres de religions qui opposent catholiques et protestants (1562). Restaurée, elle accueille les voeux successifs des habitants et des échevins face aux épidémies. Le 8 septembre 1643, les édiles et conseillers municipaux de l’époque (le prévôt des marchands et les échevins), montent à Fourvière pour demander à la Vierge Marie de protéger la ville de la peste qui arrive du sud de la France. Ils font le voeu de renouveler ce pèlerinage si Lyon est épargnée. Ce vœu est toujours honoré le 8 septembre.</p> <h3 class="barre_violet">Une tradition née au 19ème siècle</h3> <p>En 1850, les autorités religieuses lancent un concours pour la réalisation d’une statue, envisagée comme un signal religieux au sommet de la colline de Fourvière. C'est le sculpteur Joseph-Hugues Fabisch qui réalise cette statue dans son atelier des quais de Saône.</p> <p>L’inauguration <strong>initialement prévue le 8 septembre 1852 est repoussée au</strong> <strong>8 décembre</strong> en raison d'une crue de la Saône. Le jour venu, le mauvais temps va de nouveau contrarier les réjouissances : les autorités religieuses sont sur le point d'annuler l’inauguration. Finalement le ciel se dégage... Spontanément, les Lyonnais disposent des bougies à leurs fenêtres, et à la nuit tombée, la ville entière est illuminée. Les autorités religieuses suivent le mouvement et la chapelle de Fourvière apparaît alors dans la nuit.</p> <p>Ce soir-là, une véritable fête est née !</p> <p><strong>Chaque année désormais, le 8 décembre, les Lyonnaises et les Lyonnais déposent des lumignons à leurs fenêtres... et parcourent les rues de la ville afin d'admirer des installations lumineuses exceptionnelles.</strong></p> <p>En 1989, les mises en lumière des sites patrimoniaux, des paysages de fleuves et de collines, des quartiers et des voies habillent l'ensemble de la ville et participent au cadre de vie nocturne et à la beauté du territoire. Depuis 1999, la Fête des Lumières se déroule sur une durée de quatre jours.<br /> </p> <div class="img_bloc_texte_normal_center"> <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-11/une_riviere_de_lumiere_muriel_chaulet_dsc_1032.jpg" width="1200" height="800" alt="Une rivière de lumières" typeof="foaf:Image" /></div> </div> </div> <figcaption class="figure-caption text-align-center legend"> Une rivière de lumières - Fête des Lumières 2019 © Muriel Chaulet - Ville de Lyon </figcaption></figure></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="one_column"></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" 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>