<!DOCTYPE html>
<html class="js-noscript" lang="fr">
<head>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="theme-color" content="#181a19">
  <link rel="shortcut icon" href="https://cdn.accentuate.io/95719588097/1653493061405/Favicon_VLB_Plan-de-travail-1.png?v=0" type="image/png">

  <title>VLB éditeur</title>
<meta name="description" content="">
<link rel="canonical" href="https://.groupelivre.com/">
  <meta property="og:site_name" content="Groupe Livre">
<meta property="og:url" content="https://groupelivre.com/">
<meta property="og:title" content="Groupe Livre">
<meta property="og:type" content="website">
<meta property="og:description" content="Groupe Livre">

<meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Groupe Livre">
<meta name="twitter:description" content="Groupe Livre">

  <script type="application/ld+json">
  [{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
            "@type": "ListItem",
            "position": 1,
            "name": "Groupe Livre",
            "item": "https://groupelivre.com"
          }
        ]
  }]
</script>

  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="aa5v3jlaityu3tvpkhike06z7e8pi0">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61167206657/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="56562720cedb5f5e03554cc8c81c9970">
<meta id="in-context-paypal-metadata" data-shop-id="61167206657" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="CAD">
<script>
  (function() {
    var scripts = ["https://cdn.shopify.com/shopifycloud/checkout-web/assets/runtime.baseline.fr.f2ea6c5e2291bc21ff7f.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/checkout-web-packages~Information~NoAddressLocation~Payment~PostPurchase~Review~Shipping~ShopPay~Sho~cf13f96e.baseline.fr.8d3a709bcf8c04f77ed7.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/Information~Payment~ShopPay.baseline.fr.dc5317dfebae7fc61df8.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/Information~Payment.baseline.fr.23a20cd88bcf104605f2.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/Information.baseline.fr.4a2aa6242d0c2b13f941.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/checkout-web-ui~app.baseline.fr.26a0342d355a675e2801.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/vendors~app.baseline.fr.0f364a520df076f1f98b.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/checkout-web-packages~app.baseline.fr.a3963092dc9378b95800.js", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/app.baseline.fr.8c6e4df01e6e5018cb47.js"];
    var styles = ["https://cdn.shopify.com/shopifycloud/checkout-web/assets/checkout-web-ui~app.baseline.fr.ba7746e3965877991bae.css", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/vendors~app.baseline.fr.954db6995929b6f1f646.css", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/app.baseline.fr.dd733f21b66b59afc26d.css", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/Information~Payment~ShopPay.baseline.fr.9f248e42bf2a8151ea27.css", "https://cdn.shopify.com/shopifycloud/checkout-web/assets/Information.baseline.fr.6d08f77e3a864d9cf367.css"];

    function prefetch(url, as, callback) {
      var link = document.createElement('link');
      if (link.relList.supports('prefetch')) {
        link.rel = 'prefetch';
        link.fetchPriority = 'low';
        link.as = as;
        link.href = url;
        link.onload = link.onerror = callback;
        document.head.appendChild(link);
      } else {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.onloadend = callback;
        xhr.send();
      }
    }

    function prefetchAssets() {
      var resources = [].concat(
        scripts.map(function(url) { return [url, 'script']; }),
        styles.map(function(url) { return [url, 'style']; })
      );
      var index = 0;
      (function next() {
        var res = resources[index++];
        if (res) prefetch(res[0], res[1], next);
      })();
    }

    addEventListener('load', prefetchAssets);
   })();
</script>
<script id="shopify-features" type="application/json">{"accessToken":"56562720cedb5f5e03554cc8c81c9970","betas":["rich-media-storefront-analytics"],"domain":"editionsvlb.groupelivre.com","predictiveSearch":true,"shopId":61167206657,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.fr.js?v=2","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.fr.js?v=2","locale":"fr","optimusEnabled":false}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "groupelivre.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"CAD","rate":"1.0"};
Shopify.country = "CA";
Shopify.theme = {"name":"QBREQ - v1.2.1.1","id":136496513281,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/analytics.getshogun.com\/collector.js?shop=groupelivre.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":61167206657,"offset":-14400,"reqid":"fe40db33-c044-4d19-be5a-2d20531e1f21","pageurl":"editionsvlb.groupelivre.com\/","u":"7e9b330173d1","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-4VRZk5nmuLKdyxECzHbrGZ+jOgmvT6eNFej4VE7mT80=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-e154599399e6b8b29dcb1102cc76eb199fa33a09af4fa78d15e8f8544ee64fcd.js" crossorigin="anonymous"></script>
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script>


<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 60px;
  }
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>




<script>
  window.__webpack_public_path__ = "//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/";
</script>
<link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.brand-page.chunk.d63bf.css?v=1324470753991323411675896957" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.checkout.chunk.2e920.css?v=153243364590793919211675896958" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.redirect.chunk.9d1c4.css?v=28426820961813202751675896961" as="style"><link href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.theme.chunk.cfb5b.css?v=4163747499088305821675896963" rel="stylesheet"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.404.chunk.8ab0a.css?v=174342486248321685281675896969" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.cart.chunk.8cf5c.css?v=1773091748896286681675896986" as="style"><link href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.index.chunk.a85a9.css?v=164187215150748914091675896993" rel="stylesheet"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.list-collections.chunk.d7864.css?v=38456844483147457321675896995" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.password.chunk.019f6.css?v=111603181540343972631675897006" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.search.chunk.f36af.css?v=165220371761962535111675897016" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.collection.faceted.chunk.3a3cc.css?v=136380505622208289061675896991" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.account.chunk.601ce.css?v=27719515027743574381675896974" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.account.wishlist.chunk.3553a.css?v=111233092917589017951675896976" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.activate_account.chunk.4225c.css?v=84305661591922513981675896978" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.addresses.chunk.cf30c.css?v=38708728141555957691675896980" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.login.chunk.aa097.css?v=91578085131411247571675896996" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.order.chunk.2a056.css?v=40124185305868795991675896999" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.register.chunk.2b60c.css?v=166177708942583629911675897010" as="style"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.reset_password.chunk.36104.css?v=87544426725693878711675897013" as="style"><link rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preload"
      as="style"
      href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap" />

<link rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap"
      media="print" onload="this.media='all'" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Raleway&amp;display=swap" rel="stylesheet">
<script>document.documentElement.classList.remove('js-noscript');</script>
  <script>
(function(theme) {
  // 1. Shop
  theme.shop = {
    address: {"first_name":null,"address1":"612 Rue Saint-Jacques","phone":"4384961244","city":"Montréal","zip":"H3C 4M8","province":"Quebec","country":"Canada","last_name":null,"address2":"","company":"","latitude":null,"longitude":null,"name":"","country_code":"CA","province_code":"QC"},
    currency: "CAD",
    moneyFormat: "{{amount_with_comma_separator}} $",
    moneyWithCurrencyFormat: "{{amount_with_comma_separator}} $ CAD",
    domain: "groupelivre.com",
    locale: "fr",
    name: "Groupe Livre",
    url: "https:\/\/groupelivre.com",subdomain: "editionsvlb",publisher: "VLB éditeur"
  };

  // 2. Template
  theme.template = {
    name: "index",
    suffix: null
  };

  // 3. Locales
  theme.locales = {
    "fr": {
      product: {
        add_to_cart: "Ajouter au panier",
        option: {
          legend: "Sélectionner {name}",
        },
        from: "De",
        and: "et",
        number_of_pages_suffix: "{count} pages",
        preorder: "Précommander",
        select_options: "Choisir un format",
        tile_placeholder: "Cette image pour {title} n'est pas disponible actuellement.",
        status: {
          add_to_cart: "Ce bouton ajoutera {{ quantity }} {{ title }} au panier. Le prix individuel de ce produit est {{ price }}",
          preorder: "Ce bouton ajoutera {{ quantity }} {{ title }} au panier en précommande. Le prix individuel de ce produit est {{ price }}",
          selected_and_available: "{{ title }} est présentement sélectionné et disponible. Le prix de ce produit est {{ price }}.",
          selected_and_preorderable: "{{ title }} est présentement sélectionné et peut être précommandé. Le prix de ce produit est {{ price }}. Il sera publié le {{ release_date }}.",
          selected_and_unavailable: "{{ title }} est présentement sélectionné, mais n\u0026#39;est pas disponible. Ce produit ne peut pas être ajouté à votre.",
          selected_quantity: "Vous avez choisi une quantité de {{ quantity }}.",
          selected_quantity_with_max: "Vous avez choisi une quantité de {{ quantity }}. Vous pouvez ajouter un maximum de {{ inventory }} de ce produit à votre panier.",
          unselected: "Vous n\u0026#39;avez rien sélectionné. Veuillez choisir une variante à l\u0026#39;aide des options ci-dessus.",
        },
        quick_add_label: "Ajout rapide {title} au panier",
        image_alt: "Couverture du livre de {title} format",
        alerts: {
          success: "Produit ajouté au panier",
          error: "Une erreur s\u0026#39;est produite: {error}",
        },
        reviews: {
          success_title: "MERCI!",
          success_message: "Veuillez vérifier vos courriels afin d\u0026#39;en finaliser la publication. N\u0026#39;hésitez pas à partager votre avis auprès de votre réseau.",
        },
      },
      filter_toolbar: {
        remove_current_refinement: "Supprimer le filtre: {name}",
      },
      collections: {
        general: {
          items_with_count: "Aucun résultat | {count} résultat | {count} résultats",
          view_all_label: "Afficher tous les titres",
          current_items_with_count: " | {count} livre sur | {count} livres sur",
        },
      },
      filter_toolbar: {
        remove_current_refinement: "Supprimer le filtre: {name}",
      },
      customer: {
        addresses: {
          delete_confirm: "Souhaitez-vous vraiment supprimer cette adresse ?",
        },
      },
      carousel: {
        next_slide: "Diapositive suivante",
        previous_slide: "Diapositive précédente",
        bullet_message: "Voir la diapositive numéro {{index}}",
        first_slide_message: "Ceci est la première diapositive",
        last_slide_message: "Ceci est la dernière diapositive",
      },
      wishlist: {
        add_to_cart_label: "Ajouter {title} au panier",
        preorder_label: "Ajouter {title} au panier en précommande",
        notify_me_label: "M’avertir lorsque {title} est disponible",
        unavailable_label: "{title} n\u0026#39;est pas disponible",
        discontinued_label: "{title} est remisé",
      },
      search: {
        see_all_products: "Voir les {count} titres",
        see_all_authors: "Voir les {count} auteurs",
        view_all_authors: "Voir les auteurs {letter}",
        view_less_authors: "Voir moins d\u0026#39;auteurs {letter}",
        results_for_query: "Aucun résultat pour | {count} résultat pour | {count} résultats pour",
        page_title_with_results: "Recherche : {count} résultats trouvés pour « {query} »",
      },
      cart: {
        quantity: "Un total de {quantity} produits",
        totals: "Un total de {totals} dollars",
        free_shipping_achieved: "Votre commande sera expediée gratuitement",
        free_shipping_pending: "Ajoutez \u003cstrong\u003e{amount}\u003c\/strong\u003e pour la \u003cstrong\u003elivraison gratuite\u003c\/strong\u003e",
      },
      line_item: {
        quantity: "Quantité: {{ quantity }}"
      },
      redirect: {
        return: "Revenir à la page d'accueil pour continuer vos achats",
        errors: {
          no_isbn: "Il y a un ISBN manquant ou invalide.",
          add_to_cart: "Une erreur s'est produite lors de l'ajout au panier.",
          no_product: "Une erreur s'est produite lors de la recherche du produit sélectionné.",
          endpoint: "Une erreur s'est produite lors de la recherche de l'ISBN"
        }
      },
      checkout: {
        authors: "auteurs",
        preorder: "précommande"
      },
      navigation: {
        back_to_category: "Retourner à {category_name}"
      }
    },
  };

  // 4. Cart Object
  theme.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[]};

  // 5. Customer
  theme.customer =null;

  // 6. Current Object
  theme.product = null;
  

  theme.collection = null || {};
  
  theme.page = null;

  

  // 7. Routes
  theme.routes = {
    rootUrl: "\/",
    accountUrl: "\/account",
    accountLoginUrl: "\/account\/login",
    accountLogoutUrl: "\/account\/logout",
    accountLogoutSSOUrl: "https:\/\/connect.qub.ca\/deconnexion?client_id=56ep0m4qd1kogo6nbuucg43tm2\u0026logout_uri=https:\/\/qublivre.ca",
    accountRegisterUrl: "\/account\/register",
    accountAddressesUrl: "\/account\/addresses",
    collectionsUrl: "\/collections",
    allProductsCollectionUrl: "\/collections\/all",
    searchUrl: "\/search",
    cartUrl: "\/cart",
    cartAddUrl: "\/cart\/add",
    cartChangeUrl: "\/cart\/change",
    cartClearUrl: "\/cart\/clear",
    productRecommendationsUrl: "\/recommendations\/products",
    productsUrl: "\/products",
  };

  // 8. Settings
  theme.settings = {
    algolia_config: {
      prefix: "shopify_",
      id: "4AWVOHCW5C",
      key: "fae14566bee709ec8023cad7d1cf0282"
    },
    responsive_sizes: ["360","540","720","900","1080","1200","1440","1680","1920"],
    account_login_url: "https:\/\/connect.qub.ca\/authorize?client_id=56ep0m4qd1kogo6nbuucg43tm2\u0026force_refresh=false\u0026identification=false\u0026redirect_uri=https:\/\/integrations.qublivre.ca\/api\/sso\/v1\/callback\u0026response_type=code\u0026scope=openid\u0026state=4cea06b0-8ddf-4a0f-b190-ca5d02372ec9\u0026subscription_flow=false\u0026theme=LIVRE",
    free_shipping_threshold: "39.00",
    customizer_publisher: ""
  };


  // 9. File URLs
  theme.files = {
    flipbookURL: "\/\/cdn.shopify.com\/s\/files\/1\/0611\/6720\/6657\/t\/64\/assets\/3dflipbook.min.js?v=56150014656981464621675896813",
  };

})(window.theme = window.theme || {});
</script>
<div id="shopify-section-product__badges" class="shopify-section"><script>
  (function(theme) {
    theme.badging = {
      badges: {},
      status: {"preorder": {
            "title":"À paraître le",
            "color":"#818587",
            "color_text":"#ffffff"},"available": {
            "title":"En stock",
            "color":"#181a19",
            "color_text":"#f8f8f8"}}
    }
  })(window.theme = window.theme || {});
</script>


</div>

  <script>
  window.dataLayer = window.dataLayer || [];
  // Google Tag Manager
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5LXLXGX');
  // End Google Tag Manager
</script>

  <script type="text/x-template" id="line-item">
  <div
  class="line-item line-item--cart"
  :class="[lineItem.original_price > lineItem.final_price ? 'price--sale' : 'price--regular' ]"
>
  <div class="line-item__wrapper">
    <div class="line-item__image">
      <a :href="lineItem.url">
        <img
          v-if="lineItem.image"
          :src="lineItem.image"
          :alt="lineItem.title"
        >
        <div v-else
          class="line-item__placeholder line-item__placeholder--bg"
          style="--placeholder_src: url(//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/placeholder.svg?v=11976881700335602371675896966);">
          <span class="visually-hidden" v-text="this.$t('product.tile_placeholder', { title: lineItem.title })"></span>
        </div>
      </a>
    </div>
    <div class="line-item__info">
      <p><a class="line-item__title" :href="lineItem.url" v-text="lineItem.product_title"></a></p>
      <author-list v-if="product" :product="product" inline-template>
        <p v-if="authorLinks">
          De
<template v-for="(authorLink, index) in authorLinks">
  <template v-if="(0 < index) && (index < authorLinks.length - 1)">, </template>
  <template v-else-if="index == authorLinks.length - 1 && authorLinks.length > 1">
    et
  </template>
  <a class="author-link"
    :href="authorLink.url"
    v-text="authorLink.name"
    v-if="authorLink.authorCode"
  ></a>
  <span class="author-name"
    v-text="authorLink.name"
    v-else
  ></span>
</template>

        </p>
      </author-list>
    </div>
    <div class="line-item__total"><span
        class="price price--compare-at"
        v-if="lineItem.original_line_price > lineItem.final_line_price"
      >
        <span class="price__label">Comparer au prix</span>
        <span
          class="price__value"
          v-text="$options.filters.money(lineItem.original_line_price)"
        ></span>
      </span><span
        class="price price--compare-at"
        v-else-if="lineItem.variant.compare_at_price && lineItem.variant.compare_at_price > lineItem.variant.price"
      >
        <span class="price__label">Comparer au prix</span>
        <span
          class="price__value"
          v-text="$options.filters.money(lineItem.variant.compare_at_price * lineItem.quantity)"
        ></span>
      </span>

      <span class="price price--final">
        <span
          class="price__label price__label--sale"
          v-if="lineItem.original_line_price > lineItem.final_line_price"
        >Prix réduit</span>
        <span
          class="price__label price__label--regular"
          v-else
        >Prix normal</span>
        <span
          class="price__value"
          v-text="$options.filters.money(lineItem.final_line_price)"
        ></span>
      </span>
    </div>
    <div class="line-item__format">
      <p v-text="lineItem.variant_title"></p>
      <p class="line-item__property" v-if="lineItem.properties && lineItem.properties.précommande"> Précommande: <span class="line-item__release-date" v-text="releaseDate"></span> </p>
    </div>
    <div class="line-item__quantity form__field form__field--quantity">
      <p v-text="displayQuantity"></p>
      <label :for="`CartForm-Quantity-${lineItem.key}`">Quantité</label>
      <div class="quantity-selector">
        <button
          type="button"
          class="quantity-selector__control quantity-selector__control--minus"
          :class="{ 'is-disabled': lineItem.quantity <= 1 }"
          aria-label="Réduire la quantité désirée de 1"
          @click.prevent="decreaseQuantity"
          @keydown.enter.prevent="decreaseQuantity"
          @keydown.space.prevent="decreaseQuantity"
          :disabled="lineItem.quantity <= 1"
        ></button>
        <input
          type="number"
          min="0"
          :max="maxAvailable"
          pattern="[0-9]*"
          class="quantity-selector__number"
          :id="`CartForm-Quantity-${lineItem.key}`"
          :name="`updates[${lineItem.key}]`"
          :value="lineItem.quantity"
          @change="updateQuantity($event.target.value)"
          ref="quantityAmount"
        >
        <button
          type="button"
          class="quantity-selector__control quantity-selector__control--plus"
          aria-label="Augmenter la quantité désirée de 1"
          :disabled="maxAvailable && lineItem.quantity >= maxAvailable"
          @click.prevent="increaseQuantity"
          @keydown.enter.prevent="increaseQuantity"
          @keydown.space.prevent="increaseQuantity"
        ></button>
      </div>
    </div>
    <p class="line-item__remove"><a
      :href="`/cart/change?id=${lineItem.key}&amp;quantity=0`"
      :aria-label="`Supprimer ${lineItem.title}`"
      @click.prevent="updateQuantity(0)"
    >Supprimer</a></p>
  </div>
</div>

</script>

  <script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/LgCCWVPzAs6GxMXlZQMSSKCWZjq8uriioW1RsZRy/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>

  








  <!--Gem_Page_Header_Script-->
      


  <!--End_Gem_Page_Header_Script-->
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 61167206657,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="evids-setup">
  (function () {let t,e;function n(){t={page_viewed:{},collection_viewed:{},product_viewed:{},product_variant_viewed:{},search_submitted:{},product_added_to_cart:{},checkout_started:{},checkout_completed:{},payment_info_submitted:{}},e={wpm:{},trekkie:{}}}function o(t){return`${t||"sh"}-${function(){const t="xxxx-4xxx-xxxx-xxxxxxxxxxxx";let e="";try{const n=window.crypto,o=new Uint16Array(31);n.getRandomValues(o);let r=0;e=t.replace(/[x]/g,(t=>{const e=o[r]%16;return r++,("x"===t?e:3&e|8).toString(16)})).toUpperCase()}catch(n){e=t.replace(/[x]/g,(t=>{const e=16*Math.random()|0;return("x"===t?e:3&e|8).toString(16)})).toUpperCase()}return`${function(){let t=0,e=0;t=(new Date).getTime()>>>0;try{e=performance.now()>>>0}catch(t){e=0}const n=Math.abs(t+e).toString(16).toLowerCase();return"00000000".substr(0,8-n.length)+n}()}-${e}`}()}`}function r(n,r){if(!t[n]||"trekkie"!==(null==r?void 0:r.analyticsFramework)&&"wpm"!==(null==r?void 0:r.analyticsFramework))return o("shu");const i="string"==typeof(c=r.cacheKey)&&c?c:"default";var c;const a=function(t,n,o){const r=e[n];return void 0===r[t]&&(r[t]={}),void 0===r[t][o]?r[t][o]=0:r[t][o]+=1,r[t][o]}(n,r.analyticsFramework,i);return function(e,n,r){const i=t[e];if(void 0===i[r]){const t=o();i[r]=[t]}else if(void 0===i[r][n]){const t=o();i[r].push(t)}return i[r][n]}(n,a,i)}function i(){window.Shopify=window.Shopify||{},n(),window.Shopify.evids=(t,e)=>r(t,e)}i();})();
</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'CAD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

    if (window.jQuery) {
      jquery = window.jQuery;
    } else if (window.Checkout && window.Checkout.$) {
      jquery = window.Checkout.$;
    }

    if (jquery) {
      jquery('body').append(content);
    }
  };

  var hasLoggedConversion = function(token) {
    if (token) {
      return document.cookie.indexOf('loggedConversion=' + token) !== -1;
    }
    return false;
  }

  var setCookieIfConversion = function(token) {
    if (token) {
      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
    }
  }

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config || {};
    trekkie.config.initialDocumentCookie = document.cookie;
    var first = document.getElementsByTagName('script')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      var scriptFallback = document.createElement('script');
      scriptFallback.type = 'text/javascript';
      scriptFallback.onerror = function(error) {
              var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
    
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
    
        } // XHR beacon   
    
        var xhr = new XMLHttpRequest();
    
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
    
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 61167206657,
      theme_id: 136496513281,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://cdn.shopify.com/s/trekkie.storefront.32dc1f4fe8f576a6d20c0db4541aff3dd4b06687.min.js"});

      };
      scriptFallback.async = true;
      scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.32dc1f4fe8f576a6d20c0db4541aff3dd4b06687.min.js';
      first.parentNode.insertBefore(scriptFallback, first);
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/trekkie.storefront.32dc1f4fe8f576a6d20c0db4541aff3dd4b06687.min.js';
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61167206657,"isMerchantRequest":null,"themeId":136496513281,"themeCityHash":"7808354030389983937","contentLanguage":"fr","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Facebook Pixel":{"pixelIds":["860006430811298"],"agent":"plshopify1.2"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"860006430811298","source":"trekkie-storefront-renderer"}}
  );

  var loaded = false;
  trekkie.ready(function() {
    if (loaded) return;
    loaded = true;

    window.ShopifyAnalytics.lib = window.trekkie;
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;

    window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});

    var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
    var token = match? match[1]: undefined;
    if (!hasLoggedConversion(token)) {
      setCookieIfConversion(token);
      
    }
  });

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-65cd0ba3fcd81a1df33f2510ec5bcf8c0e0958653b50e3965ec972dd638ee13f.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script class="boomerang">
(function () {
  if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
    return;
  }
  window.BOOMR = window.BOOMR || {};
  window.BOOMR.snippetStart = new Date().getTime();
  window.BOOMR.snippetExecuted = true;
  window.BOOMR.snippetVersion = 12;
  window.BOOMR.application = "storefront-renderer";
  window.BOOMR.themeName = "Foxpad";
  window.BOOMR.themeVersion = "1.2.1";
  window.BOOMR.shopId = 61167206657;
  window.BOOMR.themeId = 136496513281;
  window.BOOMR.renderRegion = "gcp-us-central1";
  window.BOOMR.url =
    "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
  var where = document.currentScript || document.getElementsByTagName("script")[0];
  var parentNode = where.parentNode;
  var promoted = false;
  var LOADER_TIMEOUT = 3000;
  function promote() {
    if (promoted) {
      return;
    }
    var script = document.createElement("script");
    script.id = "boomr-scr-as";
    script.src = window.BOOMR.url;
    script.async = true;
    parentNode.appendChild(script);
    promoted = true;
  }
  function iframeLoader(wasFallback) {
    promoted = true;
    var dom, bootstrap, iframe, iframeStyle;
    var doc = document;
    var win = window;
    window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
    bootstrap = function(parent, scriptId) {
      var script = doc.createElement("script");
      script.id = scriptId || "boomr-if-as";
      script.src = window.BOOMR.url;
      BOOMR_lstart = new Date().getTime();
      parent = parent || doc.body;
      parent.appendChild(script);
    };
    if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
      window.BOOMR.snippetMethod = "s";
      bootstrap(parentNode, "boomr-async");
      return;
    }
    iframe = document.createElement("IFRAME");
    iframe.src = "about:blank";
    iframe.title = "";
    iframe.role = "presentation";
    iframe.loading = "eager";
    iframeStyle = (iframe.frameElement || iframe).style;
    iframeStyle.width = 0;
    iframeStyle.height = 0;
    iframeStyle.border = 0;
    iframeStyle.display = "none";
    parentNode.appendChild(iframe);
    try {
      win = iframe.contentWindow;
      doc = win.document.open();
    } catch (e) {
      dom = document.domain;
      iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
      win = iframe.contentWindow;
      doc = win.document.open();
    }
    if (dom) {
      doc._boomrl = function() {
        this.domain = dom;
        bootstrap();
      };
      doc.write("<body onload='document._boomrl();'>");
    } else {
      win._boomrl = function() {
        bootstrap();
      };
      if (win.addEventListener) {
        win.addEventListener("load", win._boomrl, false);
      } else if (win.attachEvent) {
        win.attachEvent("onload", win._boomrl);
      }
    }
    doc.close();
  }
  var link = document.createElement("link");
  if (link.relList &&
    typeof link.relList.supports === "function" &&
    link.relList.supports("preload") &&
    ("as" in link)) {
    window.BOOMR.snippetMethod = "p";
    link.href = window.BOOMR.url;
    link.rel = "preload";
    link.as = "script";
    link.addEventListener("load", promote);
    link.addEventListener("error", function() {
      iframeLoader(true);
    });
    setTimeout(function() {
      if (!promoted) {
        iframeLoader(true);
      }
    }, LOADER_TIMEOUT);
    BOOMR_lstart = new Date().getTime();
    parentNode.appendChild(link);
  } else {
    iframeLoader(false);
  }
  function boomerangSaveLoadTime(e) {
    window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
  }
  if (window.addEventListener) {
    window.addEventListener("load", boomerangSaveLoadTime, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", boomerangSaveLoadTime);
  }
  if (document.addEventListener) {
    document.addEventListener("onBoomerangLoaded", function(e) {
      e.detail.BOOMR.init({
        ResourceTiming: {
          enabled: true,
          trackedResourceTypes: ["script", "img", "css"]
        },
      });
      e.detail.BOOMR.t_end = new Date().getTime();
    });
  } else if (document.attachEvent) {
    document.attachEvent("onpropertychange", function(e) {
      if (!e) e=event;
      if (e.propertyName === "onBoomerangLoaded") {
        e.detail.BOOMR.init({
          ResourceTiming: {
            enabled: true,
            trackedResourceTypes: ["script", "img", "css"]
          },
        });
        e.detail.BOOMR.t_end = new Date().getTime();
      }
    });
  }
})();</script>
<script id="web-pixels-manager-setup">(function e(e,n,a,o,t,r){var i=null!==e;i&&(window.Shopify=window.Shopify||{},window.Shopify.analytics=window.Shopify.analytics||{},window.Shopify.analytics.replayQueue=[],window.Shopify.analytics.publish=function(e,n,a){window.Shopify.analytics.replayQueue.push([e,n,a])});var s=function(){var e="legacy",n="unknown",a=null,o=navigator.userAgent.match(/(Firefox|Chrome)\/(\d+)/i),t=navigator.userAgent.match(/(Edg)\/(\d+)/i),r=navigator.userAgent.match(/(Version)\/(\d+)(.+)(Safari)\/(\d+)/i);r?(n="safari",a=parseInt(r[2],10)):t?(n="edge",a=parseInt(t[2],10)):o&&(n=o[1].toLocaleLowerCase(),a=parseInt(o[2],10));var i={chrome:60,firefox:55,safari:11,edge:80}[n];return void 0!==i&&null!==a&&i<=a&&(e="modern"),e}().substring(0,1),l=o.substring(0,1);if(i)try{self.performance.mark("wpm:start")}catch(e){}var d,c,u,p,f,h,w,y,g=a+"/"+l+r+s+".js";d={src:g,async:!0,onload:function(){if(e){var a=window.webPixelsManager.init(e);n(a),window.Shopify.analytics.replayQueue.forEach((function(e){a.publishCustomEvent(e[0],e[1],e[2])})),window.Shopify.analytics.replayQueue=[],window.Shopify.analytics.publish=a.publishCustomEvent}},onerror:function(){var n=(e.storefrontBaseUrl?e.storefrontBaseUrl.replace(/\/$/,""):self.location.origin)+"/.well-known/shopify/monorail/unstable/produce_batch",a=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:g+" has failed to load"},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,a))return!0}catch(e){}const o=new XMLHttpRequest;try{return o.open("POST",n,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(a),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}},c=document.createElement("script"),u=d.src,p=d.async||!0,f=d.onload,h=d.onerror,w=document.head,y=document.body,c.async=p,c.src=u,f&&c.addEventListener("load",f),h&&c.addEventListener("error",h),w?w.appendChild(c):y?y.appendChild(c):console.error("Did not find a head or body element to append the script")})({shopId: 61167206657,storefrontBaseUrl: "https://groupelivre.com",cdnBaseUrl: "https://cdn.shopify.com",surface: "storefront-renderer",enabledBetaFlags: ["web_pixels_use_shop_domain_monorail_endpoint","web_pixels_shopify_pixel_validation","web_pixels_prefetch_assets"],webPixelExtensionBaseUrl: "https://cdn.shopify.com",webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP"},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM"}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://cdn.shopify.com","browser","0.0.280","5c46ad45w03c6b27bp74bf52d0m9e637fdc");</script></head><body class="layout layout--index" style="


  --font: 'Barlow';

  --color_primary_lighter: #a6dadc;
  --color_primary_light: #9cd7da;
  --color_primary: #dbdbdc;
  --color_primary_dark: #345152;
  --color_primary_darker: #222826;

  --color_secondary_lighter: #447a7d;
  --color_secondary_light: #447a7d;
  --color_secondary: #222826;
  --color_secondary_dark: #345152;
  --color_secondary_darker: #345152;

  --color_text_light: #345152;
  --color_text_dark: #345152;

  --color_border_light: #dbdbdc;
  --color_border_dark: #dbdbdc;

">
  <a class="skip-link" href="#shopify-section-header">Passer au menu d&#39;en-tête</a>
  <a class="skip-link" href="#MainContent">Passer au contenu</a>

  <main class="layout__main">
    <header class="layout__header" data-vue="header" :class="{ 'is-search-mode': searchActive }">
      <div id="shopify-section-header" class="shopify-section site-header-container">

<div class="site-header" ref="site-header">
  <template v-if="searchActive"><div class="site-header__search">
  <search-overlay
    @close-search="(state) => searchActive = state"
    terms=""
    inline-template
  ><focus-trap
:active="true"
:initial-focus="() => $refs.searchBar"
:allow-outside-click="false"
:escape-deactivates="true"
:click-outside-deactivates="true"
@update:active="(state) => $emit('close-search', state)"
>
  <div class="search-overlay">
    <div class="search-overlay__search-bar"><form class="form form--search " id="Search" action="/search" method="get" role="search">
  <button type="submit" id="Search-Submit" class="button">
    <span class="accessible-label">Soumettre</span>
    <svg class=" icon icon--search"  width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m36.13 34.49-7.09-7.09c1.2-1.53 1.85-3.49 1.85-5.45 0-4.91-4.04-8.95-8.94-8.95-4.91 0-8.95 3.93-8.95 8.84s4.04 8.95 8.95 8.95c1.75 0 3.49-.55 4.91-1.53l7.2 7.2c.33.33.65.44.98.44.33 0 .76-.11.98-.44.22-.22.44-.65.44-.98.1-.44-.11-.77-.33-.99Zm-8.08-12.65c0 3.38-2.73 6.11-6.11 6.11-3.38 0-6.11-2.73-6.11-6.11 0-3.38 2.73-6.11 6.11-6.11a6.09 6.09 0 0 1 6.11 6.11Z" fill="#fff"/></svg>
  </button>

  
  <label for="Search-Query" class="accessible-label">
    Recherchez des livres, des auteurs, et plus....
  </label>
  <input
    ref="searchBar"
    type="search"
    name="q"
    id="Search-Query"
    class="form--search__field"
    :value="query"
    @input="query = $event.target.value"
    @keyup="search"
    aria-label="Recherchez des livres, des auteurs, et plus...."
    placeholder="Recherchez des livres, des auteurs, et plus...."
  >

</form>
</div>
    <div ref="backdrop" @click="handleBackdropClick" class="search-overlay__backdrop">
      <div class="search-overlay__results" v-if="searchPerformed && query.length >= 3">
        <div class="search-overlay__tabs">
          <button class="search-overlay__tab search-overlay__tab--authors" :class="{ 'active-tab': !showProducts }" @click="showProducts = false">
            Nos auteurs et autrices
          </button>
          <button class="search-overlay__tab search-overlay__tab--products" :class="{ 'active-tab': showProducts }" @click="showProducts = true">
            Livres
          </button>
        </div>
        <div class="search-overlay__authors" v-if="!showProducts">
          <template v-if="displayArticles.length">
            <div class="author-results-card" v-for="article in displayArticles">
              <author-results-card :article="article" inline-template>
                <div class="author-results-card__container">
                  <a :href="article.url" class="author-results-card__title" v-text="article.title"></a>
                  <a :href="article.url" class="author-results-card__subtitle" v-if="article.content"></a>
                  <a :href="article.url" class="author-results-card__body" v-if="article.content" v-text="formatContent(150)"></a>
                  <a :href="article.url" class="author-results-card__link">Voir plus</a>
                </div>
              </author-results-card>
            </div>
            <a
              v-if="articles.length > 4"
              v-text="seeAllAuthorsText"
              :href="searchUrl"
              class="search-overlay__see-all-cta"
            ></a>
          </template>
          <p class="search-overlay__no-results" v-else>
            Aucun auteur trouvé.
          </p>
        </div>
        <div class="search-overlay__products" v-if="showProducts">
          <div class="search-overlay__heading">
            Livres
          </div>
          <template v-if="displayProducts.length">
            <product-results-card v-for="product in displayProducts" :product="product" :key="product.handle" inline-template><article class="product-results-card">
  <div class="product-results-card__content">
    <a :href="product.url">
      <div class="product-results-card__image">
        <responsive-image
          v-if="currentImage"
          :image-data="currentImage"
          :alt-text="currentImageAlt"
          max-size="76x114"
          crop="center"
        >
        </responsive-image>
        <div v-else
          class="product-results-card__placeholder product-results-card__placeholder--bg"
          style="--placeholder_src: url(//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/placeholder.svg?v=11976881700335602371675896966);">
          <span class="visually-hidden" v-text="this.$t('product.tile_placeholder', { title: product.title })"></span>
        </div>
      </div>
    </a>
    <div class="product-results-card__information">
      <a :href="product.url" class="product-results-card__title" v-text="$options.filters.truncate(product.title, 42)"></a>
      <a :href="product.url" class="product-results-card__subtitle" v-if="authorNames">
        <span v-text="`De`"></span>
        <span v-text="authorNames"></span>
      </a>
      <a :href="product.url" class="product-results-card__description" v-if="excerpt.length" v-text="excerpt"></a>
    </div>
  </div>
</article>
</product-results-card>
            <a
              v-if="products.length > 3"
              v-text="seeAllProductsText"
              :href="searchUrl"
              class="search-overlay__see-all-cta"
            ></a>
          </template>
          <p class="search-overlay__no-results" v-else>
            Aucun titre trouvé.
          </p>
        </div>
      </div>
    </div>
  </div>
</focus-trap>
</search-overlay>
</div>
</template>
  <template v-else>
    <div class="site-header__logo">
      <h1 class="site-logo">
  <a href="/">
    <span class="accessible-label">VLB éditeur</span>
    <picture>
      <source media="(min-width:75em)"
        srcset="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/VLB_logo_blanc.svg?v=1646850605">
      <source srcset="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/VLB_logo_blanc.svg?v=1646850605">
      <img src="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/VLB_logo_blanc.svg?v=1646850605" alt="VLB éditeur logo">
    </picture>
  </a>
</h1>

    </div>

    <div class="site-header__nav site-header__nav--desktop" ref="main-menu">
      <nav
  id="Linklist-editionsvlb-header"
  class="linklist linklist--editionsvlb-header linklist--desktop"
  aria-label="editionsvlb-header"
  data-handle="editionsvlb-header"
  data-levels="3"
  data-title="editionsvlb-header">
  




  <ul class="linklist__links linklist__links--level1" style="--grid-column-count: ; --grid-row-count: 9">
      

<li
  class="link link--has-children link--level1 link--catalog_link"
  
  
  
  
  data-level="1"
  data-levels="2"
  data-title="Titres"
  data-type="catalog_link"
  data-url="/collections/all"
  
  >

  
<a href="/collections/all" class="link__anchor" >
        
          <span class="link__anchor-text">
            Titres
          </span>
        
      </a>
    
  

  
    




  

  

  

  

  <div class="linklist__links linklist__links--level2 standard-menu  flushed-menu">
    <ul style="--grid-column-count: 1; --grid-row-count: 9">
      
    
    
    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Découvrez nos livres"
  data-type="http_link"
  data-url="#"
  
    style="--column-span:1"
  
  >

  

  
    




  <ul class="linklist__links linklist__links--level3" style="--grid-column-count: 1; --grid-row-count: 9">
      

      
<span class="link__anchor link__anchor--unclickable">Découvrez nos livres</span>
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Romans et nouvelles"
  data-type="collection_link"
  data-url="/collections/romans-1"
  
  >

  
<a href="/collections/romans-1" class="link__anchor" >
        
          Romans et nouvelles
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Essais"
  data-type="collection_link"
  data-url="/collections/essais"
  
  >

  
<a href="/collections/essais" class="link__anchor" >
        
          Essais
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Théâtre"
  data-type="collection_link"
  data-url="/collections/theatre"
  
  >

  
<a href="/collections/theatre" class="link__anchor" >
        
          Théâtre
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="VLB imaginaire"
  data-type="collection_link"
  data-url="/collections/vlb-imaginaire"
  
  >

  
<a href="/collections/vlb-imaginaire" class="link__anchor" >
        
          VLB imaginaire
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</li>


<li
  class="link link--level1 link--collection_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Livres audio"
  data-type="collection_link"
  data-url="/collections/livres-audio"
  
  >

  
<a href="/collections/livres-audio" class="link__anchor" >
        
          <span class="link__anchor-text">
            Livres audio
          </span>
        
      </a>
    
  

  
</li>


<li
  class="link link--level1 link--blog_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Auteurs | Autrices"
  data-type="blog_link"
  data-url="/blogs/auteurs"
  
  >

  
<a href="/blogs/auteurs" class="link__anchor" >
        
          <span class="link__anchor-text">
            Auteurs | Autrices
          </span>
        
      </a>
    
  

  
</li>


<li
  class="link link--level1 link--http_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Prix Robert-Cliche"
  data-type="http_link"
  data-url="https://www.prixrobertcliche.com/"
  
  >

  
<a href="https://www.prixrobertcliche.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          <span class="link__anchor-text">
            Prix Robert-Cliche
          </span>
        
      </a>
    
  

  
</li>


<li
  class="link link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Manuscrits"
  data-type="page_link"
  data-url="/pages/manuscrits"
  
  >

  
<a href="/pages/manuscrits" class="link__anchor" >
        
          <span class="link__anchor-text">
            Manuscrits
          </span>
        
      </a>
    
  

  
</li>


<li
  class="link link--has-children link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="2"
  data-title="À propos | Contact"
  data-type="page_link"
  data-url="/pages/contact-groupe-villemarie"
  
  >

  
<a href="/pages/contact-groupe-villemarie" class="link__anchor" >
        
          <span class="link__anchor-text">
            À propos | Contact
          </span>
        
      </a>
    
  

  
    




  

  

  

  

  <div class="linklist__links linklist__links--level2 standard-menu  flushed-menu">
    <ul style="--grid-column-count: 2; --grid-row-count: 9">
      
    
    
    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="VLB éditeur"
  data-type="http_link"
  data-url="#"
  
    style="--column-span:1"
  
  >

  

  
    




  <ul class="linklist__links linklist__links--level3" style="--grid-column-count: 1; --grid-row-count: 9">
      

      
<span class="link__anchor link__anchor--unclickable">VLB éditeur</span>
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Qui sommes-nous ?"
  data-type="page_link"
  data-url="/pages/a-propos-editionsvlb"
  
  >

  
<a href="/pages/a-propos-editionsvlb" class="link__anchor" >
        
          Qui sommes-nous ?
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Contact"
  data-type="page_link"
  data-url="/pages/contact-groupe-villemarie"
  
  >

  
<a href="/pages/contact-groupe-villemarie" class="link__anchor" >
        
          Contact
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Nos autres maisons d&#39;édition"
  data-type="http_link"
  data-url="#"
  
    style="--column-span:1"
  
  >

  

  
    




  <ul class="linklist__links linklist__links--level3" style="--grid-column-count: 1; --grid-row-count: 9">
      

      
<span class="link__anchor link__anchor--unclickable">Nos autres maisons d'édition</span>
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="L&#39;Hexagone"
  data-type="http_link"
  data-url="https://editionshexagone.groupelivre.com/"
  
  >

  
<a href="https://editionshexagone.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          L'Hexagone
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="TYPO"
  data-type="http_link"
  data-url="https://editionstypo.groupelivre.com/"
  
  >

  
<a href="https://editionstypo.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          TYPO
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="La Bagnole"
  data-type="http_link"
  data-url="https://editionslabagnole.groupelivre.com/"
  
  >

  
<a href="https://editionslabagnole.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          La Bagnole
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Les Éditions du Journal"
  data-type="http_link"
  data-url="https://editionsdujournal.groupelivre.com/"
  
  >

  
<a href="https://editionsdujournal.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Les Éditions du Journal
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</li>


<li
  class="link link--has-children link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="2"
  data-title="Droits | Rights"
  data-type="page_link"
  data-url="/pages/droits-rights-vlb"
  
  >

  
<a href="/pages/droits-rights-vlb" class="link__anchor" >
        
          <span class="link__anchor-text">
            Droits | Rights
          </span>
        
      </a>
    
  

  
    




  

  

  

  

  <div class="linklist__links linklist__links--level2 standard-menu  flushed-menu">
    <ul style="--grid-column-count: 1; --grid-row-count: 9">
      
    
    
    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="FOREIGN RIGHTS"
  data-type="http_link"
  data-url="#"
  
    style="--column-span:1"
  
  >

  

  
    




  <ul class="linklist__links linklist__links--level3" style="--grid-column-count: 1; --grid-row-count: 9">
      

      
<span class="link__anchor link__anchor--unclickable">FOREIGN RIGHTS</span>
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="About us"
  data-type="page_link"
  data-url="/pages/droits-rights-vlb"
  
  >

  
<a href="/pages/droits-rights-vlb" class="link__anchor" >
        
          About us
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2022 Frankfurt Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/ckjsgvi2opcacjofp2dokwibxyrt274n"
  
  >

  
<a href="https://groupelibrex.box.com/s/ckjsgvi2opcacjofp2dokwibxyrt274n" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2022 Frankfurt Rights List
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2022 London Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/6p1z2iavx7ze2nzuk9jud0ye3yph99i0"
  
  >

  
<a href="https://groupelibrex.box.com/s/6p1z2iavx7ze2nzuk9jud0ye3yph99i0" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2022 London Rights List
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2021 Frankfurt Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/952zkoaksmfnvo578u4yvqt90i4gf64f"
  
  >

  
<a href="https://groupelibrex.box.com/s/952zkoaksmfnvo578u4yvqt90i4gf64f" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2021 Frankfurt Rights List
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2021 London Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/27xbktozao1g6x4id6ddb3xpg8w55qen"
  
  >

  
<a href="https://groupelibrex.box.com/s/27xbktozao1g6x4id6ddb3xpg8w55qen" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2021 London Rights List
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2020 Frankfurt Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/nv7woudc5cgu193wz9lwtaa4qlshdf9p"
  
  >

  
<a href="https://groupelibrex.box.com/s/nv7woudc5cgu193wz9lwtaa4qlshdf9p" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2020 Frankfurt Rights List
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2020 London Rights List"
  data-type="http_link"
  data-url="https://groupelibrex.box.com/s/4vxlh5oibwv1k96xhyph2bwr0j4rfv1v"
  
  >

  
<a href="https://groupelibrex.box.com/s/4vxlh5oibwv1k96xhyph2bwr0j4rfv1v" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2020 London Rights List
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</li>

    
  </ul>


</nav>


    </div>

    <div class="site-header__nav site-header__nav--mobile" v-if="!$mq.laptop">
      <button
  class="menu-action menu-action--main"
  aria-haspopup="true"
  :aria-expanded="String(mainMenuActive)"
  @click="mainMenuActive = !mainMenuActive">
  Menu
  <span aria-hidden="true" class="menu-action__chevron"></span>
</button>
<flyout v-model="mainMenuActive" :allow-outside-click="handleOutsideClick" :click-outside-deactivates="false" :scroll-lock-class="'noscroll-mobile-menu'" class="flyout--mobile-menu">
  <template #header>
    <h2 class="flyout__title">Menu</h2>
  </template>
  <template #body>
    <linklist v-if="linklist" :linklist="linklist"></linklist>
  </template>
  <template #footer>
    <div class="menu-utilities__close-button"><button
      class="menu-utilities__button"
      @click="mainMenuActive = false">
        <svg class=" icon icon--close"  width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9998 14.46L2.75981 24.79C2.28981 25.13 1.59981 25.06 1.22981 24.62C0.859812 24.19 0.939812 23.56 1.41981 23.22L11.2398 13L1.41981 2.78C0.949812 2.44 0.859812 1.81 1.22981 1.38C1.59981 0.950003 2.28981 0.870003 2.75981 1.21L12.9998 11.54L23.2398 1.21C23.7098 0.870003 24.3998 0.940003 24.7698 1.38C25.1398 1.81 25.0598 2.44 24.5798 2.78L14.7598 13L24.5798 23.22C25.0498 23.56 25.1398 24.19 24.7698 24.62C24.3998 25.05 23.7098 25.13 23.2398 24.79L12.9998 14.46Z" fill="black"/></svg>
  
        Fermer le menu local
      </button>
    </div>
  </template>
</flyout>

    </div>

    
      <div class="site-header__utilities">
        <button @click="searchActive = true" class="site-header__utility-button site-header__utility-button--search">
          <span class="accessible-label">
            Rechercher
          </span>
          <svg class=" icon icon--search"  width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m36.13 34.49-7.09-7.09c1.2-1.53 1.85-3.49 1.85-5.45 0-4.91-4.04-8.95-8.94-8.95-4.91 0-8.95 3.93-8.95 8.84s4.04 8.95 8.95 8.95c1.75 0 3.49-.55 4.91-1.53l7.2 7.2c.33.33.65.44.98.44.33 0 .76-.11.98-.44.22-.22.44-.65.44-.98.1-.44-.11-.77-.33-.99Zm-8.08-12.65c0 3.38-2.73 6.11-6.11 6.11-3.38 0-6.11-2.73-6.11-6.11 0-3.38 2.73-6.11 6.11-6.11a6.09 6.09 0 0 1 6.11 6.11Z" fill="#fff"/></svg>
        </button>

        
  <a href="https://www.facebook.com/vlbediteur" target="_blank" rel="noopener noreferrer" class="site-header__social-icon">
    <span class="accessible-label">
      Suivez nous sur Facebook!
    </span>
    <svg class=" icon icon--facebook"  xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
      <title>Facebook</title>
      <path d="M18,0A18,18,0,1,0,36,18,18,18,0,0,0,18,0Zm4.5,12h-2c-.81,0-1,.33-1,1.17V15h3l-.31,3H19.5V28.5H15V18H12V15h3V11.54c0-2.66,1.4-4,4.54-4h3Z" />
    </svg>
  </a>


  <a href="https://www.instagram.com/vlb_editeur/" target="_blank" rel="noopener noreferrer" class="site-header__social-icon">
    <span class="accessible-label">
      Suivez nous sur Instagram!
    </span>
    <svg class=" icon icon--instagram"  width="37" height="37" viewBox="0 0 37 37">
      <title>Instagram</title>
      <path d="M22.2787 9.68908C21.1717 9.63808 20.8387 9.62908 18.0352 9.62908C15.2317 9.62908 14.9002 9.63958 13.7932 9.68908C10.9447 9.81958 9.61866 11.1681 9.48816 13.9941C9.43866 15.1011 9.42666 15.4326 9.42666 18.2361C9.42666 21.0396 9.43866 21.3711 9.48816 22.4796C9.61866 25.2981 10.9387 26.6541 13.7932 26.7846C14.8987 26.8341 15.2317 26.8461 18.0352 26.8461C20.8402 26.8461 21.1717 26.8356 22.2787 26.7846C25.1272 26.6556 26.4517 25.3026 26.5837 22.4796C26.6332 21.3726 26.6437 21.0396 26.6437 18.2361C26.6437 15.4326 26.6332 15.1011 26.5837 13.9941C26.4517 11.1696 25.1242 9.81958 22.2787 9.68908ZM18.0352 23.6286C15.0577 23.6286 12.6427 21.2151 12.6427 18.2361C12.6427 15.2586 15.0577 12.8451 18.0352 12.8451C21.0127 12.8451 23.4277 15.2586 23.4277 18.2361C23.4277 21.2136 21.0127 23.6286 18.0352 23.6286ZM23.6407 13.8921C22.9447 13.8921 22.3807 13.3281 22.3807 12.6321C22.3807 11.9361 22.9447 11.3721 23.6407 11.3721C24.3367 11.3721 24.9007 11.9361 24.9007 12.6321C24.9007 13.3266 24.3367 13.8921 23.6407 13.8921ZM21.5347 18.2361C21.5347 20.1696 19.9672 21.7356 18.0352 21.7356C16.1032 21.7356 14.5357 20.1696 14.5357 18.2361C14.5357 16.3026 16.1032 14.7366 18.0352 14.7366C19.9672 14.7366 21.5347 16.3026 21.5347 18.2361ZM18.0352 0.236084C8.09466 0.236084 0.0351562 8.29558 0.0351562 18.2361C0.0351562 28.1766 8.09466 36.2361 18.0352 36.2361C27.9757 36.2361 36.0352 28.1766 36.0352 18.2361C36.0352 8.29558 27.9757 0.236084 18.0352 0.236084ZM28.4722 22.5651C28.2997 26.3826 26.1742 28.4976 22.3657 28.6731C21.2452 28.7241 20.8867 28.7361 18.0352 28.7361C15.1837 28.7361 14.8267 28.7241 13.7062 28.6731C9.89016 28.4976 7.77366 26.3796 7.59816 22.5651C7.54716 21.4461 7.53516 21.0876 7.53516 18.2361C7.53516 15.3846 7.54716 15.0276 7.59816 13.9071C7.77366 10.0911 9.89166 7.97458 13.7062 7.80058C14.8267 7.74808 15.1837 7.73608 18.0352 7.73608C20.8867 7.73608 21.2452 7.74808 22.3657 7.80058C26.1832 7.97608 28.3012 10.0986 28.4722 13.9071C28.5232 15.0276 28.5352 15.3846 28.5352 18.2361C28.5352 21.0876 28.5232 21.4461 28.4722 22.5651Z" />
    </svg>
  </a>







        
          <button
            class="site-header__utility-button site-header__utility-button--cart"
            aria-haspopup="true"
            :aria-expanded="String(cartFlyoutActive)"
            @click="toggleCartFlyout()"
            :class="{'flyout-active' : cartFlyoutActive}"
            aria-label="Votre panier"
          >
            <svg class=" icon icon--basket"  width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.526 13.2h-5.898l-2.464-4.926c-.132-.262-.426-.35-.66-.204-.235.146-.308.481-.176.744l2.2 4.387h-15.08l2.2-4.387c.117-.263.044-.598-.19-.744-.235-.146-.529-.058-.66.204l-2.465 4.927H9.45C8.1 13.2 7 14.454 7 15.985v1.647c0 .306.22.54.484.54h1.291l2.435 14.517c.191 1.137 1.144 1.968 2.274 1.968h21.037c1.13 0 2.098-.831 2.288-1.968l2.392-14.503h1.29c.265 0 .485-.248.485-.54v-1.661c-.015-1.53-1.1-2.784-2.45-2.784zM35.87 32.47c-.103.612-.675 1.079-1.335 1.079H13.499c-.66 0-1.232-.467-1.335-1.079l-2.42-14.299h28.474l-2.347 14.3zm4.136-15.392H7.955v-1.093c0-.933.66-1.69 1.481-1.69h29.091c.821 0 1.481.757 1.481 1.69v1.093z" stroke-width="1.25" stroke-miterlimit="10"/><path d="M31.924 27.25H15.993c-.264 0-.484.248-.484.54 0 .305.22.539.484.539h15.946c.264 0 .484-.248.484-.54-.014-.291-.22-.539-.499-.539zM15.377 23.579h17.178c.264 0 .484-.248.484-.54 0-.306-.22-.539-.484-.539H15.377c-.264 0-.484.248-.484.54 0 .29.22.539.484.539z" stroke-width="1.25" stroke-miterlimit="10"/></svg>
            <span class="cart-quantity" v-if="cart.item_count > 0" v-text="cart.item_count"></span>
          </button>
          <flyout v-model="cartFlyoutActive" :direction="'right'" :allow-outside-click="handleOutsideClick" :click-outside-deactivates="false" :scroll-lock-class="'noscroll-mobile-menu'" class="flyout--cart">
  <template #header>
    <h2 class="flyout__title">Dans votre panier</h2>
    <span class="cart-quantity__label" v-t="{ path: 'cart.quantity', args: { quantity: cart.item_count } }"></span>
    <button
      class="site-header__utility-button site-header__utility-button--cart"
      @click="cartFlyoutActive = false"
      aria-label="Fermer le panier"
      >
      <svg class=" icon icon--basket"  width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.526 13.2h-5.898l-2.464-4.926c-.132-.262-.426-.35-.66-.204-.235.146-.308.481-.176.744l2.2 4.387h-15.08l2.2-4.387c.117-.263.044-.598-.19-.744-.235-.146-.529-.058-.66.204l-2.465 4.927H9.45C8.1 13.2 7 14.454 7 15.985v1.647c0 .306.22.54.484.54h1.291l2.435 14.517c.191 1.137 1.144 1.968 2.274 1.968h21.037c1.13 0 2.098-.831 2.288-1.968l2.392-14.503h1.29c.265 0 .485-.248.485-.54v-1.661c-.015-1.53-1.1-2.784-2.45-2.784zM35.87 32.47c-.103.612-.675 1.079-1.335 1.079H13.499c-.66 0-1.232-.467-1.335-1.079l-2.42-14.299h28.474l-2.347 14.3zm4.136-15.392H7.955v-1.093c0-.933.66-1.69 1.481-1.69h29.091c.821 0 1.481.757 1.481 1.69v1.093z" stroke-width="1.25" stroke-miterlimit="10"/><path d="M31.924 27.25H15.993c-.264 0-.484.248-.484.54 0 .305.22.539.484.539h15.946c.264 0 .484-.248.484-.54-.014-.291-.22-.539-.499-.539zM15.377 23.579h17.178c.264 0 .484-.248.484-.54 0-.306-.22-.539-.484-.539H15.377c-.264 0-.484.248-.484.54 0 .29.22.539.484.539z" stroke-width="1.25" stroke-miterlimit="10"/></svg>
      <span class="cart-quantity" v-text="cart.item_count"></span>
    </button>
    <span class="site-header__cart-totals site-header__cart-totals--label">
      Total:
    </span>
    <span class="site-header__cart-totals" v-text="$options.filters.money(cart.total_price)"></span>
  </template>
  <template #subheader>
    <shipping-promo :cart="cart" v-if="cart.items.length > 0"></shipping-promo>
  </template>
  <template #body>
    <article class="cart-flyout">
      <cart-flyout
        :cart="cart"
        v-if="cartFlyoutActive"
        inline-template
        >
        <div v-if="cart.item_count > 0" v-cloak>
          <cart-form :cart="cart" inline-template>
            
<form class="form form--cart" id="Cart" action="/cart" method="post">
  <div class="cart__items">
    <div class="cart__items-headers">
      <span>Produit</span>
      <span>Quantité</span>
      <span>Prix</span>
    </div>
    <div class="cart__items-body" v-if="true" v-cloak>
      <div
        class="cart__items-item"
        is="line-item"
        v-for="(item,index) in cart.items"
        :key="item.key"
        :line-item="item"
        @update-item="updateItem(index, $event)"
      ></div>
    </div>
  </div>
  
</form>

          </cart-form>
        </div>
        <div class="cart__empty" v-else >
          <p>Votre panier est vide.</p>
        </div>
      </cart-flyout>
    </article>
  </template>
  <template #footer>
    <div class="flyout__footer-wrapper">
      <div class="cart__totals">
        <!-- Total Savings -->
        <div class="total total--discount" v-if="cart.total_discount > 0">
          <span class="total__label">Économies réalisées : </span>
          <span class="total__value" v-text="$options.filters.money(cart.total_discount)"></span>
        </div>

        <!-- Total Price -->
        <div class="total total--price">
          <span class="total__label">Sous-total: </span>
          <span
            class="total__value"
            v-text="$options.filters.money(cart.total_price)"
          >0,00 $</span>
        </div>
      </div>
      <div class="cart__actions">
        <checkout-button :cart="cart" v-if="cart.item_count != 0" inline-template>
          <a @click="clearCart()" :href="siteCartRedirectLink" target="_blank" rel="noopener noreferrer" class="action action--checkout button button--primary" >Passer à la caisse</a>
        </checkout-button>
        <a href="/cart" class="action button button--outline" v-if="cart.item_count != 0">Votre panier</a>
        <a class="cart__continue-shopping-link" href="/collections/all" v-if="cart.item_count == 0">Poursuivre vos achats</a>
      </div>
    </div>
  </template>
</flyout>

        

      </div>
    
  </template>
</div>

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "Groupe Livre",
  "sameAs": [],
  "url": "https:\/\/groupelivre.com"
}
</script>


  
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Groupe Livre",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/groupelivre.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/groupelivre.com"
    }
  </script>





