<!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/100418846977/1660675866983/h.png?v=1660675866983" type="image/png">

  <title>Les Éditions de l'Homme</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":"editionshomme.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,"shopPromisePDPViaDynamicWallet":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":"6a1dcfa7-c384-4e2c-9ef9-4afe6807f300","pageurl":"editionshomme.groupelivre.com\/","u":"568a35da0994","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: "editionshomme",publisher: "Les Éditions de l'Homme"
  };

  // 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:{},session_started:{}},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 id="web-pixels-manager-setup">(function e(e,n,a,t,o,r,i){var s=i||[],l=null!==e;l&&(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 d=function(){var e="legacy",n="unknown",a=null,t=navigator.userAgent.match(/(Firefox|Chrome)\/(\d+)/i),o=navigator.userAgent.match(/(Edg)\/(\d+)/i),r=navigator.userAgent.match(/(Version)\/(\d+)(.+)(Safari)\/(\d+)/i);r?(n="safari",a=parseInt(r[2],10)):o?(n="edge",a=parseInt(o[2],10)):t&&(n=t[1].toLocaleLowerCase(),a=parseInt(t[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),c=t.substring(0,1);if(l)try{self.performance.mark("wpm:start")}catch(e){}var p,u,f,w,h,y,m,g,v=[a,s.indexOf("web_pixels_manager_runtime_asset_prefix")>-1?"/wpm":null,"/",c,r,d,".js"].join("");p={src:v,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:o||"latest",page_url:self.location.href,status:"failed",error_msg:v+" 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 t=new XMLHttpRequest;try{return t.open("POST",n,!0),t.setRequestHeader("Content-Type","text/plain"),t.send(a),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}},u=document.createElement("script"),f=p.src,w=p.async||!0,h=p.onload,y=p.onerror,m=document.head,g=document.body,u.async=w,u.src=f,h&&u.addEventListener("load",h),y&&u.addEventListener("error",y),m?m.appendChild(u):g?g.appendChild(u):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":"0540","apiClientId":"shopify-pixel","type":"APP"},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0540","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.296","b5837980w7bcadfe3p20a28281m8e5071b1",["web_pixels_use_shop_domain_monorail_endpoint","web_pixels_shopify_pixel_validation","web_pixels_prefetch_assets"]);</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.9ac21a52ee9c37e439bd0f1b55658e80282e836e.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.9ac21a52ee9c37e439bd0f1b55658e80282e836e.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = 'https://cdn.shopify.com/s/trekkie.storefront.9ac21a52ee9c37e439bd0f1b55658e80282e836e.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61167206657,"isMerchantRequest":null,"themeId":136496513281,"themeCityHash":"6747179960556888587","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>
</head><body class="layout layout--index" style="


  --font: 'Barlow';

  --color_primary_lighter: #ec645e;
  --color_primary_light: #ec645e;
  --color_primary: #ec645e;
  --color_primary_dark: #0f2639;
  --color_primary_darker: #0f2639;

  --color_secondary_lighter: #0f2639;
  --color_secondary_light: #0f2639;
  --color_secondary: #0f2639;
  --color_secondary_dark: #0f2639;
  --color_secondary_darker: #0f2639;

  --color_text_light: #0f2639;
  --color_text_dark: #0f2639;

  --color_border_light: #ec645e;
  --color_border_dark: #ec645e;

">
  <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">Les Éditions de l'Homme</span>
    <picture>
      <source media="(min-width:75em)"
        srcset="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/homme_logo_simple_blanc.svg?v=1660676256">
      <source srcset="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/homme_logo_simple_blanc.svg?v=1660676256">
      <img src="https://cdn.shopify.com/s/files/1/0611/6720/6657/files/homme_logo_simple_blanc.svg?v=1660676256" alt="Les Éditions de l'Homme logo">
    </picture>
  </a>
