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>Pop the Opera</title> <meta name="description" content="VENDREDI 14 JUIN / 21h30" /> <link rel="icon" type="image/png" href="https://www.choregies.fr/img/108aa3e8c42ffecee64b06688f1beaa0.png"> <meta property="og:title" content="Pop the Opera"/> <meta property="og:description" content="VENDREDI 14 JUIN / 21h30"/> <meta property="og:image" content="https://www.choregies.fr/img/8a2632d5a640d014e472ecf1f45aefbe.JPG"/> <meta property="og:url" content="https://www.choregies.fr//programme--2024-06-14--pop-the-opera--fr.html"/> <meta property="og:site_name" content="Chorégies d'Orange"/> <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/8a2632d5a640d014e472ecf1f45aefbe.JPG"); background-size: cover; background-repeat: no-repeat; background-position: bottom; } #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, b{ 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 !important; } #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; } .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; } .fixmefixed{ position: fixed !important; top: 0 !important; right: 0 !important; width: 33% !important; margin-top: 40px !important; margin-bottom:0px !important; } .fixme{ position: static; width: 100%; margin-top: 40px; margin-bottom: 0px; } .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); } .copyright{ position: absolute; top:inherit; top: calc( 100% - 30px ); right: 14px; font-size: 13px; color: #ffffff; text-shadow: 0px 1px 10px rgba(0,0,0,0.4); } @media (max-width: 1200px) { .copyright{ top: calc( 100% - 70px ); } .fixmefixed, .fixme{ position: static !important; top: 0 !important; right: 0 !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 40px !important; } .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; } #reserver{ font-size: 4vw; line-height: 4vw; } } @media (max-width: 992px) { #left_block, #navigation{ display: none; } #header, .back_header{ height: 400px; } .copyright{ top: calc( 100% - 70px ); } #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; } #reserver_bt:link, #reserver_bt:hover,#reserver_bt:visited{ text-decoration: none !important; } p a{background-color:transparent !important;} #pastille{ margin-bottom: 50px; } #pastille, #pastille iframe{ border-radius: 2px; } </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?lang=fr" 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?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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?lang=fr" 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="./?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav bt_nav_active" data-sal="slide-up" data-sal-delay="0" data-sal-easing="ease-out"><em>Programme 2024</em> </div></a> <div class="bt_nav 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?lang=fr" 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="programme--2024-06-14--pop-the-opera--fr.html" 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="programme--2024-06-14--pop-the-opera--en.html" 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="./?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav_mobile bt_nav_active_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 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?lang=fr" 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="programme--2024-06-14--pop-the-opera--fr.html" 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="programme--2024-06-14--pop-the-opera--en.html" 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/?lang=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/?lang=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 class="copyright">© Philippe Gromelle</div></div> <div class="row" id="page"> <div class="col-xl-8 section_principale"> <div align="right" id="retour" data-sal="slide-down" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out"><strong><i class="fa-solid fa-chevron-left"></i> Retour</strong></div> <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>Pop the Opera</em></strong><br> <div style="font-size: 20px;margin-top: 0px;text-transform: uppercase; margin-bottom: 50px;">VENDREDI 14 JUIN / 21h30</div></h1> <div data-sal="slide-up" data-sal-delay="0" data-sal-duration="400" data-sal-easing="ease-out"> <p><em style="text-align: justify;">Théâtre antique</em></p> <p><br></p><p>Report, en cas de mauvais temps, au lendemain</p><p><br></p><p>Durée : 1h30</p><p><br></p><p><i>Avec les participations des élèves des collèges Jean Brunet, Champfleury, Joseph Vernet d’Avignon, Fernand Léger de Berre-l’Étang, Henri Boudon de Bollène, La Salle Saint-Charles de Cavaillon, Alpilles-Durance et Saint-Joseph de Châteaurenard, Caroline Aigle de Lançon–Provence, Notre-Dame du Bon Accueil de Monteux, Anne Frank de Morières-lès-Avignon, Arausio d’Orange, Denis Diderot et Voltaire de Sorgues, Joseph d’Arbaud de Vaison-la-Romaine, Paul Langevin de Carros, Alphonse Daudet et Henri Matisse de Nice et César de Roquefort-les-Pins et du lycée Théodore Aubanel d’Avignon.</i></p><p><i><br></i></p><p>Sur une idée originale de<b> Jean-Louis Grinda </b></p><p>Conception et direction artistique<b> Jean-Marie Leau </b></p><p>Co-arrangeur et direction<b> Victor Jacob </b></p><p>Pianiste<b> Lucie Favier </b></p><p>Violon<b> Sylvine Feuillet </b></p><p>Percussions<b> Didier Benetti et Marc Chantereau </b></p><p>Sound design<b> Clément et Jean-Marie Leau </b></p><p>Lumières<b> Vincent Cussey </b></p><p>Chargé de la médiation culturelle<b> Paulin Reynard</b></p><p><br></p> <p>Depuis 2017, les Chorégies d’Orange font chanter plusieurs milliers de collégiens et de lycéens avec Pop the Opera ! Sur la scène du Théâtre antique d’Orange, lors de l’émission Musiques en fête, en direct des Chorégies d’Orange, sur la place du Palais des Papes en Avignon ou à l’Auditorium Jean Moulin au Thor : le chant se partage à l'envi ! En 2024, près de 1 200 élèves de la région Provence-Alpes-Côte d'Azur feront résonner les notes de Pop the Opera lors de trois prestations, au Thor et à Orange. Sous le ciel étoilé du Théâtre antique, dans une ambiance festive, les jeunes artistes proposeront les plus grands choeurs d’opéras mariés avec les plus grands succès de la musique pop et de la musique cinématographique ; dans un écrin musical où la création aux sonorités électro se superposera aux instruments traditionnels.</p> <div class="page" title="Page 5"> <div class="layoutArea"> <div class="column"> <p><br></p><p><i>Dans le cadre du projet pédagogique des Chorégies d’Orange, en partenariat avec l’Académie d’Aix-Marseille.</i></p><p><i>Matériel d’orchestre prêté par l’Orchestre national Avignon-Provence.</i></p> </div> </div> </div> <div style="margin-top: 20px;"> <img draggable="false" src="img/logos_vignettes/40ebf52c821e15ab4fc2106495f2f536.jpg" style=" vertical-align: middle;max-height: 80px; max-width: 110px; height: auto; width: auto; margin-right: 20px;margin-bottom:20px;background:#FFF;padding:10px;" /> </div> </div> </div> </div> <div class="col-xl-4 float_section_div" align="center"> <div class="fixme"> <a href="https://web.digitick.com/pop-the-opera-theatre-antique-orange-14-juin-2024-css5-choregiesorange-pg101-ri10027073.html" id="reserver_bt" target="_blank" ><div id="reserver">Réserver pour ce spectacle</div></a> <div class="bg-video"> <div class="overlay"></div> <div id="player"></div> </div> <div id="controlaudio" style="display: none;" ><p style="padding-top:30px; padding-right:5px; color:#000000;"><strong style="text-transform:uppercase;font-family: din-condensed, sans-serif; ">Extrait audio</strong></p> <div id="loader" style="display: inline-block;" ><i style="font-size: 26px;" class="fas fa-spin fa-spinner"></i></div> <div onclick="play();" id="playyt" style="display: inline-block; margin-left: 10px; cursor: pointer;" class="hoverbt" ><i style="font-size: 26px;" class="fas fa-play-circle controlaudio"></i></div> <div id="pauseyt" onclick="pause();" style="display: inline-block; margin-left: 10px; cursor: pointer;" class="hoverbt" ><i style="font-size: 26px;" class="fas fa-pause-circle controlaudio"></i></div> <div id="stopyt" onclick="stop();" style="display: inline-block; margin-left: 10px; cursor: pointer;" class="hoverbt" ><i style="font-size: 26px;" class="fas fa-step-backward controlaudio"></i></div> </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?lang=fr" style="color: #FFF;">Plan du site</a> • <a href="credits.html?lang=fr" 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 src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js" integrity="sha512-/2sZKAsHDmHNoevKR/xsUKe+Bpf692q4tHNQs9VWWz0ujJ9JBM67iFYbIEdfDV9I2BaodgT5MIg/FTUmUv3oyQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript"> $(document).ready(function(){ $(".bg-video").hide(); $("#pastille").fitVids(); 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); $('#retour').click(function(){ if (document.cookie.includes("home")) { if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) { var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); if(parseInt(arr[1]) != 0){ var scrollPos = 0; document.cookie = "scrollTop=" + scrollPos + "URL=home"; window.history.back(); }else{ window.location.replace("./?lang=fr"); } } }else{ window.location.replace("./?lang=fr"); } }); 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 }); var fixmeTop = $('.fixme').offset().top; $(window).scroll(function() { var currentScroll = $(window).scrollTop(); if (currentScroll >= fixmeTop) { $('.fixme').addClass('fixmefixed'); } else { $('.fixme').removeClass('fixmefixed'); } }); $("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(); } } }); var tag = document.createElement('script'); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); function onYouTubeIframeAPIReady() { var $ = jQuery; var players = []; $('iframe').filter(function(){return this.src.indexOf('http://www.youtube.com/') == 0}).each( function (k, v) { if (!this.id) { this.id='embeddedvideoiframe' + k } players.push(new YT.Player(this.id, { events: { 'onStateChange': function(event) { if (event.data == YT.PlayerState.PLAYING) { $.each(players, function(k, v) { if (this.getIframe().id != event.target.getIframe().id) { this.stopVideo(); } }); } } } })) }); } }); </script> <script src="assets/js/programme.js?audio="></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>