</div>
    </header><div class="layout__content" id="MainContent" tabindex="-1">
      <script type="text/x-template" id="vue-book-shelf">
  <div
  v-if="product"
  class="book-shelf"
  :class="{
    'book-shelf--left': justify === 'left',
    'book-shelf--right': justify === 'right',
    'book-shelf--no-bleed': !fullBleed,
  }"
>
  <div class="book-shelf__wrapper">
    <div class="book-shelf__book-wrapper">
      <div v-if="justify === 'left'" class="book-shelf__content"><div class="book-shelf__number">#<span v-text="position"></span></div>
  <a :href="product.url" class="h3 book-shelf__title" v-text="product.title"></a>
  <p class="book-shelf__author" v-text="author"></p>
  <p
    class="book-shelf__price"
    v-text="$options.filters.money(product.selected_or_first_available_variant.price)"
  ></p>
  <p>
    <div class="product-tile__cta">
      <a :href="product.url" class="button button--primary">Plus d&#39;informations</a>
    </div>
  </p></div>
        <div class="book-shelf__image-wrapper">
        <a :href="product.url">
          <img class="book-shelf__image" :src="imageSrc" :alt="imageAlt" />
        </a>
        <div class="book-shelf__image-shadow"></div>
      </div>
      <div v-if="justify === 'right'" class="book-shelf__content"><div class="book-shelf__number">#<span v-text="position"></span></div>
  <a :href="product.url" class="h3 book-shelf__title" v-text="product.title"></a>
  <p class="book-shelf__author" v-text="author"></p>
  <p
    class="book-shelf__price"
    v-text="$options.filters.money(product.selected_or_first_available_variant.price)"
  ></p>
  <p>
    <div class="product-tile__cta">
      <a :href="product.url" class="button button--primary">Plus d&#39;informations</a>
    </div>
  </p></div>
    </div>
    <div
      class="shelf"
      :style="{ '--background-image': 'url(' + shelfImageSrc + ')' }"
    ></div>
    <template v-if="!fullBleed">
      <div class="shelf__shadow shelf__shadow--right"></div>
      <div class="shelf__shadow shelf__shadow--left"></div>
    </template>
    <div
      v-else-if="justify === 'right'"
      class="shelf__shadow shelf__shadow--right"
    ></div>
    <div v-else class="shelf__shadow shelf__shadow--left"></div>
  </div>