</h1>

    </div>

    <div class="site-header__nav site-header__nav--desktop" ref="main-menu">
      <nav
  id="Linklist-editionshomme-header"
  class="linklist linklist--editionshomme-header linklist--desktop"
  aria-label="editionshomme-header"
  data-handle="editionshomme-header"
  data-levels="3"
  data-title="editionshomme-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="Livres"
  data-type="catalog_link"
  data-url="/collections/all"
  
  >

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

  
    




  

  

  

  

  <div class="linklist__links linklist__links--level2 megamenu ">
    <ul style="--grid-column-count: 4; --grid-row-count: 9">
      
    
    
    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Vie pratique"
  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">Vie pratique</span>
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Psychologie | Développement personnel"
  data-type="collection_link"
  data-url="/collections/psychologie-developpement-personnel"
  
  >

  
<a href="/collections/psychologie-developpement-personnel" class="link__anchor" >
        
          Psychologie | Développement personnel
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="/collections/parentalite" class="link__anchor" >
        
          Parentalité
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Cuisine | Vins"
  data-type="collection_link"
  data-url="/collections/cuisine"
  
  >

  
<a href="/collections/cuisine" class="link__anchor" >
        
          Cuisine | Vins
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Mieux-être | Santé"
  data-type="collection_link"
  data-url="/collections/mieux-etre-sante"
  
  >

  
<a href="/collections/mieux-etre-sante" class="link__anchor" >
        
          Mieux-être | Santé
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="/collections/nutrition" class="link__anchor" >
        
          Nutrition
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="/collections/consommation-responsable" class="link__anchor" >
        
          Consommation responsable
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="/collections/finances-personnelles" class="link__anchor" >
        
          Finances personnelles
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Loisirs | Tourisme"
  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">Loisirs | Tourisme</span>
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Sports | Loisirs"
  data-type="collection_link"
  data-url="/collections/sports-loisirs"
  
  >

  
<a href="/collections/sports-loisirs" class="link__anchor" >
        
          Sports | Loisirs
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Nature | Jardinage"
  data-type="collection_link"
  data-url="/collections/nature-jardinage"
  
  >

  
<a href="/collections/nature-jardinage" class="link__anchor" >
        
          Nature | Jardinage
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Voyages | Plein air"
  data-type="collection_link"
  data-url="/collections/voyages-plein-air-1"
  
  >

  
<a href="/collections/voyages-plein-air-1" class="link__anchor" >
        
          Voyages | Plein air
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Loisirs créatifs | Apprentissage | Bricolage"
  data-type="collection_link"
  data-url="/collections/loisirs-creatifs-apprentissage-bricolage"
  
  >

  
<a href="/collections/loisirs-creatifs-apprentissage-bricolage" class="link__anchor" >
        
          Loisirs créatifs | Apprentissage | Bricolage
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Auto | Moto"
  data-type="collection_link"
  data-url="/collections/auto-moto"
  
  >

  
<a href="/collections/auto-moto" class="link__anchor" >
        
          Auto | Moto
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    

        

<li
  class="link link--has-children link--level2 link--http_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Culture | Société"
  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">Culture | Société</span>
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Biographies | Témoignages"
  data-type="collection_link"
  data-url="/collections/biographies"
  
  >

  
<a href="/collections/biographies" class="link__anchor" >
        
          Biographies | Témoignages
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="/collections/true-crime" class="link__anchor" >
        
          True crime
        
      </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="Affaires | Économie"
  data-type="collection_link"
  data-url="/collections/editions-de-lhomme-affaires"
  
  >

  
<a href="/collections/editions-de-lhomme-affaires" class="link__anchor" >
        
          Affaires | Économie
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Histoire | Patrimoine"
  data-type="collection_link"
  data-url="/collections/histoire-patrimoine"
  
  >

  
<a href="/collections/histoire-patrimoine" class="link__anchor" >
        
          Histoire | Patrimoine
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Arts | Musique"
  data-type="collection_link"
  data-url="/collections/arts-musique"
  
  >

  
