CINXE.COM

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Histoire</title> <meta name="description" content="Les Chorégies d'Orange - Site officiel du Festival international d'art lyrique et de musique classique créé en 1869. Il a lieu chaque été au Théâtre antique d'Orange." /> <link rel="icon" type="image/png" href="https://www.choregies.fr/img/108aa3e8c42ffecee64b06688f1beaa0.png"> <meta property="og:title" content="Histoire"/> <meta property="og:description" content="Les Chorégies d'Orange - Site officiel du Festival international d'art lyrique et de musique classique créé en 1869. Il a lieu chaque été au Théâtre antique d'Orange."/> <meta property="og:image" content="https://www.choregies.fr/temp/temp.jpg"/> <meta property="og:url" content="https://www.choregies.fr/"/> <meta property="og:site_name" content="Histoire"/> <meta property="og:see_also" content="https://www.choregies.fr/"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LT21D3EYX2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LT21D3EYX2'); </script> <meta name="author" content="Les Chorégies d'Orange"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="assets/css/sal.css" /> <link rel="stylesheet" href="assets/css/popupConsent.css" /> <style> @font-face { font-family: 'gilroyblack'; src: url('assets/font/gilroy-bold-webfont.woff2') format('woff2'), url('assets/font/gilroy-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gilroyregular'; src: url('assets/font/gilroy-light-webfont.woff2') format('woff2'), url('assets/font/gilroy-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } html{ overflow-x: hidden; } html, body { max-width:100% !important; margin:0; background:#FFF; font-family: 'gilroyregular' !important; color: #0d0d0d; font-size: 1.05em; letter-spacing: -0.30px; line-height: 1.4em; scroll-behavior: smooth; padding: 0; letter-spacing: normal; } #header{ width: 100%; height: 600px; background-color: #0d0d0d; position: relative; background-image: url("https://www.choregies.fr/img/96b6bd6031b6f771c001c7d86c33f6d6.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } #right_block{ position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; } #right_block .links{ display: inline-block; width: 100%; text-align: center; padding: 10px 20px; color: #ffffff; } #left_block{ position: absolute; top: 50%; left: 40px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; } #logo{ max-width: 400px; margin-top: -50px; filter: drop-shadow(5px 5px 10px #0d0d0d); } #logo_mobile_img{ max-width: 180px; margin-top: 30px; margin-left: 30px; filter: drop-shadow(5px 5px 10px #0d0d0d); } #page{ margin: 0; width: 100%; margin-top: -40px; position: relative; } .item-spectacle-date{ color:#ffffff; font-size: 28px; line-height:normal; font-family: 'gilroyregular' !important; text-transform: uppercase; margin-bottom: 40px; } .item-spectacle-titre{ color: #ffffff; font-size: 80px; line-height:76px; font-family: 'gilroyblack' !important; text-transform: uppercase; } .item-spectacle-description p{ padding: 0; margin-bottom: 0; color: #ffffff; font-size: 16px; line-height:normal; /*text-align: justify; text-align-last: left;*/ } .item-spectacle-description p a:hover, .item-spectacle-description p a:link, .item-spectacle-description p a:visited { color: #ffffff !important; font-family: 'gilroyblack'; outline: none !important; } .item-spectacle-description{ padding: 0 100px 0 100px; color: #ffffff; } .item-spectacle-description img{ max-width: 100%; border-radius: 2px; margin-bottom: 6px; } .pattern{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("images/pattern.png"); background-repeat: repeat; z-index: 0; opacity: 0.2; } #navigation{ position: absolute; z-index: 3; top: 0; left: 0; display: inline-flex; width: 100%; justify-content:space-around; align-items:center; padding: 0 60px; } .bt_nav{ color: #FFF; font-family: 'gilroyblack' !important; text-transform: uppercase; padding: 34px 20px 16px 20px; text-shadow: 0px 1px 10px rgba(0,0,0,0.4); cursor: pointer; } .bt_nav_mobile{ color: #FFF; font-family: 'gilroyblack' !important; text-transform: uppercase; cursor: pointer; } .bt_nav:hover{ text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px; } .bt_nav_active{ background: #f05624; border-bottom: #6d2812 6px solid; cursor: default !important; text-shadow: none; text-decoration: none !important; } .bt_nav_active_mobile{ cursor: default !important; text-shadow: none; text-decoration: none !important; } strong{ font-family: 'gilroyblack'; } #reserver{ background: #0d0d0d; color: #ffffff; font-family: 'gilroyblack'; padding: 30px 50px; font-size: 2.3vw; line-height: 2.8vw; text-align: center; width: 80%; border-radius: 2px; text-decoration: none; } #reserver:hover{ background: #9d328b; cursor: pointer; } #retour{ color: #ffffff; margin-right: -10px; margin-bottom: 20px; cursor: pointer; text-transform: uppercase; } #retour:hover{ text-decoration: none; color: #6d2812; font-family: 'gilroyblack' !important; text-transform: uppercase; -webkit-transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .reserver_bt{ background:#f05624 ; font-family: 'gilroyblack'; font-size: 26px;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .soutenir_bt{ background: #0d0d0d;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .programme_bt{ background: #9d328b;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .reserver_bt:hover, .soutenir_bt:hover, .programme_bt:hover{ text-decoration: none !important; background: #ffffff !important; color: #f05624 !important; cursor: pointer; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .fixme{ -webkit-transition: margin 0.5s; -ms-transition: margin 0.5s; -moz-transition: margin 0.5s; -o-transition: margin 0.5s; transition: margin 0.5s; } .item-spectacle-description img{ width: auto; } .owl-dots { text-align: center; padding-top: 15px; } .owl-dots button.owl-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; } .owl-dots button.owl-dot.active { background-color: #f05624; } .owl-dots button.owl-dot:focus { outline: none; } h1{ color: #ffffff; } .fancybox__content { padding: 0 !important; } .fancybox-image, .fancybox-spaceball{ border-radius: 4px; } .fancybox__thumb { border-radius: 4px; opacity: 0.4; } .fancybox__thumb:hover, .is-nav-selected .fancybox__thumb { border-radius: 4px; opacity: 1; } .fancybox__caption { text-align: center; } .fancybox-caption__body{ font-family: 'gilroyblack'; } .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background-color: #0d0d0d; } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } .fancybox-thumbs__list a:before { border: 6px solid #f05624 !important; } .fancybox-caption { background: none !important; } .fancybox-caption__body { color: #FFF !important; } .fancybox-infobar { display: none; } .popup_menu{ background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; } .popup_menu_back{ color: #0d0d0d; position: absolute; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; } .popup_menu_back_color{ background: #ffffff; border-radius: 2px; padding: 40px; } .titre_popup{ color: #ffffff; font-size: 40px; margin-bottom: 2px; } .link_popup{ color: #0d0d0d; text-decoration: none; font-size: 26px; text-transform: uppercase; } .link_popup:hover{ color: #f05624; cursor: pointer; } .sous_titre_popup{ color: #0d0d0d; text-decoration: underline; font-size: 16px; } .close_popup{ color: #ffffff; margin-right: -40px; font-size: 30px; } .close_popup:hover{ color: #f05624; cursor: pointer; } .bt_nav a:link, .bt_nav a:visited{ color: #ffffff; text-decoration: none; } .float_section{ position: absolute; width: 38%; top: 50px; border-radius: 4px; } .float_section_div{ margin-top: 40px; margin-left: -100px; } .section_principale{ padding: 20px 40px 20px 30px; background: #f05624; border-top-right-radius: 2px; padding-bottom: 30px; } .back_header{ position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 600px; z-index: 0; } #navigation_mobile, #logo_mobile{ display: none; } .logo_footer1{ max-width: 350px;padding: 40px;filter: drop-shadow(5px 5px 10px #000); } .logo_footer2{ max-width: 150px;padding: 40px;filter: drop-shadow(5px 5px 10px #000); } @media (max-width: 1200px) { .float_section{ position: static; width: 100%; top: 0px; } .float_section_div{ margin-top: 0px; margin-left: 0px; padding: 20px 40px; } .section_principale{ padding: 20px 20px 20px 20px; } .item-spectacle-description{ padding: 0 20px 0 20px; } } @media (max-width: 768px) { .img-fluid{ width: 100% !important; } .logo_footer1{ max-width: 250px; } .logo_footer2{ max-width: 130px; } } @media (max-width: 992px) { #left_block, #navigation{ display: none; } #header, .back_header{ height: 400px; } #navigation_mobile{ display: block; } #logo_mobile{ display: block; position: absolute; z-index: 4; } } #overlay-button { position: absolute; right: 20px; top: 20px; padding: 26px 11px; z-index: 6; cursor: pointer; user-select: none; } #overlay-button span { height: 4px; width: 35px; border-radius: 2px; background-color: #ffffff; position: relative; display: block; transition: all 0.2s ease-in-out; } #overlay-button span:before { top: -10px; visibility: visible; } #overlay-button span:after { top: 10px; } #overlay-button span:before, #overlay-button span:after { height: 4px; width: 35px; border-radius: 2px; background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out; } #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after { background: #ffffff; } input[type=checkbox] { display: none; } input[type=checkbox]:checked ~ #overlay { visibility: visible; } input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span { background: transparent; } input[type=checkbox]:checked ~ #overlay-button span:before { transform: rotate(45deg) translate(7px, 7px); opacity: 1; } input[type=checkbox]:checked ~ #overlay-button span:after { transform: rotate(-45deg) translate(7px, -7px); } #overlay { height: 100vh; width: 100vw; background: #f05624; z-index: 5; visibility: hidden; position: fixed; } #overlay.active { visibility: visible; } #overlay ul { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; height: 100vh; padding-left: 0; list-style-type: none; } #overlay ul li { padding: 1em; } #overlay ul li a, #overlay ul li div { color: white; text-decoration: none; font-size: 30px;color: #ffffff; } #overlay ul li a:hover, #overlay ul li div:hover { color: #6d2812; } </style> </head> <body> <div class="popup_menu" id="open_festival"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_festival"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Le festival</strong></em></div> <div class="popup_menu_back_color"> <a href="engagement-rse.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> ENGAGEMENT RSE</strong></a><br><br> <a href="histoire.html" class="link_popup"><strong style="color: #f05624 !important;"> <i class="fa-solid fa-chevron-right" style="font-size: 16px;vertical-align: middle;margin-top: -6px;"></i> Histoire</strong></a><br><br> <div class="sous_titre_popup">Organisation</div> <a href="conseil-d-administration.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Conseil d'administration</strong></a><br> <a href="equipes.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> L'équipe</strong></a><br><br> <div class="sous_titre_popup">Autour du festival</div> <a href="engagement-pedagogique.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Engagement pédagogique</strong></a><br> <a href="action-sociale.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Action sociale</strong></a><br> <a href="action-internationale.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Action internationale</strong></a><br><br> <a href="partenaires.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Partenaires</strong></a><br><br> <a href="mediatheque.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Médiathèque</strong></a> </div> </div> </div> <div class="popup_menu" id="open_infos_pratique"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_infos_pratique"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Infos pratiques</strong></em></div> <div class="popup_menu_back_color"> <div class="sous_titre_popup">Réservation des places</div> <a href="prix-des-places.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Prix des places</strong></a><br> <a href="modalites-de-reservation.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Modalités de réservation</strong></a><br><br> <div class="sous_titre_popup">Préparer votre venue</div> <a href="venir-a-orange.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Venir à Orange</strong></a><br> <a href="https://covoiturage.choregies.fr" target="_blank" class="link_popup"><strong> <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Covoiturage</strong></a><br> <a href="hebergements.html" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Hébergements</strong></a><br> </div> </div> </div> <div class="popup_menu" id="open_connexion"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_connexion"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Connexion</strong></em></div> <div class="popup_menu_back_color"> <a href="presse.html" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace presse</strong></a><br><br> <a href="adherents.html" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace Amis des Chorégies</strong></a><br><br> <a href="projet-pedagogique.html" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Projet pédagogique</strong></a><br> </div> </div> </div> <div class="back_header"></div> <div id="header" data-sal="fade" data-sal-delay="0" data-sal-duration="1000" data-sal-easing="ease-out"> <div id="navigation" style="margin-top: -15px;" > <a href="./" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav " data-sal="slide-up" data-sal-delay="0" data-sal-easing="ease-out"><em>Programme 2024</em> </div></a> <div class="bt_nav bt_nav_active popup_link" data-sal="slide-up" data-sal-delay="50" data-sal-easing="ease-out" id="open_festival"><em>Le festival</em></div> <div class="bt_nav popup_link" id="open_infos_pratique" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-out"><em>Infos pratiques</em></div> <a href="contact.html" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav " data-sal="slide-up" data-sal-delay="150" data-sal-easing="ease-out"><em>Nous contacter</em></div></a> <div class="bt_nav popup_link" data-sal="slide-up" id="open_connexion" data-sal-delay="200" data-sal-easing="ease-out"><em>Connexion</em></div> <div style="padding-top: 12px;color: #FFF;"><a href="?lang=fr" data-sal="slide-up" data-sal-delay="250" data-sal-easing="ease-out" class="lang"><img src="https://www.choregies.fr/img/icons/France.png" height="17" style="margin-right: 10px;"></a> <a href="?lang=en" class="lang" data-sal="slide-up" data-sal-delay="300" data-sal-easing="ease-out"><img src="https://www.choregies.fr/img/icons/uk.png" height="17" style="opacity: 0.4"></a> </div> </div> <div id="navigation_mobile" > <input type="checkbox" id="overlay-input" name="overlay-input" /> <label for="overlay-input" id="overlay-button"><span></span></label> <div id="overlay"> <ul> <li><a href="./" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav_mobile " data-sal="slide-up" data-sal-delay="0" data-sal-easing="ease-out"><em>Programme 2024</em> </div></a></li> <li><div class="bt_nav_mobile bt_nav_active_mobile popup_link" data-sal="slide-up" data-sal-delay="50" data-sal-easing="ease-out" id="open_festival"><em>Le festival</em></div></li> <li><div class="bt_nav_mobile popup_link" id="open_infos_pratique" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-out"><em>Infos pratiques</em></div></li> <li><a href="contact.html" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav_mobile " data-sal="slide-up" data-sal-delay="150" data-sal-easing="ease-out"><em>Nous contacter</em></div></a></li> <li><div class="bt_nav_mobile popup_link" data-sal="slide-up" id="open_connexion" data-sal-delay="200" data-sal-easing="ease-out"><em>Connexion</em></div></li> <li><a href="?lang=fr" data-sal="slide-up" data-sal-delay="250" data-sal-easing="ease-out" class="lang"><img src="https://www.choregies.fr/img/icons/France.png" height="30" style="margin-right: 10px;"></a> <a href="?lang=en" class="lang" data-sal="slide-up" data-sal-delay="300" data-sal-easing="ease-out"><img src="https://www.choregies.fr/img/icons/uk.png" height="30" style="opacity: 0.4"></a></li> </ul> </div> </div> <div id="right_block"> <div class="links reserver_bt" data-sal="slide-left" data-sal-delay="0" data-sal-duration="200" data-sal-easing="ease-out" id="https://web.digitick.com/ext/billetterie5/index.php?site=choregiesorange"><i class="fa-solid fa-ticket" style="margin-right: 8px;"></i><em> Billetterie</em></div><br> <div class="links soutenir_bt" data-sal="slide-left" data-sal-delay="50" data-sal-duration="200" data-sal-easing="ease-out" id="nous-soutenir"><strong>Nous soutenir !</strong></div> <br><div class="links programme_bt" data-sal="slide-left" data-sal-delay="100" data-sal-duration="200" data-sal-easing="ease-out" id="https://www.choregies.fr/img/pdf/20240220103317-avtprog2024-14-corrige-a.pdf"><i class="fa-solid fa-download" style="margin-right: 8px;"></i> Télécharger<br><strong>le programme 2024 !</strong></div></div> <div id="left_block"> <a href="https://www.choregies.fr/"><img id="logo" data-sal="zoom-out" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out" src="https://www.choregies.fr/img/72ddcd483bf988274526ecfc938e6457.png" draggable="false"></a> </div> <div id="logo_mobile"> <a href="https://www.choregies.fr/"><img id="logo_mobile_img" data-sal="zoom-out" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out" src="https://www.choregies.fr/img/72ddcd483bf988274526ecfc938e6457.png" draggable="false"></a> </div> <div class="pattern"></div> </div> <div class="row" id="page"> <div class="col-xl-8 section_principale">  <div class="item-spectacle-description"> <h1 data-sal="slide-down" data-sal-delay="0" data-sal-duration="400" data-sal-easing="ease-out"><strong><em>Histoire</em></strong><br> <div style="font-size: 20px;margin-top: 0px;text-transform: uppercase; margin-bottom: 50px;">Le festival</div></h1> <div data-sal="slide-up" data-sal-delay="0" data-sal-duration="400" data-sal-easing="ease-out"> <p><strong>Les Chorégies d’Orange</strong> sont aujourd’hui le plus ancien festival français puisqu’elles datent de 1869. Mais elles ont su, au fil des ans, conserver toute leur originalité : par le nom qu’elles portent, issu du grec «choreos», qui les rattache ainsi à la tradition gréco-latine ; par le lieu dans lequel elles se déroulent chaque été : un Théâtre antique parfaitement conservé, d’une capacité d’accueil de plus de 7 000 personnes et qui a le privilège d’avoir conservé son «Mur», garantie d’une acoustique exceptionnelle ; par la vocation lyrique et musicale qu’elles se sont données et qui leur permet d’être à la tête des grands festivals français et d’avoir une incontestable réputation internationale.</p><p><br></p><p style="text-align: center;"><img class="img-fluid" src="img/4982f047a4b6ccf41e765d8fae589a03.jpg" draggable="false" data-zoom="1" style="width: 50%;"><br></p><p><br></p><p>La première représentation eut lieu en 1869 avec un opéra de Mehul, «Joseph». La vocation du Théâtre antique consista alors à promouvoir les auteurs dramatiques français de l’époque et à retourner aux sources des grandes tragédies gréco-romaines. La vocation lyrique et musicale du Théâtre antique deviendra prépondérante en 1971, avec la création des «Nouvelles Chorégies», qui connurent aussitôt un immense succès. Tous les grands noms de l’art lyrique s’y sont produits, conférant à ce lieu scénique idéal un prestige international qui n’a, depuis, cessé de se confirmer chaque année.</p><p><br></p><p style="text-align: center;"><img class="img-fluid" src="img/1fdb7911a2a01996946d3024f76585d9.jpg" draggable="false" data-zoom="1" style="width: 50%;"><br></p> <p></p></div> </div> </div> <div class="col-xl-4 float_section_div" align="center"> <div class="owl-carousel float_section" data-sal="slide-up" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out"> <div data-caption="Wagner 1973" data-fancybox="gallery" data-type="image" data-src="img/07d8360eacf87d9c81c0c059dc19fbbb.jpg" data-thumb="mthumb.php?src=img/07d8360eacf87d9c81c0c059dc19fbbb.jpg&w=900&h=600&s=1&q=70"><p align="right" style="font-size: 14px;padding: 0; margin: 0; padding-bottom: 6px;padding-right: 2px;color: #0d0d0d;"><strong><em>Wagner 1973</em></strong></p><img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/07d8360eacf87d9c81c0c059dc19fbbb.jpg&w=900&h=600&s=1&q=70" ></div> <div data-caption="Parsifal, 1979" data-fancybox="gallery" data-type="image" data-src="img/1a7f4eb7d911034f7fb56b07dec27c09.jpg" data-thumb="mthumb.php?src=img/1a7f4eb7d911034f7fb56b07dec27c09.jpg&w=900&h=600&s=1&q=70"><p align="right" style="font-size: 14px;padding: 0; margin: 0; padding-bottom: 6px;padding-right: 2px;color: #0d0d0d;"><strong><em>Parsifal, 1979</em></strong></p><img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/1a7f4eb7d911034f7fb56b07dec27c09.jpg&w=900&h=600&s=1&q=70" ></div> <div data-caption=" " data-fancybox="gallery" data-type="image" data-src="img/c350156ff061fd88554dd766fcb245f0.jpg" data-thumb="mthumb.php?src=img/c350156ff061fd88554dd766fcb245f0.jpg&w=900&h=600&s=1&q=70"><p align="right" style="font-size: 14px;padding: 0; margin: 0; padding-bottom: 6px;padding-right: 2px;color: #0d0d0d;"><strong><em> </em></strong></p><img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/c350156ff061fd88554dd766fcb245f0.jpg&w=900&h=600&s=1&q=70" ></div> <div data-caption="Fidelio, 1977" data-fancybox="gallery" data-type="image" data-src="img/694c5f4ecdee7ea8d552879193216307.jpg" data-thumb="mthumb.php?src=img/694c5f4ecdee7ea8d552879193216307.jpg&w=900&h=600&s=1&q=70"><p align="right" style="font-size: 14px;padding: 0; margin: 0; padding-bottom: 6px;padding-right: 2px;color: #0d0d0d;"><strong><em>Fidelio, 1977</em></strong></p><img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/694c5f4ecdee7ea8d552879193216307.jpg&w=900&h=600&s=1&q=70" ></div> <div data-caption="Turandot, 1979" data-fancybox="gallery" data-type="image" data-src="img/65bd7684c6d9801fb9080a9f19370407.jpg" data-thumb="mthumb.php?src=img/65bd7684c6d9801fb9080a9f19370407.jpg&w=900&h=600&s=1&q=70"><p align="right" style="font-size: 14px;padding: 0; margin: 0; padding-bottom: 6px;padding-right: 2px;color: #0d0d0d;"><strong><em>Turandot, 1979</em></strong></p><img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/65bd7684c6d9801fb9080a9f19370407.jpg&w=900&h=600&s=1&q=70" ></div> </div> </div> <div class="col-12" style="padding: 0; margin: 0;margin-top: -1px; background-position: center; background-image: url(https://www.choregies.fr/img/96b6bd6031b6f771c001c7d86c33f6d6.jpg); background-size: cover;display: flex;justify-content:space-around;align-items:center" align="center" data-sal="slide-down" data-sal-delay="0" data-sal-duration="200" data-sal-easing="ease-out"> <img src="images/logo_footer.png" draggable="false" class="logo_footer1" > <img src="images/date_footer.png" draggable="false" class="logo_footer2" > </div> <div class="col-12" align="center" style="background-color: #000;color: #FFF;font-size: 14px;padding-top: 10px;"><p><a href="plan-du-site.html" style="color: #FFF;">Plan du site</a> • <a href="credits.html" style="color: #FFF;">Mentions Légales / Crédits</a><br> <strong style="font-size: 20px;">Suivez-nous sur les réseaux sociaux <a href="https://www.facebook.com/choregies" target="_blank" style="color: #FFF; padding: 0 0 0 10px;"><i class="fa-brands fa-facebook"></i></a> <a href="https://www.instagram.com/choregies/" target="_blank" style="color: #FFF; padding: 0 10px;"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UCRvdIhAAuwDBlN2QQ76ulow" target="_blank" style="color: #FFF;"><i class="fa-brands fa-youtube"></i></a></strong><br> Toute l'actualité et les offres des Chorégies d'Orange directement dans votre boîte mail : <a href="newsletter.html" style="color: #FFF;"><strong>Inscription à la newsletter</strong></a></p></div></div> </body> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/js/programme.php?audio="></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/js/sal.js"></script> <script src="assets/js/popupConsent.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var cookieConsentOptions = { 'textPopup': '<div align="center"><img draggable="false" src="images/cookies.jpg" style="max-width:100px;"></div><br>En poursuivant votre navigation sur ce site, vous acceptez l\'utilisation de cookies.<br><br>Nous utilisons des cookies pour nous permettre de mieux comprendre comment le site <b>www.choregies.fr</b> est utilisé.', 'textButtonAccept' : 'Accepter tout', 'textButtonConfigure' : 'Configuration des choix', 'textButtonSave' : 'Enregistrer les choix', authorization: [ { textAuthorization: 'Autoriser l\'accès aux données de géolocalisation', nameCookieAuthorization: 'autoriseGeolocation' }, { textAuthorization: 'Stocker et/ou accéder à des informations sur votre appareil', nameCookieAuthorization: 'cookieConsent' } ] } popupConsent(cookieConsentOptions); sal({ threshold: 0, once: true, }); $('.owl-carousel').owlCarousel({ loop:true, margin:10, autoplayHoverPause:true, autoHeight: true, autoplayTimeout: 4000, smartSpeed: 800, nav: false, dots:true, autoplay:true, items:1 }); //$('#retour').click(function(){ //window.open("./", '_self'); //}); $("img").attr("data-zoom", function() { var theValue = $(this).attr("data-zoom"); if (theValue == '1') { $(this).wrap("<a data-fancybox href='" + $(this).attr("src") + "'>"); } if (theValue == '2') { var url = $(this).attr("data-lien"); if (!/^https?:\/\//i.test(url)) { url = 'http://' + url; } $(this).wrap("<a target='" + $(this).attr("data-cible") + "' href='" + url + "'>"); } var ext = $(this).attr("src").split('.').pop(); }); $('[data-fancybox="gallery"]').fancybox({ hash:false, protect: true, loop:false, closeExisting: true, touch:true, thumbs: { autoStart: false, axis: 'x' } }); $('[data-fancybox]').fancybox({ hash:false, protect: true, loop:false, closeExisting: true, touch:true, thumbs: { autoStart: false, axis: 'x' } }); $('.links').click(function(){ var link = $(this).attr('id')+'.php?lang=fr'; if(link.substr(0, 4) == 'http' || link.substr(0, 3) == 'www'){ window.open($(this).attr('id'), '_blank'); }else{ window.open(link, '_self'); } }); $('.close_popup').click(function(){ var close = $(this).attr('close'); $('#'+close).hide(); }); $('.popup_link').click(function(){ var id = $(this).attr('id'); $('#'+id).show(); }); let menumobile; $('#overlay-input').change(function(){ if( $('input[name=overlay-input]').is(':checked') ){ $('html').css("overflow", "hidden"); menumobile = 1; } else { $('html').css("overflow-y", "scroll"); menumobile = 0; } }); $( window ).resize(function() { if (window.matchMedia("(max-width: 992px)").matches) { if(menumobile ==1){ $('#overlay-input').click(); } } }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LT21D3EYX2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LT21D3EYX2'); </script></html>