</div>

</script>

<div data-vue="home" class="js-home-root">
  
  
</div>

    </div>
  </main>

  <footer class="layout__footer">
    

<div class="site-footer" data-vue="footer">
  <div class="site-footer__wrapper">
    <div class="site-footer__main"><div class="site-footer__newsletter"></div>
<div class="site-footer__links">
  <div class="site-footer__links-wrapper">
    <template v-if="$mq.mobile">
      <accordion class="linklist--accordion" :initially-open-item="0" :light-mode="true">
        <template v-slot:default="slotProps">
          
            <accordion-item
              @toggle="slotProps.itemToggle"
              @focus-previous="slotProps.focusPrevious"
              @focus-next="slotProps.focusNext"
              @focus-first="slotProps.focusFirst"
              @focus-last="slotProps.focusLast"
              :index="0"
              :open-item-index="slotProps.openItemIndex"
              :focus-item="slotProps.focusItem"
              id="160021237"
            >
              <span slot="header">À propos</span><ul class="linklist__links linklist__links--level1">
  
</ul></accordion-item>
          
            <accordion-item
              @toggle="slotProps.itemToggle"
              @focus-previous="slotProps.focusPrevious"
              @focus-next="slotProps.focusNext"
              @focus-first="slotProps.focusFirst"
              @focus-last="slotProps.focusLast"
              :index="1"
              :open-item-index="slotProps.openItemIndex"
              :focus-item="slotProps.focusItem"
              id="160492635"
            >
              <span slot="header">Manuscrits</span><ul class="linklist__links linklist__links--level1">
  
