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>Engagement pédagogique</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/c69d46955a95fcb3e535544245a79237.png"> <meta property="og:title" content="Engagement pédagogique"/> <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/img/86bd1adabc3799546605ee262f58ced0.jpeg"/> <meta property="og:url" content="https://www.choregies.fr/"/> <meta property="og:site_name" content="Engagement pédagogique"/> <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/937b67f5f5fa8b276f0001fbda3a04ae.jpeg"); 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: #5a76e6; border-bottom: #fc96be 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: #ff6a57; cursor: pointer; } #retour{ color: #ffffff; margin-right: -10px; margin-bottom: 20px; cursor: pointer; text-transform: uppercase; } #retour:hover{ text-decoration: none; color: #fc96be; 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:#5a76e6 ; 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: #ff6a57;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: #5a76e6 !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: #5a76e6; } .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 #5a76e6 !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: #5a76e6; 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: #5a76e6; 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; min-height: 40vw; } .section_principale{ padding: 20px 40px 20px 30px; background: #5a76e6; 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: #5a76e6; 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: #fc96be; } .item-spectacle-reserver{ color: #FFF; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; background: #5a76e6; display: inline-block; padding: 10px 20px; margin: 0; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 50%; border-bottom-right-radius: 2px; } .item-spectacle-reserver:hover, .item-spectacle-decouvrir:hover{ background: #4b5a76; cursor: pointer; color: #FFF; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .item-spectacle-decouvrir{ color: #FFF; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; background: #421602; display: inline-block; padding: 10px 20px; margin: 0; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 50%; border-bottom-left-radius: 2px; } .item-spectacle-bouton{ position: absolute; bottom: 0px; left:50%; text-align: center; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 100%; z-index: 3; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .gradiant{ background: rgb(2,6,6); background: linear-gradient(0deg, rgba(2,6,6,1) 0%, rgba(2,6,6,0) 100%); width: 100%; height: 100px; position: absolute; bottom: 0; z-index: 2; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-bottom-left-radius: 2px; border-bottom-right-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" 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 > <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" 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 style="color: #5a76e6 !important;"> <i class="fa-solid fa-chevron-right" style="font-size: 16px;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 2025</em> <br> <div align="center" style="padding-top: 10px;font-size: 30px;color: #ffffff"> J-116</div></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 2025</em> <br> <div align="center" style="padding-top: 10px;font-size: 30px;color: #ffffff"> J-116</div></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/20241126151627-avtprog2025-ok.pdf"><i class="fa-solid fa-download" style="margin-right: 8px;"></i> Télécharger<br><strong>le programme 2025 !</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/93c63f32ebb44df497441bb6f8c4c4ed.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/93c63f32ebb44df497441bb6f8c4c4ed.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>Engagement pédagogique</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><img class="img-fluid" src="img/0db5662f8fb9eea1807519f078c8f58b.jpg" draggable="false" data-zoom="1" style="width: 100%;"><br></p><p>Depuis 2007, plus de 5000 élèves, de la maternelle au lycée ont participé à des actions de médiation culturelle proposées par les Chorégies d’Orange !</p><p><br></p> <p>Entre 2007 et 2016, l’action pédagogique des Chorégies est axée autour de deux phases : une phase de sensibilisation au monde de l'art lyrique et du spectacle vivant comprenant des rencontres avec des professionnels, puis une phase de production où les élèves sont les artistes du spectacle ! Chaque année, l’ouvrage étudié est en lien avec la programmation des Chorégies. Metteur en scène, chef de chant, costumier, éclairagiste, … : une véritable équipe de professionnels est au service du spectacle !</p><p><br></p> <p>En 2016/2017, sous l’impulsion de Jean-Louis Grinda, naît le projet Pop the Opera. Il est confié à Jean-Marie Leau et à Victor Jacob. Pour la première fois, les Chorégies réunissent 600 élèves issus de 26 collèges et lycées de toute la région Provence-Alpes-Côte d’Azur pour un grand spectacle mêlant chœurs d’opéras à chansons pop, chansons traditionnelles, musiques de films,… 4000 spectateurs se pressent dans les gradins du Théâtre antique pour applaudir les jeunes artistes accompagnés par l’Orchestre Régional Avignon Provence et par le chœur de l’Opéra de Monte-Carlo (direction Stefano Visconti), placés sous la direction de Didier Benetti.</p><p><br></p> <p>Le projet Pop the Opera connaît une deuxième édition en 2018/2019 et attire quasiment 5000 spectateurs.</p><p><br></p> <p><strong>Productions réalisées par des écoliers, collégiens et lycéens</strong> : <br><b>2008 : </b>Carmen (G. Bizet), mis en scène par Nadine Duffaut <br><b>2009 : </b>La Traviata (G. Verdi), mis en scène par Caroline Gonce <br><b>2010 :</b> Tosca (G. Puccini), mis en scène par Nadine Duffaut<br><b>2011 :</b> Aida (G. Verdi), mis en scène par Carole Montagner<br><b>2012 : </b>La Boheme (G. Puccini), mis en scène par Jean-Philippe Corre <br><b>2013 :</b> Concert "Collégiens et lycéens chantent l'Opéra aux Chorégies d'Orange" au Théâtre antique <br><b>2014 :</b> Nabucco (G. Verdi), mis en scène par Nadine Duffaut <br><b>2015 : </b>Carmen (G. Bizet), mis en scène par Louis Désiré <br><b>2016 : </b>Madame Chrysanthème (A. Messager), mis en scène par Nadine Duffaut <br>Autour de Madame Chrysanthème, écoliers d’Uchaux <br><b>2017 : </b>Musiques en fête, en direct des Chorégies d’Orange (direct F3) <br>Pop the Opera, première édition avec 600 collégiens et lycéens de la région PACA, au Théâtre antique 2017 : Autour de Rigoletto, écoliers d’Uchaux <br><b>2018 : </b>Musiques en fête, en direct des Chorégies d’Orange (direct F3) <br>Rentrée en musique, au Palais des Papes d’Avignon <br>Voyage au c(h)œur de l’opéra, écoliers d’Uchaux <br><b>2019 :</b> Musiques en fête, en direct des Chorégies d’Orange (direct F3)</p><p>Pop the Opera, deuxième édition avec 630 collégiens et lycéens de la région PACA, au Théâtre antique <br><b>2020 : </b>Musiques en fête, en direct des Chorégies d’Orange (direct F3)</p><p><b>2022 :</b> Spectacle à l'auditorium Jean Moulin (Le Thor)</p><p>Musiques en fête, en direct des Chorégies d’Orange (direct F3)</p><p><b>2023 : </b>Spectacle à l'auditorium Jean Moulin (Le Thor)</p><p>Musiques en fête, en direct des Chorégies d’Orange (direct F3)</p><p>Pop the Opera, troisième édition avec 1 000 collégiens et lycéens de la région PACA, au Théâtre antique</p><p><b>2024 :</b> Spectacle à l'auditorium Jean Moulin (Le Thor)</p><p>Pop the Opera, quatrième édition avec 1 200 collégiens et lycéens de la région PACA, au Théâtre antique </p><p> Musiques en fête, en direct des Chorégies d’Orange (direct F3) </p><p><br></p> <p>Chaque année, des interventions en classes sont organisées par les Chorégies tant pour présenter le Festival, les métiers, l’opéra ; que les productions mêmes de l’édition en cours. Les élèves peuvent être également reçus au Théâtre antique ou chez nos prestataires (ateliers de décors, …).</p><p><br></p> <p>Depuis 2015, un projet spécifique est mené avec le lycée Saint-Louis d’Orange.</p><p><br></p> <p>Enfin, tous les ans, l’ensemble des élèves qui participent aux actions de médiation culturelle des Chorégies ont la possibilité de venir assister à une représentation au Théâtre antique.</p><p><br></p> <p><em>Professeur d’éducation musicale et chant choral, chargé de la mission service éducatif auprès des Chorégies d’Orange</em> : Thibaut Plantevin (cité scolaire Joseph d’Arbaud à Vaison-la-Romaine).<br><br><a href="/contact.html" target="_blank"><strong>Contact</strong> : Paulin Reynard, directeur de production et chargé des actions de médiation culturelle</a></p><p><br></p><p></p><div style="text-align: center;"><img class="img-fluid" src="img/75baf38e22fd1865b442eb9a92f95789.png" draggable="false" data-zoom="1" style="width: 50%;"></div><br><p></p></div> </div> </div> <div class="col-xl-4 float_section_div" align="center"> <style> .item-spectacle-reserver{ color: #ffffff; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; background: #5a76e6; border: solid 3px #5a76e6; display: inline-block; padding: 10px 20px; margin: 0; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 50%; border-bottom-right-radius: 2px; } .item-spectacle-reserver:hover{ background: #ff6a57; border: solid 3px #ffffff; cursor: pointer; color: #ffffff; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .item-spectacle-decouvrir:hover{ background: #5a76e6; cursor: pointer; color: #ffffff; border: solid 3px #ffffff; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .item-spectacle-decouvrir{ color: #ffffff; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; background: #ff6a57; border: solid 3px #ff6a57; display: inline-block; padding: 10px 20px; margin: 0; margin-left: -1px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 50%; border-bottom-left-radius: 2px; } </style> <div class="owl-carousel float_section" data-sal="slide-up" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out"> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Récital Renaud Capuçon</em></strong><br><em>MERCREDI 9 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-09--recital-capucon--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href=" https://billetterie.seetickets.fr/recital-renaud-capucon-festival-theatre-antique-orange-09-juillet-2025-css5-choregiesorange-pg101-ri10817061.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/db8b11e8167133c72e041b03d602b7f0.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Fantasia Disney / ciné-concert</em></strong><br><em>MARDI 22 JUILLET / 21H30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-22--fantasia-disney-cine-concert--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/cine-concert-fantasia-festival-theatre-antique-orange-22-juillet-2025-css5-choregiesorange-pg101-ri10815403.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/5c934623b0bf10b5d58393e9615f8f29.png&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>La Forza del Destino / Verdi (version concert)</em></strong><br><em>DIMANCHE 20 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-20--la-forza-del-destino--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/la-forza-del-destino-verdi-opera-version-concert-festival-theatre-antique-orange-20-juillet-2025-css5-choregiesorange-pg101-ri10817927.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/7d7ddc45595eb95b09118a6b99aeb42a.jpeg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Récital Scène émergente</em></strong><br><em>MARDI 15 JUILLET / 21H</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-15--scene-emergente--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/recital-scene-emergente-festival-palais-des-princes-orange-15-juillet-2025-css5-choregiesorange-pg101-ri10817187.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/c7d6f1e3e9141a7c3319aa81b9e64583.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Pop the Opera</em></strong><br><em>VENDREDI 13 JUIN / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-06-13--pop-the-opera--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/pop-the-opera-festival-theatre-antique-orange-13-juin-2025-css5-choregiesorange-pg101-ri10644023.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/3a9b1f3ef86dba24e9ef54dc7015e810.JPG&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Mozart Requiem </em></strong><br><em>SAMEDI 28 JUIN / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-06-28--mozart-requiem--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/requiem-mozart-concert-theatre-antique-orange-28-juin-2025-css5-choregiesorange-pg101-ri10884189.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/19e5f57ec86da846df3039f73af050fa.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Liverpool Oratorio / Paul McCartney et Carl Davis</em></strong><br><em>VENDREDI 25 JUILLET / 21H30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-25--liverpool-oratorio-paul-mccartney--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/liverpool-oratorio-festival-theatre-antique-orange-25-juillet-2025-css5-choregiesorange-pg101-ri10818073.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/b7d4c1dd21ec22a26c3e29bca57ba0b4.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Il Trovatore / Verdi (version concert)</em></strong><br><em>DIMANCHE 6 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-06--il-trovatore--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/il-trovatore-verdi-opera-version-concert-festival-theatre-antique-orange-06-juillet-2025-css5-choregiesorange-pg101-ri10817821.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/c4cfe8e8888acea555bd7fbbe8366246.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Ballet Preljocaj / Le Lac des cygnes </em></strong><br><em>SAMEDI 12 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-12--ballet-preljocaj--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/le-lac-des-cygnes-angelin-preljocaj-festival-theatre-antique-orange-12-juillet-2025-css5-choregiesorange-pg101-ri10817659.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/44d0bf07af6b6df078e3e7aecb792ed5.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Grande Scène Émergente</em></strong><br><em>JEUDI 17 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-17--grande-scene-emergente--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/grande-scene-emergente-festival-theatre-antique-orange-17-juillet-2025-css5-choregiesorange-pg101-ri10817059.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/a9c59a6300939042b262cd41c5344981.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Concert symphonique</em></strong><br><em>SAMEDI 5 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-07-05--concert-symphonique--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://billetterie.seetickets.fr/concert-symphonique-festival-theatre-antique-orange-05-juillet-2025-css5-choregiesorange-pg101-ri10817249.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/a2c9a5ef9bba0e258e653f3a9ea74b5f.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Johnny Symphonique</em></strong><br><em>MARDI 24 JUIN / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-06-24--johnny-symphonique--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/fb55db999d4401559046bc005b8eb5fb.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Musiques en fête, en direct des Chorégies d'Orange</em></strong><br><em>JUIN / 21h</em></p> <div class="item-spectacle-bouton"> <a href="programme--2025-06-01--musiques-en-fete-en-direct-des-choregies-dorange--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a></div> <div class="gradiant"></div> <img class="w-100" style="border-radius: 4px;" src="mthumb.php?src=img/e22311f123a34904404aadb1665788e8.JPG&w=900&h=700&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/937b67f5f5fa8b276f0001fbda3a04ae.jpeg); 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 }); $("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>