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="#FFFFFF"> <meta name="description" content="Découvrez notre programmation et réservez vos billets en ligne."> <meta name="author" content="DipTick"> <meta name="keywords" content="billetterie en ligne, billetterie, réservation, culture, musée, MAD paris, Les Arts Décoratifs, Musée des Arts décoratifs, musée"> <link rel="apple-touch-icon" sizes="180x180" href="/medias/etablissement_1/webstore/e57971553f014a1306ba11c153f75c41_GFYeQT3.jpg"> <link rel="icon" type="image/png" sizes="32x32" href="/medias/etablissement_1/webstore/Favicon-MAD-Transparent-192x192px_q8xS6Zw.png"> <link rel="icon" type="image/png" sizes="16x16" href="/medias/etablissement_1/webstore/Favicon-MAD-Transparent-192x192px.png"> <link href="/static/assets/plugins/cropperjs/css/cropper.min.css" rel="stylesheet"> <title> Billetterie en ligne </title> <link rel="alternate" hreflang="fr" href="https://billetterie.madparis.fr/?langage=GB"/> <link rel="alternate" hreflang="en" href="https://billetterie.madparis.fr/en/?langage=GB"/>  <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.16.4" 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.16.4" rel="stylesheet" /> <link href="/static/assets/plugins/datepicker/jquery-ui.min.css" rel="stylesheet" /> <link href="/static/assets/plugins/datepicker/jquery-ui.theme.min.css" rel="stylesheet" /> <style> :root { --bs-body-font-family: "Maison Neue", Calibri, sans-serif; } @font-face{font-family:"Maison Neue"; src:url("https://billetterie.madparis.fr/static/fonts/Maison_Neue_Book.ttf");} #zone_principale{ min-height: 750px; } body{font-family: "Maison Neue", Calibri, sans-serif !important; background: #f5f5f5 !important; color: #000000;} .card .card-body, #container_calendrier .ui-state-default, #container_calendrier .ui-datepicker-title, #choixLangue option {font-family: "Maison Neue", Calibri, sans-serif !important;} /*___Taille de polices___*/ /*-Gestion des titres-*/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{color: #000000; text-transform: uppercase !important;} h1.h2, h3.mt-lg-0.mt-4.col-12.col-md-8{width: 100% !important;} h2, h1.h2, .h2{font-size: 1.7rem; line-height: 1.5rem;} h3, .h3{font-size: 1.5rem; line-height: 1.5rem;} h4, .h4{font-size: 1.2rem; line-height: 1.3rem;} h5, .h5, h6, .h6 {font-size: 0.85rem; line-height: 1.2rem;} h6, .h6 {padding-top: 0.2rem;} .define-montant-don.btn{font-size: 1.1rem !important;} a {letter-spacing: 0 !important;} /*-Gestion des textes-*/ .card-body.icone-description,.activite-icone .card .text-primary.text-gradient, .activite-liste .card .text-primary.text-gradient, .form-control, .card .card-body .alert, .card .card-body .alert-danger, .row.mt-3 .col-lg-7.mt-3.mt-lg-0 p, #choix_date .selection-date.btn, #choix_date #toggle-calendar.btn, #choix_date .selection-date.btn[disabled], #choix_date .selection-date-parcours[disabled], .table.table-responsive .d-flex .mb-2 .text-primary.text-gradient, #multisteps-demande-groupes .multisteps-form__progress-btn, .alert-warning, .alert {font-size: 0.8rem; line-height: 1rem;} /*___Suppression de tous les ombrages___*/ img, .card, #mainNav, .btn, .btn:not(.btn-selected):hover, .activite-icone .bandeau-indication, .activite-liste .bandeau-indication, .lance-recherche:hover, .pagination .page-item.active .page-link, .shadow, .shadow-lg {box-shadow: none !important;} /*___Supression de certaines icones et blocs*/ .bandeau-indication:after, .activite-catalogue .bi-star-fill, .icon-shape.bg-gradient-info, .bi-ticket-perforated, .bi-people, #choix_seance i.bi-calendar-event, #choix_seance i.bi-clock, .selection-horaire .bi-clock, .bi-ticket-detailed, .d-none .card hr, #table-panier .bi-bank, .bi-box-arrow-in-right, #container-tarifs hr, .dropdown .dropdown-menu:before, .nav-item .dropdown-item .bi::before, .fa-couch, #aside-cart .bi-postcard-heart {display: none !important;} /*___Bordures___*/ /*-Supression complète-*/ .border, .btn, .card, .border-info, .border-info.border-3, .modal-content, .btn-info, .pagination .page-link, .pagination .page-item span, #table-panier tfoot, #multisteps-demande-groupes .multisteps-form__progress-btn:before, #calendrier_date .ui-datepicker, .card .card-body, .modal-footer, .border-start, .alert.alert-info, .alert-warning, .alert-danger {border: none !important;} /*Recapitulatif de commande */ #recapitulatif-commande hr{display: none;} #recapitulatif-commande h3{margin-bottom: 0.5rem !important;} #recapitulatif-commande .card .col-md-8.col-12.border {border-right: 1px solid #000000 !important; border-radius: 0px !important;} #recapitulatif-commande .col-md-6.col-12{border-radius: 0px !important;} #recapitulatif-commande .col-md-6.col-12{border-bottom: 2px solid #000000 !important; padding-right: 0px !important; padding-left: 0px !important; width: 49% !important; min-height: 7rem !important;} /*-Supression de la bordure rose au click-*/ *:focus, *:target{border: none !important; box-shadow: none !important; } /*-Cadres complets-*/ , .select-type-tarif.btn, #choix_date .selection-date.btn[disabled], #choix_date .selection-date-parcours[disabled], .btn.search-code-promo, .selection-seance .badge-info, .multisteps-form__content{border: 1px solid #495057 !important;} .form-control, .input-group .form-control:focus, .select2.select2-container .selection .select2-selection {border: 1px solid #000000 !important;} .select-type-tarif.btn{border-bottom: 0.15rem solid #000000 !important;} /*___Supression des arrondis___*/ .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-left, .ui-corner-tr, .ui-corner-tl, .ui-corner-br, .ui-corner-bl, textarea {border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;} img, .card, input, select, .img-fluid, .border-radius-md, .btn, .alert, .border-radius-lg, .badge, .badge-info, .modal-content, .avatar, .icone-suggestion, .input-group-text.togglePassword, .carte-abonnement .border-radius-xl, .form-group .select2-selection, .card-paiement .offset-md-4, .card-paiement .kr-field-element, .swal2-popup, .swal2-modal {border-radius: 0px !important;} /*___Harmonisation des couleurs___*/ /*-Suppression des dégradés-*/ .bg-gradient-info, #delete_account, .btn.bg-gradient-secondary, .filters-activites h5.text-primary.text-gradient, .card-body .select-radio .card.bg-gradient-secondary, h3.text-info.text-gradient, .modal-content .modal-header h3.text-gradient, .alert.alert-contrast, .alert.alert-info {background-image: linear-gradient(310deg, #000000 0%, #000000 100%);} .activite-icone .card .text-primary.text-gradient, .activite-liste .card .text-primary.text-gradient, .table.table-responsive .d-flex .mb-2 .text-primary.text-gradient, .modal-content .icone-suggestion .text-gradient.text-primary, .multisteps-form__content .btn.bg-gradient-light, h3.text-primary.text-gradient, #exportdatas, a.btn.bg-gradient-dark, .badge.badge-sm.bg-gradient-success, .select2-results__option--highlighted {background-image: linear-gradient(#495057, #495057, #495057) !important;} .card-abonnement.bg-gradient-info, .bg-gradient-primary, .activite-catalogue .bi-star-fill.bg-gradient-light, .card .card-body .alert, .modal-content .modal-footer .btn.goto-panier.bg-gradient-success, .multisteps-form__content .btn.bg-gradient-dark, .modal-body .btn.btn-round.bg-gradient-info, .text-center .btn.bg-gradient-info, .card-body .select-radio .card.bg-gradient-secondary:hover, h4.text-primary.text-gradient, .add-row-adresses.text-dark.text-gradient, button.btn.bg-gradient-info, a.btn.bg-gradient-secondary.float-end, .mask.bg-gradient-dark, #form-demande-groupes .card-footer .bg-gradient-success, .btn.bg-gradient-success, .btn.bg-gradient-dark.renouveller-abonnement-expire, h1.text-gradient.text-danger, h1.text-gradient.text-warning, .btn.bg-gradient-warning, .alert-warning, .badge.bg-gradient-warning {background-image: linear-gradient(310deg, #ff6666 0%, #ff6666 100%) !important;} .card .card-body .alert-danger {background-image: linear-gradient(310deg, #c0392B 0%, #c0392B 100%) !important;} .card-paiement .mask.bg-gradient-dark {background-image: linear-gradient(310deg, #000000 0%, #000000 100%) !important; opacity: 1 !important;} /*-Couleurs de texte-*/ #mainNav, .nav-item .btn, .nav-item .bi::before, #card-bottom .bi, #card-bottom .bi-cart2, #card-bottom .col, #aside-cart .goto-catalogue:hover, #aside-cart .goto-panier:hover, .card-abonnement, .activite-icone .bandeau-indication, .activite-liste .bandeau-indication, .lance-recherche, .activite-catalogue .bi-star-fill, .btn.search-code-promo, #ajoute-billets.btn:hover, #ajoute-contremarques.btn:hover, #offrirAbonnement.btn:hover, #ajouteAbonnementPanier.btn:hover, .modal-content .icone-suggestion .btn.btn-info:hover, .modal-content .modal-footer .btn:hover, .bagde-nb-produits.badge-circle, .bi-person, .bi-question-circle, .bi-info-squar, #choixLangue, #displayLogin, #footer h6, #footer a.dropdown-item, #footer div.text-xs.text-end, .swal2-popup.swal2-modal .btn.btn-danger:hover, .alert-warning, .dropdown-menu-detailed a.dropdown-item:hover, a.btn.bg-gradient-secondary.float-end .fa-print, .alert.alert-contrast, h1.h2, #choix_horaire .selection-horaire .badge-info, #card-bottom .temps-panier, #table-panier .badge-circle.badge-success .bi-percent, #mainNav .px-2.py-2.bg-light a.py-0, #zone_principale h5.h2.text-white .bi-person, .btn.open-affectation-cm, #footer div.text-xs.text-end a, .description-type-compte {color: #ffffff !important;} a, #displayBar .btn, .pagination .page-link,.pagination .page-item .page-link,.pagination .page-item span, .row.mt-3 .col-lg-7.mt-3.mt-lg-0, #choix_date .selection-date.btn, #choix_date #toggle-calendar.btn, .selection-seance.btn h6, #table-panier th, #table-panier .text-end, .multisteps-form__progress-btn.js-active span, .table.tablephone thead th, .dataTable-container td.font-weight-bold .my-2, .pagination .page-item.active .page-link, .form-control, .d-flex h5.mb-0, .selection-seance.btn, #id_recherche, label, .form-label, .d-none .card h5 a, .swal2-popup.swal2-modal .swal2-title, .swal2-popup.swal2-modal .swal2-content, #recapitulatif-commande .bi-person, .text-gradient.text-dark,#bloc-autopromo .bi-chevron-double-down, #bloc-autopromo .bi-chevron-double-up, #choix_horaire .selection-horaire div, #card-choix-seance-or-date .selection-horaire.btn .fs-6 {color: #000000 !important;} .text-primary, #displayLogin:hover, .btn-selected, .nav-item .btn:hover, #displayBar .btn.btn-selected, .select-type-tarif .fa-calendar-check, .select-type-tarif .fa-calendar-times, .ligne-tarif .group-quantite .change-quantite:hover, #aside-cart a:hover, .temps-panier, .change-quantite-panier:hover, #table-panier i.bi-trash:hover, #empty-cart.btn i.bi-trash:hover, .form-group .text-danger, .define-montant-don.btn:hover, .change-montant-don.btn:hover, .accordion .accordion-button:hover, #table-panier .bi-gift, .swal2-icon.swal2-warning, .swal2-icon.swal2-info, #aside-cart .text-info, .swal2-icon.swal2-success {color: #FF6666 !important;} .card-body.icone-description, #nbElemsPage, .row.mt-3 .col-lg-7.mt-3.mt-lg-0 h6, #choix_date .selection-date.btn[disabled], #choix_date .selection-date-parcours[disabled], #multisteps-demande-groupes .multisteps-form__progress-btn, .selection-seance .badge-info, #multisteps-demande-groupes .multisteps-form__progress-btn:after, .ligne-tarif .group-quantite .change-quantite, #table-panier, #table-panier .text-secondary, .change-quantite-panier, #table-panier i.bi-trash, #empty-cart.btn i.bi-trash, .define-montant-don.btn, .change-montant-don.btn, a.text-secondary.font-weight-bold, #multisteps-indiv #form-indiv .multisteps-form__progress-btn:before, #multisteps-indiv #form-indiv .multisteps-form__progress-btn, .text-sm.font-weight-bold.text-secondary, .tablephone tr.text-center, .page-item.disabled, .accordion .accordion-button, .bi-box2-heart.text-dark, .text-dark, .nav-link-text::before, .text-muted {color:#495057 !important} /*-Couleurs de fonds-*/ .selection-seance .badge-info, #choix_horaire .selection-horaire .badge-info{background-color: #ff6666 !important; color: #ffffff !important;} #mainNav, #choixLangue, .nav-item .btn, .card-abonnement, .activite-icone .bandeau-indication, .activite-liste .bandeau-indication, #card-bottom, #calendrier_date .ui-datepicker-header, .modal-content .modal-footer .btn.btn-danger, #multisteps-demande-groupes .multisteps-form__progress-btn.js-active:before, .multisteps-form__content .btn.btn-danger, #footer, .modal-content .btn.btn-danger, .swal2-popup.swal2-modal .btn.btn-danger, .lance-recherche {background-color: #000000 !important;} .bagde-nb-produits.badge-circle, #detail-panier .goto-panier.btn-success {background-color: #ff6666 !important;width: auto; min-width: 1.5rem; padding: 0.1rem 0.15rem 0rem 0.15rem !important;} #detail-panier .card-header .d-flex.ms-auto{padding-bottom: 0.8rem !important; max-width: 42%;} .dropdown-menu-detailed a.dropdown-item:hover, .form-switch .form-check-input:checked, #table-panier .badge-circle.badge-success, .btn.open-affectation-cm {background-color: #ff6666 !important;} .btn.search-code-promo, #multisteps-demande-groupes .multisteps-form__progress-btn:before, #footer a.dropdown-item:hover, .bg-dark, .badge.badge-sm.bg-info {background-color: #495057 !important;} /* Icones MAD */ .bi-chevron-double-down::before /*Chevron simple sur bandeau info déroulant*/ {content: "\F282";} .bi-chevron-double-up::before /*Chevron simple sur bandeau info déroulant*/ {content: "\F286";} .bi-heart::before /*Coeur sur card don*/ {content: "\F415";} .bi-postcard-heart::before /*Icone sur card abonnement*/ {content: "\F782";} .bi-trash::before /*Icone poubelle panier*/ {content: "\F62A"; padding-top: 0.8rem;} .search-code-promo .fa-search:before{content: "\f00c";} /* Container */ .pt-lg-6 {padding-top: 8rem !important;} /* Général */ span.badge{border: none !important;font-weight: bold !important;height: 1.3rem !important;font-size: 0.7rem;margin-bottom: 0.2rem !important;} span.badge.info-private{background: #495057;} span.badge.golden-pro{background: #ff6666;} .activite-catalogue.activite-liste span.badge{margin-top: 0.5rem;} /* menu navigation */ #mainNav {font-family: "Maison Neue", Calibri, sans-serif !important;border-bottom: 1px solid black !important; padding-top: 0.3rem !important; padding-bottom: 0px !important;} #mainNav h1.h2 {margin-top: 0.7rem;} #mainNav .nav-item.dropdown {padding-top: 0.5rem !important;} #mainNav .dropdown.dropdown-hover .dropdown-menu, #mainNav .dropdown .dropdown-menu {top: 8px !important;left: -20px !important;} /* Logo */ .navbar-brand img { margin-bottom: 0.2rem !important;max-height: 4rem !important;} #mainNav ul{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;} .nav-link{margin-bottom: 0px !important;} #mainNav .nav-item {padding-top: 1rem;height: 5rem;} #mainNav .nav-item:last-child {margin-left: 1rem !important;} #displayLogin{font-weight:bold; height:100%;} #displayLogin:hover {border-bottom: 5px solid #FF6666 !important;} #choixLangue{font-weight: lighter;font-size: 1.5em !important;border-radius: 0% !important;padding-top: 0px !important;height: 100% !important;padding-bottom: 1.3rem !important;} /* boutons */ .btn-reservation .btn, .page-item.active .page-link, #card-bottom .card-body .btn, .multisteps-form__content .btn, #aside-cart .goto-catalogue, #aside-cart .goto-panier, #ajoute-billets.btn, #ajoute-contremarques.btn, #offrirAbonnement.btn, #ajouteAbonnementPanier.btn, .modal-content .icone-suggestion .btn.btn-info, .modal-content .modal-footer .btn, .activite-icone .card .card-body .btn, .activite-liste .card .card-body .btn, #openCgv.btn-success, .modal-content .btn.btn-success, .swal2-popup.swal2-modal .btn.btn-success, .swal2-popup.swal2-modal .btn.btn-danger, .modal-body .btn.btn-round.bg-gradient-info, .text-center .btn.bg-gradient-info, .btn.btn-info, .btn.bg-gradient-primary.btn-block, .bouton-echange.echange-billet, #form-demande-groupes .card-footer .bg-gradient-success, #detail-panier .goto-panier.btn-success, .btn.bg-gradient-dark.renouveller-abonnement-expire, #billet_echanger #echange-all-billets.btn, #billet_echanger #echange-one-billet.btn, #billet_echanger .modal-footer .btn, .btn.bg-gradient-dark, .btn.bg-gradient-warning, .btn-secondary, .btn.bg-gradient-primary, .btn.bg-gradient-secondary, .returnto-catalogue.btn, .card-paiement .kr-payment-button, .btn.bg-success, .btn.btn-decouverte { background-color: #ff6666 !important;color: #ffffff !important;text-transform: uppercase;border-radius: 5em !important;border: none !important;padding: 0.5rem 1.3rem 0.3rem 1.3rem !important;font-size: 1rem !important;} #detail-panier .card-header .bi-trash::before{content: "\f5de";font-size: 1.8rem !important;} #detail-panier .goto-panier.btn-success{float: right !important;margin-right: 1rem;} .swal2-popup.swal2-modal .btn.btn-danger, .swal2-popup.swal2-modal .btn.btn-success{font-size: 0.8rem !important;} .swal2-icon .swal2-icon-content{padding-top: 0.6rem !important} .swal2-popup.swal2-modal .btn.btn-danger, #billet_echanger .modal-footer .btn.btn-danger, .btn.bg-success, .btn.btn-decouverte{ background-color: #000000 !important; } .swal2-icon.swal2-warning, .swal2-icon.swal2-info, .swal2-icon.swal2-success{border-color: #ff6666 !important;} #aside-cart .mt-2 .text-sm, #aside-cart .col-8 .text-end{font-size: 0.8rem !important;} /*Margin: 0px */ .activite-catalogue.activite-liste .icone-image, .activite-liste .icone-image, .d-none .card h5, #choix_date .selection-date.btn, #choix_date #toggle-calendar.btn, #choix_horaire .selection-horaire .border-top, .multisteps-form__panel h5, #footer .container .row div {margin: 0px !important;} /* Padding : 0px*/ #aside-cart .card-body, .activite-liste .icone-image, .d-none .card h5, .group-quantite .quantite-tarif.border, #choix_horaire .selection-horaire {padding: 0px !important;} /*Taille : 100%*/ #aside-cart .card-body, #aside-cart .row.border, .activite-catalogue.col-md-6.activite-liste, .activite-catalogue.col-lg-6.activite-liste, .modal-content .icone-suggestion .d-block, .modal-content .icone-suggestion img, #generate-facture.btn, #id_montant-don {width: 100% !important;} #aside-cart .bi-bank { display: none !important; } #aside-cart h5.card-title { font-size: 1.2rem !important; } #aside-cart .goto-catalogue.w-100, #aside-cart .goto-panier.w-100{ margin-top: 0.5rem; } #aside-cart .temps-panier{ min-width: 3rem; max-width: 3.2rem; font-size: 0.85rem; line-height: 1.8rem; } .navbar .nav-link { font-size: 1.1rem; padding-top: 1rem !important; line-height: 1rem !important; } .nav-item .btn{ border-bottom: 5px solid #000000 !important; font-weight: bold; height: 100%; padding-bottom: 0em; margin-left: 0.5rem; margin-right: 0.5rem; } .nav-item .btn:hover{ border-bottom: 5px solid #FF6666 !important; } @media (min-width: 992px){ .navbar-expand-lg .navbar-nav .nav-link{ padding-left: 0px; padding-right: 0px;} } @media (min-width: 768px){ .navbar-expand-lg .navbar-nav .nav-link{ padding-left: 0px; padding-right: 0px; } } /*cartes*/ .card-abonnement p{ opacity: 1 !important; } .fa-th /*Permet à l'icone grille d'être appellée en Bootstrap - et non pas en fontAwesome*/{ font-family: bootstrap-icons !important; } .fa-th:before{ content: "\F3F8"; } .fa-list:before /*Cette icone est en fontAwesome car mieux que bootstrap*/{ content: "\f0ca"; } .activite-icone, .activite-liste{ margin-top: 0.25rem !important; margin-bottom: 0.25rem; } .activite-catalogue.activite-liste .icone-image { padding: 0rem 0rem 0rem 0.75rem !important; } .activite-liste .card .card-body.icone-description { max-width: 82% !important; padding: 0.2rem 0.9rem 0.2rem 0.9rem !important; } .activite-liste .card .card-body.icone-description .mb-2 { margin-bottom: 0 !important; } .activite-icone .card .card-body, .activite-liste .card .card-body{ padding: 1.5rem; padding-top: 0.7rem !important; padding-bottom: 4.2rem !important; font-size: 0.8rem !important; } .activite-catalogue .icone-description p.text-sm{ font-size: 0.8rem !important; } .activite-catalogue .icone-description h5{ font-size: 0.95rem !important; } .activite-icone .card .text-primary.text-gradient, .activite-liste .card .text-primary.text-gradient{ font-weight: normal; text-transform: uppercase; } .activite-icone .card .bottom-4{ bottom: 2.7% !important; } .activite-icone .bandeau-indication, .activite-liste .bandeau-indication{ text-transform: uppercase; font-weight: bold; font-style: italic; padding-right: 1.75rem !important; padding-left: 1.75rem !important; padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; bottom: 1.8rem; text-align: left; right: auto; left: 3px; } /* Ajustements pour la vue des activités en liste */ .activite-catalogue.activite-liste .icone-image.col-6{ width: 9rem; } .activite-liste .card .card-body{ max-width: 47% !important; padding: 0.7rem !important; } .activite-liste .icone-image{ padding-left: 2.5% !important; } .activite-liste .bandeau-indication{ left: -5px; bottom: 0.8rem; } .activite-liste .btn-reservation.position-absolute { bottom: 33% !important; right: 1%; } .activite-liste .btn-reservation{ right: auto; } /* En-tete annonces bandeau */ #entete .card-body{ padding-left: 2.5em !important; padding-right: 2.5em !important; padding-top: 1.2em !important; padding-bottom: 1.2em !important; } #bloc-autopromo{ margin-bottom: 1.5em !important; } /* Blocs dons et abonnements */ #bloc-don h5, .bloc-don p.text-white, #bloc-abonnements h5, bloc-abonnements p.text-white{ font-size: 1.1rem !important; } #bloc-don .opacity-7{ opacity: 1 !important; } #bloc-don h5.h2, #bloc-abonnements h5.h2{ font-size: 2rem !important; } /* Filtres */ label.form-control-label{ text-transform: uppercase; margin-bottom: 0.1rem; margin-left: 0rem !important; } .d-none .card{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .form-control{ padding: 0.7rem 0.4rem 0.5rem 0.4rem !important; } .d-none .card h5 { font-weight: bold; } .d-none .card h5 a{ line-height: 0.7; font-weight: lighter; margin-top: 0.5rem !important; } .d-none .card h5 a:hover{ font-weight: bold; } .form-group{ margin-bottom: 0.3rem !important; margin-top: 0.2rem !important; } /*Outils de tri*/ #displayBar .btn{ padding: 0.2rem !important; background-color: rgba(255, 0, 0, 0) !important; box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0); margin-top: 0px !important; margin-right: 2rem !important; } .fs-5{ font-size: 2.5rem !important; } #nbElemsPage{ border: 1px solid black !important; padding: 0.2rem 0.2rem 0.2rem 0.5rem!important; font-size: 0.8rem; } #displayBar .row{ align-items: center; } #displayBar .row:last-child .col-12 .text-center{ display: flex; align-items: center; } .pagination { align-items: center; gap: 0rem; } .pagination .page-item{width: 1.4rem;} .pagination .page-item .page-link,.pagination .page-item span{ font-size: 0.8rem !important; margin: 0 !important; width: 1.5rem; height: 1.5rem; } .pagination .page-item .page-link{ padding-right: 0.3rem; padding-left: 0.3rem; } .pagination .page-item.active .page-link{ background-color: rgba(0, 0, 0, 0) !important; font-weight: bold; font-size: 1.2rem !important; padding-right: 0.3rem !important; padding-left: 0.3rem !important; } .pagination .page-item:first-child, .pagination .page-item:last-child{ border: 1px solid black; border-radius: 100% !important; width: 1.9rem; height: 1.9rem; } .pagination .page-item:first-child .page-link span, .pagination .page-item:last-child .page-link span{ display: none !important; } .pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{ padding-left: 0px !important; padding-right: 0px !important; margin: 0.15rem 0rem 0.1rem 0.1rem !important; } .pagination .page-item:first-child{ margin-right: 0.1rem !important; } .pagination .page-item:first-child a:before{ content: "<"; font-weight: bold; padding-top: 3px; line-height: 1.5rem; } .pagination .page-item:last-child{ margin-left: 0.1rem !important; } .pagination .page-item:last-child a:before{ content: ">"; font-weight: bold; padding-top: 3px; line-height: 1.5rem; } .pagination .page-item.disabled{ opacity: 0.7 !important; } /* Ajustement panier bas de page*/ #card-bottom{ border-top: 1px solid #495057 !important; } #card-bottom .col-auto{ border-right: 2px solid #ffffff !important; } #card-bottom .col-auto.border-end.my-auto{ width: 9rem !important; } #card-bottom .border-end{ border: none !important; } #card-bottom a.goto-catalogue.btn{ display: none; } /*Ajout JDU du 26/07* /*favoris*/ .activite-catalogue .bi-star-fill{ z-index: 20 !important; } /*Bandeau anonce*/ .bi-chevron-double-down, .bi-chevron-double-up { padding: 0.4rem 0.35rem 0.4rem 0.35rem !important; width: 2rem; height: 2rem; font-size: 1.3rem !important; } /* Page activité */ .card .card-body .alert, .card .card-body .alert-danger, .alert{ padding: 1rem 1rem 0.9rem 1rem !important; } .alert-dismissible .btn-close, .alert .btn-close{ padding: 1rem 1rem !important; } .row.mt-3 .col-lg-5.text-center{ padding:0px 0px 0px 1.55% !important; } .row.mt-3{ margin-top: 0.1rem !important; } .row.mt-3 .col-lg-7.mt-3.mt-lg-0{ padding: 0.5rem 2.5rem 0.5rem 2.5rem !important; min-height: 100% !important; } figcaption.text-xs{ padding: 0.1rem; text-align: left !important; font-size: 0.65rem !important; } .row.mt-3 .col-lg-7.mt-3.mt-lg-0 p{ margin-bottom: 0.5rem !important; } /*JDU MAJ du 30 07 */ #choix_seance.row .selection-seance.btn{ border-bottom: 0.1rem solid #495057 !important; } #choix_seance.row .selection-seance .h6{ display: none !important; } #card-choix-seance-or-date .selection-seance.btn.selected, #card-choix-seance-or-date .selection-date.btn.selected, #card-choix-seance-or-date .selection-horaire.btn.selected{ background-color: #000000 !important; color: #ffffff !important;} #card-choix-seance-or-date .selection-horaire.btn.selected .fs-6, #card-choix-seance-or-date .selection-horaire.btn.selected div{color: #ffffff !important;} .selection-seance .badge-info{ height: auto !important; } #choix_seance.row .selection-seance.btn div.border-top{ border: none !important; margin-top: 0px !important; text-align: left !important; padding-top: 0.5rem !important; } .select-type-tarif .fa-calendar-check, .select-type-tarif .fa-calendar-times{ position: relative; top: -0.4rem; } #choix_date.row{ gap: 0.5rem; } @media (min-width: 992px) { #choix_date.row-cols-lg-8>*{ width: 11.5% !important; } } #choix_date .selection-date.btn, #choix_date #toggle-calendar.btn { padding: 0.3rem !important; line-height: 1.1rem; border: 0.15rem solid #000000 !important; } #toggle-calendar.btn .bi-calendar3{ font-size: 1rem !important; } #choix_date .selection-date:not([disabled]) .date-jour, #choix_date .selection-date-parcours:not([disabled]) .date-jour{ font-size: 1.2rem !important; } h5.ms-3{ margin-left: 0px !important; } .d-flex h5.mb-0{ font-weight: normal !important; } .table.table-responsive .d-flex .mb-2 .text-primary.text-gradient{ text-transform: uppercase; font-weight: bold !important; } #calendrier_date .ui-datepicker-header, #displayLogin{ text-transform: uppercase; } .ui-datepicker-next-hover, .ui-datepicker-prev-hover{ background: #ffffff !important; } .ui-datepicker-calendar .ui-state-default{ border: 0.15rem solid #ffffff !important; } #calendrier_date .ui-state-active, .ui-widget-content .ui-state-active{ border: 0.15rem solid #000000 !important; background: #ffffff !important; color: black; font-weight: bold; } #container_calendrier{ margin-bottom: 30px !important; } #choix_horaire .selection-horaire{ border: 0.15rem solid #000000 !important; } #choix_horaire .selection-horaire div{ padding: 0.4rem 0.2rem 0rem 0.2rem!important; text-align: center !important; } #choix_horaire .selection-horaire .border-top{ border: none !important; } #choix_horaire .selection-horaire .fs-6:first-child{ font-size: 0.9rem !important; text-align: center; padding: 0.4rem 0.2rem 0.2rem 0.2rem !important; } .multisteps-form__content .table td:before /*Impossible de passer le texte sur 2lignes */{ font-size: 0.6rem !important; left: 0px !important; top: 18px !important; } .multisteps-form__content .card-body{ padding: 0.2rem !important; } .btn:hover:not(.btn-icon-only){ transform: scale(1); } #container-tarifs .row{ margin-right: auto !important; margin-left: auto !important; } #container-tarifs .col-12.col-md-8 div, #choix_horaire div:first-child{ color: #495057 !important; } #container-tarifs .ligne-tarif{ border-bottom: 0.1rem solid #000000 !important; } #container-tarifs .row{ text-transform: uppercase !important; } #container-tarifs .text-xs{ text-transform: none !important; } #container-tarifs .text-end.font-weight-bolder{ line-height: 1rem !important; } #container-tarifs .text-end.text-xs{ text-align: center !important; font-size: 1rem !important; } .ligne-tarif .table-participant thead td.text-center{ text-align: left !important; font-size: 0.85rem; text-transform: uppercase; } .group-quantite input.quantite-tarif{ max-width: 30% !important; margin-bottom: 0.2rem !important; } .group-quantite .quantite-tarif.border{ border-radius: 0px !important; border: 0.1rem solid #000000 !important; font-size: 1.2rem !important; padding-top: 0.3rem !important; } .group-quantite .change-quantite.ajoute-quantite{ padding-top: 0.4rem !important; } .group-quantite .change-quantite{ font-weight: normal; } /*JDU MAJ du 31 07 */ /*Gestion des modales Pop up */ .modal-content .card-body.border-top h6:first-child{ border-top: 0.15rem solid #495057 !important; padding-top: 1rem; } .modal-content .icone-suggestion img { height: auto !important; margin-right: 0px !important; } .modal-content .icone-suggestion{ display: grid !important; grid-template-columns: 30% auto; width: 12rem; gap: 0.3rem !important; } .modal-content .icone-suggestion .mt-3{ margin-top: 0px !important; } .modal-content .icone-suggestion .btn.btn-info{ display: none !important; } .modal-content .icone-suggestion .text-gradient.text-primary{ margin-bottom: 0px !important; text-transform: uppercase; font-weight: bold !important; font-size: 0.65rem !important; } .modal-content .icone-suggestion{ min-height: auto; } .modal-content .icone-suggestion h6.text-sm{ font-size: 0.65rem !important; } .modal-content .icone-suggestion .badge{ display: none; } .modal-content .icone-suggestion .btn-info{ min-height: auto; } .modal-content .btn-close{ opacity: 100%; } .modal-footer{ padding: 0rem 0.75rem 1.5rem 0.75rem } .modal-body p.text-end .text-secondary, .modal-body .card-footer .text-info.text-gradient{ font-weight: bolder !important; color: #000000 !important; } .modal-body .card-footer .text-info.text-gradient{ background-image: linear-gradient(310deg, #000000 100%, #000000 100%) !important; } .modal-body .btn.btn-round.bg-gradient-info{ width: auto !important; } .input-group-text.togglePassword{ border: 0.1rem solid #495057 !important; } #modal_abonnement_expire .text-bold.fs-5{ font-size: 1.3rem !important; } #modal_abonnement_expire #date-expiration-abonnement{ font-weight: bold; color: #000000; } #modal_abonnement_expire #date-fin-remise{ font-weight: bold; color: #ff6666; } #modal_abonnement_expire .text-success.text-bold.fs-4{ color: #000000 !important; font-size: 1.3rem !important; } #modal_abonnement_expire .text-decoration-line-through.text-danger{ font-size: 0.9rem !important; color: #ff6666 !important; } #modal_abonnement_expire div.col-12.col-lg-7.card{ padding-left: 0rem !important; } /* Page valider le panier */ #table-panier thead th.text-uppercase:first-child{padding-left: 2% !important;} .card-body .table-responsive #table-panier.table> :not(:last-child)> :last-child>*{ border: 0px !important; } #detail-panier h6{font-size: 1.2rem !important;} #table-panier th{ font-size: 1rem !important; font-weight: bold; opacity: 1 !important; } #table-panier tbody{border-top: 2px solid #000000 !important;} #table-panier tbody tr{ border-top: 0px solid !important; border-right: 0px !important; border-left: 0px !important; border-bottom: 0.1rem solid #000000 !important; padding-bottom: 0.5rem; } #table-panier td{ border: 0px !important; } .suppression-ligne-panier.btn{ padding-right: 0.6rem; } #table-panier .avatar{ height: 100% !important; width: auto; } #table-panier .text-end{ padding-top: 1rem; padding-bottom: 1rem; min-width: 3rem !important; } #table-panier i.bi-trash{ font-size: 1.5rem !important; margin-right: 0.5rem; } i.bi-trash:first-child { font-size: 2.3rem !important; position: relative; top: -5px !important; } #table-panier tfoot .text-secondary, #table-panier tfoot .h5 { font-size: 1.2rem !important; } /*MAJ JDU 31 07 - après midi */ #multisteps-demande-groupes .multisteps-form__progress-btn{ font-weight: bold; } #multisteps-demande-groupes .multisteps-form__progress-btn:before{ width:2.5rem; height: 2.5rem; top: -1rem; } .multisteps-form__progress-btn.js-active{padding-top: 2rem;} .multisteps-form__progress-btn.js-active span{ font-weight: bold; font-size: 1.2rem; line-height: 1.2rem; } .multisteps-form__panel h5{ text-align: left !important; padding: 0.5rem !important; } .multisteps-form__content{ margin-top: 1rem; } /*Mise en page du footer*/ #footer .container{ margin-right: 1rem; margin-left: 1rem;; max-width: 100% !important; } #footer{ padding: 1rem 7% 4rem 7% !important; margin-bottom: 0px !important; } #footer .row .col-12.col-md-4{ width: auto !important; margin-right: 1% !important; padding: 0 0.15rem 0 0.15rem !important; } #footer .row .col-12.col-md-4:first-child{ width: auto !important; margin-right: 7% !important; } #footer .footer-brand{margin-left: 0.3rem;} #footer h6{font-size: 1.1rem !important; margin-bottom: 2px !important;} #footer a.dropdown-item{ padding: 0.2rem 0rem 0px 0.1rem !important; line-height: 1.3rem; font-size: 0.95rem; } #footer a.dropdown-item i{ display: none; } #footer div.text-xs.text-end{ padding: 0.2rem 1rem 0.2rem 1rem !important; } .footer-brand img{max-height: 115px;} /* Page Don */ .col-12.col-md-6 h3.text-info.text-gradient{ padding-top: 0.5rem; } .col-12.col-lg-9 hr{ width: 90%; margin-right: auto; margin-left: auto; } /*Page création de compte */ .iti--allow-dropdown input, .iti--allow-dropdown input[type=text]{ padding-left: 50px !important; } .avatar.border{ border: 0.1rem solid black !important; } .avatar .btn.btn-sm.btn-icon-only{ border-radius: 0px !important; padding: 0.1rem !important; } /*Menu déroulant compte individuel*/ .dropdown.dropdown-hover .dropdown-menu, .dropdown .dropdown-menu{ border-radius: 0px !important; } .dropdown-menu-detailed li.fs-5.text-center { display: none !important; } .form-check-input{ border-radius: 5rem !important; } #form-indiv #delete_account, #form-indiv #exportdatas, #form-indiv a.btn.bg-gradient-dark, #form-indiv button.btn.bg-gradient-info{ border-radius: 5rem !important; height: auto !important; font-size: 0.7rem !important; color: #ffffff !important; width: 24%; justify-content: center; padding: 0.5rem 0.3rem 0.25rem 0.3rem !important; } /* Declinaison tablette */ @media screen and (max-width: 767px) { #delete_account, #exportdatas, #form-indiv a.btn.bg-gradient-dark, #form-indiv button.btn.bg-gradient-info{ width: 3rem; justify-content: center; padding: 1rem !important; } #form-indiv #delete_account i, #form-indiv #exportdatas i, #form-indiv a.btn.bg-gradient-dark i, #form-indiv button.btn.bg-gradient-info i{ margin: 0px !important; } .bi-ticket-perforated, .bi-people{ display: block !important; text-align: left; } } @media screen and (max-width: 992px){ #zone_principale{min-height: 925px; padding-right: 0.9rem !important; padding-left: 0.9rem !important;} #choix_date.row{gap: 0px !important;} .nav-icon .bi-person{padding-bottom: 5px !important;} table.tablephone tr, table.tablephone td{border: none !important;} #choix_tarifs .ligne-participant{border-bottom: 1px solid black !important; padding-top: 0.5rem !important;} #container-tarifs .row.mt-2.position-sticky.bottom-10{bottom: 5% !important; padding-bottom: 3rem !important;} .nav-item .btn{ padding-top: 0.5rem !important;} #bloc-abonnements .card-body, #bloc-don .card-body{padding: 0.6rem !important;} #bloc-abonnements .text-sm, #bloc-don .text-sm{font-size: 0.7rem !important;} #bloc-abonnements h5, #bloc-don h5{font-size: 0.8rem !important;} .navbar-brand img{ margin-bottom: 0.5rem !important; max-height: 2.3rem !important; } h3, .h3{font-size: 1.2rem; line-height: 1.5rem;} h4, .h4{font-size: 1.1rem; line-height: 1.3rem;} h5, .h5, h6, .h6 {font-size: 1rem; line-height: 1.2rem;} p{font-size: 0.9rem !important;} h2, h1.h2, .h2{font-size: 1.2rem !important; text-align: right !important;} .navbar-brand{margin-right: 0.5rem !important;} .navbar .nav-link{ margin-left: 0px; padding-left: 0.5rem; font-size: 0.9rem; padding-top: 0px !important } #mainNav{padding-top: 0.5rem !important;} #mainNav .nav-item { height: auto; width:100%; padding-top: 0.2rem; } #mainNav .nav-item:first-child, #mainNav .nav-item:last-child { width:auto !important; padding-top: 0px !important; } #choixLangue{ margin-left: 12% !important; margin-right: 0rem !important; padding-right: 0rem !important; font-size: 1.1rem !important; padding-bottom: 0px !important; width: 2.5rem !important;; margin-top: -0.7rem; } #displayLogin:hover, .nav-item .btn:hover{ border: none !important; } #mainNav .account-collapse span.golden-pro{ display: none; } #mainNav .account-collapse a.nav-link{ color: #ffffff !important; font-size: 1rem !important; padding: 0.2rem !important; } #mainNav .account-collapse .nav-item:last-child{ margin-left: 0px !important; } #mainNav .account-collapse .navbar-nav .fs-5{ font-size: 1.2rem !important; } #mainNav .account-collapse .nav-item{ padding: 0.1rem !important; } .account-collapse .navbar-nav li.fs-5.text-center.border-bottom:first-child{display: none !important;} .define-montant-don.btn {font-size: 0.95rem !important;} #form-indiv .btn span{ vertical-align: center !important; } #form-indiv #delete_account, #form-indiv #exportdatas, #form-indiv a.btn.bg-gradient-dark, #form-indiv button.btn.bg-gradient-info{padding: 0.5rem 1rem 0.5rem 1rem !important;} #multisteps-demande-groupes .multisteps-form__progress-btn:before{width: 1.5rem; height: 1.5rem; top: -0.5rem;} #footer {padding: 1rem 7% 75px 7% !important; margin-bottom: 0px !important;} #detail-panier tfoot .text-end.text-secondary:first-child{display: none !important} #detail-panier .card-header .d-flex.ms-auto{padding-bottom: 0.8rem !important; max-width: 42%;} #detail-panier .search-code-promo{width: 40px !important; padding: 3px 0px 0px 0px !important} #id_abonnement_renouveller-49 .align-items-center.justify-content-around .renouveller-abonnement-expire{display: none !important;} #recapitulatif-commande img.avatar{display: none !important;} #recapitulatif-commande .col h6, #recapitulatif-commande .col .text-bold {font-size: 0.8rem !important;} #recapitulatif-commande .col-auto.border-start.ps-2{width: 20% !important;} #recapitulatif-commande .col-auto.border-start.ps-2 .btn.float-end{width: auto !important;} #recapitulatif-commande .col-md-6.col-12{height: auto !important;} #recapitulatif-commande .col-md-4.col-12.p-3 span{font-size: 0.75rem !important;} #recapitulatif-commande .text-sm{font-size: 0.8rem !important;} } @media screen and (min-width: 767px) { #form-indiv #delete_account i, #form-indiv #exportdatas i, #form-indiv a.btn.bg-gradient-dark i, #form-indiv button.btn.bg-gradient-info i{ display: none !important; } } /*Declinaison Mobile*/ @media (max-width: 540px) { body{ font-size: 0.9rem !important;} #zone_principale { min-height: 900px; padding-top: 8.5rem !important; } h3, .h3{font-size: 1.3rem; line-height: 1.5rem;} h4, .h4{font-size: 1.2rem; line-height: 1.3rem;} h5, .h5, h6, .h6 {font-size: 1rem; line-height: 1.2rem;} p{font-size: 0.9rem !important;} #mainNav #selectionCatalogue {width: 80% !important; margin-right: 9%;} h2, h1.h2, .h2{font-size: 1.3rem !important; text-align: center !important;} .card-body.icone-description,.activite-icone .card .text-primary.text-gradient, .activite-liste .card .text-primary.text-gradient, .form-control, .card .card-body .alert, .card .card-body .alert-danger, .row.mt-3 .col-lg-7.mt-3.mt-lg-0 p, #choix_date .selection-date.btn, #choix_date #toggle-calendar.btn, #choix_date .selection-date.btn[disabled], #choix_date .selection-date-parcours[disabled], .table.table-responsive .d-flex .mb-2 .text-primary.text-gradient, #multisteps-demande-groupes .multisteps-form__progress-btn, .alert-warning, .alert {font-size: 0.8rem; line-height: 1rem;} .btn.fs-4 /* Dons page dons*/ {font-size: 1.1rem !important;} #mainNav { padding-top: 0.5rem !important; } #bloc-autopromo .card-body{ padding: 0.7rem 0.5rem 0.7rem 0.2rem !important; } .bi-ticket-perforated, .bi-people{ display: block !important; text-align: left; } .nav-item .btn{ padding-top: 0.5rem !important;} #bloc-abonnements .card-body, #bloc-don .card-body{padding: 0.6rem !important;} #bloc-abonnements .text-sm, #bloc-don .text-sm{font-size: 0.7rem !important;} #bloc-abonnements h5, #bloc-don h5{font-size: 0.8rem !important;} .navbar-brand img{ margin-bottom: 0.5rem !important; max-height: 2rem !important; margin-left: 0.3rem; } .navbar .nav-link{ margin-left: 0px; padding-left: 0.5rem; font-size: 1.1rem; padding-top: 0px !important } #mainNav .nav-item { height: auto; width:100%; padding-top: 0.2rem;} .navbar-nav .nav-icon{height: 2rem !important;} #mainNav .nav-item:first-child, #mainNav .nav-item:last-child { width:auto !important; } #choixLangue{ margin-left: 12% !important; margin-right: 0rem !important; padding-right: 0rem !important; font-size: 1.1rem !important; padding-bottom: 0px !important; width: 2.5rem !important;; margin-top: -0.7rem; } #displayLogin:hover, .nav-item .btn:hover{ border: none !important; } #mainNav .account-collapse span.golden-pro{ display: none; } #mainNav .account-collapse a.nav-link{ color: #ffffff !important; font-size: 1rem !important; padding: 0.2rem !important; } #mainNav .account-collapse .navbar-nav .fs-5{ font-size: 1.2rem !important; } #mainNav .account-collapse .nav-item{ padding: 0.1rem !important; } .btn-reservation .btn, .page-item.active .page-link, #card-bottom .card-body .btn, .multisteps-form__content .btn, #aside-cart .goto-catalogue, #aside-cart .goto-panier, #ajoute-billets.btn, #ajoute-contremarques.btn, #offrirAbonnement.btn, #ajouteAbonnementPanier.btn, .modal-content .icone-suggestion .btn.btn-info, .modal-content .modal-footer .btn, .activite-icone .card .card-body .btn, .activite-liste .card .card-body .btn, #openCgv.btn-success, .modal-content .btn.btn-success, .swal2-popup.swal2-modal .btn.btn-success, .swal2-popup.swal2-modal .btn.btn-danger, .modal-body .btn.btn-round.bg-gradient-info, .text-center .btn.bg-gradient-info, .btn.btn-info, .btn.bg-gradient-primary.btn-block, .bouton-echange.echange-billet, #form-demande-groupes .card-footer .bg-gradient-success { padding: 0.3rem 1rem 0.2rem 1rem !important; font-size: 0.8rem !important; } #nbElemsPage{font-size: 0.6rem !important;} #displayBar .filters-activites-plugin-button-nav{ padding: 0.5rem !important; background-color: #000000 !important; font-weight: bold !important; color: #ffffff !important; height: 2.5rem !important; } #displayBar .btn{ margin-right: 0px !important; } .activite-liste .card .card-body { font-size: 0.7rem !important; } .activite-catalogue.activite-liste .icone-description h5 { font-size: 0.85rem !important; margin-bottom: 0px! important; } .activite-catalogue.activite-liste .icone-description span { display: none !important; } .row.mt-3 .col-lg-7.mt-3.mt-lg-0{ padding: 0.1rem !important; } #choix_date.row { gap: 0px !important; } .modal-content .icone-suggestion { width: 49%; grid-template-columns: 0px auto; gap: 0px; } .modal-content .icone-suggestion .text-gradient.text-primary{display: none !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background: #ff6666; } #form-choix_tarifs .ligne-tarif div.col-6{ padding: 0px !important; } .bottom-10{ bottom: 8% !important; } .selection-horaire .fa-user{ display: none !important; } table.tablephone tr{ border: none !important; } .alert div{ width: 95%; } #bloc-don .col-auto.my-auto.text-end, #bloc-abonnements .col-auto.my-auto.text-end{ display: none !important; } #displayLogin{ height: auto !important; font-size: 0.8rem !important; text-align: left; } #form-indiv #delete_account, #form-indiv #exportdatas{ width: 3rem !important; } .navbar-compte .bi-person, .navbar-compte .bi-box-seam, .navbar-compte .bi-card-heading{ display: none !important; } .navbar-compte .nav-item .nav-link { margin: 5px !important; } #form-indiv #delete_account .fas, #form-indiv #exportdatas .fas{ padding-top: 7px !important; } .avatar{ height: 4.5rem !important; width: 4.5rem !important; } #card-bottom, #card-bottom.position-fixed, #card-bottom.position-fixed .card-body, #card-bottom.position-fixed .card-body .row{ margin: 0px !important; } #footer div.text-xs.text-end {font-size: 0.6rem !important;} #recapitulatif-commande .col-md-6 .col.px-2{max-width: 100% !important;} #recapitulatif-commande .col-md-6 .col.px-2 .text-sm:last-child{display: none !important;} #recapitulatif-commande .col-auto.border-start.ps-2 .btn.float-end {width: 1.5rem !important; padding: 1px !important;} #recapitulatif-commande .float-end{float: left !important;} #recapitulatif-commande .col h6, #recapitulatif-commande .col .text-bold {font-size: 0.7rem !important;} #recapitulatif-commande .col.px-2{padding-right: 0.2rem !important; padding-left: 0.2rem !important;} #recapitulatif-commande .col-md-6.col-12{height: auto !important;} #recapitulatif-commande .col-md-4.col-12.p-3 span{font-size: 0.7rem !important;} #choix_horaire .selection-horaire .badge-info{font-size: 0.55rem !important;} #recapitulatif-commande .bi-envelope, #recapitulatif-commande .bi-calendar-event, #recapitulatif-commande .bi-clock{display: none !important;} #recapitulatif-commande .card .col-md-8.col-12.border{border: none !important; padding: 5px !important;} /*Page panier*/ #detail-panier div{font-size: 0.8rem !important;} #detail-panier .btn{font-size: 1rem !important;} #detail-panier .btn.btn-info, #detail-panier .btn.btn-success, #detail-panier .goto-panier {font-size: 0.6rem !important; line-height: 1.5rem; padding: 0.25rem 0.5rem 0.25rem 0.5rem !important; margin-top: 0.5rem !important;} #detail-panier .btn.btn-info .bi-book, #detail-panier .btn .bi-cart-check{display: none !important;} #detail-panier .card-header h6{max-width: 20% !important; font-size: 0.9rem !important;} #detail-panier .card-header #empty-cart{margin-left: 1% !important;} #detail-panier h6 a{font-size: 0.65rem !important;} #detail-panier .card-header{padding: 0.8rem;} #detail-panier .temps-panier{margin-left: 1% !important; margin-right: 1% !important; width: 15% !important; padding-top: 0.2rem;} #detail-panier tr.border-bottom td:before{padding-top: 6px !important;} #detail-panier tr .h6, #detail-panier tr.border-bottom .d-flex{padding-top: 0px !important;} #detail-panier .badge-nb-produits{margin-left: 1% !important;} #detail-panier .bi-ticket-perforated{display: none !important;} #detail-panier .card-header .d-flex.ms-auto{ padding-bottom: 0.8rem !important; max-width: 42%; } .bi-trash::before /*Icone poubelle panier*/ {padding-top: 0px;} #detail-panier .search-code-promo{ width: 25px !important; padding: 3px 0px 0px 0px !important } #footer{ padding-bottom: 70px !important; padding-right: 0.1rem !important; padding-left: 0.5rem !important; margin-bottom: 0rem !important; } #footer .container{ margin: 0px !important; padding: 0px !important; } #footer .container .row{ margin-right: 0px !important; } #footer .row .col-12.col-md-4:first-child { width: 15% !important; margin-right: 0 !important; } #card-bottom .card-body .goto-panier{ font-size: 0.7rem !important; padding: 0.4rem 0.3rem 0.3rem 0.3rem !important; } .goto-panier.btn .bi-cart-check{ display: none; } .swal2-popup.swal2-modal .btn.btn-success, .swal2-popup.swal2-modal .btn.btn-danger{ margin-left: 2px !important; margin-right: 2px !important; } #card-bottom .card-body .mobile-xs{ font-size: 0.65rem !important; } #card-bottom .card-body .col-auto, #card-bottom .bi-cart2{ margin-left: 3px !important; margin-right: 3px !important; } #card-bottom .col-auto.border-end.my-auto { width: 30% !important; } #card-bottom .card-body .col-auto, #card-bottom .card-body .col{ padding-left: 0px !important; } .footer-brand img{ width: 95%; height: auto !important; } #footer .row .col-12.col-md-4{ width: auto !important; } #footer h6{ font-size: 0.8rem !important;} #footer a.dropdown-item { line-height: 1.1rem; font-size: 0.65rem; } } /*Mes commandes */ #generate-facture.btn{ background-image: linear-gradient(310deg, #000000 0%, #000000 100%) !important; } /*Mes abonnements*/ .tablephone thead th.mw-lg-20, .tablephone thead th.text-center{ font-size: 0.85rem !important; } .tablephone td.mw-lg-20.text-start{ font-size: 0.8rem !important; padding-left: 0px !important; } .tablephone td.mw-lg-20.text-start span.text-xs{ font-size: 0.65rem !important; } table.w-100.tablephone td{font-size: 0.8rem !important;} table.w-100.tablephone td span.badge.bg-gradient-info{background-image: linear-gradient(310deg, #ffffff 0%, #ffffff 0%); color: #000000; font-size: 0.8rem !important; font-weight: normal !important;} /*Changer un billet*/ #billet_echanger .card-header.bg-gradient-warning.text-dark {border: 0 !important; border-radius: 0px !important;} #billet_echanger .card-body{padding: 0.5rem !important;} #billet_echanger .card-header.bg-gradient-warning.text-dark h4, #billet_echanger #dates_seances h4, #billet_echanger #liste_seances h4 {color: #000000 !important; text-align: left !important;} #billet_echanger .card-body .text-dark.fs-5{font-size: 1rem !important; color: #000000 !important;} #billet_echanger .card-body .btn.w-auto.h-auto.border-info{color: #495057 !important; font-size: 0.6rem !important; border: 0.15rem solid #495057 !important;} #billet_echanger .text-info{color: #ff6666 !important;} #billet_echanger .selection-date.btn, #billet_echanger #display-calendar.btn {color: #000000 !important; border: 0.15rem solid #000000 !important;} #billet_echanger .selection-horaire.btn {color: #000000 !important; border-bottom: 0.15rem solid #000000 !important; width: auto !important;} #billet_echanger .selection-date.btn:hover, #billet_echanger #display-calendar.btn:hover, #billet_echanger .selection-date.selected, #billet_echanger #display-calendar.selected, #billet_echanger .selection-horaire.selected {color: #ffffff !important; border-color: #000000 !important; background-color: #000000 !important;} #billet_echanger .card-header.bg-gradient-warning.text-dark, #billet_echanger #dates_seances h4, #billet_echanger #liste_seances h4{background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,0)) !important;} #billet_echanger #choix_seance_echange, #billet_echanger #choix_date_echange{margin-top: 1rem !important;} #calendrier_change_date_echange .ui-widget-header{background: #000000 !important;} #calendrier_change_date_echange .ui-datepicker-next{top: 10px !important; } /*MAJ JDU 20240821 */ .swal2-modal .swal2-cancel.btn-danger {display: none !important;} .swal2-modal .swal2-confirm.btn-success {margin-left: 0px !important;} .modal button.btn-close::after {top: 10px;} /*Modale - bouton fermer centré avec le titre */ /* changement des icones pour la vue calendrier des activités */ .ui-icon-circle-triangle-w {background-position: -97px 0px;} .ui-icon-circle-triangle-e {background-position: -32px 0px;} /*Mon compte - bouton adresse principale */ .form-switch .form-check-input:checked{border-color: #ff6666 !important;} .adresses .accordion-button .nav-link-text{padding-top: 1.8rem !important;} .adresses .border.border-radius-md{border-bottom: 1px solid #000000 !important;} #bloc-suggestions thead .text-secondary{display: none !important;} #bloc-suggestions .table>:not(:first-child), #bloc-suggestions .table> :not(caption)>*>*{border: 0px solid black !important;} .reabonnement-remise .text-success{color: #ff6666 !important;} #table-panier .badge-circle.badge-success .bi-percent{padding: 5px !important;} #table-panier .text-decoration-line-through{color:#495057 !important;} #table-panier .text-info{color: #ff6666 !important;} .multisteps-form__progress-btn.js-active{color: #000000 !important;} .col-6.align-items-center .badge-success{color: #ffffff !important; background-color: #ff6666 !important;} /*VERSION DU 27/08/2024*/ /* Bandeau retour au site institutionnel */ #mainNav .px-2.py-2.bg-light{padding: 0.2rem 0.2rem 0.1rem 0.2rem !important; font-size: 0.8rem !important; background-color: #000000 !important; font-weight: bold !important; height: auto !important; border-bottom: 1px solid #495057 !important;} #mainNav .px-2.py-2.bg-light a.py-0{height: 17px !important;} #mainNav .px-2.py-2.bg-light a.py-0:hover{color: #ff6666 !important;} #mainNav .px-2.py-2.bg-light i.bi-arrow-left:before{content:"\F284"; font-size: 0.6rem !important; font-weight: bold !important; color: #ffffff !important;} /*VERSION DU 27/08/2024*/ #multisteps-indiv hr, #multisteps-indiv h5, #form-indiv hr, #form-indiv h5{display: none !important;} .avatar-xxl{width: 90px !important; height: 90px !important;} #form-indiv .end-3.top-8{top: 0px !important;} #zone_principale .bi-person{color: #495057 !important;} #id_abonnement_renouveller-49 .col-4.col-lg-2{width: 100px !important; height: 100px !important;} /*Version du 03/09/2024 - module de paiement*/ .card-paiement .kr-payment-button{padding: 0.1rem !important;} .card-paiement .offset-md-4{background-image: none !important;} #choix_horaire .selection-horaire .badge-info{padding: 0.25rem 0.2rem 0.25rem 0.2rem !important; max-width: 100% !important; height: auto !important; white-space: normal;} .badge-info .fa-user{margin-right: 0.2rem !important;} #recapitulatif-commande .col-md-4 .d-flex.mt-md-auto{margin-top: 10px !important;} /* MAJ du 06/09 */ #bloc-adresses .accordion .card-body{padding-top: 0px !important;} #bloc-adresses .accordion .accordion-button .nav-link-text{padding-top: 1rem !important;} /* MAJ du 09/09 - fenêtre erreur 500*/ .swal2-icon-warning #swal2-content #zone_principale {padding: 0px !important;} .swal2-icon-warning #swal2-content #zone_principale {min-height: 200px !important; margin-bottom: 0px !important;} .swal2-icon-warning #mainNav, .swal2-icon-warning #footer, .swal2-icon-warning #swal2-content #zone_principale .col-lg-7 {display: none !important;} .swal2-icon-warning #swal2-content h1.text-warning{font-size: 1.5rem !important; margin: 0px !important;} .swal2-icon-warning #swal2-content h2.fadeIn3{font-size: 1.3rem !important;} .swal2-icon-warning #swal2-content p{font-size: 1rem !important; line-height: 1.1rem !important;} .swal2-icon-warning #swal2-content #zone_principale .col-lg-5{width:100% !important;} .description-type-compte{line-height: 1.1rem; font-size: 0.85rem;} </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="px-2 py-2 px-md-4 bg-light position-fixed w-100 top-0 text-center"> <a href="https://madparis.fr/" class="py-0"> <i class="bi bi-arrow-left me-2"></i> RETOUR VERS MADPARIS.FR </a> </div> <div class="container px-2 px-md-4 mt-4"> <a href="/" class="navbar-brand py-0"> <img src="/medias/etablissement_1/webstore/MAD_Logotype_blanc.png" alt="Logo Musée des Arts décoratifs"> </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"> </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=""> <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=""> <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/?langage=GB">&#127467&#127479</option> <option value="en" title='Anglais' data-href="/en/?langage=GB">&#127468&#127463</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>Déconnexion</a> </li> </ul> </div>  </div> </nav> <div id="zone_principale" class="container pt-10 pt-lg-6 mb-6 px-2 px-md-4"> <div id="entete" class="row test"> <div class="col-12 col-md d-xl-none"> <div id="bloc-abonnements" class="col-12 pt-2"> <a href="/catalogue-abonnement" class="card card-abonnement bg-gradient-info h-100 border rounded-3"> <div class="card-body p-3"> <div class="row h-100"> <div class="col my-auto"> <div class="numbers"> <p class="text-white text-sm mb-0 font-weight-bold opacity-7">Abonnez-vous !</p> <h5 class="text-white font-weight-bolder mb-0"> CARTES SOLO/DUO </h5> </div> </div> <div class="col-auto my-auto text-end"> <h5 class="h2 mb-0 text-white text-end me-1"> <i class="bi bi-postcard-heart"></i> </h5> </div> </div> </div> </a> </div> </div> <div id="bloc-autopromo" class="col-12 py-2"> <div class="card bg-white h-100 border rounded-3"> <div class="card-body p-3"> <div class="row h-100"> <div class="col-auto d-flex align-items-center"> <div class="icon icon-shape bg-gradient-info shadow text-center border-radius-md"> <i class="bi bi-info-circle text-lg opacity-10" aria-hidden="true"></i> </div> </div> <div class="col d-flex align-items-center"> <div class="numbers"> <h5 class="font-weight-bolder mb-0"> </h5> <div id="textContent" class="text-sm mb-0 font-weight-bold text-content"> <p><span style="font-size:14px"><span style="color:#c0392b"><strong>POUR VOTRE CONFORT DE VISITE, LA RÉSERVATION D'UN BILLET POUR L'EXPOSITION "L'INTIME, DE LA CHAMBRE AUX RÉSEAUX SOCIAUX" EST OBLIGATOIRE.  </strong></span></span></p> <p><span style="font-size:14px">---------</span></p> <p><span style="font-size:14px">- Certaines salles du musée des Arts Décoratifs sont amenées à être fermées. N’hésitez pas à consulter la <u><strong><a href="https://madparis.fr/Informations-pratiques#article9460">page dédiée</a></strong></u>, ou à nous contacter par téléphone avant votre visite pour connaître le détail des fermetures.</span></p> <p><span style="font-size:14px">---------</span></p> <p><span style="font-size:14px">- La réservation en ligne est fortement recommandée pour les visites prévues les samedis et dimanches.</span></p> <p><span style="font-size:14px">- Merci de vérifier les détails de votre réservation (date, heure, activité choisie, type de tarif). Les billets sont valables uniquement à la date et l'heure réservées, ils sont échangeables mais pas remboursables.</span></p> <p><span style="font-size:14px">- Avec un seul billet, vous pouvez visiter toutes nos expositions et collections le même jour et à la même heure (il n’est pas nécessaire d’acheter un billet par exposition).</span></p> <p><span style="font-size:14px">- Toute sortie de l'établissement est définitive. Si vous souhaitez sortir du musée ou venir à deux moments différents dans la journée, il vous faut réserver 2 billets.</span></p> <p><span style="font-size:14px">- Le dernier créneau horaire quotidien implique un temps de visite limité (moins d'1h)</span></p> </div> </div> </div> <div class="col-auto d-flex align-items-center"> <i class="bi bi bi-chevron-double-down text-muted h4 mt-auto mb-0" id="toggleAutopromo" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="d-none d-xl-block col-3"> <div class="col mt-n2 mb-2"> <div id="bloc-abonnements" class="col-12 pt-2"> <a href="/catalogue-abonnement" class="card card-abonnement bg-gradient-info h-100 border rounded-3"> <div class="card-body p-3"> <div class="row h-100"> <div class="col my-auto"> <div class="numbers"> <p class="text-white text-sm mb-0 font-weight-bold opacity-7">Abonnez-vous !</p> <h5 class="text-white font-weight-bolder mb-0"> CARTES SOLO/DUO </h5> </div> </div> <div class="col-auto my-auto text-end"> <h5 class="h2 mb-0 text-white text-end me-1"> <i class="bi bi-postcard-heart"></i> </h5> </div> </div> </div> </a> </div> </div> <div class="card p-4"> <h5 class="card-title h4 p-2">Filtres <a href="/catalogue-billetterie" class="text-xs float-end mt-3">Réinitialiser</a> </h5> <hr class="w-100 m-auto" /> <div class="form-group mb-2 mt-2"> <div> <label for="id_recherche" class="form-control-label "></label> </div> <div class="input-group"> <input id="id_recherche" type="text" class="form-control recherche-filter" placeholder="Rechercher" value=""> <button class="btn btn-outline-primary lance-recherche mb-0 px-3" type="button" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-original-title="Lancer la recherche" id="button-addon2"><i class="bi bi-search"></i></button> </div> </div> <div class="form-group mb-2"> <div> <label for="id_date_visite" class="form-control-label ">Date de visite</label> </div> <input type="date" class="form-control catalogue-filter date_visite-filter" id="id_date_visite" name="date_visite" value="" placeholder="Choisissez une date"> </div> <div class="form-group mb-2 "> <div> <label for="id_etablissement" class="form-control-label ">LIEUX</label> </div> <div class=""> <select id="id_etablissement" name="etablissement" class="form-control catalogue-filter etablissement-filter"> <option value="">Tous les lieux</option> <option value="1">Musée des Arts décoratifs</option> <option value="2">Musée Nissim de Camondo</option> </select> </div> </div> <div class="form-group mb-2 "> <div> <label for="id_exposition" class="form-control-label ">Exposition</label> </div> <div class=""> <select id="id_exposition" name="exposition" class="form-control catalogue-filter exposition-filter"> <option value="">Toutes les expositions</option> <option value="1">MUSÉE DES ARTS DÉCORATIFS - COLLECTIONS</option> <option value="6">L'INTIME, DE LA CHAMBRE AUX RÉSEAUX SOCIAUX</option> <option value="7">CHRISTOFLE, UNE BRILLANTE HISTOIRE</option> <option value="4">GALERIE DES BIJOUX</option> <option value="9">MON OURS EN PELUCHE</option> <option value="11">PAUL POIRET, LA MODE EST UNE FÊTE</option> <option value="10">ROCOCO & CO. DE NICOLAS PINEAU À CINDY SHERMAN</option> </select> </div> </div> <div class="form-group mb-2"> <div> <label for="id_type_activite" class="form-control-label ">Type d'activité</label> </div> <div class=""> <select id="id_type_activite" name="type_activite" class="form-control catalogue-filter type_activite-filter"> <option value="">Tous les types d'activités</option> <option value="14" >BILLET COLLECTIONS PERMANENTES</option> <option value="1" >BILLET EXPOSITION</option> <option value="16" >CONTREMARQUE</option> <option value="11" >ÉVÉNEMENT</option> <option value="7" >GROUPE EN VISITE LIBRE</option> <option value="10" >PARCOURS</option> <option value="5" >STAGE</option> <option value="2" >VISITE-ATELIER</option> <option value="6" >VISITE GUIDÉE</option> <option value="8" >VISITE THÉÂTRALISÉE</option> </select> </div> </div> <div class="form-group mb-2"> <div> <label for="id_type_public" class="form-control-label ">Type de public</label> </div> <div class=""> <select id="id_type_public" name="type_public" class="form-control catalogue-filter type_public-filter"> <option value="">Tous les types de publics</option> <option value="12" >11-14 ANS</option> <option value="1" >4-6 ANS</option> <option value="2" >7-10 ANS</option> <option value="9" >ADULTES (15 ANS ET +)</option> <option value="11" >EN FAMILLE</option> <option value="13" >GROUPES</option> </select> </div> </div> </div> </div> <div class="col-12 col-xl-9 mb-4"> <div id="displayBar" class="card mb-1"> <div class="row p-3"> <div class="col-12 col-md-4 d-flex"> <a href="javascript:;" class="btn border d-xl-none nav-link mb-0 text-body filters-activites-plugin-button-nav" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-original-title="Filtres"> Filtres </a> <div class="vr ms-2 me-1 d-none d-md-block d-xl-none"></div> <label class="btn btn-selected border p-2 mb-0 me-1 ms-auto ms-md-0"> <input type="radio" name="choixAffichage" value="I" checked hidden> <i class="fas fa-th cursor-help fs-5" data-bs-toggle="tooltip" data-bs-original-title="Affichage en icônes"></i> </label> <label class="btn border p-2 mb-0"> <input type="radio" name="choixAffichage" value="L" hidden> <i class="fas fa-list cursor-help fs-5" data-bs-toggle="tooltip" data-bs-original-title="Affichage en liste"></i> </label> </div> <div class="col-12 col-md-8 mt-2 mt-md-0 d-flex pe-0"> <select id="nbElemsPage" name="paginate_by" class="selectNbElements form-control form-control-sm cursor-pointer underline w-auto ms-0 ms-md-auto me-2"> <option value="12" >12 activités par page</option> <option value="24" >24 activités par page</option> <option value="36" >36 activités par page</option> </select> <div class="text-center ms-auto ms-md-2"> <nav class="float-end"> <ul class="pagination mb-0"> <li class="page-item disabled"> <a role="button" class="disabled page-link" href="javascript:;"><span aria-hidden="true"><i class="bi bi-chevron-left"></i></span></a> </li> <li class="page-item active"> <a class="page-link" href="javascript:;" data-page="1">1</a> </li> <li class="page-item"> <a class="page-link" href="?langage=GB&page=2" data-page="2">2</a> </li> <li class="page-item"> <a class="page-link" href="javascript:;">...</a> </li> <li class="page-item"> <a class="page-link" href="?langage=GB&page=5" data-page="5">5</a> </li> <li class="page-item"> <a class="page-link"href="?langage=GB&page=2" data-page="2"> <span aria-hidden="true"><i class="bi bi-chevron-right"></i></span> </a> </li> </ul> </nav> </div> </div> </div> </div> <div class="row mb-3"> </div> <div class="row"> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/mon-ours-en-peluche" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/MonOurs_Diptick_59hguUc.png" alt="Roi incontesté des jouets, l’ours en peluche s’invite au musée des Arts décoratifs, pour raconter son incroyable histoire." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET EXPOSITION </span> </p> <a href="/detail-activite/mon-ours-en-peluche"> <h5>MON OURS EN PELUCHE</h5> </a> <span class="d-none d-md-inline">Du </span>04/12/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>29/06/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/mon-ours-en-peluche" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/christofle-une-brillante-histoire" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/CHRISTOFLE553.png" alt="Du 14 novembre 2024 au 20 avril 2025 le musée des Arts décoratifs présente une grande exposition sur la maison d’orfèvrerie Christofle" class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET EXPOSITION </span> </p> <a href="/detail-activite/christofle-une-brillante-histoire"> <h5>CHRISTOFLE, UNE BRILLANTE HISTOIRE</h5> </a> <span class="d-none d-md-inline">Du </span>14/11/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>20/04/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/christofle-une-brillante-histoire" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/lintime-de-la-chambre-aux-reseaux-sociaux" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/L-intime_Diptick.png" alt="Présentée dans la nef du musée, cette exposition inédite explore l'évolution de notre rapport à l'intimité depuis le XIXe siècle." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET EXPOSITION </span> </p> <a href="/detail-activite/lintime-de-la-chambre-aux-reseaux-sociaux"> <h5>L’INTIME, DE LA CHAMBRE AUX RÉSEAUX SOCIAUX</h5> </a> <span class="d-none d-md-inline">Du </span>15/10/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>30/03/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/lintime-de-la-chambre-aux-reseaux-sociaux" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/cabinet-des-dessins-papiers-peints-et-photographies-exposition-dossier-ruhlmann-decorateur" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/Design_sans_titre22.png" alt="L'exposition inaugurale du tout nouveau Cabinet des Dessins, Papiers Peints et Photographies consacre l'exceptionnel décorateur Jacques-Émile Ruhlmann." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET COLLECTIONS PERMANENTES </span> </p> <a href="/detail-activite/cabinet-des-dessins-papiers-peints-et-photographies-exposition-dossier-ruhlmann-decorateur"> <h5>CABINET DES DESSINS, PAPIERS PEINTS ET PHOTOGRAPHIES. EXPOSITION-DOSSIER : RUHLMANN DÉCORATEUR</h5> </a> <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/cabinet-des-dessins-papiers-peints-et-photographies-exposition-dossier-ruhlmann-decorateur" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/galerie-des-bijoux" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/COLL_PERM_GALERIE_DES_BIJOUX_fd2Arwv.jpeg" alt="Exposées de manière permanente dans une galerie dédiée, 1200 pièces retracent l’histoire du bijou du Moyen Âge à nos jours." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET COLLECTIONS PERMANENTES </span> </p> <a href="/detail-activite/galerie-des-bijoux"> <h5>GALERIE DES BIJOUX</h5> </a> <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/galerie-des-bijoux" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/musee-des-arts-decoratifs" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/Sans_titre_500_x_500_px2.png" alt="Au cœur de Paris, le musée des Arts décoratifs présente, sur 6.000 m2, une sélection d'objets – près de 6.000 pièces." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET COLLECTIONS PERMANENTES </span> </p> <a href="/detail-activite/musee-des-arts-decoratifs"> <h5>MUSÉE DES ARTS DÉCORATIFS</h5> </a> <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/musee-des-arts-decoratifs" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/rococo-co-de-nicolas-pineau-a-cindy-sherman" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/Design_sans_titre8.png" alt="Lumière sur l’une des figures majeures du renouvellement artistique du début du XVIIIe siècle, Nicolas Pineau, sculpteur ornemaniste et architecte." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET EXPOSITION </span> </p> <a href="/detail-activite/rococo-co-de-nicolas-pineau-a-cindy-sherman"> <h5>ROCOCO & CO. DE NICOLAS PINEAU À CINDY SHERMAN</h5> </a> <span class="d-none d-md-inline">Du </span>12/03/2025 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>18/05/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/rococo-co-de-nicolas-pineau-a-cindy-sherman" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/paul-poiret-la-mode-est-une-fete" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/Paul_Poiret-billetterie.png" alt="Immersion dans l'univers créatif de Paul Poiret (1879-1944), figure emblématique de la haute couture parisienne du début du XXe siècle." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> BILLET EXPOSITION </span> </p> <a href="/detail-activite/paul-poiret-la-mode-est-une-fete"> <h5>PAUL POIRET, LA MODE EST UNE FÊTE</h5> </a> <span class="d-none d-md-inline">Du </span>25/06/2025 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>11/01/2026 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/paul-poiret-la-mode-est-une-fete" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/conf-nicolas-pineau" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/RS_publication_Affiches_Art_nouveau_500_x_500_px_500_x_500_px.png" alt="A l'occasion de l'exposition et d'une monographie consacrée au sculpteur et ornemaniste Nicolas Pineau, retour sur cet artiste prolixe." class="img-fluid shadow border-radius-lg"> </a> <div class="bandeau-indication position-absolute p-2 pe-3 "> Conférence - 27/03/25 </div> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> ÉVÉNEMENT </span> </p> <a href="/detail-activite/conf-nicolas-pineau"> <h5>LE GOÛT BIZARRE DE NICOLAS PINEAU (1684-1754), UN SCULPTEUR ROCAILLE ENTRE PARIS ET SAINT-PÉTERSBOURG</h5> </a> <div>ROCOCO & CO. DE NICOLAS PINEAU À CINDY SHERMAN</div> <span class="d-none d-md-inline">Le </span>27/03/2025 <span class="d-none d-md-inline"></span> <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/conf-nicolas-pineau" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> <div class="bandeau-indication position-absolute p-2 pe-3 d-none"> Conférence - 27/03/25 </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/visite-guidee-l-intime-de-la-chambre-aux-reseaux-sociaux" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/1-min.png" alt="L’exposition propose une réflexion originale sur la manière dont les objets reflètent les modes de vies et les évolutions de la société." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> VISITE GUIDÉE </span> </p> <a href="/detail-activite/visite-guidee-l-intime-de-la-chambre-aux-reseaux-sociaux"> <h5>L'INTIME, DE LA CHAMBRE AUX RÉSEAUX SOCIAUX</h5> </a> <span class="d-none d-md-inline">Du </span>15/10/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>30/03/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/visite-guidee-l-intime-de-la-chambre-aux-reseaux-sociaux" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/visite-guidee-christofle-1" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/3.png" alt="Le musée des Arts décoratifs présente une grande exposition sur la maison d’orfèvrerie Christofle qui montre comment cette lignée d’orfèvres de génie." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> VISITE GUIDÉE </span> </p> <a href="/detail-activite/visite-guidee-christofle-1"> <h5>CHRISTOFLE</h5> </a> <span class="d-none d-md-inline">Du </span>14/11/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>20/04/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/visite-guidee-christofle-1" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> <div class="activite-catalogue col-12 col-md-6 mt-2 col-lg-4 activite-icone"> <div class="card card-blog card-plain bg-white h-100"> <div class="row"> <div class="position-relative icone-image "> <a href="/detail-activite/visite-guidee-mon-ours-en-peluche-1h30" class="d-block blur-shadow-image overflow-hidden text-center"> <img src="/medias/etablissement_1/programmation/MON_OURS_EN_PELUCHE_VG.jpeg" alt="Roi incontesté des jouets, l’ours en peluche s’invite au musée des Arts décoratifs, pour raconter son incroyable histoire." class="img-fluid shadow border-radius-lg"> </a> </div> <div class="card-body icone-description pt-3 pb-6"> <p class="mb-2 text-sm"> <span class="text-primary text-gradient"> VISITE GUIDÉE </span> </p> <a href="/detail-activite/visite-guidee-mon-ours-en-peluche-1h30"> <h5>MON OURS EN PELUCHE</h5> </a> <span class="d-none d-md-inline">Du </span>04/12/2024 <span class="d-none d-md-inline">au </span><span class="d-md-none"> - </span>29/06/2025 <div class="btn-reservation position-absolute bottom-4 text-center"> <a href="/detail-activite/visite-guidee-mon-ours-en-peluche-1h30" class="btn btn-outline-primary btn-sm mb-0"> RÉSERVER </a> </div> </div> </div> </div> </div> </div> <div class="card mt-3"> <div class="p-2"> <nav class="float-end"> <ul class="pagination mb-0"> <li class="page-item disabled"> <a role="button" class="disabled page-link" href="javascript:;"><span aria-hidden="true"><i class="bi bi-chevron-left"></i></span></a> </li> <li class="page-item active"> <a class="page-link" href="javascript:;" data-page="1">1</a> </li> <li class="page-item"> <a class="page-link" href="?langage=GB&page=2" data-page="2">2</a> </li> <li class="page-item"> <a class="page-link" href="javascript:;">...</a> </li> <li class="page-item"> <a class="page-link" href="?langage=GB&page=5" data-page="5">5</a> </li> <li class="page-item"> <a class="page-link"href="?langage=GB&page=2" data-page="2"> <span aria-hidden="true"><i class="bi bi-chevron-right"></i></span> </a> </li> </ul> </nav> </div> </div> </div> </div> <div id="modale_expiration_abonnement"></div> <div id="card-bottom" class="card 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 les activités</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 "> <div class="container"> <div class="row"> <div class="col-12 col-md-4"> <a href="/" class="footer-brand py-0"> <img src="/medias/etablissement_1/webstore/MAD_Logotype_blanc.png" alt="Logo Musée des Arts décoratifs"> </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> CGV </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>CONTACT</h6> <a class="dropdown-item " href="/foire-aux-questions"> <span> <i class="bi bi-file-earmark-bar-graph me-2"></i> FAQ </span> </a> <a class="dropdown-item" href="tel:01 44 55 57 50" > <span> <i class="bi bi-headset me-2"></i> Téléphone : 01 44 55 57 50 </span> </a> <a class="dropdown-item" href="/cdn-cgi/l/email-protection#3c5e555050594848594e55597c515d584c5d4e554f125a4e"> <span> <i class="bi bi-envelope me-2"></i> Email : <span class="__cf_email__" data-cfemail="80e2e9ecece5f4f4e5f2e9e5c0ede1e4f0e1f2e9f3aee6f2">[email protected]</span> </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="fixed-plugin filters-activites ps"> <div class="card shadow-lg overflow-scroll mw-100"> <div class="card-header py-0 bg-transparent "> <div class="float-end mt-4"> <button class="btn btn-link text-dark p-0 fixed-plugin-close-button filters-activites"> <i class="fa fa-close" aria-hidden="true"></i> </button> </div>  </div> <div class="card-body pt-0"> <h5 class="font-weight-bolder text-primary text-gradient">Filtres</h5> <hr class="horizontal dark my-3"> <div class="form-group mb-2 mt-2"> <div> <label for="id_plugin_recherche" class="form-control-label "></label> </div> <div class="input-group"> <input id="id_plugin_recherche" type="text" class="form-control recherche-filter" placeholder="Rechercher" value=""> <button class="btn btn-outline-primary lance-recherche mb-0 px-3" type="button" id="button-addon2"><i class="bi bi-search"></i></button> </div> </div> <div class="form-group mb-2 mt-2"> <div> <label for="id_plugin_date_visite" class="form-control-label ">Date de visite</label> </div> <input type="date" class="form-control catalogue-filter date_visite-filter" id="id_plugin_date_visite" name="date_visite" value="" placeholder="Choisissez une date"> </div> <div class="form-group mb-2 "> <div> <label for="id_plugin_etablissement" class="form-control-label ">LIEUX</label> </div> <div class=""> <select id="id_plugin_etablissement" name="etablissement" class="form-control catalogue-filter etablissement-filter"> <option value="">Tous les lieux</option> <option value="1">Musée des Arts décoratifs</option> <option value="2">Musée Nissim de Camondo</option> </select> </div> </div> <div class="form-group mb-2 "> <div> <label for="id_plugin_exposition" class="form-control-label ">Exposition</label> </div> <div class=""> <select id="id_plugin_exposition" name="exposition" class="form-control catalogue-filter exposition-filter"> <option value="">Toutes les expositions</option> <option value="1">MUSÉE DES ARTS DÉCORATIFS - COLLECTIONS</option> <option value="6">L'INTIME, DE LA CHAMBRE AUX RÉSEAUX SOCIAUX</option> <option value="7">CHRISTOFLE, UNE BRILLANTE HISTOIRE</option> <option value="4">GALERIE DES BIJOUX</option> <option value="9">MON OURS EN PELUCHE</option> <option value="11">PAUL POIRET, LA MODE EST UNE FÊTE</option> <option value="10">ROCOCO & CO. DE NICOLAS PINEAU À CINDY SHERMAN</option> </select> </div> </div> <div class="form-group mb-2"> <div> <label for="id_plugin_type_activite" class="form-control-label ">Type d'activité</label> </div> <div class=""> <select id="id_plugin_type_activite" name="type_activite" class="form-control catalogue-filter type_activite-filter"> <option value="">Tous les types d'activités</option> <option value="14" >BILLET COLLECTIONS PERMANENTES</option> <option value="1" >BILLET EXPOSITION</option> <option value="16" >CONTREMARQUE</option> <option value="11" >ÉVÉNEMENT</option> <option value="7" >GROUPE EN VISITE LIBRE</option> <option value="10" >PARCOURS</option> <option value="5" >STAGE</option> <option value="2" >VISITE-ATELIER</option> <option value="6" >VISITE GUIDÉE</option> <option value="8" >VISITE THÉÂTRALISÉE</option> </select> </div> </div> <div class="form-group mb-2"> <div> <label for="id_plugin_type_public" class="form-control-label ">Type de public</label> </div> <div class=""> <select id="id_plugin_type_public" name="type_public" class="form-control catalogue-filter type_public-filter"> <option value="">Tous les types de publics</option> <option value="12" >11-14 ANS</option> <option value="1" >4-6 ANS</option> <option value="2" >7-10 ANS</option> <option value="9" >ADULTES (15 ANS ET +)</option> <option value="11" >EN FAMILLE</option> <option value="13" >GROUPES</option> </select> </div> </div> <hr class="horizontal dark my-4"> <div class="d-flex"> <a href="/catalogue-billetterie" class="btn bg-gradient-primary w-100 px-3 mb-2">Réinitialiser</a> </div> </div> </div> </div> <div class="modal fade" id="modal_accueil_site" data-bs-backdrop="true" data-bs-keyboard="true" tabindex="-1" aria-labelledby="accueilSite" 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">IMPORTANT</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 py-0"> </div> </div> </div> </div> </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="156tWLGyjhCdifrOML9QarqsOdjBJqniy9EmOrmFqKAgMOrNQPtNDfiHjGO09ay5"> <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="S'identifier"> </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 mon 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"> <img class="w-10 ms-3 mt-0 float-start" src="/medias/etablissement_1/webstore/MAD_Logotype_blanc.png" alt="Logo Musée des Arts décoratifs"> </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">CONTACT</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> FAQ </span> </a> </div> <div class="row pb-3 mt-2"> <div class="col-2 text-end text-bold "><i class="bi bi-headset h5"></i></div> <div class="col-3 text-bold ">Téléphone:</div> <div class="col-7"><a href="tel:01 44 55 57 50">01 44 55 57 50</a></div> </div> <div class="row pb-3"> <div class="col-2 text-end text-bold "><i class="bi bi-envelope h5"></i></div> <div class="col-3 text-bold ">Email :</div> <div class="col-7"><a href="/cdn-cgi/l/email-protection#6b090207070e1f1f0e19020e2b060a0f1b0a190218450d19"><span class="__cf_email__" data-cfemail="d3b1babfbfb6a7a7b6a1bab693beb2b7a3b2a1baa0fdb5a1">[email protected]</span></a></div> </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-header p-3"> None <a href="javascript:void(0)" id="details-cookies-btn" class="text-info">Définir ses préférences</a> </div> <div id="details-cookies" class="card-body pt-2 d-none"> </div> </div> <div class="modal-footer"> <button id="deny_coookies" type="button" class="btn btn-danger mb-0 me-auto">Tout refuser</button> <button id="accept_coookies" type="button" class="btn btn-success mb-0 ">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">Cet abonnement arrive bientôt à 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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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.16.4"></script> <script src="/static/assets/js/url_tools.js?v=1.16.4"></script> <script src="/static/assets/js/jquery.min.js"></script> <script src="/static/clients/js/app-crop-photo-modal.js?v=1.16.4"></script> <script src="/static/assets/js/plugins/sweetalert.min.js"></script> <script src="/static/assets/js/modals_tools.js?v=1.16.4"></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.16.4"></script> <script src="/static/webstore/js/app-web.js?v=1.16.4"></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 = "ans"; 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 = "À 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 = "Renouveler"; 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 = "Cet abonnement est déjà dans votre panier."; PANIER_ERREUR_TITRE_ECHEC_SUPPRESSION = "Échec de la suppression du panier"; PANIER_ERREUR_TITRE_SUPPRESSION_IMPOSSIBLE = "Suppression impossible"; LOGIN_CREER_COMPTE = "Créer mon compte"; BTN_TARIF_REGLEMENTE = "OUI, ajouter"; CREATION_COMPTE_PROFESSIONNEL_TITRE_PRINCIPAL = "Compte pour la vente en nombre"; 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é par ce code promotionnel seront supprimé de votre panier"; </script> <script> TRAD_MONTANT_TOTAL = "Montant du panier"; MSG_ERREUR_AJOUT_TARIFS = "Échec de l'ajout des billets"; MSG_ERREUR_AJOUT_PRODUITS = "Echec de l'ajout"; </script> <script> TITRE_MODAL_ABONNEMENT_EXPIRE = "Cet abonnement arrive bientôt à 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> <script> ABONNEMENT_EXPIRE = ""; </script> <script src="/static/assets/js/plugins/moment.min.js?v=1.16.4"></script> <script src="/static/assets/plugins/jquery-ui/jquery-ui.min.js"></script> <script src="/static/assets/plugins/jquery-ui/i18n/datepicker-fr.js"></script> <script src="/static/assets/plugins/jquery-ui/i18n/datepicker-de.js"></script> <script src="/static/assets/plugins/jquery-ui/i18n/datepicker-nl.js"></script> <script> $.datepicker.setDefaults($.datepicker.regional['fr']); </script> <script> $(document).ready(function() { if (0 > 0){ var modalAccueilSite = new bootstrap.Modal(document.getElementById('modal_accueil_site')) modalAccueilSite.show(); } }) </script> </body> </html>

CINXE.COM

Billetterie en ligne