Billetterie en ligne

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="theme-color" content="transparent"> <meta name="description" content="Venez découvrir notre programmation et réserver vos billets en ligne"> <meta name="author" content="DipTick"> <meta name="keywords" content="billetterie en ligne, billetterie, réservation, culture, musée"> <link rel="apple-touch-icon" sizes="180x180" href="/medias/etablissement_1/webstore/Logo_Moreau_c2fDwk1.png"> <link rel="icon" type="image/png" sizes="32x32" href="/medias/etablissement_1/webstore/Logo_Moreau_9NC19Om.png"> <link rel="icon" type="image/png" sizes="16x16" href="/medias/etablissement_1/webstore/Logo_Moreau.png"> <link href="/static/assets/plugins/cropperjs/css/cropper.min.css" rel="stylesheet"> <title> Billetterie en ligne - Connexion </title> <link rel="alternate" hreflang="fr" href="https://billetterie.musee-moreau.fr/se-connecter?next=/mes-commandes"/>  <link href="/static/assets/css/open_sans.css" rel="stylesheet" />  <link href="/static/assets/css/nucleo-icons.css" rel="stylesheet" /> <link href="/static/assets/css/nucleo-svg.css" rel="stylesheet" />  <script src="/static/assets/js/fontawesome.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">   <link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" /> <link id="pagestyle" href="/static/assets/css/soft-ui-dashboard.css?v=1.14.120" rel="stylesheet" /> <link href="/static/assets/plugins/select2/select2.min.css" rel="stylesheet" /> <link id="appstyle" href="/static/assets/css/sweetalert.min.css" rel="stylesheet" /> <link href="/static/webstore/css/app-web.css?v=1.14.120" rel="stylesheet" /> <meta name="robots" content="noindex" /> <style> #mainNav { background-color: #f77343 !important;} #mainNav h1 { color: white;} .navbar-light .navbar-nav .nav-link:not(.bg-white) { color: white;} :root{ --bs-primary: #437EA8;} .btn-primary{background-color: #f77343 !important;} .btn-outline-primary { color: #f77343; border-color: #336296 !important;} .btn-outline-primary:hover:not(.active){color: #336296;} .btn-outline-primary:active, .btn-outline-primary:hover{background-color: #336296 !important; border-color: #336296!important; color: #ffffff !important;} .btn-primary { background-color: #f77343;} .btn:hover{color: #336296;} .text-primary { color: #f77343} .text-gradient.text-primary {background-image: linear-gradient(310deg, #f77343, #f77343);} .btn-selected { color: #f77343;} .border-info { border-color: #f77343 !important;} .badge-primary{ color: black; background-color: #f77343;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: black;} .bandeau-indication { background: #f77343; color: white;} .bandeau-indication::after { background: #f77343; border: 1px solid #f77343;}#bloc-abonnements .card.card-abonnement{background-color:#f77343!important; background-image:linear-gradient(310deg, #f77343, #f77343)!important;} .bg-gradient-primary {background-image: linear-gradient(310deg, #f77343 0%, #f77343 100%); } .bg-gradient-info {background-image: linear-gradient(310deg, #f77343 0%, #f77343 100%);} .bandeau-indication, .bandeau-indication::after {background: #336296;color: white; border: 1px solid #336296;} .btn-info {color: #000; background-color: #f77343;border-color: #f77343;} </style> </head> <body> <nav id="mainNav" class="navbar navbar-expand-lg position-fixed w-100 navbar-light bg-white border-bottom py-1 px-0"> <div class="container px-2 px-md-4 "> <a href="https://musee-moreau.fr/" class="navbar-brand py-0"> <img src="/medias/etablissement_1/webstore/MGM_LOGO_2018_blanc.png" alt="Logo Musée Gustave Moreau"> </a> <div id="selectionCatalogue" class="col-auto d-flex" id="navbar" data-bs-parent="#mainNav"> <h1 class="h2 flex-grow-1 flex-row text-center"> Connexion </h1> </div>  <ul class="navbar-nav navbar-nav-secondary w-100"> <li class="nav-item pe-2 me-1 ms-0 ms-lg-auto"> <a class="nav-link btn bg-white mb-0" href="/catalogue-billetterie" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Aller à la billetterie"> <i class="bi bi-ticket-perforated me-md-1"></i> <span class="d-none d-md-inline"> Billetterie </span> </a> </li> <li class="nav-item ms-auto ms-lg-2"> <a href="javascript:;" class="nav-link mb-0 pe-0" id="displayLogin" type='button' data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Se connecter"> <i class="bi bi-box-arrow-in-right me-md-1"></i> <span class="d-inline"> Se connecter </span> </a> </li> <li class="nav-item ms-2"> <select id="choixLangue" class="form-control form-control-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Langue d'affichage"> <option value="fr" selected title='Français' data-href="/fr/se-connecter?next=/mes-commandes">&#127467&#127479</option> </select> </li> </ul>  <div class="d-lg-none collapse account-collapse" id="userNav" data-bs-parent="#mainNav"> <ul class="navbar-nav border border-2 rounded-3 p-1 float-end me-3"> <li class="fs-5 text-center border-bottom bg-dark text-white cursor-default d-flex"><span class="col golden-pro">PRO</span>AnonymousUser</li> <li class="nav-item p-2 border"> <a class="nav-link " href="/mon-compte-indiv"><i class="bi bi-person me-2"></i>Mes informations</a> </li> <li class="nav-item p-2 border"> <a class="nav-link " href="/mes-commandes"><i class="bi bi-box-seam me-2"></i>Mes commandes</a> </li> <li class="nav-item p-2 border"> <a class="nav-link " href="/mes-abonnements"><i class="bi bi-card-heading me-2"></i>Mes abonnements</a> </li> <li class="nav-item p-2 border"> <a class="nav-link text-red" href="/deconnexion"><i class="bi bi-box-arrow-left me-2"></i>Me déconnecter</a> </li> </ul> </div>  </div> </nav> <div id="zone_principale" class="container pt-8 pt-lg-6 mb-6 mb-lg-0 px-2 px-md-4"> <div class="row"> <div class="col-12 col-lg-9"> <div id="entete" class="row"> <div class="mt-3"></div> </div> <div class="card "> <div class="row"> <div class="col-md-6 mb-3 border-end"> <div class="card-header pb-0 text-center"> <h3 class="text-info text-gradient">Connexion</h3> </div> <div class="row"> <div class="col-12 "> <div class="card-body pb-3 pt-3"> <form method="POST" role="form"> <input type="hidden" name="csrfmiddlewaretoken" value="kDPhrpeYhnFbtLOiwtjPo8SvzHp77euJ1R1Wf45IxKSXAlONvpDHpWfxyyBaTZCk"> <div class="form-group "> <div> <label for="id_login-username" class="form-control-label ">Adresse mail * </label> </div> <div class=""> <input type="email" name="login-username" class="form-control" placeholder="Adresse mail" required maxlength="254" id="id_login-username"> </div> </div> <div class="form-group "> <div> <label for="id_login-password" class="form-control-label ">Mot de passe * </label> </div> <div class="input-group password-input"> <input type="password" name="login-password" class="form-control" placeholder="Mot de passe" required maxlength="128" id="id_login-password"> <span class="input-group-text togglePassword cursor-pointer"> <i class="bi bi-eye-slash" class=" "></i></span> </div> </div> <div class="form-group "> <p class="mb-0 mt-1 text-sm mx-auto text-end"> <a href="/reset-password" class="text-secondary font-weight-bold">Mot de passe oublié</a> </p> </div> <div class="text-center"> <input type="submit" class="btn btn-round bg-gradient-info btn-lg w-100 mt-2 mb-0 px-0" value="Se connecter"> </div> </form> </div> </div> </div> <hr class="horizontal dark mt-4 mb-4 d-md-none"> </div> <div class="col-md-6"> <div class="card-body pb-3 pt-3 mt-0 mt-md-5 text-center"> </div> </div> <hr/> <div class="col-md-12"> <div class="card-body py-0"> <div class="row"> <div class="col-12 text-center"> <a href="/creation-compte?next=/panier" class="btn btn-info mt-auto w-auto" >Créer un compte</a> </div> </div> </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-lg-3"> <div id="aside-cart" class="card bg-white position-sticky mt-2" > <div class="card-body p-3"> <span class="bagde-nb-produits badge badge-circle badge-floating badge-primary border-white float-start d-none ">0</span> <h5 class="card-title text-center"> <i class="bi bi-cart2 me-2"></i>Mon panier </h5> <hr class="mb-2"/> <div id="cart-content"> <p class="card-text text-center">Votre panier est vide</p> </div> <a href="/catalogue-billetterie" class="goto-catalogue btn btn-primary ms-auto w-100 mb-0 pt-2">Découvrir le catalogue</a> <a href="/panier" class="goto-panier d-none btn btn-success ms-auto w-100 mb-0 pt-2"><i class="bi bi-cart-check fs-6 me-2"></i>Valider mon panier</a> </div> </div> </div> </div> <div id="card-bottom" class="card d-lg-none position-fixed bottom-0 start-0 w-100 border-top border-2 rounded-0 px-2 px-md-3"> <div class="card-body py-2 px-0"> <div class="row"> <div class="col-auto border-end my-auto"> <span class="bagde-nb-produits badge badge-circle badge-floating badge-primary border-white float-end d-none ">0</span> <i class="bi bi-cart2 mx-2 fs-3"></i> </div> <div class="col my-auto text-center text-md-start pe-0"> <span class="mobile-xs">Montant du panier : </span> <span class="font-weight-bolder"><span id="total-bottom-cart">0.00</span> €</span> </div> <div class="col d-flex my-auto"> <a href="/catalogue-billetterie" class="goto-catalogue btn btn-primary ms-auto w-auto mb-0 px-3">Découvrir le catalogue</a> <a href="/panier" class="goto-panier d-none btn btn-success ms-auto w-auto mb-0 pt-2 px-2"><i class="bi bi-cart-check fs-6 me-2"></i>Valider mon panier</a> </div> </div> </div> </div> </div> <div id="footer" class="border-top p-3 mt-3 px-md-4 mb-6 mb-lg-0"> <div class="container"> <div class="row"> <div class="col-12 col-md-4"> <a href="https://musee-moreau.fr/" class="footer-brand py-0"> <img src="/medias/etablissement_1/webstore/MGM_LOGO_2018_blanc.png" alt="Logo Musée Gustave Moreau"> </a> </div> <div class="col-12 col-md-4"> <h6>Informations</h6> <a class="dropdown-item " href="/conditions-generales-de-vente"> <span> <i class="bi bi-file-earmark-bar-graph me-2"></i> Conditions générales de ventes </span> </a> <a class="dropdown-item " href="/mentions-legales"> <span> <i class="bi bi-file-earmark-check me-2"></i> Mentions légales </span> </a> <a class="dropdown-item " href="/donnees-personnelles"> <span> <i class="bi bi-file-earmark-lock me-2"></i> Données personnelles </span> </a> <a class="dropdown-item " data-bs-toggle="modal" data-bs-target="#modal_cookies"> <span> <i class="bi bi-file-earmark-lock me-2"></i> Préférences des cookies </span> </a> </div> <div class="col-12 col-md-4"> <h6>Des informations ?</h6> <a class="dropdown-item " href="/foire-aux-questions"> <span> <i class="bi bi-file-earmark-bar-graph me-2"></i> Foire aux questions </span> </a> </div> </div> </div> <div class="text-xs text-end col-12 p-3">Une création<a href="https://diptick.fr"> Diptick</a> ®</div> </div> <div class="modal fade" id="login_webstore" data-bs-backdrop="true" data-bs-keyboard="true" tabindex="-1" aria-labelledby="loginWebstore" aria-hidden="true"> <div class="modal-dialog model-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header p-4 pb-0 border-0"> <h3 class="font-weight-bolder text-info text-gradient">Connexion</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body p-0"> <div class="card card-plain"> <div class="card-body pb-0"> <div class="row"> <div class="col-12"> <form action="/se-connecter" method="POST" class="text-start"> <input type="hidden" name="csrfmiddlewaretoken" value="kDPhrpeYhnFbtLOiwtjPo8SvzHp77euJ1R1Wf45IxKSXAlONvpDHpWfxyyBaTZCk"> <div class="form-group "> <div> <label for="id_login-username" class="form-control-label ">Adresse mail * </label> </div> <div class=""> <input type="email" name="login-username" class="form-control" placeholder="Adresse mail" required maxlength="254" id="id_login-username"> </div> </div> <div class="form-group "> <div> <label for="id_login-password" class="form-control-label ">Mot de passe * </label> </div> <div class="input-group password-input"> <input type="password" name="login-password" class="form-control" placeholder="Mot de passe" required maxlength="128" id="id_login-password"> <span class="input-group-text togglePassword cursor-pointer"> <i class="bi bi-eye-slash" class=" "></i></span> </div> </div> <div class="form-group "> <p class="mb-0 mt-1 text-sm mx-auto text-end"> <a href="/reset-password" class="text-secondary font-weight-bold">Mot de passe oublié</a> </p> </div> <div class="text-center"> <input type="submit" class="btn bg-gradient-info btn-lg w-100 mt-2 mb-0" value="Se connecter"> </div> </form> </div> </div> <hr/> </div> <div class="card-footer text-center pt-0 px-lg-2 pb-0 px-1"> <p class="mb-4 text-sm mx-auto"> Pas encore de compte <a href="/creation-compte" class="text-info text-gradient font-weight-bold">Créer un compte</a> </p> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="modale_support" data-bs-backdrop="true" data-bs-keyboard="true" aria-labelledby="modaleSupport" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content "> <h4 class="text-info text-gradient w-100 mt-3 text-end pe-3">Support <img class="w-10 ms-3 mt-0 float-start" src="/medias/etablissement_1/webstore/MGM_LOGO_2018_blanc.png" alt="Logo Musée Gustave Moreau"> </h4> <div class="modal-body p-0 pt-4"> <div class="card card-plain"> <div class="card-body pt-0"> <h3 class="text-center mb-0"><span class="text-gradient text-primary">Des informations ?</span></h3> <div class="row pb-3 mt-4"> <a class="btn btn-light col-8 offset-2" href="/foire-aux-questions"> <span> <i class="bi bi-chat-right-quote me-2"></i> Foire aux questions </span> </a> </div> </div> </div> </div> <div class="modal-footer d-flex justify-content-center"> <button type="button" class="btn btn-danger me-auto mt-0 mb-0 py-3" data-bs-dismiss="modal">Fermer</button> </div> </div> </div> </div> <div class="modal fade" id="modal_cookies" data-bs-backdrop="true" data-bs-keyboard="true" tabindex="-1" aria-labelledby="modalCookies" aria-hidden="true"> <div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header p-4 pb-0 border-0"> <h3 class="font-weight-bolder text-info text-gradient">Préférences des cookies</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body p-0"> <div class="card card-plain"> <div class="card-body pt-2"> </div> </div> <div class="modal-footer"> <button id="deny_coookies" type="button" class="btn btn-danger me-auto">Tout refuser</button> <button id="accept_coookies" type="button" class="btn btn-success">Tout accepter</button> </div> </div> </div> </div> </div> <div class="modal fade" id="modal_abonnement_expire" data-bs-backdrop="true" data-bs-keyboard="true" tabindex="-1" aria-labelledby="modalAbonnementExpire" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header p-4 pb-0 border-0"> <h3 class="font-weight-bolder text-info text-gradient">Abonnements Proches de l'expiration</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body"> <div class="card card-plain"> </div> </div> <div class="modal-footer"> <a href="/panier" class="goto-panier d-none btn btn-success ms-auto mb-0 pt-2"><i class="bi bi-cart-check fs-6 me-2"></i>Valider mon panier</a> </div> </div> </div> </div> <div class="modal fade" id="client-photo-edition-modale" data-bs-backdrop="true" data-bs-keyboard="true" tabindex="-1" aria-labelledby="modalEditionPhotoClient" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header p-4 pb-0 border-0"> <h3 class="font-weight-bolder text-info text-gradient">Edition de la photo</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body p-0"> <div class="card card-plain"> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger me-auto" data-bs-dismiss="modal">Annuler</button> <button id="crop-button" class="btn btn-success ms-auto " data-bs-dismiss="modal">Sauvegarder</button> </div> </div> </div> </div> </div> <script src="/static/assets/plugins/cropperjs/js/cropper.js"></script> <script src="/static/assets/js/core/popper.min.js"></script> <script src="/static/assets/js/core/bootstrap.min.js"></script> <script src="/static/assets/js/plugins/smooth-scrollbar.min.js"></script> <script src="/static/assets/js/plugins/perfect-scrollbar.min.js"></script> <script src="/static/assets/js/soft-ui-dashboard.js?v=1.14.120"></script> <script src="/static/assets/js/url_tools.js?v=1.14.120"></script> <script src="/static/assets/js/jquery.min.js"></script> <script src="/static/clients/js/app-crop-photo-modal.js?v=1.14.120"></script> <script src="/static/assets/js/plugins/sweetalert.min.js"></script> <script src="/static/assets/js/modals_tools.js?v=1.14.120"></script> <script src="/static/assets/plugins/select2/select2.min.js"></script> <script src="/static/assets/js/password-visibility.js"></script> <script src="/static/assets/js/plugins/moment.min.js?v=1.14.120"></script> <script src="/static/webstore/js/app-web.js?v=1.14.120"></script> <script> CSRFTOKEN = $('input[name="csrfmiddlewaretoken"]').val(); CONSENT_COOKIE = true; VENTES_ANONYMES = false; </script> <script> CAISSE_ID = 2 MSG_PANIER_VIDE = "Votre panier est vide" DUREE_PANIER = "30:00" NB_JOURS_PREVENTE = "365" DATE_FORMAT = "DD/MM/YYYY" </script> <script> GENERAL_ANNEES = ""; LOGIN_TITRE = "Connexion"; BOUTON_MON_COMPTE = "Mon compte"; BOUTON_ANNULER_TEXTE = "Annuler"; BOUTON_CONFIRMER_TEXTE = "Confirmer"; TEXT_NAVIGATION_PRIVE = "Vous naviguez actuellement en mode navigation privée. <br/>Pour des raisons de sécurité, si vous souhaitez pouvoir réaliser un achat sur notre site, veuillez ne pas utiliser la navigation privée."; BILL_TEXT_A_UNITE = "A l'unité"; BILL_TEXT_SOUS_TOTAL = "Sous total"; BILL_TEXT_EXPIRATION = "Expiration"; TEXT_CODE_PROMOTIONNEL = "Code promo"; BILL_TEXT_SAISIE_PARTICIPANTS = "Saisie des participants"; BILL_SAISIE_QUANTITE = "Saisie de quantité"; BILL_QUANTITE_MINIMALE = "Quantité minimale"; BILL_QUANTITE_MINIMALE_TEXT = ""; BILL_QUANTITE_MAXIMALE = "Quantité maximale"; BILL_QUANTITE_MAXIMALE_TEXT = ""; BILL_ERREUR_RECUPERATION_SEANCES = "Echec de la récupération des séances"; BILL_ERREUR_AJOUT_IMPOSSIBLE = "Ajout impossible"; ABO_TEXT_RENOUVELLEMENT = "Renouvellement"; ABO_TEXT_CADEAU = "Cadeau"; ABO_EXPIRE_RENOUVELLER = "Renouveller"; ABO_AJOUTE_PANIER = "Abonnement ajouté au panier"; MSG_ERREUR_AJOUT_ABO = "Impossible d'ajouter l'abonnement au panier". ABO_ERREUR_IMPOSSIBLE_AJOUTER_PANIER = "Impossible d'ajouter l'abonnement au panier"; ABO_ERREUR_DEJA_DANS_PANIER = "Vous possédez déjà cet abonnement dans votre panier."; PANIER_ERREUR_TITRE_ECHEC_SUPPRESSION = "Echec de la suppression du panier"; PANIER_ERREUR_TITRE_SUPPRESSION_IMPOSSIBLE = "Suppression impossible"; LOGIN_CREER_COMPTE = "Créer un compte"; CREATION_COMPTE_PROFESSIONNEL_TITRE_PRINCIPAL = "Compte professionnel"; CREATION_COMPTE_ERREUR_DATE_NAISSANCE = "La date de naissance n'est pas valide"; CREATION_COMPTE_ERREUR_DATE_NAISSANCE_AGE_MIN = "L'âge minimal requis est de "; CREATION_COMPTE_ERREUR_DATE_NAISSANCE_AGE_MAX = "L'âge maximum est de "; CREATION_COMPTE_ERREUR_AGE_INCORRECT = "L'âge est incorrect"; FORM_FIELD_CHAMP_OBLIGATOIRE = "Ce champ est obligatoire"; FORM_FIELD_CHAMP_OBLIGATOIRE_MANQUANTS = "Certains champs obligatoires sont manquants"; FORM_FIELD_EMAIL_INCORRECT = "Le mail n'est pas correct"; FORM_FIELD_ERREUR_EMAIL_DIFFERENTS = "Les deux adresses mails ne sont pas identiques"; FORM_FIELD_ERREUR_SAISIE = "Erreur de saisie"; FORM_FIELD_ERREUR_VERIFIER_INFO = "Veuillez vérifier les informations saisies"; CVG_ACCEPTER_CONDITIONS = "Vous devez accepter les conditions générales de vente"; MON_PANIER = "Mon panier" PANIER_TITRE_MODALE_SUPPRIMER_CODE_PROMO = "La suppression du code promotionnel va impacter certains billets"; PANIER_DESCRIPTION_MODALE_SUPPRIMER_CODE_PROMO = "Si vous appuyer sur confirmer, les billets concernés par ce code promotionnel seront supprimés de votre panier"; </script> <script> TRAD_MONTANT_TOTAL = "Montant du panier"; MSG_ERREUR_AJOUT_TARIFS = "Echec de l'ajout des billets"; MSG_ERREUR_AJOUT_PRODUITS = "Echec de l'ajout des produits"; </script> <script> TITRE_MODAL_ABONNEMENT_EXPIRE = "Abonnements Proches de l'expiration"; MODALE_EXPIRATION_TEXT = "Expire le : "; MODALE_TARIF_PREFERENTIEL_TEXT = "Bénéficiez du tarif préférentiel jusqu'au : "; </script> <script> // PAGE DETAIL TITRE_SWAL_CONFIRM_ECHANGE = "Echanger le/les billet(s)"; TEXT_SWAL_CONFIRM_ECHANGE = "Voulez-vous vraiment échanger ce(s) billet(s) ?"; BTN_CONFIRM_SWAL_CONFIRM_ECHANGE = "Oui"; BTN_ANNULE_SWAL_CONFIRM_ECHANGE = "Non"; </script> </body> </html>

CINXE.COM

Billetterie en ligne - Connexion