CINXE.COM

<SCRIPT LANGUAGE="JavaScript"> document.location.href="maintenance.html" </SCRIPT> <!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>Les Chorégies d'Orange</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="Les Chorégies d'Orange"/> <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="Les 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/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("assets/video/video.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; filter: drop-shadow(5px 5px 10px #000); } #logo_mobile_img{ max-width: 180px; margin-top: 30px; margin-left: 30px; filter: drop-shadow(5px 5px 10px #0d0d0d); } #header_titre{ background: #5a76e6; display: inline-block; position: absolute; z-index: 2; bottom: 0; left: 0; margin-bottom: -28px; font-size: 40px; line-height: 40px; padding: 20px; color: #FFF; font-family: 'gilroyblack' !important; text-transform: uppercase; } #header_titre date{ color: #fc96be; } #page{ width: 100%; margin: 0; padding: 0; margin-top: 40px; } .item-spectacle{ margin-bottom: 40px; position: relative; height: 300px; -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-radius: 2px; } .item-spectacle:hover .item-spectacle-img{ filter: grayscale(0); opacity: 1; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: scale(1.02); border-radius: 2px; } .item-spectacle:hover .gradiant{ -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: scale(1.02); bottom: -2px; border-radius: 2px; } .item-spectacle-date{ position: absolute; top: 15px; right: 35px; color: #FFF; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; z-index: 3; text-shadow: 0px 1px 10px rgba(0,0,0,0.4); cursor: default !important; } .item-spectacle-titre{ position: absolute; bottom: 50px; left:50%; color: #FFF; font-size: 28px; line-height: 30px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 100%; z-index: 3; padding: 0 40px; text-shadow: 0px 1px 10px rgba(0,0,0,0.4); cursor: default !important; } .gradiant{ background: rgb(2,6,6); background: linear-gradient(0deg, rgba(2,6,6,1) 0%, rgba(2,6,6,0) 100%); width: calc( 100% - 25px ); 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-radius: 2px; } .item-spectacle-back{ background: #0c0c0c; position: absolute; top: 0; left: 12.5px; width: calc( 100% - 25px ); height: 100%; z-index: 0; border-radius: 2px; } .item-spectacle-img{ background: #0c0c0c; position: absolute; top: 0; left: 12.5px; width: calc( 100% - 25px ); height: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; filter: grayscale(1); opacity: 0.6; -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-radius: 2px; } .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; } .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; } .item-spectacle-bouton{ position: absolute; bottom: -20px; left:50%; text-align: center; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 100%; z-index: 3; } #video-container{ position: absolute; top: 0; left:0; width:100%; height: 100%; overflow: hidden; z-index:1; } #videoback{ height: 100%; width: 177.77777778vh; min-width: 100%; min-height: 56.25vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .pattern{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("images/pattern.png"); background-repeat: repeat; z-index: 4; opacity: 0.5; } h1{ color: #fc96be; font-size: 30px; font-family: 'gilroyblack' !important; margin: 0; margin-bottom: 10px; margin-top: -7px; } #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; } .covoiturage_bt{ background:#FFF; color:#000 !important; font-family: 'gilroyblack'; font-size: 12px; line-height:14px; 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; } .covoiturage_bt:hover{ text-decoration: none !important; background: #FFF !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; } .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: #000; 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: #FFF; border-radius: 2px; padding: 40px; } .titre_popup{ color: #FFF; font-size: 40px; margin-bottom: 2px; } .link_popup{ color: #000; text-decoration: none; font-size: 26px; text-transform: uppercase; } .link_popup:hover{ color: #5a76e6; cursor: pointer; } .sous_titre_popup{ color: #000; text-decoration: underline; font-size: 16px; } .close_popup{ color: #FFF; margin-right: -40px; font-size: 30px; } .close_popup:hover{ color: #5a76e6; cursor: pointer; } .bt_nav a:link, .bt_nav a:visited{ color: #FFF; text-decoration: none; } #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; } #navigation_mobile, #logo_mobile{ display: none; } .colpad{ padding: 20px 0px 20px 30px; } .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: 992px) { #left_block, #navigation{ display: none; } #header, .back_header{ height: 400px; } #navigation_mobile{ display: block; } #logo_mobile{ display: block; position: absolute; z-index: 4; } } @media (max-width: 768px) { .img-fluid{ width: 100% !important; } .colpad{ padding: 20px 0px 20px 0px; } .logo_footer1{ max-width: 250px; } .logo_footer2{ max-width: 130px; } } .actulink, .actulink p{ text-decoration: none !important; color: #0d0d0d } .actulink:hover{ opacity: 0.8; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #annonce_accueil p{ padding: 0; margin: 0; } </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 id="header"> <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 2025</em> <br> <div align="center" style="padding-top: 10px;font-size: 30px;color: #fc96be"> J-197</div></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="?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="./?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 2025</em> <br> <div align="center" style="padding-top: 10px;font-size: 30px;color: #fc96be"> J-197</div></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="?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><br> <div class="links covoiturage_bt" data-sal="slide-left" data-sal-delay="150" data-sal-duration="200" data-sal-easing="ease-out" id="https://covoiturage.choregies.fr/" style="color:#000;"><em> Nouveauté<br>découvrez notre plateforme<br>de covoiturage</em></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/93c63f32ebb44df497441bb6f8c4c4ed.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/93c63f32ebb44df497441bb6f8c4c4ed.png" draggable="false"></a> </div> <div id="header_titre"> <em>DÉCOUVREZ LA SAISON <date>2025</date> </em> </div> <div id="video-container"> <div class="pattern"></div> <video id="videoback" muted loop width="1280" height="720" autoplay preload="auto"> <source src="assets/video/video.mp4" type="video/mp4"> </video> </div> </div> <div class="row" id="page"> <div class="col-xl-8"> <div class="row colpad"> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>VENDREDI 14 JUIN / 21h30</em></div> <div class="item-spectacle-titre"><em>Pop the Opera<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-06-13--pop-the-opera--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/3a9b1f3ef86dba24e9ef54dc7015e810.JPG&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>JUIN / 21h</em></div> <div class="item-spectacle-titre"><em>Musiques en fête, en direct des Chorégies d'Orange<br></em></div> <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> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/e22311f123a34904404aadb1665788e8.JPG&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>MARDI 24 JUIN / 21h30</em></div> <div class="item-spectacle-titre"><em>Johnny Symphonique<br></em></div> <div class="item-spectacle-bouton"> <a href="https://billetterie.seetickets.fr/johnny-symphonique-festival-theatre-antique-orange-24-juin-2025-css5-choregiesorange-pg101-ri10818159.html" target="_blank"><div class="item-spectacle-reserver">Réserver</div></a><a href="programme--2025-06-24--johnny-symphonique--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/fb55db999d4401559046bc005b8eb5fb.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>SAMEDI 28 JUIN / 21h30</em></div> <div class="item-spectacle-titre"><em>Mozart Requiem <br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-06-28--mozart-requiem--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/19e5f57ec86da846df3039f73af050fa.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>SAMEDI 5 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>Concert symphonique<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-05--concert-symphonique--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/a2c9a5ef9bba0e258e653f3a9ea74b5f.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>DIMANCHE 6 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>Il Trovatore / Verdi (version concert)<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-06--il-trovatore--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/c4cfe8e8888acea555bd7fbbe8366246.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>MERCREDI 9 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>Récital Renaud Capuçon<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-09--recital-capucon--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/db8b11e8167133c72e041b03d602b7f0.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>SAMEDI 12 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>Ballet Preljocaj / Le Lac des cygnes <br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-12--ballet-preljocaj--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/44d0bf07af6b6df078e3e7aecb792ed5.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>JEUDI 17 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>Grande Scène Émergente<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-17--grande-scene-emergente--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/a9c59a6300939042b262cd41c5344981.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>DIMANCHE 20 JUILLET / 21h30</em></div> <div class="item-spectacle-titre"><em>La Forza del Destino / Verdi (version concert)<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-20--la-forza-del-destino--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/7d7ddc45595eb95b09118a6b99aeb42a.jpeg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>MARDI 22 JUILLET / 21H30</em></div> <div class="item-spectacle-titre"><em>Fantasia Disney / ciné-concert<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-22--fantasia-disney-cine-concert--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/5c934623b0bf10b5d58393e9615f8f29.png&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>VENDREDI 25 JUILLET / 21H30</em></div> <div class="item-spectacle-titre"><em>Liverpool Oratorio / Paul McCartney<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-25--liverpool-oratorio-paul-mccartney--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/b7d4c1dd21ec22a26c3e29bca57ba0b4.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> <div class="col-xl-6 item-spectacle"> <div class="item-spectacle-date"><em>MARDI 15 JUILLET / 21H</em></div> <div class="item-spectacle-titre"><em>Récital Scène émergente<br></em></div> <div class="item-spectacle-bouton"> <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><a href="programme--2025-07-15--scene-emergente--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a> </div> <div class="gradiant"></div> <div class="item-spectacle-back"></div> <div class="item-spectacle-img" style="background-image: url('mthumb.php?src=img/vignettes/c7d6f1e3e9141a7c3319aa81b9e64583.jpg&w=800&h=550&q=90&a=t&s=1')" ></div> </div> </div> </div> <div class="col-xl-4" style="margin-top: 0px;padding: 20px;"> <div class="row" style="margin: 0; padding: 0;"> <div class="col-12"> <a href="actualites--2024-11-27--nouveau-parking-gratuit-disponible-a-orange---fr.html" class="actulink"><h1 style="margin-bottom: 0;font-size: 20px; color: #0d0d0d" ><em>Nouveau parking gratuit disponible à Orange </em></h1> <p>Parking du hall des expositions </p> <img src="mthumb.php?src=img/vignettes/02d430bf65f53b7e925255b3a7caa648.png&w=800&h=560&q=90&a=c&s=1" class="w-100" style="border-radius: 2px;margin-top: -10px;" draggable="false"> </a><br><br><br><br> </div> <div class="col-12"> <a href="actualites--2024-11-26--le-chant-dans-tous-ses-etats---fr.html" class="actulink"><h1 style="margin-bottom: 0;font-size: 20px; color: #0d0d0d" ><em>Le chant dans tous ses états </em></h1> <p>par Jean-Louis Grinda</p> <img src="mthumb.php?src=img/vignettes/6c1e3a52a920dbbaf459cfac97cf7d24.jpg&w=800&h=560&q=90&a=c&s=1" class="w-100" style="border-radius: 2px;margin-top: -10px;" draggable="false"> </a><br><br><br><br> </div> <div class="col-12"> <a href="actualites--2024-11-26--le-mot-du-president---fr.html" class="actulink"><h1 style="margin-bottom: 0;font-size: 20px; color: #0d0d0d" ><em>Le mot du Président </em></h1> <p>par Richard Galy</p> <img src="mthumb.php?src=img/vignettes/a52f649bfe9167c7de0255f6f4cb6263.jpg&w=800&h=560&q=90&a=c&s=1" class="w-100" style="border-radius: 2px;margin-top: -10px;" draggable="false"> </a><br><br><br><br> </div> <div class="col-12"> <a href="actualites--2024-06-11--region-sud-terre-de-festivals--fr.html" class="actulink"><h1 style="margin-bottom: 0;font-size: 20px; color: #0d0d0d" ><em>Région Sud, Terre de festivals</em></h1> <p>Cet été changez d'art : fêtons ensemble les 155 ans des Chorégies !</p> <img src="mthumb.php?src=img/vignettes/8a038ba4ff871ee337a6aa220bf84b0e.jpg&w=800&h=560&q=90&a=c&s=1" class="w-100" style="border-radius: 2px;margin-top: -10px;" draggable="false"> </a><br><br><br><br> </div> </div> </div> <a class="fancybox_accueil" data-modal="true" data-touch="true" data-selectable="true" data-fancybox data-src="#annonce_accueil" href="javascript:;"></a> <div id="annonce_accueil" style="border-radius: 4px; background-color: #FFF; width: 100%; max-width: 800px;"> <div style="position: absolute; top: 10px; right: 16px;cursor: pointer;" id="close"><i class="far fa-times-circle"></i></div> <div align="center"><img draggable="false" src="https://www.choregies.fr/img/c69d46955a95fcb3e535544245a79237.png" style="max-width: 200px;" ></div><br><br> <p align="justify" id="annonce">Madame, Monsieur, <br><p>Chers Amis des Chorégies d’Orange, </p><p>Chers Spectateurs,</p><p><br></p><p>L’édition 2024 a marqué un véritable tournant avec un succès retentissant. Ce dynamisme nous porte, et c’est avec un enthousiasme renouvelé que nous poursuivons notre trajectoire.</p><p><br></p><p>Pour cette édition 2025, les Chorégies d’Orange se placeront sous le signe du chant, dans tous ses états.</p><p><br></p><p>Que ce soit à travers l’opéra, la musique symphonique, le chant choral ou encore les créations contemporaines, nous avons voulu faire de cette saison un véritable hommage à la voix, dans le cadre unique du Théâtre antique, avec son acoustique incomparable qui sublime chaque note, chaque nuance.</p><p><br></p><p><br /> </p><p>Nous avons l’immense privilège d’accueillir certains des plus grands artistes, fidèles partenaires de notre Festival, qui viendront interpréter des œuvres incontournables. Mais cette saison s’inscrit aussi dans une volonté forte de faire la part belle aux jeunes talents, qu’ils soient sur scène ou dans le public. Les Chorégies se veulent un lieu de rencontre, de partage et de transmission, où l’émotion se vit sans barrière.</p><p><br></p><p><br /> </p><p>Je vous invite à découvrir dès à présent l’intégralité de cette saison 2025 et à réserver vos places pour partager avec nous ces moments d’exception.</p><p><br></p><p><br /> </p><p>L’offre famille est étendue à tous nos spectacles pour vous permettre de transmettre la magie des Chorégies à vos enfants et petits-enfants.</p><p><br></p><p><br /> </p><p>Nous vous informons également qu’une offre exceptionnelle vous permet de bénéficier d’un tarif d’ouverture avec une réduction de 10% sur le tarif général, hors abonnement et cartes cadeaux, valable jusqu’au 31 janvier 2025.</p><p><br></p><p><br /> </p><p>Nous vous invitons donc à prendre connaissance de l’avant-programme et à effectuer vos réservations au guichet, par téléphone (04.90.34.24.24), par correspondance ou sur notre site internet (www.choregies.fr) dès le 9 décembre 2024, ou dès le 27 novembre prochain pour les adhérents de l’Association des Amis des Chorégies d’Orange.</p><p><br></p><p> <br /> </p><p>Nous vous attendons avec impatience cet été, pour vivre ensemble ces instants d’émotion sur les gradins du Théâtre antique.</p><p><br></p><p><br /> </p><p>Vive les Artistes !</p><p><br></p><p><br /> </p><p>Bien cordialement,</p><p><br></p><p><br /> </p><p>Jean-Louis GRINDA<br /> </p><p>Directeur <br /> </p><p><br></p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p><p><br /> </p></p> </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?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="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/popupConsent.min.js"></script> <script src="assets/js/sal.js"></script> <script type="text/javascript"> $(document).ready(function () { sal({ threshold: 0, once: true, }); 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); $(".fancybox_accueil").eq(0).trigger('click'); $('#close').click(function(){ $.fancybox.close(); }) $('.item-spectacle-decouvrir').click(function(){ var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollPos = document.documentElement.scrollTop; } else if (typeof document.body != 'undefined') { scrollPos = document.body.scrollTop; } document.cookie = "scrollTop=" + scrollPos + "URL=home"; }); $('.actulink').click(function(){ var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollPos = document.documentElement.scrollTop; } else if (typeof document.body != 'undefined') { scrollPos = document.body.scrollTop; } document.cookie = "scrollTop=" + scrollPos + "URL=home"; }); $('.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> </html>