CINXE.COM

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Nous contacter</title> <meta name="description" content="Les Chorégies d'Orange - Site officiel du Festival international d'art lyrique et de musique classique créé en 1869. Il a lieu chaque été au Théâtre antique d'Orange." /> <link rel="icon" type="image/png" href="https://www.choregies.fr/img/108aa3e8c42ffecee64b06688f1beaa0.png"> <meta property="og:title" content="Nous contacter"/> <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/a8425d370752c504cbb7850293492815.jpg"/> <meta property="og:url" content="https://www.choregies.fr/"/> <meta property="og:site_name" content="Nous contacter"/> <meta property="og:see_also" content="https://www.choregies.fr/"/>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LT21D3EYX2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LT21D3EYX2'); </script> <meta name="author" content="Les Chorégies d'Orange"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="assets/css/sal.css" /> <link rel="stylesheet" href="assets/css/popupConsent.css" /> <style> @font-face { font-family: 'gilroyblack'; src: url('assets/font/gilroy-bold-webfont.woff2') format('woff2'), url('assets/font/gilroy-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gilroyregular'; src: url('assets/font/gilroy-light-webfont.woff2') format('woff2'), url('assets/font/gilroy-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } html{ overflow-x: hidden; } html, body { max-width:100% !important; margin:0; background:#FFF; font-family: 'gilroyregular' !important; color: #0d0d0d; font-size: 1.05em; letter-spacing: -0.30px; line-height: 1.4em; scroll-behavior: smooth; padding: 0; letter-spacing: normal; } #header{ width: 100%; height: 600px; background-color: #0d0d0d; position: relative; background-image: url("https://www.choregies.fr/img/96b6bd6031b6f771c001c7d86c33f6d6.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; } #right_block{ position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; } #right_block .links{ display: inline-block; width: 100%; text-align: center; padding: 10px 20px; color: #ffffff; } #left_block{ position: absolute; top: 50%; left: 40px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 2; } #logo{ max-width: 400px; margin-top: -50px; filter: drop-shadow(5px 5px 10px #0d0d0d); } #logo_mobile_img{ max-width: 180px; margin-top: 30px; margin-left: 30px; filter: drop-shadow(5px 5px 10px #0d0d0d); } #page{ margin: 0; width: 100%; margin-top: -40px; position: relative; } .item-spectacle-date{ color:#ffffff; font-size: 28px; line-height:normal; font-family: 'gilroyregular' !important; text-transform: uppercase; margin-bottom: 40px; } .item-spectacle-titre{ color: #ffffff; font-size: 80px; line-height:76px; font-family: 'gilroyblack' !important; text-transform: uppercase; } .item-spectacle-description p{ padding: 0; margin-bottom: 0; color: #ffffff; font-size: 16px; line-height:normal; /*text-align: justify; text-align-last: left;*/ } .item-spectacle-description p a:hover, .item-spectacle-description p a:link, .item-spectacle-description p a:visited { color: #ffffff !important; font-family: 'gilroyblack'; outline: none !important; } .item-spectacle-description{ padding: 0 100px 0 100px; color: #ffffff; } .item-spectacle-description img{ max-width: 100%; border-radius: 2px; margin-bottom: 6px; } .pattern{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url("images/pattern.png"); background-repeat: repeat; z-index: 0; opacity: 0.2; } #navigation{ position: absolute; z-index: 3; top: 0; left: 0; display: inline-flex; width: 100%; justify-content:space-around; align-items:center; padding: 0 60px; } .bt_nav{ color: #FFF; font-family: 'gilroyblack' !important; text-transform: uppercase; padding: 34px 20px 16px 20px; text-shadow: 0px 1px 10px rgba(0,0,0,0.4); cursor: pointer; } .bt_nav_mobile{ color: #FFF; font-family: 'gilroyblack' !important; text-transform: uppercase; cursor: pointer; } .bt_nav:hover{ text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px; } .bt_nav_active{ background: #f05624; border-bottom: #6d2812 6px solid; cursor: default !important; text-shadow: none; text-decoration: none !important; } .bt_nav_active_mobile{ cursor: default !important; text-shadow: none; text-decoration: none !important; } strong{ font-family: 'gilroyblack'; } #reserver{ background: #0d0d0d; color: #ffffff; font-family: 'gilroyblack'; padding: 30px 50px; font-size: 2.3vw; line-height: 2.8vw; text-align: center; width: 80%; border-radius: 2px; text-decoration: none; } #reserver:hover{ background: #9d328b; cursor: pointer; } #retour{ color: #ffffff; margin-right: -10px; margin-bottom: 20px; cursor: pointer; text-transform: uppercase; } #retour:hover{ text-decoration: none; color: #6d2812; font-family: 'gilroyblack' !important; text-transform: uppercase; -webkit-transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .reserver_bt{ background:#f05624 ; font-family: 'gilroyblack'; font-size: 26px;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .soutenir_bt{ background: #0d0d0d;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .programme_bt{ background: #9d328b;text-transform: uppercase; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .reserver_bt:hover, .soutenir_bt:hover, .programme_bt:hover{ text-decoration: none !important; background: #ffffff !important; color: #f05624 !important; cursor: pointer; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .fixme{ -webkit-transition: margin 0.5s; -ms-transition: margin 0.5s; -moz-transition: margin 0.5s; -o-transition: margin 0.5s; transition: margin 0.5s; } .item-spectacle-description img{ width: auto; } .owl-dots { text-align: center; padding-top: 15px; } .owl-dots button.owl-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; } .owl-dots button.owl-dot.active { background-color: #f05624; } .owl-dots button.owl-dot:focus { outline: none; } h1{ color: #ffffff; } .fancybox__content { padding: 0 !important; } .fancybox-image, .fancybox-spaceball{ border-radius: 4px; } .fancybox__thumb { border-radius: 4px; opacity: 0.4; } .fancybox__thumb:hover, .is-nav-selected .fancybox__thumb { border-radius: 4px; opacity: 1; } .fancybox__caption { text-align: center; } .fancybox-caption__body{ font-family: 'gilroyblack'; } .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background-color: #0d0d0d; } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } .fancybox-thumbs__list a:before { border: 6px solid #f05624 !important; } .fancybox-caption { background: none !important; } .fancybox-caption__body { color: #FFF !important; } .fancybox-infobar { display: none; } .popup_menu{ background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: none; } .popup_menu_back{ color: #0d0d0d; position: absolute; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; } .popup_menu_back_color{ background: #ffffff; border-radius: 2px; padding: 40px; } .titre_popup{ color: #ffffff; font-size: 40px; margin-bottom: 2px; } .link_popup{ color: #0d0d0d; text-decoration: none; font-size: 26px; text-transform: uppercase; } .link_popup:hover{ color: #f05624; cursor: pointer; } .sous_titre_popup{ color: #0d0d0d; text-decoration: underline; font-size: 16px; } .close_popup{ color: #ffffff; margin-right: -40px; font-size: 30px; } .close_popup:hover{ color: #f05624; cursor: pointer; } .bt_nav a:link, .bt_nav a:visited{ color: #ffffff; text-decoration: none; } .float_section{ position: absolute; width: 38%; top: 50px; border-radius: 4px; } .float_section_div{ margin-top: 40px; margin-left: -100px; min-height: 40vw; } .section_principale{ padding: 20px 40px 20px 30px; background: #f05624; border-top-right-radius: 2px; padding-bottom: 30px; } .back_header{ position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 600px; z-index: 0; } #navigation_mobile, #logo_mobile{ display: none; } .logo_footer1{ max-width: 350px;padding: 40px;filter: drop-shadow(5px 5px 10px #000); } .logo_footer2{ max-width: 150px;padding: 40px;filter: drop-shadow(5px 5px 10px #000); } @media (max-width: 1200px) { .float_section{ position: static; width: 100%; top: 0px; } .float_section_div{ margin-top: 0px; margin-left: 0px; padding: 20px 40px; } .section_principale{ padding: 20px 20px 20px 20px; } .item-spectacle-description{ padding: 0 20px 0 20px; } } @media (max-width: 768px) { .img-fluid{ width: 100% !important; } .logo_footer1{ max-width: 250px; } .logo_footer2{ max-width: 130px; } } @media (max-width: 992px) { #left_block, #navigation{ display: none; } #header, .back_header{ height: 400px; } #navigation_mobile{ display: block; } #logo_mobile{ display: block; position: absolute; z-index: 4; } } #overlay-button { position: absolute; right: 20px; top: 20px; padding: 26px 11px; z-index: 6; cursor: pointer; user-select: none; } #overlay-button span { height: 4px; width: 35px; border-radius: 2px; background-color: #ffffff; position: relative; display: block; transition: all 0.2s ease-in-out; } #overlay-button span:before { top: -10px; visibility: visible; } #overlay-button span:after { top: 10px; } #overlay-button span:before, #overlay-button span:after { height: 4px; width: 35px; border-radius: 2px; background-color: #ffffff; position: absolute; content: ""; transition: all 0.2s ease-in-out; } #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after { background: #ffffff; } input[type=checkbox] { display: none; } input[type=checkbox]:checked ~ #overlay { visibility: visible; } input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span { background: transparent; } input[type=checkbox]:checked ~ #overlay-button span:before { transform: rotate(45deg) translate(7px, 7px); opacity: 1; } input[type=checkbox]:checked ~ #overlay-button span:after { transform: rotate(-45deg) translate(7px, -7px); } #overlay { height: 100vh; width: 100vw; background: #f05624; z-index: 5; visibility: hidden; position: fixed; } #overlay.active { visibility: visible; } #overlay ul { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; height: 100vh; padding-left: 0; list-style-type: none; } #overlay ul li { padding: 1em; } #overlay ul li a, #overlay ul li div { color: white; text-decoration: none; font-size: 30px;color: #ffffff; } #overlay ul li a:hover, #overlay ul li div:hover { color: #6d2812; } .item-spectacle-reserver{ color: #FFF; font-size: 16px; font-family: 'gilroyblack' !important; text-transform: uppercase; text-align: center; background: #f05624; 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; } .select-css { display: block; font-size: 18px; color: #a9a9a9; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; border: 1px solid #e6e6e6; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; margin-bottom: 20px; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: #888; } .select-css:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } .select-css option { font-weight:normal; } .is-invalid { border-color: #dc3545 !important; background-color: #fff8f8 !important; } .messagestatue { margin-top: 20px; display: none; } .btenvoi:disabled { cursor: not-allowed; } .block-timer { background-color: #fff3cd; border: 1px solid #ffeeba; color: #856404; padding: 10px; margin-bottom: 15px; border-radius: 4px; text-align: center; font-weight: bold; } .form-control-feedback { color: #dc3545; font-size: 0.875em; margin-top: 0.25rem; } </style> </head> <body> <div class="popup_menu" id="open_festival"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_festival"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Le festival</strong></em></div> <div class="popup_menu_back_color"> <a href="engagement-rse.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> ENGAGEMENT RSE</strong></a><br><br> <a href="histoire.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Histoire</strong></a><br><br> <div class="sous_titre_popup">Organisation</div> <a href="conseil-d-administration.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Conseil d'administration</strong></a><br> <a href="equipes.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> L'équipe</strong></a><br><br> <div class="sous_titre_popup">Autour du festival</div> <a href="engagement-pedagogique.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Engagement pédagogique</strong></a><br> <a href="action-sociale.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Action sociale</strong></a><br> <a href="action-internationale.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Action internationale</strong></a><br><br> <a href="partenaires.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Partenaires</strong></a><br><br> <a href="mediatheque.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Médiathèque</strong></a> </div> </div> </div> <div class="popup_menu" id="open_infos_pratique"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_infos_pratique"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Infos pratiques</strong></em></div> <div class="popup_menu_back_color"> <div class="sous_titre_popup">Réservation des places</div> <a href="prix-des-places.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Prix des places</strong></a><br> <a href="modalites-de-reservation.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Modalités de réservation</strong></a><br><br> <div class="sous_titre_popup">Préparer votre venue</div> <a href="venir-a-orange.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Venir à Orange</strong></a><br> <a href="https://covoiturage.choregies.fr" target="_blank" class="link_popup"><strong> <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Covoiturage</strong></a><br> <a href="hebergements.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-circle" style="font-size: 6px;vertical-align: middle;margin-top: -6px;"></i> Hébergements</strong></a><br> </div> </div> </div> <div class="popup_menu" id="open_connexion"> <div class="popup_menu_back"> <div class="close_popup" align="right" close="open_connexion"><i class="fa-regular fa-circle-xmark"></i></div> <div align="center" class="titre_popup"><em><strong>Connexion</strong></em></div> <div class="popup_menu_back_color"> <a href="presse.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace presse</strong></a><br><br> <a href="adherents.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Espace Amis des Chorégies</strong></a><br><br> <a href="projet-pedagogique.html?lang=fr" class="link_popup"><strong > <i class="fa-solid fa-user" style="font-size: 20px;vertical-align: middle;margin-top: -5px;"></i> Projet pédagogique</strong></a><br> </div> </div> </div> <div class="back_header"></div> <div id="header" data-sal="fade" data-sal-delay="0" data-sal-duration="1000" data-sal-easing="ease-out"> <div id="navigation" style="margin-top: -15px;" > <a href="./?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav " data-sal="slide-up" data-sal-delay="0" data-sal-easing="ease-out"><em>Programme 2024</em> </div></a> <div class="bt_nav popup_link" data-sal="slide-up" data-sal-delay="50" data-sal-easing="ease-out" id="open_festival"><em>Le festival</em></div> <div class="bt_nav popup_link" id="open_infos_pratique" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-out"><em>Infos pratiques</em></div> <a href="contact.html?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav bt_nav_active" 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 2024</em> </div></a></li> <li><div class="bt_nav_mobile popup_link" data-sal="slide-up" data-sal-delay="50" data-sal-easing="ease-out" id="open_festival"><em>Le festival</em></div></li> <li><div class="bt_nav_mobile popup_link" id="open_infos_pratique" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-out"><em>Infos pratiques</em></div></li> <li><a href="contact.html?lang=fr" style="text-decoration: none;cursor: pointer !important;" ><div class="bt_nav_mobile bt_nav_active_mobile" data-sal="slide-up" data-sal-delay="150" data-sal-easing="ease-out"><em>Nous contacter</em></div></a></li> <li><div class="bt_nav_mobile popup_link" data-sal="slide-up" id="open_connexion" data-sal-delay="200" data-sal-easing="ease-out"><em>Connexion</em></div></li> <li><a href="?lang=fr" data-sal="slide-up" data-sal-delay="250" data-sal-easing="ease-out" class="lang"><img src="https://www.choregies.fr/img/icons/France.png" height="30" style="margin-right: 10px;"></a> <a href="?lang=en" class="lang" data-sal="slide-up" data-sal-delay="300" data-sal-easing="ease-out"><img src="https://www.choregies.fr/img/icons/uk.png" height="30" style="opacity: 0.4"></a></li> </ul> </div> </div> <div id="right_block"> <div class="links reserver_bt" data-sal="slide-left" data-sal-delay="0" data-sal-duration="200" data-sal-easing="ease-out" id="https://web.digitick.com/ext/billetterie5/index.php?site=choregiesorange"><i class="fa-solid fa-ticket" style="margin-right: 8px;"></i><em> Billetterie</em></div><br> <div class="links soutenir_bt" data-sal="slide-left" data-sal-delay="50" data-sal-duration="200" data-sal-easing="ease-out" id="nous-soutenir"><strong>Nous soutenir !</strong></div> <br><div class="links programme_bt" data-sal="slide-left" data-sal-delay="100" data-sal-duration="200" data-sal-easing="ease-out" id="https://www.choregies.fr/img/pdf/20240220103317-avtprog2024-14-corrige-a.pdf"><i class="fa-solid fa-download" style="margin-right: 8px;"></i> Télécharger<br><strong>le programme 2024 !</strong></div></div> <div id="left_block"> <a href="https://www.choregies.fr/?lang=fr"><img id="logo" data-sal="zoom-out" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out" src="https://www.choregies.fr/img/72ddcd483bf988274526ecfc938e6457.png" draggable="false"></a> </div> <div id="logo_mobile"> <a href="https://www.choregies.fr/?lang=fr"><img id="logo_mobile_img" data-sal="zoom-out" data-sal-delay="100" data-sal-duration="400" data-sal-easing="ease-out" src="https://www.choregies.fr/img/72ddcd483bf988274526ecfc938e6457.png" draggable="false"></a> </div> <div class="pattern"></div> </div> <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" style="margin-bottom: 40px;"><strong><em>Nous contacter</em></strong></h1> <div data-sal="slide-up" data-sal-delay="0" data-sal-duration="400" data-sal-easing="ease-out"> <p><b>CHOREGIES D'ORANGE</b></p><p>BP 10205</p><p>84107 Orange Cedex</p><p><br></p><p>Administration : </p><p>administration@choregies.com / 04 90 51 83 83</p><p>Billetterie : </p><p>billetterie@choregies.com / 04 90 34 24 24</p><p><br></p><p><br></p> <form id="contactForm" name="contactForm" method="post">  <input type="hidden" name="csrf_token" value="72c74e283188dfe47156d38d0e6760a4d6bd44b33b4ff4eb567e862a9f988ce7">  <input type="text" name="website" style="display:none"> <input name="validation" id="validation" value="MESSAGE" style="display:none;"/> <div class="form-group"> <label for="service"></label> <select style="width:103%;border:#E6E6E6 1px solid; padding:8px;" name="service" id="service" class="form-control form-control-lg select-css"> <option value="">Je souhaite écrire à ...</option> <option value='9'>Direction technique</option><option value='4'>Administration</option><option value='6'>Presse & Communication</option><option value='7'>Billetterie</option><option value='8'>Production</option> </select> </div> <input type="text" name="nom" id="nom" value="" placeholder="Nom *" autocomplete="off" style="width:100%; border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="prenom" id="prenom" value="" autocomplete="off" placeholder="Prénom *" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="adresse" id="adresse" value="" autocomplete="off" placeholder="Adresse" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="codepostal" id="codepostal" autocomplete="off" value="" placeholder="Code postal" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="ville" id="ville" value="" autocomplete="off" placeholder="Ville" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="tel" id="tel" value="" autocomplete="off" placeholder="Téléphone" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <input type="text" name="email" id="email" value="" autocomplete="off" placeholder="Adresse mail *" style="width:100%;border:#E6E6E6 1px solid; padding:6px;"/><br><br> <textarea name="demande" id="demande" autocomplete="off" placeholder="Votre demande *" style="width:100%; max-width:100%; min-width:100%;border:#E6E6E6 1px solid; padding:6px; min-height:200px;"></textarea><br><br> <div id="paragraphe" align="justify" class="messagestatue"> <p id="message_post"></p> </div> <input class="btenvoi genericbt" type="submit" name="envoyer" id="envoyer" value="Envoyer" style="width:100%;border:none; padding:6px; padding-top: 10px; padding-bottom: 10px; cursor: pointer;background: #0d0d0d; color:#ffffff;font-size: 18px;"/><br><br> </form> </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: #f05624; border: solid 3px #f05624; 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: #9d328b; 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: #f05624; 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: #9d328b; border: solid 3px #9d328b; 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>Mika Philharmonique</em></strong><br><em>DIMANCHE 23 JUIN / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-06-23--mika-philharmonique--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/mika-philharmonique-theatre-antique-orange-23-juin-2024-css5-choregiesorange-pg101-ri10036673.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/5b3eb27091b89346239f228adea94da8.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 Ruée vers l'or / Charlie Chaplin</em></strong><br><em>VENDREDI 5 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-05--la-ruee-vers-lor-charlie-chaplin--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/cine-concert-la-ruee-vers-l-or-chaplin-theatre-antique-orange-05-juillet-2024-css5-choregiesorange-pg101-ri10027597.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/a974a6e4e65d5d02e4a8a2f5a9f6b42c.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>Les Saisons / Malandain Ballet Biarritz</em></strong><br><em>VENDREDI 12 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-12--les-saisons-malandain-ballet-biarritz--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/malandain-ballet-biarritz-theatre-antique-orange-12-juillet-2024-css5-choregiesorange-pg101-ri10031325.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/bf7517832184f6cbb958c5b4e7dc9df9.jpg&w=900&h=700&s=1&q=70" ></div> <div><p align="right" style="font-size: 12px;padding: 0; line-height: 16px; margin: 0; padding-bottom: 6px;padding-right: 10px; padding-top: 10px; padding-bottom: 18px;color: #0d0d0d;"><strong style="font-size: 16px;"><em>Concert Khatia Buniatishvili</em></strong><br><em>SAMEDI 29 JUIN / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-06-29--concert-buniatishvili--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/concert-khatia-buniatishvili-theatre-antique-orange-29-juin-2024-css5-choregiesorange-pg101-ri10027833.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/120937003dbe86e46811f2d0ea3282fa.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>DIMANCHE 21 JUILLET / 21h</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-21--recital-scene-emergente--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/recital-scene-emergente-theatre-des-princes-orange-21-juillet-2024-css5-choregiesorange-pg101-ri10032715.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/19549e921b2be372ea442a69c6fab762.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>Tosca / Puccini (version concert)</em></strong><br><em>LUNDI 22 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-22--tosca-puccini-version-concert--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/tosca-puccini-opera-version-concert-theatre-antique-orange-22-juillet-2024-css5-choregiesorange-pg101-ri10032841.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/81e4737285ee1acdf1af4658f7232827.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>Récital Edgar Moreau</em></strong><br><em>JEUDI 18 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-18--recital-edgar-moreau--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/recital-edgar-moreau-theatre-antique-orange-18-juillet-2024-css5-choregiesorange-pg101-ri10031365.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/5a908395ace36b43526876fee1d00b7e.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>19 JUIN / 21h05</em></p> <div class="item-spectacle-bouton"> <a href="programme--2023-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/99508e620f67a1df9ff3f45cb2ef0790.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--2024-06-14--pop-the-opera--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/pop-the-opera-theatre-antique-orange-14-juin-2024-css5-choregiesorange-pg101-ri10027073.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/8a2632d5a640d014e472ecf1f45aefbe.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>Black Legends, le musical</em></strong><br><em>MARDI 16 JUILLET / 21h30</em></p> <div class="item-spectacle-bouton"> <a href="programme--2024-07-16--black-legends-le-musical--fr.html"><div class="item-spectacle-decouvrir">Découvrir</div></a><a href="https://web.digitick.com/black-legends-theatre-antique-orange-16-juillet-2024-css5-choregiesorange-pg101-ri10031337.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/f835e8cf2aebdeab70773370ecf63ad8.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/96b6bd6031b6f771c001c7d86c33f6d6.jpg); background-size: cover;display: flex;justify-content:space-around;align-items:center" align="center" data-sal="slide-down" data-sal-delay="0" data-sal-duration="200" data-sal-easing="ease-out"> <img src="images/logo_footer.png" draggable="false" class="logo_footer1" > <img src="images/date_footer.png" draggable="false" class="logo_footer2" > </div> <div class="col-12" align="center" style="background-color: #000;color: #FFF;font-size: 14px;padding-top: 10px;"><p><a href="plan-du-site.html?lang=fr" style="color: #FFF;">Plan du site</a> • <a href="credits.html?lang=fr" style="color: #FFF;">Mentions Légales / Crédits</a><br> <strong style="font-size: 20px;">Suivez-nous sur les réseaux sociaux <a href="https://www.facebook.com/choregies" target="_blank" style="color: #FFF; padding: 0 0 0 10px;"><i class="fa-brands fa-facebook"></i></a> <a href="https://www.instagram.com/choregies/" target="_blank" style="color: #FFF; padding: 0 10px;"><i class="fa-brands fa-instagram"></i></a> <a href="https://www.youtube.com/channel/UCRvdIhAAuwDBlN2QQ76ulow" target="_blank" style="color: #FFF;"><i class="fa-brands fa-youtube"></i></a></strong><br> Toute l'actualité et les offres des Chorégies d'Orange directement dans votre boîte mail : <a href="newsletter.html" style="color: #FFF;"><strong>Inscription à la newsletter</strong></a></p></div></div> </body> <script src="https://www.google.com/recaptcha/api.js?render=6LdtnYQqAAAAAHkAbQJ_HPUUKNlfMvOkTVj9ypWf"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/js/programme.php?audio="></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="assets/js/sal.js"></script> <script src="assets/js/popupConsent.min.js"></script> <script> $(document).ready(function() { // Fonction de validation function validateForm() { let errors = []; const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/; const nameRegex = /^[a-zA-ZÀ-ÿ\-' ]*$/u; const phoneRegex = /^[0-9+\-\s()]{6,20}$/; const postalRegex = /^[0-9]{5}$/; // Vérification du honeypot if ($('input[name="website"]').val()) { return ['Formulaire invalide']; } // Service if (!$('#service').val()) { errors.push("Veuillez sélectionner le service que vous souhaitez contacter s'il vous plait."); $('#service').addClass('is-invalid'); } // Nom et prénom if (!$('#nom').val() || !nameRegex.test($('#nom').val())) { errors.push("Le nom n'est pas valide"); $('#nom').addClass('is-invalid'); } if (!$('#prenom').val() || !nameRegex.test($('#prenom').val())) { errors.push("Le prénom n'est pas valide"); $('#prenom').addClass('is-invalid'); } // Email if (!$('#email').val() || !emailRegex.test($('#email').val())) { errors.push("Veuillez entrer une adresse mail valide s'il vous plait."); $('#email').addClass('is-invalid'); } // Code postal (si rempli) if ($('#codepostal').val() && !postalRegex.test($('#codepostal').val())) { errors.push("Le code postal n'est pas valide"); $('#codepostal').addClass('is-invalid'); } // Téléphone (si rempli) if ($('#tel').val() && !phoneRegex.test($('#tel').val())) { errors.push("Le numéro de téléphone n'est pas valide"); $('#tel').addClass('is-invalid'); } // Message if (!$('#demande').val() || $('#demande').val().length > 3000) { errors.push("Votre message est vide, veuillez vérifier s'il vous plait."); $('#demande').addClass('is-invalid'); } return errors; } // Réinitialisation des erreurs sur modification $('#contactForm input, #contactForm textarea, #contactForm select').on('input change', function() { if ($(this).val()) { $(this).removeClass('is-invalid'); } }); // Gestion de la soumission du formulaire $(".messagestatue").hide(); $("#contactForm").submit(function(event) { event.preventDefault(); // Validation côté client const errors = validateForm(); if (errors.length > 0) { $("#message_post").html('<div class="alert alert-danger">' + errors.join('<br>') + '</div>'); $(".messagestatue").show(); return false; } // Désactivation du bouton $(".btenvoi").prop('disabled', true).css('opacity', '0.7').val('Envoi en cours...'); // Obtention du token reCAPTCHA grecaptcha.ready(function() { try { grecaptcha.execute('6LdtnYQqAAAAAHkAbQJ_HPUUKNlfMvOkTVj9ypWf', { action: 'submit' }).then(function(token) { // Ajout du token au formulaire const formData = new FormData($("#contactForm")[0]); formData.append('g-recaptcha-response', token); // Envoi AJAX $.ajax({ url: 'message_formulaire.php?lang=fr', type: 'POST', data: formData, processData: false, contentType: false, success: function(response) { try { const data = JSON.parse(response); if (data.blocked) { $(".btenvoi").prop('disabled', true); startBlockTimer(data.timeRemaining); } if (data.status === 'success') { $("#message_post").html('<div class="alert alert-success">' + data.message + '</div>'); $("#contactForm")[0].reset(); $('.is-invalid').removeClass('is-invalid'); } else { let message = data.message; if (data.remainingAttempts) { message += '<br>Tentatives restantes : ' + data.remainingAttempts; } $("#message_post").html('<div class="alert alert-danger">' + message + '</div>'); } } catch (e) { $("#message_post").html(response); } $(".messagestatue").show(); $('html, body').animate({ scrollTop: $('#message_post').offset().top - 100 }, 'slow'); }, error: function() { $("#message_post").html('<div class="alert alert-danger">Une erreur est survenue, veuillez réessayer plus tard.</div>'); $(".messagestatue").show(); }, complete: function() { if (!$(".block-timer").length) { $(".btenvoi").prop('disabled', false) .css('opacity', '1') .val('Envoyer'); } } }); }); } catch (error) { console.error('reCAPTCHA error:', error); $(".btenvoi").prop('disabled', false).css('opacity', '1'); $("#message_post").html('<div class="alert alert-danger">Erreur de vérification de sécurité</div>'); $(".messagestatue").show(); } }); }); // Protection contre le double-clic let submitTimeout; $('.btenvoi').click(function(e) { if (submitTimeout) { e.preventDefault(); return false; } submitTimeout = setTimeout(function() { submitTimeout = null; }, 2000); }); 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>