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>Médiathèque</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="Médiathèque"/> <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="Médiathèque"/> <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; } .parent { display: flex; flex-wrap: wrap; align-items:center; justify-content: space-around; width: 100%; margin-bottom: 40px; } .child { display: inline-block; margin: 10px 0 0 2%; flex-grow: 1; } .partenaires{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 1; max-width: 160px !important; max-height: 100px !important; height: auto !important; width: auto !important; background: #FFF; margin-top: 20px; padding: 10px; } .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; } .medias_click{ outline: none; } .imgmedias{ filter: grayscale(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; } .imgmedias:hover{ filter: grayscale(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; } </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 style="color: #5a76e6 !important;"> <i class="fa-solid fa-chevron-right" style="font-size: 16px;vertical-align: middle;margin-top: -6px;"></i> Médiathèque</strong></a> </div> </div> </div> <div class="popup_menu" id="open_infos_pratique"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_infos_pratique"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Infos pratiques</strong></em></div> <div class="popup_menu_back_color"> <div class="sous_titre_popup">Réservation des places</div> <a href="prix-des-places.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Prix des places</strong></a><br> <a href="modalites-de-reservation.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Modalités de réservation</strong></a><br><br> <div class="sous_titre_popup">Préparer votre venue</div> <a href="venir-a-orange.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Venir à Orange</strong></a><br> <a href="https://covoiturage.choregies.fr" target="_blank" class="link_popup"><strong> <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Covoiturage</strong></a><br> <a href="hebergements.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Hébergements</strong></a><br> </div> </div> </div> <div class="popup_menu" id="open_connexion"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_connexion"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Connexion</strong></em></div> <div class="popup_menu_back_color"> <a href="presse.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace presse</strong></a><br><br> <a href="adherents.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace Amis des Chorégies</strong></a><br><br> <a href="projet-pedagogique.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Projet pédagogique</strong></a><br> </div> </div> </div> <div class="back_header"></div> <div id="header" data-sal="fade" data-sal-delay="0" data-sal-duration="1000" data-sal-easing="ease-out"> <div id="navigation" style="margin-top: -15px;" > <a href="./?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav " 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-197</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?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 " 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-197</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?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></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 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>Médiathèque</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"> <div class="row" style="margin: 0; padding: 0" data-masonry='{"percentPosition": true }'> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="0" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Tosca (version concert)" href="img/f259e80805c2dd16b21c28ffdfff623c.JPG"> <img src="mthumb.php?src=img/f259e80805c2dd16b21c28ffdfff623c.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Tosca (version concert)</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Scène émergente" href="img/9820322ee174479d8eead78e7426236a.jpg"> <img src="mthumb.php?src=img/9820322ee174479d8eead78e7426236a.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Scène émergente</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Récital Edgar Moreau" href="img/87b13a43141bdbd7b6197b78b6d6caab.JPG"> <img src="mthumb.php?src=img/87b13a43141bdbd7b6197b78b6d6caab.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Récital Edgar Moreau</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Black Legends" href="img/bd2a707e8d3d8953314a3378bcaa7e5a.JPG"> <img src="mthumb.php?src=img/bd2a707e8d3d8953314a3378bcaa7e5a.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Black Legends</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Les Saisons" href="img/51f0762e9f30ba5bc42ffd1283194a77.JPG"> <img src="mthumb.php?src=img/51f0762e9f30ba5bc42ffd1283194a77.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Les Saisons</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ciné-concert Chaplin" href="img/e059c9f9e9796ae46d00ebbd693fcea3.JPG"> <img src="mthumb.php?src=img/e059c9f9e9796ae46d00ebbd693fcea3.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ciné-concert Chaplin</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit Tchaïkovski" href="img/f6104517beba534a3e6b93ff9588ec6f.JPG"> <img src="mthumb.php?src=img/f6104517beba534a3e6b93ff9588ec6f.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit Tchaïkovski</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Mika Philharmonique" href="img/d57f396cb07405f453d49a53f138ab34.JPG"> <img src="mthumb.php?src=img/d57f396cb07405f453d49a53f138ab34.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Mika Philharmonique</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Musiques en fête" href="img/ec31873b68b274ed32b0dd676c2d50f7.JPG"> <img src="mthumb.php?src=img/ec31873b68b274ed32b0dd676c2d50f7.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Musiques en fête</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/4d141cd74ab00816581d2b7b4ab98297.JPG"> <img src="mthumb.php?src=img/4d141cd74ab00816581d2b7b4ab98297.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/5356e861b0aa467525770b64c9686904.JPG"> <img src="mthumb.php?src=img/5356e861b0aa467525770b64c9686904.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/be1b352bfca7e8c0f467f151b4e2ae6e.JPG"> <img src="mthumb.php?src=img/be1b352bfca7e8c0f467f151b4e2ae6e.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/cf2e9cb2c9bf561bc6bc83130a8f7d0c.JPG"> <img src="mthumb.php?src=img/cf2e9cb2c9bf561bc6bc83130a8f7d0c.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/495bb159166506234fe3758e17418954.JPG"> <img src="mthumb.php?src=img/495bb159166506234fe3758e17418954.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/fba3b6861a5ce8ec51cf6d9b601a0eef.JPG"> <img src="mthumb.php?src=img/fba3b6861a5ce8ec51cf6d9b601a0eef.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/9d69e0795341332196e2607de966a7c4.JPG"> <img src="mthumb.php?src=img/9d69e0795341332196e2607de966a7c4.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/c9934d9a6b4ae46c80dc515712867ded.JPG"> <img src="mthumb.php?src=img/c9934d9a6b4ae46c80dc515712867ded.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/8378b1f088f99f2c90db0930dc1c2489.JPG"> <img src="mthumb.php?src=img/8378b1f088f99f2c90db0930dc1c2489.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/5b4de6fac54b2ac629dcf691972f1331.jpg"> <img src="mthumb.php?src=img/5b4de6fac54b2ac629dcf691972f1331.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="1900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ukrainian Freedom Tour" href="img/0f78e057d81081a7140f367f2b8d73a6.JPG"> <img src="mthumb.php?src=img/0f78e057d81081a7140f367f2b8d73a6.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ukrainian Freedom Tour</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit italienne avec la Scala de Milan " href="img/0ae6ddb2c6aadf1a3550afb569961c9d.JPG"> <img src="mthumb.php?src=img/0ae6ddb2c6aadf1a3550afb569961c9d.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit italienne avec la Scala de Milan </em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Missa solemnis" href="img/691ae6ef5471267090f93a4f5394c13c.JPG"> <img src="mthumb.php?src=img/691ae6ef5471267090f93a4f5394c13c.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Missa solemnis</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Symphonie du Nouveau Monde" href="img/faeaf48bed1dbf270879905384735129.JPG"> <img src="mthumb.php?src=img/faeaf48bed1dbf270879905384735129.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Symphonie du Nouveau Monde</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Giselle" href="img/b169af74c804782343cae6a1498e9850.JPG"> <img src="mthumb.php?src=img/b169af74c804782343cae6a1498e9850.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Giselle</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Gioconda" href="img/397b8ed553d8d7ebf0b4a47296919d22.JPG"> <img src="mthumb.php?src=img/397b8ed553d8d7ebf0b4a47296919d22.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Gioconda</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="L'elisir d'amore" href="img/090b605db12ff3f4d1d709f1652a04d1.JPG"> <img src="mthumb.php?src=img/090b605db12ff3f4d1d709f1652a04d1.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>L'elisir d'amore</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ciné-concert Les lumières de la ville" href="img/a2e2ce685b593cb136e5c18ef29a9d66.JPG"> <img src="mthumb.php?src=img/a2e2ce685b593cb136e5c18ef29a9d66.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ciné-concert Les lumières de la ville</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="L'elisir d'amore" href="img/788c6a470056515fab3c885a95db61c0.JPG"> <img src="mthumb.php?src=img/788c6a470056515fab3c885a95db61c0.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>L'elisir d'amore</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Samson et Dalila 2021" href="img/4ee41e1e703c89de52843740a661a132.JPG"> <img src="mthumb.php?src=img/4ee41e1e703c89de52843740a661a132.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Samson et Dalila 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="2900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ballet for Life / Queen Béjart 2021" href="img/dd7ef6015e8c34487f5220d394f2631f.JPG"> <img src="mthumb.php?src=img/dd7ef6015e8c34487f5220d394f2631f.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ballet for Life / Queen Béjart 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit verdienne 2021" href="img/a56ac4d1fabdaa59b9119ec31913e50a.JPG"> <img src="mthumb.php?src=img/a56ac4d1fabdaa59b9119ec31913e50a.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit verdienne 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Cecilia Bartoli et les Musiciens du Prince - Monaco 2021" href="img/0fa5f7449008c0b6bd9d2506e04865c5.JPG"> <img src="mthumb.php?src=img/0fa5f7449008c0b6bd9d2506e04865c5.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Cecilia Bartoli et les Musiciens du Prince - Monaco 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Samson et Dalila 2021" href="img/fc591e2134af70ac17fe9e2b08bb4c0a.JPG"> <img src="mthumb.php?src=img/fc591e2134af70ac17fe9e2b08bb4c0a.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Samson et Dalila 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ciné-concert / The Kid de Charlie Chaplin 2021" href="img/79a468aeec799f3308cdc79dff095d43.JPG"> <img src="mthumb.php?src=img/79a468aeec799f3308cdc79dff095d43.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ciné-concert / The Kid de Charlie Chaplin 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Concert Franck / Vengerov 2021" href="img/2386c48b64103b8c3fac1232be228070.JPG"> <img src="mthumb.php?src=img/2386c48b64103b8c3fac1232be228070.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Concert Franck / Vengerov 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit verdienne 2021" href="img/153f2ffcbeb7240490cf0f0f3a9a62b8.JPG"> <img src="mthumb.php?src=img/153f2ffcbeb7240490cf0f0f3a9a62b8.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit verdienne 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Samson et Dalila 2021" href="img/35a8c97b92067251d990ce42ff7b0022.JPG"> <img src="mthumb.php?src=img/35a8c97b92067251d990ce42ff7b0022.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Samson et Dalila 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit verdienne 2021" href="img/5efbda2c2bcd112a5b27d3e37bda02db.JPG"> <img src="mthumb.php?src=img/5efbda2c2bcd112a5b27d3e37bda02db.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit verdienne 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Casta diva 2021" href="img/d6970980a7656e555b5328529bacc1f0.JPG"> <img src="mthumb.php?src=img/d6970980a7656e555b5328529bacc1f0.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Casta diva 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="3900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Orgue et choeur 2021" href="img/42fa49d3c1e00801552709814acf3335.JPG"> <img src="mthumb.php?src=img/42fa49d3c1e00801552709814acf3335.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Orgue et choeur 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Concert Franck / Vengerov 2021" href="img/f7ec0da04ced6218bcec685e456717c4.JPG"> <img src="mthumb.php?src=img/f7ec0da04ced6218bcec685e456717c4.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Concert Franck / Vengerov 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ciné-concert / The Rink de Charlie Chaplin 2021" href="img/0b761d7042b2b85861fb920506a2926d.JPG"> <img src="mthumb.php?src=img/0b761d7042b2b85861fb920506a2926d.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ciné-concert / The Rink de Charlie Chaplin 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Scène émergente 2021" href="img/cdb1f64fb72ce1493310770e7ebe710f.JPG"> <img src="mthumb.php?src=img/cdb1f64fb72ce1493310770e7ebe710f.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Scène émergente 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Symphonie des Jeux vidéo 2021" href="img/d32ca5a62de914e1d5defad089fedd3f.JPG"> <img src="mthumb.php?src=img/d32ca5a62de914e1d5defad089fedd3f.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Symphonie des Jeux vidéo 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Samson et Dalila 2021" href="img/4a6745bca6abdb61b0e41772876f56e1.JPG"> <img src="mthumb.php?src=img/4a6745bca6abdb61b0e41772876f56e1.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Samson et Dalila 2021</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Ramón Vargas 2019" href="img/9bcff62518599a5831bcd983913b0307.jpg"> <img src="mthumb.php?src=img/9bcff62518599a5831bcd983913b0307.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Ramón Vargas 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" href="img/2ecebf57dc23d4512f5aecad1b41f125.JPG"> <img src="mthumb.php?src=img/2ecebf57dc23d4512f5aecad1b41f125.JPG&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Révélations classiques de l'Adami 2019" href="img/401fd40f835d135edfca41c2394d82ca.jpg"> <img src="mthumb.php?src=img/401fd40f835d135edfca41c2394d82ca.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Révélations classiques de l'Adami 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Symphonie n°8 de Mahler 2019" href="img/71532be4be3912b96626b01d85bfd1ee.jpg"> <img src="mthumb.php?src=img/71532be4be3912b96626b01d85bfd1ee.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Symphonie n°8 de Mahler 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="4900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Roméo et Juliette de Maillot 2019" href="img/e2984afc804a72796a166b6dce71351e.jpg"> <img src="mthumb.php?src=img/e2984afc804a72796a166b6dce71351e.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Roméo et Juliette de Maillot 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Faust, ciné-concert 2019" href="img/82ebf8e82bbb21cafa4bb98268598455.jpg"> <img src="mthumb.php?src=img/82ebf8e82bbb21cafa4bb98268598455.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Faust, ciné-concert 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Guillaume Tell 2019" href="img/30a17a27c9bdad54488de6ef9f25e33c.jpg"> <img src="mthumb.php?src=img/30a17a27c9bdad54488de6ef9f25e33c.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Guillaume Tell 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Jeff Mills 2019" href="img/1ba09df8a10e7c6b39183cdff33ea3d7.jpg"> <img src="mthumb.php?src=img/1ba09df8a10e7c6b39183cdff33ea3d7.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Jeff Mills 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Pop the Opera 2019" href="img/b693e66ba6fcb953da9c300d9d4a000f.jpg"> <img src="mthumb.php?src=img/b693e66ba6fcb953da9c300d9d4a000f.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Pop the Opera 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Don Giovanni 2019" href="img/042f210b91d572fdd263fc465a77f249.jpg"> <img src="mthumb.php?src=img/042f210b91d572fdd263fc465a77f249.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Don Giovanni 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit espagnole 2019" href="img/e45ee9b2d8f91342cf085102bd7be99a.jpg"> <img src="mthumb.php?src=img/e45ee9b2d8f91342cf085102bd7be99a.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit espagnole 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="(c)Colas Declercq" href="img/94e1f5d221116b2aaea365f4c21c1d12.jpg"> <img src="mthumb.php?src=img/94e1f5d221116b2aaea365f4c21c1d12.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>(c)Colas Declercq</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Fantasia 2018" href="img/8a5fa24427dacc4a45cb3a6efe699448.jpg"> <img src="mthumb.php?src=img/8a5fa24427dacc4a45cb3a6efe699448.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Fantasia 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Musiques en fête, en direct des Chorégies d'Orange 2019" href="img/770cb3a0c34805721bfc007e94e4f083.jpg"> <img src="mthumb.php?src=img/770cb3a0c34805721bfc007e94e4f083.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Musiques en fête, en direct des Chorégies d'Orange 2019</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="5900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Flûte enchantée de Béjart 2018" href="img/8a19e036315f1533ce13136602d03a65.jpg"> <img src="mthumb.php?src=img/8a19e036315f1533ce13136602d03a65.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Flûte enchantée de Béjart 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Mefistofele 2018" href="img/f5b037cfed133a1ba5206b9a6534a8e6.jpg"> <img src="mthumb.php?src=img/f5b037cfed133a1ba5206b9a6534a8e6.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Mefistofele 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Nuit russe 2018" href="img/88cb189a5e37946142fd6875a303e24d.jpg"> <img src="mthumb.php?src=img/88cb189a5e37946142fd6875a303e24d.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Nuit russe 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Mefistofele 2018" href="img/6bdb2dbfc5b651959ae0b7a6be23e130.jpg"> <img src="mthumb.php?src=img/6bdb2dbfc5b651959ae0b7a6be23e130.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Mefistofele 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Musiques en fête, en direct des Chorégies d'Orange 2018" href="img/0f193484e44a54de043b4c826ed8bda0.jpg"> <img src="mthumb.php?src=img/0f193484e44a54de043b4c826ed8bda0.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Musiques en fête, en direct des Chorégies d'Orange 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Barbiere di Siviglia 2018" href="img/6c4ce26c5bd8f0beb1054b7bf7cd08b0.jpg"> <img src="mthumb.php?src=img/6c4ce26c5bd8f0beb1054b7bf7cd08b0.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Barbiere di Siviglia 2018</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Carmen 2015" href="img/316eb13fa6a5254c848ea10120de23ee.jpg"> <img src="mthumb.php?src=img/316eb13fa6a5254c848ea10120de23ee.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Carmen 2015</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Rigoletto 2011" href="img/5b1e638c0f020db35769971d1d439386.jpg"> <img src="mthumb.php?src=img/5b1e638c0f020db35769971d1d439386.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Rigoletto 2011</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Il Trovatore 2015 (c) Philippe Gromelle" href="img/6a8fc97e6e4d8f215c83fb2a4b06c6f3.jpg"> <img src="mthumb.php?src=img/6a8fc97e6e4d8f215c83fb2a4b06c6f3.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Il Trovatore 2015 (c) Philippe Gromelle</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Aida 2011" href="img/d93c678516f054bdd128efca8c53de19.jpg"> <img src="mthumb.php?src=img/d93c678516f054bdd128efca8c53de19.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Aida 2011</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="6900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Les Contes d'Hofmann 2005" href="img/bbf05707c6f90b3b4b27dde99ec051ba.jpg"> <img src="mthumb.php?src=img/bbf05707c6f90b3b4b27dde99ec051ba.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Les Contes d'Hofmann 2005</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Faust 2008" href="img/496473220b915c708b119dbc3a6de429.jpg"> <img src="mthumb.php?src=img/496473220b915c708b119dbc3a6de429.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Faust 2008</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Carmina Burana 2014" href="img/e90a81ef09ec2fdc49de7ade6d33fa98.jpg"> <img src="mthumb.php?src=img/e90a81ef09ec2fdc49de7ade6d33fa98.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Carmina Burana 2014</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Il Trovatore 2007" href="img/78ebf03ebe4f5c2656ee52f5d4d1f244.jpg"> <img src="mthumb.php?src=img/78ebf03ebe4f5c2656ee52f5d4d1f244.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Il Trovatore 2007</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Bohème 2005" href="img/1d818f31500cae333aa83780e2415cd3.jpg"> <img src="mthumb.php?src=img/1d818f31500cae333aa83780e2415cd3.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Bohème 2005</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Madama Butterfly 2006" href="img/c79a19281bb6b181f91c8055dfe78109.jpg"> <img src="mthumb.php?src=img/c79a19281bb6b181f91c8055dfe78109.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Madama Butterfly 2006</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="La Bohème 2012" href="img/3f56c55c446f553c927adaba9d4df71f.jpg"> <img src="mthumb.php?src=img/3f56c55c446f553c927adaba9d4df71f.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>La Bohème 2012</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7600" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Tosca 2010" href="img/fd6c9aec9daf68a814df067a3dae4f8d.jpg"> <img src="mthumb.php?src=img/fd6c9aec9daf68a814df067a3dae4f8d.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Tosca 2010</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7700" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Turandot 2012" href="img/ca667cb42f046710cbcbdb4bfd9c4fb8.jpg"> <img src="mthumb.php?src=img/ca667cb42f046710cbcbdb4bfd9c4fb8.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Turandot 2012</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7800" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Mireille 2010" href="img/5f5b67004134dc3d5b729f650fa5cd5c.jpg"> <img src="mthumb.php?src=img/5f5b67004134dc3d5b729f650fa5cd5c.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Mireille 2010</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="7900" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Otello 2014" href="img/982cb311b6d868d3e61e5bc376afc231.jpg"> <img src="mthumb.php?src=img/982cb311b6d868d3e61e5bc376afc231.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Otello 2014</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8000" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Un Ballo in Maschera, 2013" href="img/72b737347ff5ee72746b83e7bf286950.jpg"> <img src="mthumb.php?src=img/72b737347ff5ee72746b83e7bf286950.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Un Ballo in Maschera, 2013</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8100" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Der Fliegende Hollander 2013" href="img/00a601c2487faca2f28da2fb3d1918e6.jpg"> <img src="mthumb.php?src=img/00a601c2487faca2f28da2fb3d1918e6.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Der Fliegende Hollander 2013</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8200" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Requiem de Mozart 2006" href="img/e01c3e351ba0576fcdfc3ac3a7219de3.jpg"> <img src="mthumb.php?src=img/e01c3e351ba0576fcdfc3ac3a7219de3.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-camera-retro "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Requiem de Mozart 2006</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8300" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Chorégies d'Orange 2015 - Time lapse Théâtre antique" href="https://www.youtube.com/watch?v=-EPvnhuP6Ss"> <img src="mthumb.php?src=https://img.youtube.com/vi/-EPvnhuP6Ss/mqdefault.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-video "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Chorégies d'Orange 2015 - Time lapse Théâtre antique</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8400" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Carmen, 2015" href="https://www.youtube.com/watch?v=mZtabvDhrUc"> <img src="mthumb.php?src=https://img.youtube.com/vi/mZtabvDhrUc/mqdefault.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-video "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Carmen, 2015</em></h4> </div> </div> <div class="col-6" style="position: relative;border-radius: 2px;margin-bottom: 10px;" data-sal="slide-up" data-sal-delay="8500" data-sal-duration="400" data-sal-easing="ease-out"> <a class="medias_click" data-fancybox="gallery" data-caption="Il Trovatore, 2015" href="https://www.youtube.com/watch?v=tZXLlYVLiOQ"> <img src="mthumb.php?src=https://img.youtube.com/vi/tZXLlYVLiOQ/mqdefault.jpg&w=800=&q=70&s=1" class="img-fluid imgmedias" style="border-radius: 2px;"> <div style="position:absolute;top: 10px;right: 20px;"> <p style="color: #ffffff;"><i style="font-size: 16px;" class="fas fa-video "></i></p> </div> </a> <div style="border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: #ffffff;margin-top: -7px;"> <h4 style="font-size: 14px; padding: 10px; color: #0d0d0d;" align="center"><em>Il Trovatore, 2015</em></h4> </div> </div> </div> </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>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>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>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><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 14 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>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>Liverpool Oratorio / Paul McCartney</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>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>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><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></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>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>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>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>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> </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="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="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></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>