<a href="/collections/arts-musique" class="link__anchor" >
        
          Arts | Musique
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Histoire du sport"
  data-type="collection_link"
  data-url="/collections/histoire-du-sport"
  
  >

  
<a href="/collections/histoire-du-sport" class="link__anchor" >
        
          Histoire du sport
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    

        

<li
  class="link link--has-children link--level2 link--collection_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Fiction"
  data-type="collection_link"
  data-url="/collections/romans-1"
  
    style="--column-span:1"
  
  >

  

  
    




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

      
<a href="/collections/romans-1" class="link__anchor">Fiction</a>
        

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

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

  
</li>

      
        

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

  
<a href="/collections/romans-jeunes-adultes" class="link__anchor" >
        
          Romans jeunes adultes
        
      </a>
    
  

  
</li>

      
        

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

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

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</li>


<li
  class="link link--has-children link--level1 link--collection_link"
  
  
  
  
  data-level="1"
  data-levels="2"
  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>
    
  

  
    




  

  

  

  

  <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--collection_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Tous nos livres audio"
  data-type="collection_link"
  data-url="/collections/livres-audio"
  
    style="--column-span:1"
  
  >

  

  
    




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

      
<a href="/collections/livres-audio" class="link__anchor">Tous nos livres audio</a>
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Livres pratiques"
  data-type="collection_link"
  data-url="/collections/livres-audio-bien-etre-developpement-personnel"
  
  >

  
<a href="/collections/livres-audio-bien-etre-developpement-personnel" class="link__anchor" >
        
          Livres pratiques
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Biographies | Témoignages"
  data-type="collection_link"
  data-url="/collections/livres-audio-biographies"
  
  >

  
<a href="/collections/livres-audio-biographies" class="link__anchor" >
        
          Biographies | Témoignages
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Fiction"
  data-type="collection_link"
  data-url="/collections/livres-audio-fiction"
  
  >

  
<a href="/collections/livres-audio-fiction" class="link__anchor" >
        
          Fiction
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="True crime"
  data-type="collection_link"
  data-url="/collections/livres-audio-true-crime"
  
  >

  
<a href="/collections/livres-audio-true-crime" class="link__anchor" >
        
          True crime
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Sport"
  data-type="collection_link"
  data-url="/collections/livres-audio-sports"
  
  >

  
<a href="/collections/livres-audio-sports" class="link__anchor" >
        
          Sport
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--collection_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Santé, développement personnel"
  data-type="collection_link"
  data-url="/collections/livres-audio-sante-developpement-personnel"
  
  >

  
<a href="/collections/livres-audio-sante-developpement-personnel" class="link__anchor" >
        
          Santé, développement personnel
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</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--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-groupe-homme"
  
  >

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

  
    




  

  

  

  

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

        

<li
  class="link link--has-children link--level2 link--page_link"
  
  
  
  
  data-level="2"
  data-levels="1"
  data-title="Foreign rights"
  data-type="page_link"
  data-url="/pages/droits-rights-groupe-homme"
  
    style="--column-span:1"
  
  >

  

  
    




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

      
<a href="/pages/droits-rights-groupe-homme" class="link__anchor">Foreign rights</a>
        

<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-groupe-homme"
  
  >

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

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="2023 London Rights List"
  data-type="http_link"
  data-url="https://groupesogidesinc.app.box.com/s/k15t1v70w1vyhbocxxt5t4my7s5mnjx0"
  
  >

  
<a href="https://groupesogidesinc.app.box.com/s/k15t1v70w1vyhbocxxt5t4my7s5mnjx0" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          2023 London Rights List
        
      </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://groupesogidesinc.box.com/s/6ydacx5stpix787og3bbunigfnz1bl17"
  
  >

  
