CINXE.COM
Mon panier 路 Boutique du Patrimoine
<!DOCTYPE html> <html class="no-js" lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Mon panier 路 Boutique du Patrimoine </title> <meta name="description" content="La Boutique du Patrimoine propos茅e par le Centre des Monuments Nationaux pour la promotion des Monuments de France, ses collections de cadeaux, livres ainsi que tous les ouvrages des 脡ditions du Patrimoine."> <meta name="keywords" content="boutique, librairie, Centre des Monuments Nationaux, France, patrimoine, monuments, ch芒teaux, Arc de Triomphe, Mont Saint Michel, Pantheon, cadeaux, livres"> <meta http-equiv="content-language" content="fr"> <link rel="alternate" hreflang="fr" href="https://www.boutiquedupatrimoine.fr/fr/cart/"> <link rel="alternate" hreflang="en" href="https://www.boutiquedupatrimoine.fr/en/cart/"> <link rel="apple-touch-icon" sizes="180x180" href="/files/branches/boutiquedupatrimoine/97-b9124f16-faviconapple/branches-97.png"> <link rel="icon" type="image/png" sizes="32x32" href="/files/branches/boutiquedupatrimoine/97-b9124f16-favicon32/branches-97.png"> <link rel="icon" type="image/png" sizes="16x16" href="/files/branches/boutiquedupatrimoine/97-b9124f16-favicon16/branches-97.png"> <link rel="shortcut icon" type="image/png" href="/files/branches/boutiquedupatrimoine/97-b9124f16-favicon16/branches-97.png"> <meta property="og:site_name" content="Boutique du Patrimoine"> <meta property="og:image" content="https://www.boutiquedupatrimoine.fr/files/branches/boutiquedupatrimoine/1238-e38538f9.png"> <style type="text/css"> [v-cloak] { display: none; } </style> <link rel="stylesheet" href="/css/boutiquedupatrimoine.css?t=1732710670"> <script type="text/javascript"> var funcarray = function(){}; funcarray.prototype = structuredClone(Array.prototype); funcarray.prototype.jpush = function(func) { if (typeof($) !== 'undefined') { func($); } else { Array.prototype.push.call(this, func); } } var funcs = new funcarray(); var qfarray = function(){}; qfarray.prototype = structuredClone(Array.prototype); qfarray.prototype.jpush = function(func) { if (typeof(Vue) !== 'undefined') { func(Vue); } else { Array.prototype.push.call(this, func); } } var qf = new qfarray(); </script> <script> window._paq = window._paq || []; window._paq.push(["trackPageView"]); window._paq.push(["enableLinkTracking"]); (function() { window._paq.push(["setSiteId", "1"]); window._paq.push(["setTrackerUrl", "https://visits.oui.market/matomo.php"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.async=true; g.src="https://visits.oui.market/" + "matomo.js"; s.parentNode.insertBefore(g,s); })(); </script> </head> <body class="Application Cart-index"> <a id="top" tabindex="0"></a> <a class="sr-only sr-only-focusable small d-flex justify-content-center text-decoration-none p-2" href="#navigation">Aller au menu</a> <a class="sr-only sr-only-focusable small d-flex justify-content-center text-decoration-none p-2" href="#main-content">Aller au contenu</a> <header> <div class="d-md-flex HeaderTop"> <div class="flex-md-grow-1 HeaderTop-left align-items-center justify-content-between"> <div class="d-flex align-items-center small"> <a href="https://www.monuments-nationaux.fr/" target="_blank">monuments-nationaux.fr</a><span class="front-chevron-right extra-small text-decoration-none ml-1 text-primary mt-1"></span> </div> <div class="d-flex align-items-center"> <div class="dropdown dropdownLanguage"> <a href="/" class="BtnLanguage d-flex align-items-center dropdown-toggle dropdown-toggle-cmn xs text-decoration-none" id="languageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="small">fr</span> </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="languageDropdown"> <a href="https://www.boutiquedupatrimoine.fr/fr/cart/" class=" active d-flex align-items-center"> <img src="/img/lang/fr.png" alt="Fran莽ais" style="width:16px;height: 12px;margin-right: .5rem;margin-top: .1rem;">Fran莽ais </a> <a href="https://www.boutiquedupatrimoine.fr/en/cart/" class="d-flex align-items-center"> <img src="/img/lang/en.png" alt="Fran莽ais" style="width:16px;height: 12px;margin-right: .5rem;margin-top: .1rem;">English </a> </div> </div> <div class="dropdown dropdownUser"> <a class="BtnUser d-flex align-items-center text-decoration-none" data-iform='{"slideClass":"s"}' href="/fr/user/signin/" title="Connexion"> <span class="front-user"></span><span class="small ml-2">S'identifier</span> </a> </div> </div> </div> <div class="HeaderTop-right justify-content-md-center align-items-md-center"> <div class="Search mr-2"> <a id="SearchButton" href="javascript:;" class="BtnSearch d-flex align-items-center text-decoration-none" title="Recherche"> <span class="front-search"></span><span class="small ml-2">Recherche</span> </a> </div> <div style="display: none;" id="hidden-search"> <div class="SearchMenu"> <div class="ProductsSearch" role="search"> <div id="productssearch" class="form-group w-100"> <div> <a id="ProductsSearch-close" data-fancybox-close class="position-fixed d-flex align-items-center justify-content-center"><span class="front-close"></span></a> </div> <vue-autosuggest ref="autocomplete" v-model="w" :suggestions="suggestions" :input-props="inputProps" :section-configs="sectionConfigs" :get-suggestion-value="getSuggestionValue" :should-render-suggestions="shouldRenderSuggestions" @input="fetchResults" > <template slot-scope="{suggestion}"> <div v-if="suggestion.name === 'wild'" class="Suggestion-wild"> <a v-if="suggestion.item.count > 0" :href="suggestion.item.value"> <span class="d-block">{{suggestion.item.title}}</span> <span class="d-block view-all">Afficher tous les r茅sultats</span> </a> <div v-else> <span class="d-block">{{suggestion.item.title}}</span> </div> </div> <div v-else-if="suggestion.name === 'products'" class="Suggestion-products"> <a :href="suggestion.item.value" class="Suggestion-products-view d-flex"> <div class="ProductsSearch-picture d-flex align-items-center justify-content-center bg-white"> <img :src="suggestion.item.image" class="mw-100 w-auto"> </div> <div> <span class="d-block" v-html="suggestion.item.title"></span> <span class="d-block" v-html="suggestion.item.price"></span> </div> </a> </div> <div v-else class="Suggestion-categories"> <a :href="suggestion.item.value" v-html="suggestion.item.title"></a> </div> </template> </vue-autosuggest> </div> </div> <script type="text/javascript"> funcs.push(function($) { var vueAutosuggest = require('vue-autosuggest'); Vue.directive('vue-autosuggest', vueAutosuggest); var autocomplete = new Vue({ "el": "#productssearch", "data": function() { return { suggestions: [], w: "", timeout: null, debounceMilliseconds: 250, selected: null, results: [], inputProps: { id: 'ProductsSearch-input', placeholder: "Recherche", class: 'form-control', name: 'w' }, url: "\/fr\/autocomplete\/results.json", sectionConfigs: {"default":{"limit":0,"onSelected":function(selected, originalInput) { if (originalInput && originalInput.length > 0) { window.open("\/fr\/search\/products\/" + "?" + $.param({q: originalInput}), "_self"); } return false; }},"wild":{"limit":1,"label":"Recherche par mots-cl\u00e9s","onSelected":function(selected, originalInput) { var url = selected.item.value; if (url) { $.fancybox.close(); window.open(selected.item.value, "_self"); } }},"products":{"limit":3,"label":"Produits","onSelected":function(selected, originalInput) { var url = selected.item.value; if (url) { $.fancybox.close(); window.open(selected.item.value, "_self"); } }},"categories":{"limit":10,"label":"Cat\u00e9gories","onSelected":function(selected, originalInput) { var url = selected.item.value; if (url) { $.fancybox.close(); window.open(selected.item.value, "_self"); } }},"product_monuments":{"limit":10,"label":"Monument","onSelected":function(selected, originalInput) { var url = selected.item.value; if (url) { $.fancybox.close(); window.open(selected.item.value, "_self"); } }}} }; }, "methods": { fetchResults: function() { var self = this; var query = self.w; clearTimeout(self.timeout); if (query.length < 2 || query == '') { self.suggestions = []; self.selected = null; return; } self.timeout = setTimeout(function() { $.getJSON(self.url, {w: query}, function(data) { self.selected = null; self.suggestions = data.suggestions; }); }, self.debounceMilliseconds); }, getSuggestionValue: function(suggestion) { return this.w; }, shouldRenderSuggestions: function(size, loading) { return true; } } }); }); </script> </div> </div> <script type="text/javascript"> funcs.push(function($) { require('fancybox'); $('#SearchButton').fancybox({ src: "#hidden-search", backFocus : false, slideClass : "fancybox-search", toolbar : 0, touch : 0, smallBtn : 0 }); }); </script> </div> </div> <div class="d-md-flex HeaderBottom"> <div class="flex-grow-1 HeaderBottom-left"> <div class="d-flex justify-content-between align-items-end"> <div class="Brand"> <a href="/fr/" title="Boutique du Patrimoine" class="text-decoration-none"> <div class="logo"> <span class="d-block text-uppercase mt-n1" style="font-family: 'robust';">Boutique du patrimoine</span> <img src="/img/cmn-baseline.svg" class="img-fluid"> </div> <div class="logo-inverse"> <span class="d-block text-uppercase text-white mt-n1" style="font-family: 'robust';">Boutique du patrimoine</span> <img src="/img/cmn-baseline.svg" class="img-fluid" style="filter: invert(1);"> </div> </a> </div> <div> <div class="BurgerContainer d-block d-md-none"> <button class="Burger" aria-expanded="false"> <span></span> <span></span> <span></span> <span></span> </button> </div> <nav class="navbar MainMenu mask" role="navigation" aria-label="Main menu"> <ul class="navbar-nav d-md-flex justify-content-md-end list-unstyled SecondaryMenu"> <li class="ml-md-3"><a href="/fr/contents/monuments/" class="menu-item-link text-decoration-none">Monuments</a></li> <li class="ml-md-3"><a href="/fr/contents/salesevents/" class="menu-item-link text-decoration-none">Actualit茅s</a></li> <li class="ml-md-3"><a href="/fr/contents/partners.html" class="menu-item-link text-decoration-none">Partenaires</a></li> <li class="d-md-none pt-3 pb-5"> <h6 class="text-gray mb-0">Site du CMN</h6> <div class="d-flex align-items-center small"> <a href="https://www.monuments-nationaux.fr/" target="_blank" class="text-white" style="text-decoration: underline;">monuments-nationaux.fr</a><span class="front-chevron-right extra-small ml-1 text-white mt-1"></span> </div> </li> </ul> <ul class="navbar-nav d-md-flex list-unstyled PrimaryMenu"> <li class="nav-item dropdown"> <a href="/" class="nav-link dropdown-toggle text-decoration-none" id="dropdownProducts" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Produits </a> <div class="dropdown-menu" aria-labelledby="dropdownProducts"> <div class="menu-items menu-items-products"> <ul class="list-unstyled"> <li> <a href="/fr/products/120-papeterie/" class="menu-item-link text-decoration-none">Papeterie</a> </li> <li> <a href="/fr/products/124-mode-beaute/" class="menu-item-link text-decoration-none">Mode & Beaut茅</a> </li> <li> <a href="/fr/products/113-maison-decoration/" class="menu-item-link text-decoration-none">Maison & d茅coration</a> </li> <li> <a href="/fr/products/136-art-de-la-table/" class="menu-item-link text-decoration-none">Art de la table</a> </li> <li> <a href="/fr/products/140-jeux-deguisements/" class="menu-item-link text-decoration-none">Jeux & D茅guisements</a> </li> <li> <a href="/fr/products/111-souvenirs/" class="menu-item-link text-decoration-none">Souvenirs</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="/" class="nav-link dropdown-toggle text-decoration-none" id="dropdownBooks" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Livres </a> <div class="dropdown-menu" aria-labelledby="dropdownBooks"> <div class="menu-items menu-items-books"> <ul class="list-unstyled"> <li> <a href="/fr/products/227-patrimoine-architecture/" class="menu-item-link text-decoration-none">Patrimoine & Architecture</a> </li> <li> <a href="/fr/products/164-tourisme-voyage/" class="menu-item-link text-decoration-none">Tourisme & Voyage</a> </li> <li> <a href="/fr/products/152-arts/" class="menu-item-link text-decoration-none">Arts</a> </li> <li> <a href="/fr/products/147-histoire/" class="menu-item-link text-decoration-none">Histoire</a> </li> <li> <a href="/fr/products/253-savoirs/" class="menu-item-link text-decoration-none">Savoirs</a> </li> <li> <a href="/fr/products/144-litterature-fiction/" class="menu-item-link text-decoration-none">Litt茅rature & fiction</a> </li> <li> <a href="/fr/products/276-gastronomie/" class="menu-item-link text-decoration-none">Gastronomie</a> </li> <li> <a href="/fr/products/203-nature-bien-etre/" class="menu-item-link text-decoration-none">Nature & bien-锚tre</a> </li> <li> <a href="/fr/products/197-bandes-dessinees/" class="menu-item-link text-decoration-none">Bandes dessin茅es</a> </li> <li> <a href="/fr/products/149-jeunesse/" class="menu-item-link text-decoration-none">Jeunesse</a> </li> <li> <a href="/fr/products/294-livres-adaptes/" class="menu-item-link text-decoration-none">Livres adapt茅s</a> </li> <li> <a href="/fr/products/271-livres-en-langues-etrangeres/" class="menu-item-link text-decoration-none">Livres en langues 茅trang猫res</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="/fr/products/302-impression-la-demande/" class="nav-link dropdown-toggle text-decoration-none" id="dropdownPrints" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Impressions </a> <div class="dropdown-menu" aria-labelledby="dropdownPrints"> <div class="menu-items menu-items-prints"> <ul class="list-unstyled"> <li> <a href="/fr/products/303-affiches-art/" class="menu-item-link text-decoration-none">Affiches d'Art</a> </li> <li> <a href="/fr/products/304-affiches-art-encadrees/" class="menu-item-link text-decoration-none">Affiches d'Art encadr茅es</a> </li> <li> <a href="/fr/products/305-toiles-sans-cadre/" class="menu-item-link text-decoration-none">Toiles sans cadre</a> </li> <li> <a href="/fr/products/306-toiles-sur-chassis/" class="menu-item-link text-decoration-none">Toiles sur ch芒ssis</a> </li> <li> <a href="/fr/products/307-toiles-encadrees/" class="menu-item-link text-decoration-none">Toiles encadr茅es</a> </li> <li> <a href="/fr/products/308-panneaux-acryliques/" class="menu-item-link text-decoration-none">Panneaux Acryliques</a> </li> <li> <a href="/fr/products/309-panneaux-aluminium/" class="menu-item-link text-decoration-none">Panneaux Aluminium</a> </li> <li><div class="dropdown-divider"></div></li> <li> <a href="/fr/products/302-impression-la-demande/" class="menu-item-link text-decoration-none"> D茅couvrez notre s茅lection </a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="/" class="nav-link dropdown-toggle text-decoration-none" id="dropdownPassion" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Pour les passionn茅s </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownPassion"> <div class="menu-items menu-items-passion"> <ul class="list-unstyled"> <li> <a href="/fr/products/99-de-patrimoine/" class="menu-item-link text-decoration-none">... de Patrimoine</a> </li> <li> <a href="/fr/products/289-art/" class="menu-item-link text-decoration-none">... d'Art</a> </li> <li> <a href="/fr/products/100-de-savoir-faire/" class="menu-item-link text-decoration-none">... de Savoir-faire</a> </li> <li> <a href="/fr/products/107-de-gastronomie/" class="menu-item-link text-decoration-none">... de Gastronomie</a> </li> <li> <a href="/fr/products/109-de-nature/" class="menu-item-link text-decoration-none">... de Nature</a> </li> <li> <a href="/fr/products/207-de-prehistoire/" class="menu-item-link text-decoration-none">... de Pr茅histoire</a> </li> <li> <a href="/fr/products/208-antiquite/" class="menu-item-link text-decoration-none">... d'Antiquit茅</a> </li> <li> <a href="/fr/products/101-de-moyen-age/" class="menu-item-link text-decoration-none">... de Moyen-脗ge</a> </li> <li> <a href="/fr/products/210-epoque-moderne/" class="menu-item-link text-decoration-none">... d'Epoque Moderne</a> </li> <li> <a href="/fr/products/211-epoque-contemporaine/" class="menu-item-link text-decoration-none">... d'脡poque contemporaine</a> </li> <li> <a href="/fr/products/288-des-personnages-historiques/" class="menu-item-link text-decoration-none">... de Personnages historiques</a> </li> <li> <a href="/fr/products/502-architecture/" class="menu-item-link text-decoration-none">... d'Architecture</a> </li> </ul> </div> </div> </li> </ul> </nav> </div> </div> </div> <div class="HeaderBottom-right"> <div class="HeaderBasket"> <div class="dropdown dropdownCart"> <a class="CartMenu-link" href="/fr/cart/" title="Votre panier"> <span class="front-basket"></span> <span class="CartMenu-details"> <span class="CartMenu-title d-none d-md-block">Panier</span> <span class="CartMenu-count">0</span> <span class="CartMenu-products d-none d-md-inline-block">produit</span> </span> </a> </div> </div> </div> </div> </header> <script type="text/javascript"> funcs.push(function($) { //require('menu-aim'); $(".Burger").click(function(e) { if ($(this).attr('aria-expanded') == 'false') { $(this).attr('aria-expanded','true'); //$(".MainMenu").addClass("show").removeClass("mask"); $("body > header").addClass("visible-xs"); //$(".HeaderBottom").addClass("visible-xs"); } else { $(this).attr('aria-expanded','false'); //$(".MainMenu").addClass("mask").removeClass("show"); $("body > header").removeClass("visible-xs"); //$(".HeaderBottom").removeClass("visible-xs"); } }); $('.dropdown-menu').click(function(e) { e.stopPropagation(); }); }); </script> <div class="Main" role="main"> <nav aria-label="breadcrumb" class="breadcrumb-nav"> <ol class="breadcrumb mr-auto flex-grow-1"> <li class="breadcrumb-item"> <a href="/fr/"><span>Accueil</span></a> </li> </ol> </nav> <div class="CartHeader"> </div> <section class="Cart CartEmpty mb-5"> <h1 class="CartEmpty-title">Votre panier est vide</h1> <p class="teaser"> Tout au long de votre visite sur notre boutique, vous avez la possibilit茅 d'ajouter les articles qui vous plaisent dans votre panier. Une fois que tous les articles souhait茅s sont dans votre panier, vous pouvez passer votre commande. </p> <strong class="d-block mb-2">Chaque fois que vous ajoutez un nouvel article 脿 votre panier, vous pouvez d茅finir :</strong> <ul> <li>la quantit茅 souhait茅e,</li> </ul> <strong class="d-block mb-2">Vous pouvez 脿 tout moment :</strong> <ul> <li>consulter votre panier,</li> <li>supprimer un ou plusieurs produits,</li> <li>mettre 脿 jour le montant total de votre panier.</li> </ul> <strong class="d-block mb-2">Comment remplir votre panier ?</strong> <p>Lorsque vous 锚tes sur une fiche de produit, si vous trouvez un article int茅ressant, cliquez sur le bouton Ajouter au panier.</p> <a href="/fr/" class="btn btn-primary mt-4" data-content="Continuer vos achats"><span>Continuer vos achats</span></a> </section> </div> <footer class="" role="contentinfo"> <div class="pt-5 pb-5 bg-dark"> <div class="container"> <div class="row align-items-center"> <div class="col-md Reassurance"> <div class="Reassure row"> <div class="Reassure-item col-md pr-md-3"> <a href="/fr/content/delivery.html" class="text-white text-decoration-none"> <h5 class="mb-1 text-white d-flex align-items-center"><span class="front-delivery mr-2"></span>Livraison</h5> <span class="text-white pr-xl-5"> Exp茅dition en 1-2 jours ouvrables selon le mode de livraison choisi </span> </a> </div> <div class="Reassure-item col-md pr-md-5"> <h5 class="mb-1 text-white d-flex align-items-center"><span class="front-satisfied mr-2"></span>Satisfait</h5> <span class="text-white pr-xl-5"> 14 jours pour changer d'avis </span> </div> </div> <div class="row"> <div class="Reassure-item col-md pr-md-3 mb-md-0"> <h5 class="mb-1 text-white d-flex align-items-center"><span class="front-lock mr-2"></span>Paiement s茅curis茅</h5> <span class="text-white pr-xl-5"> Solution de paiement s茅curis茅 </span> </div> <div class="Reassure-item col-md pr-md-5 mb-md-0"> <a href="/fr/contact/" class="text-white text-decoration-none"> <h5 class="mb-1 text-white d-flex align-items-center"><span class="front-contact mr-2"></span>Contactez-nous</h5> <span class="text-white pr-xl-5"> Notre 茅quipe est disponible pour toute question ou demande </span> </a> </div> </div> </div> <div class="col-md"> <div class="NewsletterSubscription pt-4 pt-md-0 d-flex flex-row-reverse flex-md-row align-items-center justify-content-between justify-content-md-start"> <div class=""> <img src="/img/icon-letter.svg"> </div> <div> <h4 class="text-white mb-2">Recevez notre newsletter</h4> <p class="text-white pr-md-5"> Restez inform茅 des nouveaut茅s, sorties et 茅v茅nements 脿 venir. </p> <div class="Subscription Subscription-1"> <div class="Subscription-result"> </div> <div class="Subscription-form"> <div id="Form-SubscriptionFormForm" class="Form-Subscription"> <form action="/fr/subscription/inline/1/" method="post" id="SubscriptionFormForm" class="Subscriberform Subscriberform-1"> <div style="display: none;"><input type="hidden" id="qf:SubscriptionFormForm" name="_qf__SubscriptionFormForm" /><input type="hidden" id="X-XSRF-TOKEN" name="X-XSRF-TOKEN" value="b78052f79e83916a" /></div> <div class="Subscription-email form-group"> <label for="dd379cd68b7de72b37d34587e16a612f-0" class="form-label required"> Votre adresse e-mail </label> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text">@</span></div> <input type="email" spellcheck="false" placeholder="Votre adresse e-mail" class="Subscription-email form-control" name="dd379cd68b7de72b37d34587e16a612f" id="dd379cd68b7de72b37d34587e16a612f-0" /> </div> </div> <div class="d-none form-group"> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text">@</span></div> <input type="email" spellcheck="false" placeholder="Votre adresse e-mail" name="email" id="email-0" class="form-control" /> </div> </div> <div class="Form-actions"> <div class="form-group col-md-auto"> <input type="submit" id="submit" value="Je m'abonne" class="Subscription-button Form-submit btn btn-primary" name="submit" /> </div> </div> <div class="Rgpd Rgpd-subscriptions" id="qfauto-0"> <div class="form-group"> <div id="qfauto-1"><p>Votre adresse est uniquement utilis茅e par le Centre des Monuments Nationaux pour vous envoyer la newsletter. Vous pouvez vous d茅sinscrire 脿 tout moment en cliquant sur le lien de d茅sinscription directement dans la newsletter. Pour en savoir plus, consultez notre <a href="/fr/content/privacy-policy.html">politique de protection des donn茅es</a>.</p></div> </div> </div> <div class="form-group Form-required-note"><small class="form-text"><em>*</em> indique les champs obligatoires.</small></div> </form> </div> </div> </div> <script type="text/javascript"> funcs.jpush(function($) { var beforeSubmitCallback = function() { $(".Subscription-1 .Subscription-result").empty(); }; var successCallback = function(res) { if (typeof(res) === "object") { if (res.code == 200) { $(".Subscription-1 .Subscription-result").append("<div class='alert alert-success'>" + res.message + "</div>"); } else { $(".Subscription-1 .Subscription-result").append("<div class='alert alert-danger'>" + res.message + "</div>"); } } else { $(".Subscription-1 .Subscription-form").empty().append(res); $(".Subscriberform-1").ajaxForm({ beforeSubmit: beforeSubmitCallback, success: successCallback }); } }; $(".Subscriberform-1").ajaxForm({ beforeSubmit: beforeSubmitCallback, success: successCallback }); }); </script> </div> </div> </div> </div> </div> </div> <div class="pt-0 pt-md-5" style="background-color: #000000"> <div class="container"> <div class="row"> <div class="col-md-6"> <nav> <ul class="ListItems list-unstyled mb-0 mb-md-3"> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="front-chevron-down d-inline-block d-md-none mr-2"></span>D茅couvrez le CMN </li> <li class="pt-2 pt-md-0"> <a href="https://www.monuments-nationaux.fr/" class="text-white text-decoration-none" target="_blank">Site du CMN<span class="front-go-to"></span></a> </li> <li> <a href="https://www.monuments-nationaux.fr/Billetterie-en-ligne" class="text-white text-decoration-none" target="_blank">Billetterie<span class="front-go-to"></span></a> </li> <li> <a href="https://www.monuments-nationaux.fr/Espace-Decouvertes/Fonds-documentaires" class="text-white text-decoration-none" target="_blank">Nos fonds documentaires<span class="front-go-to"></span></a> </li> </ul> </nav> </div> <div class="col-md-3"> <nav> <ul class="ListItems list-unstyled mb-0 mb-md-3"> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="front-chevron-down d-inline-block d-md-none mr-2"></span>Service Clients </li> <li class="pt-2 pt-md-0"> <a href="/fr/content/delivery.html" class="text-white text-decoration-none">Livraison<span class="front-chevron-right d-none d-md-inline-block"></span></a> </li> <li> <a href="/fr/returns/" class="text-white text-decoration-none">Retours<span class="front-chevron-right d-none d-md-inline-block"></span></a> </li> <li> <a href="/fr/contact/" class="text-white text-decoration-none">Contactez-nous<span class="front-chevron-right d-none d-md-inline-block"></span></a> </li> </ul> </nav> </div> <div class="col-md-3"> <nav> <ul class="ListItems list-unstyled mb-0 mb-md-3"> <li class="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="front-chevron-down d-inline-block d-md-none mr-2"></span>Mon compte </li> <li class="pt-2 pt-md-0"> <a data-iform='{"slideClass":"s"}' href="/fr/user/signin/" class="text-white text-decoration-none">Mon compte<span class="front-chevron-right d-none d-md-inline-block"></span></a> </li> <li> <a href="/fr/account/orders/" class="text-white text-decoration-none">Mes commandes<span class="front-chevron-right d-none d-md-inline-block"></span></a> </li> </ul> </nav> </div> </div> <div class="row mt-5"> <div class="col-md"> <a href="https://www.monuments-nationaux.fr/" target="_blank"><img src="/img/cmn-w.svg" class="mr-4"></a> <img src="/img/rp.svg"> </div> <div class="col-md"> <div class="SocialNetworks d-xl-flex align-items-center justify-content-xl-end text-white mt-4 mt-md-0 "> <h4 class="SocialNetworks-title text-white mb-2 mb-xl-0 mr-2">Restez connect茅 au CMN</h4> <div class="SocialNetworks-icons"> <a href="https://www.linkedin.com/company/centre-des-monuments-nationaux/" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-xl-2 text-decoration-none"><span class="front-linkedin"></span></a> <a href="https://www.instagram.com/lecmn" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-2 text-decoration-none"><span class="front-instagram"></span></a> <a href="https://www.facebook.com/leCMN" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-2 text-decoration-none"><span class="front-facebook"></span></a> <a href="https://twitter.com/leCMN" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-2 text-decoration-none"><span class="front-twitter"></span></a> <a href="https://www.youtube.com/@LeCMN" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-2 text-decoration-none"><span class="front-youtube"></span></a> <a href="https://www.tiktok.com/@le_cmn" class="text-white border border-white rounded-circle d-flex align-items-center justify-content-center ml-2 text-decoration-none"><span class="front-tiktok"></span></a> </div> </div> </div> </div> <div class="pt-4 pb-4 mt-4 border-top border-secondary"> <ul class="list-unstyled d-flex flex-wrap mb-0 MenuBottom text-white"> <li class="MenuBottom-item"><a href="/fr/content/about.html" class="text-white text-decoration-none">脌 propos</a></li> <li class="MenuBottom-item"><a href="/fr/content/sales-conditions.html" class="text-white text-decoration-none">Conditions g茅n茅rales de vente</a></li> <li class="MenuBottom-item"><a href="/fr/content/privacy-policy.html" class="text-white text-decoration-none">Donn茅es personnelles</a></li> <li class="MenuBottom-item"><a href="/fr/content/legal-information.html" class="text-white text-decoration-none">Mentions l茅gales</a></li> <li class="MenuBottom-item"><a href="/fr/content/credits.html" class="text-white text-decoration-none">Cr茅dits</a></li> </ul> </div> </div> </div> </footer> <a href="#top" class="scroll TopPage position-fixed text-decoration-none" style="display: none;"><span class="front-chevron-up"></span></a> <script type="text/javascript"> funcs.push(function($) { var ScrollBegin = $(document).height() - ($('.Main').outerHeight() + $('footer').outerHeight()); $(document).scroll(function (e) { if ($(this).scrollTop() > ScrollBegin) { $("body").addClass("scroll"); $('.TopPage').fadeIn(); } else { $("body").removeClass("scroll"); $('.TopPage').fadeOut(); } }); $(".TopPage").click(function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 500); }); $("footer .dropdown").click(function(e) { if($(this).attr('aria-expanded') == 'false') { $(this).attr('aria-expanded','true'); } else { $(this).attr('aria-expanded','false'); } }); }); </script> <script src="/js/build/common.min.js?t=1732025308"></script> <script> window.jQuery = window.$ = require('jquery'); require('bootstrap'); require('fancybox'); require('jquery-form'); require('slick-carousel'); var Vue = require('vue'); var IForm = require('quickform/iform'); Vue.directive('iform', IForm); Vue.directive("clickout",{bind:function(el,binding,vnode){el.onclickout=function(e){if(!el.contains(e.target)){vnode.context[binding.expression]=false}};document.body.addEventListener("click",el.onclickout)},unbind:function(el){document.body.removeEventListener("click",el.onclickout)}}); var SlideUpDown = require('vue-slide-up-down'); Vue.component('slide-up-down', SlideUpDown); // Build forms if needed if (typeof qf != 'undefined' && qf instanceof Array) { $.each(qf, function(index, form) { form(Vue); }); } // Execute all template functions $.each(funcs, function(index, func) { func($); }); $(".Form-errors").alert(); $('[data-toggle="tooltip"]').tooltip(); $('[data-iform]').iform(); $(document).on("select2:open", (event) => { document.querySelector(".select2-container--open .select2-search__field").focus() }); $(document).on("datagrid:refresh", (event) => { $('[data-toggle="tooltip"]').tooltip('dispose').tooltip(); }); </script> </body> </html>