</ul></accordion-item>
          
            <accordion-item
              @toggle="slotProps.itemToggle"
              @focus-previous="slotProps.focusPrevious"
              @focus-next="slotProps.focusNext"
              @focus-first="slotProps.focusFirst"
              @focus-last="slotProps.focusLast"
              :index="2"
              :open-item-index="slotProps.openItemIndex"
              :focus-item="slotProps.focusItem"
              id="160554885"
            >
              <span slot="header">Droits | Rights </span><ul class="linklist__links linklist__links--level1">
  
</ul></accordion-item>
          
        </template>
      </accordion>
    </template>
    <template v-else><nav
  id="Linklist-editionsvlb-footer"
  class="linklist linklist--editionsvlb-footer linklist--footer"
  aria-label="editionsvlb - footer"
  data-handle="editionsvlb-footer"
  data-levels="1"
  data-title="editionsvlb - footer">
  <ul class="linklist__links linklist__links--level1">
  <li
  class="link link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="À propos"
  data-type="page_link"
  data-url="/pages/a-propos-editionsvlb"><a href="/pages/a-propos-editionsvlb" class="link__anchor" >À propos</a>

</li>
<li
  class="link link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Manuscrits"
  data-type="page_link"
  data-url="/pages/manuscrits"><a href="/pages/manuscrits" class="link__anchor" >Manuscrits</a>