<a href="https://groupesogidesinc.box.com/s/6ydacx5stpix787og3bbunigfnz1bl17" 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://groupesogidesinc.app.box.com/s/qexvu137zkb90n2d2dtuywrg60hdowt2"
  
  >

  
<a href="https://groupesogidesinc.app.box.com/s/qexvu137zkb90n2d2dtuywrg60hdowt2" 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://groupesogidesinc.app.box.com/s/k3iic09vspjikloava0xjr5wluyiyq7y"
  
  >

  
<a href="https://groupesogidesinc.app.box.com/s/k3iic09vspjikloava0xjr5wluyiyq7y" 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://groupesogidesinc.app.box.com/s/vhmodqtw6na8xpj07aura7wqtv37mn1t"
  
  >

  
<a href="https://groupesogidesinc.app.box.com/s/vhmodqtw6na8xpj07aura7wqtv37mn1t" 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://groupesogidesinc.box.com/s/vq7nn98tpp9jzg5u44fdsyh1667l2xsg"
  
  >

  
<a href="https://groupesogidesinc.box.com/s/vq7nn98tpp9jzg5u44fdsyh1667l2xsg" 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://groupesogidesinc.box.com/s/ugdzfubxykrjwv9n475mwum42pxgj8mb"
  
  >

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

  
</li>

      

      
    
  </ul>


  
</li>


      

    



        
        
        

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

  

  
    




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

      
<span class="link__anchor link__anchor--unclickable">Discover our books</span>
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Psychology &amp; Self-Help"
  data-type="page_link"
  data-url="/pages/editionshomme-psychology-self-help"
  
  >

  
<a href="/pages/editionshomme-psychology-self-help" class="link__anchor" >
        
          Psychology & Self-Help
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Health &amp; Well-Being"
  data-type="page_link"
  data-url="/pages/editionshomme-health-well-being"
  
  >

  
<a href="/pages/editionshomme-health-well-being" class="link__anchor" >
        
          Health & Well-Being
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Food &amp; Drink"
  data-type="page_link"
  data-url="/pages/editionshomme-food-drink"
  
  >

  
<a href="/pages/editionshomme-food-drink" class="link__anchor" >
        
          Food & Drink
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Nutrition"
  data-type="page_link"
  data-url="/pages/editionshomme-nutrition"
  
  >

  
<a href="/pages/editionshomme-nutrition" class="link__anchor" >
        
          Nutrition
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Biography &amp; Autobiography"
  data-type="page_link"
  data-url="/pages/editionshomme-biography"
  
  >

  
<a href="/pages/editionshomme-biography" class="link__anchor" >
        
          Biography & Autobiography
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Essay"
  data-type="page_link"
  data-url="/pages/editionshomme-essay"
  
  >

  
<a href="/pages/editionshomme-essay" class="link__anchor" >
        
          Essay
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Mind, Body &amp; Spirit"
  data-type="page_link"
  data-url="/pages/editionshomme-mind-body-spirit"
  
  >

  
<a href="/pages/editionshomme-mind-body-spirit" class="link__anchor" >
        
          Mind, Body & Spirit
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Lifestyle"
  data-type="page_link"
  data-url="/pages/editionshomme-lifestyle"
  
  >

  
<a href="/pages/editionshomme-lifestyle" class="link__anchor" >
        
          Lifestyle
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Sports &amp; Outdoors"
  data-type="page_link"
  data-url="/pages/editionshomme-sports-outdoors"
  
  >

  
<a href="/pages/editionshomme-sports-outdoors" class="link__anchor" >
        
          Sports & Outdoors
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Travel"
  data-type="page_link"
  data-url="/pages/editionshomme-travel"
  
  >

  
<a href="/pages/editionshomme-travel" class="link__anchor" >
        
          Travel
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Home &amp; Gardening"
  data-type="page_link"
  data-url="/pages/editionshomme-home-gardening"
  
  >

  
<a href="/pages/editionshomme-home-gardening" class="link__anchor" >
        
          Home & Gardening
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Parenting"
  data-type="page_link"
  data-url="/pages/editionshomme-parenting"
  
  >

  