</li>
<li
  class="link link--level1 link--page_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Droits | Rights "
  data-type="page_link"
  data-url="/pages/droits-rights-vlb"><a href="/pages/droits-rights-vlb" class="link__anchor" >Droits | Rights </a>

</li>

</ul>
</nav>
</template>
  </div>
</div>
</div>
    <p class="site-footer__copyright">
      
      Tous droits réservés. © 2023 NumériQ inc.
    </p>
  </div>
</div>

  </footer>
  



<div class="sticky-footer">
  
</div>

<script src="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/runtime.js?v=101389922364810948871675896966" defer="defer"></script><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.brand-page.chunk.d63bf.js?v=130466607335078236991675896958" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.checkout.chunk.2e920.js?v=82168812433167147781675896959" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.redirect.chunk.9d1c4.js?v=171170036623448641041675896962" as="script"><script src="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/layout.theme.chunk.cfb5b.js?v=63044541598366824801675896964" defer="defer"></script><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.404.chunk.8ab0a.js?v=142955303605900839721675896970" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.cart.chunk.8cf5c.js?v=78998059517836813851675896986" as="script"><script src="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.index.chunk.a85a9.js?v=66720105259680040291675896994" defer="defer"></script><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.list-collections.chunk.d7864.js?v=73762569595536179271675896996" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.password.chunk.019f6.js?v=93306738736827444611675897007" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.search.chunk.f36af.js?v=29433231542887984461675897017" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.collection.faceted.chunk.3a3cc.js?v=95191843559689417901675896992" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.account.chunk.601ce.js?v=108143569633449583011675896975" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.account.wishlist.chunk.3553a.js?v=23822517077670170551675896976" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.activate_account.chunk.4225c.js?v=160450608103414568191675896978" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.addresses.chunk.cf30c.js?v=63046242396891936701675896981" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.login.chunk.aa097.js?v=35970759900122798521675896997" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.order.chunk.2a056.js?v=65107410091897919631675897000" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.register.chunk.2b60c.js?v=53770479535133870151675897011" as="script"><link rel="prefetch" href="//cdn.shopify.com/s/files/1/0611/6720/6657/t/64/assets/template.reset_password.chunk.36104.js?v=97384618891339161381675897014" as="script"><!--Gem_Page_Footer_Script-->


      
            <script data-instant-track type="text/javascript">
      var GEMVENDOR = GEMVENDOR || (function(){		var _js = {};		return {			init: function(Args) {				_js = Args;			},			getLibs: function() {				return _js;			}		};	}());
      if(typeof pageLibs === 'undefined' || pageLibs === null){
        var pageLibs = [];
      }
      GEMVENDOR.init(pageLibs);
      </script>
    <script data-instant-track type="text/javascript" src="https://d1um8515vdn9kb.cloudfront.net/files/gempagev2.js?v=1.0" class="gf-script" defer></script>

          
      
    

<!--End_Gem_Page_Footer_Script-->
</body>

<a class="back-to-top" id="back-to-top" href="#" aria-label="Faites défiler vers le haut de la page"><svg class=" icon icon--chevron-right"  fill="none" height="48" width="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
      <title>Faites défiler vers le haut de la page</title>
      <path d="M31 22.99c0 .31-.14.6-.38.79l-10 11.01a.992.992 0 01-1.4-.17.992.992 0 01.17-1.4l9-10.22-9-10.22a1 1 0 01-.17-1.4 1 1 0 011.4-.17l10 11.01c.24.17.38.46.38.77z" fill="#000"/>
    </svg>
</a>
</html>