<a href="/pages/editionshomme-parenting" class="link__anchor" >
        
          Parenting
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Comics"
  data-type="page_link"
  data-url="/pages/editionshomme-comics"
  
  >

  
<a href="/pages/editionshomme-comics" class="link__anchor" >
        
          Comics
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Fiction"
  data-type="page_link"
  data-url="/pages/editionshomme-fiction"
  
  >

  
<a href="/pages/editionshomme-fiction" class="link__anchor" >
        
          Fiction
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="True Crime"
  data-type="page_link"
  data-url="/pages/editionshomme-true-crime"
  
  >

  
<a href="/pages/editionshomme-true-crime" class="link__anchor" >
        
          True Crime
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Thriller"
  data-type="page_link"
  data-url="/pages/editionshomme-thriller"
  
  >

  
<a href="/pages/editionshomme-thriller" class="link__anchor" >
        
          Thriller
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--page_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Children &amp; Teens"
  data-type="page_link"
  data-url="/pages/editionshomme-children-teens"
  
  >

  
<a href="/pages/editionshomme-children-teens" class="link__anchor" >
        
          Children & Teens
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


        

      

    
  
    </ul>
    
  </div>


  
</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-editions-homme"
  
  >

  
<a href="/pages/manuscrits-editions-homme" 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-homme"
  
  >

  
<a href="/pages/contact-groupe-homme" 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="Les Éditions de l&#39;Homme"
  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">Les Éditions de l'Homme</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/editionshomme-a-propos"
  
  >

  
<a href="/pages/editionshomme-a-propos" 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-homme"
  
  >

  
<a href="/pages/contact-groupe-homme" 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="Éditions Le Jour"
  data-type="http_link"
  data-url="https://editionslejour.groupelivre.com/"
  
  >

  
<a href="https://editionslejour.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Éditions Le Jour
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Éditions Petit Homme / PH"
  data-type="http_link"
  data-url="https://editionspetithomme.groupelivre.com/"
  
  >

  
<a href="https://editionspetithomme.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Éditions Petit Homme / PH
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="https://editionslasemaine.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Éditions La Semaine
        
      </a>
    
  

  
</li>

      
        

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

  
<a href="https://editionslagriffe.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Éditions La Griffe
        
      </a>
    
  

  
</li>

      
        

<li
  class="link link--level3 link--http_link"
  
  
  
  
  data-level="3"
  data-levels="0"
  data-title="Éditions Québec-Livres"
  data-type="http_link"
  data-url="https://editionsquebeclivres.groupelivre.com/"
  
  >

  
<a href="https://editionsquebeclivres.groupelivre.com/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          Éditions Québec-Livres
        
      </a>
    
  

  
</li>

      

      
    
  </ul>


  
</li>


      

    
  
    </ul>
    
  </div>


  
</li>


<li
  class="link link--level1 link--http_link"
  
  
  
  
  data-level="1"
  data-levels="0"
  data-title="Europe"
  data-type="http_link"
  data-url="http://www.editions-homme.fr/"
  
  >

  
<a href="http://www.editions-homme.fr/" class="link__anchor"  target="_blank" rel="noopener noreferrer" >
        
          <span class="link__anchor-text">
            Europe
          </span>
        
      </a>
    
  

  
</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/leseditionsdelhomme" 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/leseditionsdelhomme/" 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>


  <a href="https://www.youtube.com/c/EditionsHomme" target="_blank" rel="noopener noreferrer" class="site-header__social-icon">
    <span class="accessible-label">
      Suivez nous sur Youtube!
    </span>
    <title>Youtube</title>
    <svg class=" icon icon--youtube"  width="36" height="36" viewbox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M18 0a18 18 0 1 0 0 36 18 18 0 0 0 0-36Zm11 17.74v.55a32.4 32.4 0 0 1-.12 2.65c-.08.88-.18 1.63-.33 2.18a3.42 3.42 0 0 1-2.42 2.43c-.69.18-2.05.3-3.97.37-.9.04-1.88.06-2.86.07l-.94.01h-.72l-.94-.01c-.98-.01-1.95-.03-2.86-.07a21.9 21.9 0 0 1-3.97-.37 3.43 3.43 0 0 1-2.42-2.43c-.15-.55-.25-1.3-.33-2.18-.05-.65-.09-1.33-.1-2.02L7 18.26v-.55a32.88 32.88 0 0 1 .12-2.65c.08-.88.18-1.63.33-2.18a3.43 3.43 0 0 1 2.42-2.43c.69-.18 2.05-.3 3.97-.37.9-.04 1.88-.06 2.86-.07h.84l.1-.01h.82l.84.01c.98.01 1.95.03 2.86.07 1.92.07 3.28.19 3.97.37a3.42 3.42 0 0 1 2.42 2.43c.15.55.25 1.3.33 2.18.05.65.09 1.33.1 2.02v.07l.02.6Zm-1.77.5v-.47l-.01-.64c-.02-.65-.05-1.3-.1-1.91-.07-.8-.17-1.45-.28-1.88a1.66 1.66 0 0 0-1.16-1.17c-.52-.14-1.82-.25-3.58-.32l-2.82-.07h-2.56l-2.82.07c-1.76.07-3.06.18-3.58.32-.56.15-1 .6-1.16 1.17-.11.43-.2 1.08-.27 1.88-.06.6-.09 1.26-.1 1.91l-.02.39V18.23l.01.64c.02.65.05 1.3.1 1.91.07.8.17 1.45.28 1.88.15.57.6 1.02 1.16 1.17.52.14 1.82.25 3.58.32l2.82.07h2.56l2.82-.07c1.76-.07 3.06-.18 3.58-.32.56-.15 1-.6 1.16-1.17.11-.43.2-1.08.27-1.88.06-.6.09-1.26.1-1.91l.01-.11.01-.53Zm-5.72-.26-5.7 3.32v-6.6l5.7 3.28Z" fill="#fff"/>
    </svg>
  </a>


  <a href="https://twitter.com/Editions_Homme" target="_blank" rel="noopener noreferrer" class="site-header__social-icon">
    <span class="accessible-label">
      Suivez nous sur Twitter!
    </span>
    <svg class=" icon icon--twitter"  width="36" height="36" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
      <title>Twitter</title>
      <path d="M18,0A18,18,0,1,0,36,18,18,18,0,0,0,18,0Zm9.1,14.47A12.26,12.26,0,0,1,8.25,25.35a8.66,8.66,0,0,0,6.38-1.79,4.31,4.31,0,0,1-4-3,4.39,4.39,0,0,0,2-.07,4.33,4.33,0,0,1-3.46-4.28,4.48,4.48,0,0,0,1.95.54A4.33,4.33,0,0,1,9.71,11a12.24,12.24,0,0,0,8.88,4.51,4.31,4.31,0,0,1,7.34-3.93,8.91,8.91,0,0,0,2.74-1.05,4.32,4.32,0,0,1-1.89,2.38,8.23,8.23,0,0,0,2.47-.68A8.81,8.81,0,0,1,27.1,14.47Z"/>
    </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="722947703"
            >
              <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="723500575"
            >
              <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="723572742"
            >
              <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-editionshomme-footer"
  class="linklist linklist--editionshomme-footer linklist--footer"
  aria-label="editionsdelhomme - footer"
  data-handle="editionshomme-footer"
  data-levels="1"
  data-title="editionsdelhomme - 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/editionshomme-a-propos"><a href="/pages/editionshomme-a-propos" 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-editions-homme"><a href="/pages/manuscrits-editions-homme" 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-groupe-homme"><a href="/pages/droits-rights-groupe-homme" 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>
