<!DOCTYPE html>
<html lang="fr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
<!--// ACS4WWW8 | 5123 //-->
<meta charset="utf-8">
<link rel="dns-prefetch" href="https://images.epagine.fr">
<link rel="preconnect" href="https://images.epagine.fr">
<link rel="dns-prefetch" href="https://static.epagine.fr">
<link rel="preconnect" href="https://static.epagine.fr">
<title>Librairie Martelle AMIENS - La librairie proche de vous !</title>
<meta name="og:title" content="Librairie Martelle AMIENS - La librairie proche de vous !">
<meta name="twitter:title" content="Librairie Martelle AMIENS - La librairie proche de vous !">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://www.librairiemartelle.com/">
<meta name="description" content="Librairie indépendante et familiale, même en ligne !">
<meta name="og:description" content="Librairie indépendante et familiale, même en ligne !">
<meta name="twitter:description" content="Librairie indépendante et familiale, même en ligne !">
<meta name="twitter:card" content="summary">
<meta property="og:site_name" content="Librairie Martelle">
<meta property="og:url" content="https://www.librairiemartelle.com/">
<meta property="og:image" content="https://static.epagine.fr/mediaweb3/5123/logo_martelle.png">
<meta property="twitter:image" content="https://static.epagine.fr/mediaweb3/5123/logo_martelle.png">
<meta name="geo.placename" content="Amiens">
<meta name="geo.position" content="49.893976;2.297435">
<meta name="ICBM" content="49.893976,2.297435">
<meta name="og:latitude" content="49.893976">
<meta name="og:longitude" content="2.297435">
<meta name="og:street-address" content="3 rue des Vergeaux">
<meta name="og:locality" content="Amiens">
<meta name="og:postal-code" content="80000">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#144a93">
<meta name="msapplication-navbutton-color" content="#144a93">
<meta name="apple-mobile-web-app-status-bar-style" content="#144a93">
<link rel="shortcut icon" href="https://static.epagine.fr/mediaweb3/5123/favicon.ico" />
<link rel="icon" type="image/png" href="https://static.epagine.fr/mediaweb3/5123/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="https://static.epagine.fr/mediaweb3/5123/favicon.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="https://static.epagine.fr/mediaweb3/5123/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Librairie Martelle AMIENS - La librairie proche de vous !" />
<link rel="mask-icon" href="https://static.epagine.fr/mediaweb3/5123/favicon.svg" color="#144a93">
<link rel="manifest" href="/manifest.json.php">
<link rel="stylesheet" href="https://static.epagine.fr/bootstrap-3.4.1/css/bootstrap.min.css?v=750f0804a5dde3c5b1c9f9414009e313ef5">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123.css?v=750f0804a5dde3c5b1c9f9414009e313ef5">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123_color.css?v=750f0804a5dde3c5b1c9f9414009e313ef5">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123_spe.css?v=750f0804a5dde3c5b1c9f9414009e313ef5">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://www.librairiemartelle.com",
"potentialAction": [{
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate":"https://www.librairiemartelle.com/listeliv.php?mots_recherche={search_term_string}"
},
"query-input": "required name=search_term_string"
}]
}
</script>
<script src="https://static.epagine.fr/tarteaucitron/tarteaucitron.min.js"></script>
<script>
tarteaucitron.init({
"hashtag": "#tarteaucitron", /* Ouverture automatique du panel avec le hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"highPrivacy": true, /* désactiver le consentement implicite (en naviguant) ? */
"closePopup": false,
"orientation": "middle", /* le bandeau doit être en haut (top) ou en bas (bottom) ? */
"bodyPosition": "bottom",
"adblocker": false, /* Afficher un message si un adblocker est détecté */
"showAlertSmall": false, /* afficher le petit bandeau en bas à droite ? */
"cookieslist": true, /* Afficher la liste des cookies installés ? */
"removeCredit": true, /* supprimer le lien vers la source ? */
"privacyUrl": "/cgc.php", /* Privacy policy url */
"showIcon": false, /* Show cookie icon to manage cookies */
"iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"googleConsentMode": true /* Enable Google Consent Mode v2 for Google ads and GA4 */
});
tarteaucitron.user.gtagUa = 'G-F86YGNBEL2';
tarteaucitron.user.gtagMore = function () {
gtag('require', 'displayfeatures');
};
(tarteaucitron.job = tarteaucitron.job || []).push('gtag');
(tarteaucitron.job = tarteaucitron.job || []).push('gcmanalyticsstorage');
(tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
(tarteaucitron.job = tarteaucitron.job || []).push('youtube');
(tarteaucitron.job = tarteaucitron.job || []).push('segment');
</script>
<script>
tarteaucitron.services.segment = {
"key": "segment",
"type": "analytic",
"name": "Segment",
"needConsent": true,
"cookies": ["ajs_anonymous_id","ajs_user_id","cmapi_cookie_privacy","cmapi_gtm_bl","fs_uid","ko_id","mutiny.user.token","notice_gdpr_prefs","notice_preferences","optimizelyEndUserId"],
"readmoreLink": "", // If you want to change readmore link
"js": function () {
"use strict";
// When user allow cookie
var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{
analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="";;analytics.SNIPPET_VERSION="4.15.3";
analytics.load("");
analytics.page();
}
if (typeof tarteaucitron.user.segmentMore === 'function') {
tarteaucitron.user.segmentMore();
}
},
"fallback": function () {
"use strict";
// when use deny cookie
}
};
</script>
<script>
(function () {
try {
if (localStorage.getItem('sidebarCollapsedComptePro') === 'true') {
document.documentElement.classList.add('js-preload');
document.body.classList.add('sidebar-collapse-compte-pro');
}
} catch (e) {}
})();
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" class="" >
<div id="mainLoading" class="col-md-12"></div>
<div id="myModal5" class="modal inmodal fade" aria-hidden="true" role="dialog" tabindex="-1" style="display:none">
<div class="modal-dialog">
<div class="modal-content clearfix">
<div class="loading_svg mt-02 mb-02"><i class="fas fa-spinner fa-pulse fa-2x"></i></div>
</div>
</div>
</div>
<div class="site-wrapper">
<div id="Affiche"></div>
<div class="skincontainer site-pusher">
<div class="site-cache" id="site-cache"></div>
<div class="container-fluid">
<header class="header col-xs-12 no-padding head-index">
<div id="tetiere">
<!-- Importation de la macro button -->
<div class="topBarre d-print-none hidden-xs hidden-sm col-xs-12 no-padding">
<div class="menu_librairie d-flex a-items-center justify-content-between col-xs-12 no-padding">
<div class="searchBarScroll">
<div class="pull-left bloc_logoScroll pl-015-pr-015">
<a href="/">
<img src="https://static.epagine.fr/mediaweb3/5123/logo_martelle.png" alt="Librairie Martelle">
</a>
</div>
<form class="bloc_searchScroll" action="/listeliv.php" method="get" role="search" onsubmit="if($('#mots_rechercheScroll').val() == ''){location.replace('https://www.librairiemartelle.com');return false;}">
<p class="bloc_nom_librairie_accroche d-print-none">
Librairie Martelle
| Librairie indépendante amiénoise depuis 1957
</p>
<div class="searchScroll">
<div class="input-group searchBar">
<span class="input-group-btn containerComboBaseScroll">
<select title="Rechercher" name="base" data-typeprod="get_basepo">
<option value="all" >
Tous les produits
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</option>
<option value="jouet" >
Jeux - Jouets
</option>
</select>
</span>
<input type="text" id="mots_rechercheScroll" name="mots_recherche" class="ui-autocomplete-input suggest pl-005" placeholder="Rechercher par titre, auteur, éditeur..." aria-label="Rechercher par titre, auteur, éditeur..." value="" autocomplete="off">
<span class="input-group-btn buttonSearchScroll">
<button type="submit" aria-label="Bouton rechercher"><i class="far fa-search" aria-hidden="true"></i></button>
</span>
</div>
<a class="btnAdv" href="/recherche_avancee.php" aria-label="Recherche avancée" data-toggle="tooltip" data-placement="bottom" title="Recherche avancée">
<i class="far fa-plus-square fa-lg"></i>
</a>
</div>
</form>
</div>
<ul class="menu_libraire-entries d-flex a-items-center justify-content-around">
<li class="btnWishlist">
<a
id=""
class="btn btn- btn-loader nav-link"
href="/wishlist_list.php"
role="button"
data-loader-mode="replace-icon"
>
<span class="btn-inner">
<i class="btn-icon me-2 fa-regular fa-bookmark"></i>
<span class="btn-text">Mes listes</span>
</span>
</a>
</li>
<li class="lien_infosprat">
<a
id=""
class="btn btn- btn-loader nav-link"
href="/infosprat.php"
role="button"
data-loader-mode="replace-icon"
>
<span class="btn-inner">
<i class="btn-icon me-2 fa-regular fa-info-circle"></i>
<span class="btn-text">Infos pratiques</span>
</span>
</a>
</li>
<li class="lien_espace_pro">
<a
id=""
class="btn btn- btn-loader nav-link"
href="http://pro.librairiemartelle.fr/"
role="button"
data-loader-mode="replace-icon"
>
<span class="btn-inner">
<i class="btn-icon me-2 fa-regular fa-briefcase"></i>
<span class="btn-text">Espace Pro</span>
</span>
</a>
</li>
<li class="lien_compte">
<div class="btnConnect">
<button
id=""
class="btn btn- btn-loader nav-button"
type="button"
onclick="loadModalLogin('#myModal5', '/template/modal/modalLogin.php');" data-toggle="modal" data-target="#myModal5" data-loader-mode="replace-icon"
>
<span class="btn-inner">
<i class="btn-icon me-2 fa-regular fa-user"></i>
<span class="btn-text">Me connecter</span>
</span>
</button>
</div>
</li>
<li class="panier_top hidden-sm hidden-xs">
<button id="previewPanier" class="btn nav-button">
<i class="far fa-shopping-basket" aria-hidden="true"></i>
<span id="NbPanier_top">0</span>
Mon panier
</button>
</li>
</ul>
</div>
<div id="modalPreviewPanier" style="display: none;"></div>
</div>
<div class="tetiere-content col-xs-12 no-padding hidden-xs hidden-sm">
<div class="bloc_bandeau hidden-xs">
<h1 class="fs-inherit">
<a href="/" >
<img src="https://upload.epagine.fr/5123/uploads/Bandeausiteaccueil.png" alt="Librairie Martelle" class="LogoMag img-responsive">
</a>
</h1>
</div> <form action="/listeliv.php" method="get" id="listsearch" role="search" onsubmit="if($('#mots_recherche').val() == ''){location.replace('https://www.librairiemartelle.com');return false;}">
<div class="barre_recherche d-print-none col-md-6">
<div class="input-group">
<span class="input-group-btn containerComboBase">
<select title="Rechercher" name="base" id="get_base" data-typeprod="get_base">
<option value="all" >
Tous les produits
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</option>
<option value="jouet" >
Jeux - Jouets
</option>
</select>
</span>
<input type="text" id="mots_recherche" name="mots_recherche" class="form-control ui-autocomplete-input suggest" placeholder= "Rechercher par titre, auteur, éditeur..." aria-label="Rechercher par titre, auteur, éditeur..." value="" autocomplete="off" autofocus>
<span class="input-group-btn containerBtnSearchSubmit">
<button type="submit" aria-label="Bouton rechercher">
<i class="far fa-search" aria-hidden="true"></i>
</button>
</span>
<span class="input-group-btn containerRechercheAvancee hidden-xs hidden-sm">
<a class="lien_recherche_avancee hidden-sm hidden-xs" href="/recherche_avancee.php">
Recherche avancée</a>
</span>
</div>
</div>
</form>
</div>
<div class="menu_site d-print-none col-xs-12 no-padding"><ul class="ss_menu ss_menu_universThematiques">
<li class="li_accueil"><a href="/"><i class="far fa-home fa-lg hidden-xs"></i><span class="visible-xs">Accueil</span></a></li>
<li >
<a href="/agenda.php" >Agenda</a>
</li>
<li >
<a href="https://www.calameo.com/books/00781535301c4b22be5be" >L'écho Martelle en ligne</a>
</li>
<li >
<a href="/reglement-du-calendrier-de-l-avent-2025/ssh-12066" target="_blank" >Règlement du calendrier de l'Avent 2025</a>
</li>
<li >
<a href="/reglement-du-tirage-au-sort-de-noel-martelle-jeux/ssh-12166" target="_blank" >Règlement du Tirage au sort - Martelle Jeux</a>
</li>
<li id="dropdown6" class="dropdown">
<a href="/list-80908/coups-de-coeur-de-vos-libraires/" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Coups de coeur par rayon<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="/list-178513/decouvrez-les-coups-de-coeur-de-nos-libraires-du-rayon-litterature/" >Littérature</a>
</li>
<li >
<a href="/list-176709/decouvrez-les-coups-de-coeur-du-rayon-polars/" >Polars</a>
</li>
<li >
<a href="/list-176667/coups-de-coeur-bd-sf/" >BD</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="https://www.librairiemartelle.com/list-178850/decouvrez-les-coups-de-coeur-du-rayon-comics/" >Comics</a>
</li>
<li >
<a href="/list-176770/decouvrez-les-coups-de-coeur-du-rayon-sf-fantasy/" >SF/Fantasy</a>
</li>
<li >
<a href="/list-176725/decouvrez-les-coups-de-coeur-du-rayon-mangas/" >Mangas</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/list-176731/decouvrez-les-coups-de-coeur-du-rayon-romans-ados/" >Romans Ados</a>
</li>
<li >
<a href="/list-176705/decouvrez-les-coups-de-coeur-du-rayon-new-romance-dark-romance/" >New Romance / Dark Romance</a>
</li>
</ul></li> </ul>
</li>
</ul></div>
<div class="menuMobile col-xs-12 no-padding">
<nav class="menuMobile-nav col-xs-12 no-padding">
<div class="nav-menu pull-left text-center">
<a href="#sideMenu" aria-label="Menu">
<div class="hamburger" id="hamburger-1">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
<span class="textMenu">Menu</span>
</div>
</a>
</div>
<div class="nav-logo text-center no-padding">
<a href="/">
<img src="https://static.epagine.fr/mediaweb3/5123/favicon.ico" alt="Librairie Martelle" class="bloc_logo-logo">
</a>
</div>
<ul class="pull-right nav-main list-inline text-right">
<li class="nav-wishlist">
<a href="?provenance=wishlist_list" role="link" aria-label="Mes listes">
<i class="fa-regular fa-bookmark fa-2x"></i>
</a>
</li>
<li class="nav-user">
<a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php',function(){$('#myModal5').modal('show');});">
<i class="far fa-user fa-2x"></i>
<div class="text-left ml-005">
<span class="fw-bold">Espace client</span>
<br>
<span class="text-underline">Se connecter</span>
</div>
</a>
</li>
<li class="nav-basket">
<a href="/panier.php" aria-label="Mon panier">
<span class="fa-stack">
<i class="far fa-shopping-basket fa-2x"></i>
<span id="NbPanier_top" class="fa-layers-counter puce-basket">0</span>
</span>
</a>
</li>
</ul>
</nav>
<div id="smooth-searchbar" class="searchBarreMobile d-inline-flex a-items-center col-xs-12">
<button class="btn btnLien clearText d-none" aria-label="Supprimer le texte" title="Supprimer le texte">
<i class="fa-regular fa-xmark fa-2x"></i>
</button>
<button id="back_arrow_searchBarreMobbile" class="btn btnLien d-none position-absolute" aria-label="Retour vers le site" title="Retour vers le site">
<i class="fas fa-arrow-left fa-lg"></i>
</button>
<form class="d-flex justify-content-end w-100" action="/listeliv.php" method="get" role="search" onsubmit="if($('#mots_recherche_responsive').val() == ''){location.replace('https://www.librairiemartelle.com');return false;}">
<div class="barre_recherche_responsive d-print-none col-xs-12">
<div class="input-group">
<input type="search" id="mots_recherche_responsive" name="mots_recherche" class="form-control ui-autocomplete-input suggest" placeholder="Rechercher un article" value="" autocomplete="off" aria-label="Rechercher un article">
<span class="input-group-btn containerComboBaseResponsive">
<select onchange="changePlaceholder()" id="get_base" title="Rechercher" name="base" data-typeprod="get_base">
<option value="all" >
Tous les produits
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</option>
<option value="jouet" >
Jeux - Jouets
</option>
</select>
</span>
<span class="input-group-btn btnSearchresponsive">
<button type="submit" aria-label="Bouton rechercher">
<i class="fas fa-search"></i>
</button>
</span>
</div>
</div>
</form>
</div>
<div id="nav-onglets" class="menu_site_responsive d-print-none col-xs-12 no-padding">
<nav>
<div class="menu-wrapper">
<ul class="ss_menu ss_menu_universThematiques">
<li class="li_accueil"><a href="/"><i class="far fa-home fa-lg hidden-xs"></i><span class="visible-xs">Accueil</span></a></li>
<li >
<a href="/agenda.php" >Agenda</a>
</li>
<li >
<a href="https://www.calameo.com/books/00781535301c4b22be5be" >L'écho Martelle en ligne</a>
</li>
<li >
<a href="/reglement-du-calendrier-de-l-avent-2025/ssh-12066" target="_blank" >Règlement du calendrier de l'Avent 2025</a>
</li>
<li >
<a href="/reglement-du-tirage-au-sort-de-noel-martelle-jeux/ssh-12166" target="_blank" >Règlement du Tirage au sort - Martelle Jeux</a>
</li>
<li id="dropdownResponsive6" class="dropdown">
<a href="/list-80908/coups-de-coeur-de-vos-libraires/" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Coups de coeur par rayon<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="/list-178513/decouvrez-les-coups-de-coeur-de-nos-libraires-du-rayon-litterature/" >Littérature</a>
</li>
<li >
<a href="/list-176709/decouvrez-les-coups-de-coeur-du-rayon-polars/" >Polars</a>
</li>
<li >
<a href="/list-176667/coups-de-coeur-bd-sf/" >BD</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="https://www.librairiemartelle.com/list-178850/decouvrez-les-coups-de-coeur-du-rayon-comics/" >Comics</a>
</li>
<li >
<a href="/list-176770/decouvrez-les-coups-de-coeur-du-rayon-sf-fantasy/" >SF/Fantasy</a>
</li>
<li >
<a href="/list-176725/decouvrez-les-coups-de-coeur-du-rayon-mangas/" >Mangas</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/list-176731/decouvrez-les-coups-de-coeur-du-rayon-romans-ados/" >Romans Ados</a>
</li>
<li >
<a href="/list-176705/decouvrez-les-coups-de-coeur-du-rayon-new-romance-dark-romance/" >New Romance / Dark Romance</a>
</li>
</ul></li> </ul>
</li>
</ul> </div>
</nav>
<!-- Flèche gauche -->
<button id="scroll-left" class="menu-arrow d-none" aria-label="Flèche retour gauche">
<i class="fa-solid fa-chevron-left"></i>
</button>
<!-- Flèche droite -->
<button id="scroll-right" class="menu-arrow d-none" aria-label="Flèche retour droite">
<i class="fa-solid fa-chevron-right"></i>
</button>
</div>
<div class="sidebar-wrapper">
<div class="sidebar-wrapper-bloc">
<nav class="col-xs-12 no-padding">
<ul class="sidebar-account">
<li class="sideNav-accueil">
<a href="/">
<i class="fa-regular fa-house mr-005"></i>
Accueil
</a>
</li>
<li class="sideNav-compte">
<a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php',function(){$('#myModal5').modal('show');});">
<i class="fal fa-user mr-005"></i>
Mon compte
</a>
</li>
<li class="sideNav-commande">
<a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php?provenance=moncompte_historique_achat',function(){$('#myModal5').modal('show');});">
<i class="far fa-book-open mr-005"></i>
Mes commandes
</a>
</li>
<li class="sideNav-liste">
<a href="/wishlist_list.php">
<i class="fa-regular fa-bookmark fa-lg mr-005"></i>
Mes listes
</a>
</li>
<li class="sideNav-panier">
<a href="/panier.php">
<i class="fal fa-shopping-basket mr-005"></i>
Mon panier
</a>
</li>
<li class="lien_espace_pro">
<a href="http://pro.librairiemartelle.fr/" rel="noopener">
<i class="far fa-briefcase" aria-hidden="true"></i>
Espace Pro
</a>
</li>
</ul>
<ul class="sidebar-liens">
<li>
<a href="/recherche_avancee.php">Recherche avancée</a>
</li>
<li>
<a href="/faq.php">Questions fréquentes</a>
</li>
<li>
<a href="/listeliv.php?ssh_id=&type_page=palmares" title="Meilleures Ventes">Meilleures Ventes</a>
</li>
<li>
<a href="/agenda.php">Agenda</a>
</li>
<li>
<a href="/mot-du-libraire">Mot du libraire</a>
</li>
<li>
<a href="/coups-de-coeur/">Coups de coeur</a>
</li>
<li>
<a href="/liste_rayons.php">Thèmes</a>
</li>
<li>
<a href="/deconint.php" class="adeconexion">
<i class="far fa-power-off pull-right fa-lg" aria-hidden="true"></i>
Déconnexion
</a>
</li>
</ul>
<ul class="listSocial">
<li style="display:inline-block;" class="listSocial-facebook">
<a itemprop="sameAs" href="https://www.facebook.com/libmartelle" target="_blank" rel="noopener" title="Facebook" ><i class="fab fa-facebook-square fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-instagram">
<a itemprop="sameAs" href="https://instagram.com/librairiemartelle/" target="_blank" rel="noopener" title="Instagram" ><i class="fab fa-instagram fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-youtube">
<a itemprop="sameAs" href="https://www.youtube.com/channel/UCLu84vOQWvx2_ZPO03xajuA" target="_blank" rel="noopener" title="Youtube" ><i class="fab fa-youtube fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-linkedin">
<a itemprop="sameAs" href="https://www.linkedin.com/company/librairie-martelle/posts/?feedView=all" target="_blank" rel="noopener" title="Linkedin" ><i class="fab fa-linkedin fa-3x" aria-hidden="true"></i></a></li></ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<main id="main-content" class="container-corps cont-index containerHome col-xs-12 no-padding">
<div id="wrap_left" class="hidden-xs hidden-sm col-md-2 sidebar-particulier">
<div class="row">
<div class="zone_col col-xs-12 no-padding">
<p> </p>
<p><a href="https://eo4.me/aPNys"><img alt="" src="https://upload.epagine.fr/5123/uploads/Site-newsletter.png" /></a></p>
<p> </p>
<p><a href="https://www.librairiemartelle.com/agenda.php"><img alt="" src="https://upload.epagine.fr/5123/uploads/Site-evenements.png" /></a></p>
<p> </p>
<p><a href="https://www.calameo.com/read/007815353dd58720c113e"><img alt="" src="https://upload.epagine.fr/5123/uploads/site-bandeau.png" /></a></p>
<p> </p>
<p> </p>
</div>
<div class="blocRayons col-xs-12 no-padding">
<div id="catadomaine" class="menug blocRayons-content">
<ul class="niveau_1 p-01"><li class="submenu premier_niveau" id="rayon_1000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Litt%C3%A9rature&codegtl1=1000000" class="titre_li">Littérature</a></li><li class="submenu premier_niveau" id="rayon_2000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Jeunesse&codegtl1=2000000" class="titre_li">Jeunesse</a></li><li class="submenu premier_niveau" id="rayon_3000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Bandes+dessin%C3%A9es+%2F+Comics+%2F+Mangas&codegtl1=3000000" class="titre_li">Bandes dessinées / Comics / Mangas</a></li><li class="submenu premier_niveau" id="rayon_90000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Policier+%26+Thriller&codegtl1=90000000" class="titre_li">Policier & Thriller</a></li><li class="submenu premier_niveau" id="rayon_92000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Romance&codegtl1=92000000" class="titre_li">Romance</a></li><li class="submenu premier_niveau" id="rayon_91000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Fantasy+%26+Science-fiction&codegtl1=91000000" class="titre_li">Fantasy & Science-fiction</a></li><li class="submenu premier_niveau" id="rayon_4000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Vie+pratique+%26+Loisirs&codegtl1=4000000" class="titre_li">Vie pratique & Loisirs</a></li><li class="submenu premier_niveau" id="rayon_5000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Tourisme+%26+Voyages&codegtl1=5000000" class="titre_li">Tourisme & Voyages</a></li><li class="submenu premier_niveau" id="rayon_6000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Arts+et+spectacles&codegtl1=6000000" class="titre_li">Arts et spectacles</a></li><li class="submenu premier_niveau" id="rayon_7000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Religion+%26+Esot%C3%A9risme&codegtl1=7000000" class="titre_li">Religion & Esotérisme</a></li><li class="submenu premier_niveau" id="rayon_8000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Entreprise%2C+%C3%A9conomie+%26+droit&codegtl1=8000000" class="titre_li">Entreprise, économie & droit</a></li><li class="submenu premier_niveau" id="rayon_9000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Sciences+humaines+%26+sociales&codegtl1=9000000" class="titre_li">Sciences humaines & sociales</a></li><li class="submenu premier_niveau" id="rayon_10000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Sciences+%26+Techniques&codegtl1=10000000" class="titre_li">Sciences & Techniques</a></li><li class="submenu premier_niveau" id="rayon_11000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Scolaire&codegtl1=11000000" class="titre_li">Scolaire</a></li><li class="submenu premier_niveau" id="rayon_12000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Parascolaire&codegtl1=12000000" class="titre_li">Parascolaire</a></li><li class="submenu premier_niveau" id="rayon_13000000"><a href="/listeliv.php?refgtl=home&base=allbooks&select_tri_recherche=&rayon=Dictionnaires+%2F+Encyclop%C3%A9dies+%2F+Documentation&codegtl1=13000000" class="titre_li">Dictionnaires / Encyclopédies / Documentation</a></li></ul>
</div>
</div>
<div class="zone_col col-xs-12 no-padding">
<div id="fb-root"> </div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v8.0" nonce="9MIffCIx"></script>
<div class="fb-page" data-adapt-container-width="true" data-height="" data-hide-cover="false" data-href="https://www.facebook.com/libmartelle/" data-show-facepile="false" data-small-header="true" data-tabs="timeline" data-width="">
<blockquote cite="https://www.facebook.com/libmartelle/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/libmartelle/">Librairie Martelle</a></blockquote>
</div>
</div>
</div>
</div><div id="modal-root"></div>
<div id="wrap_central" class="homeIndex col-xs-12 col-md-8 pindex.php">
<div class="col-xs-12 mb-xs-03 mt-xs-01 no-margin-md bloc_btn_rayons">
<a href="/liste_rayons.php" class="btn col-xs-12 btn_rayons">
<i class="fal fa-list-alt mr-01" aria-hidden="true"></i>
<span>Parcourez nos rayons</span>
</a>
</div>
<div id="banner" class="col-xs-12">
<div class="carousel slide slider col-xs-12 no-padding" data-ride="carousel" data-interval="4000" id="slider">
<ol class="carousel-indicators col-xs-12 no-padding">
<li data-target="#slider" data-slide-to="0" class="active"></li>
<li data-target="#slider" data-slide-to="1" ></li>
<li data-target="#slider" data-slide-to="2" ></li>
<li data-target="#slider" data-slide-to="3" ></li>
</ol>
<div class="carousel-inner col-xs-12 no-padding" role="region" aria-label="Article à la une">
<div class="item item_carousel col-xs-12 no-padding active">
<a href="" >
<img src="https://upload.epagine.fr/5123/promo/5123_27139_25-02-07-13-40-05.png" alt="Site internet 2025" title="Site internet 2025" loading="lazy">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda.php" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_29790_25-11-21-13-51-43.png" alt="Nos événements - décembre" title="Nos événements - décembre" loading="lazy">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.calameo.com/read/007815353dd58720c113e" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_29650_25-11-13-14-08-09.png" alt="Catalogue de Noël 2025" title="Catalogue de Noël 2025" loading="lazy">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="" >
<img src="https://upload.epagine.fr/5123/promo/5123_29791_25-11-21-13-58-00.png" alt="" title="" loading="lazy">
</a>
</div>
</div>
<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#slider" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div id="colonneCentrale" class="col-xs-12 no-padding">
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-80908/coups-de-coeur-de-vos-libraires/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Coups de cœur de vos libraires</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Découvrez les derniers coups de coeur de vos libraires !</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=80908>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-187110/selection-speciale-benjamin-lacombe/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Sélection spéciale Benjamin Lacombe</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><b>À l'occasion de la venue de Benjamin Lacombe dans notre librairie, retrouvez ici une sélection de ses ouvrages</b></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=187110>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-185959/la-litterature-autrement/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>La littérature autrement</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Découvrez dans cette sélection la littérature autrement avec des romans illustrés</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=185959>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-185957/les-prix-litteraires-2025/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les prix littéraires 2025</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Retrouvez les prix littéraires pour cette année 2025</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=185957>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-185964/les-incontournables-mangas-a-glisser-sous-le-sapin/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les incontournables mangas à glisser sous le sapin</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Découvrez notre sélection de mangas à offrir ou se faire offrir pour cette fin d'année !</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=185964>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-185967/la-cuisine-du-monde-a-deposer-sous-le-sapin/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>La cuisine du monde à déposer sous le sapin !</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Retrouvez ici une belle sélection d'ouvrages pour découvrir la cuisine du monde</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=185967>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-185969/les-idees-de-recettes-pour-preparer-noel/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les idées de recettes pour préparer Noël</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="description_tablelivre"><p style="text-align: center;"><strong>Découvrez notre sélection pour régaler vos invités pour ces fêtes de fin d'année</strong></p>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=185969>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mb-03 blocMea">
<div class="mea_liste col-xs-12 no-padding" style="">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/list-186148/les-incontournables-en-histoire-actualites-sciences-humaines/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les incontournables en Histoire - Actualités - Sciences Humaines</strong>
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="slidingTable-container col-xs-12 no-padding">
<div
class="slidingTable-content js-slick col-md-12 deffered-content" data-type=1 data-table-id=186148>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="photo-holder" style="display:none">
<div id="photos-for-mea-80908">
</div>
<div id="photos-for-mea-187110">
</div>
<div id="photos-for-mea-185959">
</div>
</div>
</div>
</div>
<div id="wrap_right" class="hidden-xs hidden-sm col-md-2">
<div class="row">
<div id="topVentes" class="col-xs-12 no-padding">
<ul class="ongletTopVentes col-xs-12 no-padding">
<li>
<h2>
<a href="/listeliv.php?ssh_id=&type_page=palmares&base=" class="top_vente current" title="Meilleures Ventes">Meilleures Ventes</a>
</h2>
</li>
</ul>
<div class="col-xs-12 no-padding">
<ul class="col-xs-12 no-padding">
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">1</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782017253709-asterix-tome-41-asterix-en-lusitanie-fabcaro-didier-conrad/">
<img src="https://images.epagine.fr/709/9782017253709_1_m.jpg" alt="Astérix Tome 41 : Astérix en Lusitanie" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782017253709-asterix-tome-41-asterix-en-lusitanie-fabcaro-didier-conrad/');">Astérix Tome 41 : Astérix en Lusitanie</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Fabcaro%2C%20Didier%20Conrad">
Fabcaro, Didier Conrad
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782017253709-asterix-tome-41-asterix-en-lusitanie-fabcaro-didier-conrad/');">Grand format
-
10.90 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">2</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782707356741-la-maison-vide-laurent-mauvignier/">
<img src="https://images.epagine.fr/741/9782707356741_1_m.jpg" alt="La Maison vide" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782707356741-la-maison-vide-laurent-mauvignier/');">La Maison vide</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Laurent%20Mauvignier">
Laurent Mauvignier
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782707356741-la-maison-vide-laurent-mauvignier/');">Grand format
-
25.00 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">3</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782870973103-blake-et-mortimer-tome-31-la-menace-atlante-yves-sente-peter-van-dongen/">
<img src="https://images.epagine.fr/103/9782870973103_1_m.jpg" alt="Blake et Mortimer Tome 31 : La menace atlante" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782870973103-blake-et-mortimer-tome-31-la-menace-atlante-yves-sente-peter-van-dongen/');">Blake et Mortimer Tome 31 : La menace atlante</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Yves%20Sente%2C%20Peter%20Van%20dongen">
Yves Sente, Peter Van dongen
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782870973103-blake-et-mortimer-tome-31-la-menace-atlante-yves-sente-peter-van-dongen/');">Grand format
-
17.50 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">4</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782266348942-13-a-table-edition-2026-philippe-besson-michel-bussi-mireille-calmel-sandrine-collette-celine-denjean-lorraine-fouchet-karine-giebel-raphaelle-giordano-alexandra-lapierre-henri-loevenbruck-agnes-marti/">
<img src="https://images.epagine.fr/942/9782266348942_1_m.jpg" alt="13 à table ! (édition 2026)" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782266348942-13-a-table-edition-2026-philippe-besson-michel-bussi-mireille-calmel-sandrine-collette-celine-denjean-lorraine-fouchet-karine-giebel-raphaelle-giordano-alexandra-lapierre-henri-loevenbruck-agnes-marti/');">13 à table ! (édition 2026)</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Philippe%20Besson%2C%20Michel%20Bussi%2C%20Mireille%20Calmel%2C%20Sandrine%20Collette%2C%20C%C3%A9line%20Denjean%2C%20Lorraine%20Fouchet%2C%20Karine%20Gi%C3%A9bel%2C%20Rapha%C3%ABlle%20Giordano%2C%20Alexandra%20Lapierre%2C%20Henri%20Loevenbruck%2C%20Agn%C3%A8s%20Martin-Lugand%2C%20Val%C3%A9rie%20Perrin">
Philippe Besson, Michel Bussi, Mireille Calmel, Sandrine Collette, Céline Denjean, Lorraine Fouchet, Karine Giébel, Raphaëlle Giordano, Alexandra Lapierre, Henri Loevenbruck, Agnès Martin-Lugand, Valérie Perrin
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782266348942-13-a-table-edition-2026-philippe-besson-michel-bussi-mireille-calmel-sandrine-collette-celine-denjean-lorraine-fouchet-karine-giebel-raphaelle-giordano-alexandra-lapierre-henri-loevenbruck-agnes-marti/');">Poche
-
6.00 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">5</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782344065662-one-piece-edition-originale-tome-111-aventure-a-erbaf-eiichiro-oda/">
<img src="https://images.epagine.fr/662/9782344065662_1_m.jpg" alt="One Piece - édition originale Tome 111 : Aventure à Erbaf" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782344065662-one-piece-edition-originale-tome-111-aventure-a-erbaf-eiichiro-oda/');">One Piece - édition originale Tome 111 : Aventure à Erbaf</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Eiichiro%20Oda">
Eiichiro Oda
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782344065662-one-piece-edition-originale-tome-111-aventure-a-erbaf-eiichiro-oda/');">Poche
-
7.20 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">6</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782749958194-instinct-tome-2-inoxtag-basile-monnot-charles-compain/">
<img src="https://images.epagine.fr/194/9782749958194_1_m.jpg" alt="Instinct Tome 2" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782749958194-instinct-tome-2-inoxtag-basile-monnot-charles-compain/');">Instinct Tome 2</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Inoxtag%2C%20Basile%20Monnot%2C%20Charles%20Compain">
Inoxtag, Basile Monnot, Charles Compain
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782749958194-instinct-tome-2-inoxtag-basile-monnot-charles-compain/');">Grand format
-
10.95 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">7</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782073080028-la-nuit-au-coeur-nathacha-appanah/">
<img src="https://images.epagine.fr/028/9782073080028_1_m.jpg" alt="La nuit au coeur" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782073080028-la-nuit-au-coeur-nathacha-appanah/');">La nuit au coeur</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Nathacha%20Appanah">
Nathacha Appanah
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782073080028-la-nuit-au-coeur-nathacha-appanah/');">Grand format
-
21.00 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">8</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782246831662-je-voulais-vivre-adelaide-de-clermont-tonnerre/">
<img src="https://images.epagine.fr/662/9782246831662_1_m.jpg" alt="Je voulais vivre" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782246831662-je-voulais-vivre-adelaide-de-clermont-tonnerre/');">Je voulais vivre</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Ad%C3%A9la%C3%AFde%20de%20Clermont-Tonnerre">
Adélaïde de Clermont-Tonnerre
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782246831662-je-voulais-vivre-adelaide-de-clermont-tonnerre/');">Grand format
-
24.00 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">9</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782290415634-la-femme-de-menage-voit-tout-freida-mcfadden/">
<img src="https://images.epagine.fr/634/9782290415634_1_m.jpg" alt="La femme de ménage voit tout" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782290415634-la-femme-de-menage-voit-tout-freida-mcfadden/');">La femme de ménage voit tout</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Freida%20McFadden">
Freida McFadden
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782290415634-la-femme-de-menage-voit-tout-freida-mcfadden/');">Poche
-
8.60 €</a>
</p>
</div>
</div>
</li>
<li class="palmaresItem col-xs-12">
<div class="palmaresItem-ranking pull-left">10</div>
<div class="palmaresItem-itemContainer col-xs-12">
<div class="palmaresItem-cover col-lg-5">
<a href="/livre/9782290391174-la-femme-de-menage-freida-mcfadden/">
<img src="https://images.epagine.fr/174/9782290391174_1_m.jpg" alt="La Femme de ménage" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782290391174-la-femme-de-menage-freida-mcfadden/');">La Femme de ménage</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Freida%20McFadden">
Freida McFadden
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782290391174-la-femme-de-menage-freida-mcfadden/');">Poche
-
8.60 €</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</main></div></div></div><div class="breaker-container-corps"></div>
<footer class="footerEbook d-print-none">
<div class="footer-content">
<div class="footer-top">
<div class="container-fluid">
<div class="blocFooter col-md-3">
<div class="blocFooterPanel bfp-logo">
<div class="blocFooterPanel-title">
<h4>Librairie Martelle</h4>
</div>
<div class="blocFooterPanel-content">
<img class="blocFooterPanel-LogoMag" src="https://static.epagine.fr/mediaweb3/5123/logo_martelle.png" alt="Librairie Martelle">
</div>
</div>
</div>
<div class="blocFooter col-sm-3">
<div class="blocFooterPanel bfp-site">
<div class="blocFooterPanel-title">
<h4>www.librairiemartelle.com</h4>
</div>
<div class="blocFooterPanel-content">
<ul>
<li class="accesAdmin"><a href="/gestion">Administration magasin</a></li>
<li><a href="/infosprat.php">Infos pratiques</a></li>
<li><a href="/conditions_generales.php">Conditions générales</a></li>
<li><a href="/mentions.php">Mentions légales</a></li>
<li><a href="/accessibilite_numerique.php">Accessibilité numérique</a></li>
<li><a href="/cgp.php">Données personnelles</a></li>
<li><a id="tarteaucitronManager" style="border:0;background:none;vertical-align:middle">Gérer mes cookies <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAGA0lEQVRoge1a207bWBRdBtJwLYZhKDMVmlSK1LxNkPo+ZH6g8B6p5AuALwC+APoFoVLeoT8whPeRSt+CZKmZVu3AiIsRlEtCktGyjy8xzuXYhvahS0JJHJ/4rLP3XnuffcAPfGdQ7mM6jRLSAF4BxqsbewB2lRS2o35mpEQaJcwCyANIdLi1DGBNSWEzqmdHRqRRwjqAJclhtExOSUEP+/xIiDRKhhUWfL7ShTtBuJnqcw+/z4Ql0xNmMEwSSz4kuNIzSgpjSsqYJP/GeE185wYJroedRyiLNEpGLLzzrHSuk+83SgbxvOcyyRaDziWsRVZkSRDinpzPbwVGWIucuohsKynMS47fAQyls/BMSRmKJo3AFhG5wm2N1wF+Zs3zebbFfR0RxrXcJHQlgH+LMW616pR/WiIMEXfW3mtzXyeEGWsjKot8c4TOI98L+iKaR5PS6IUk88RLAO9F8UjrbYoYMOosNavpfmODIiwRXRR/G3ohaWVo1RU/c30jV8ab2mV8qVGzHWBOLyTLZiWs5Rolg/C3ySOi0tXP/k4aEwOwSBKPJs7Rp16ABJTe+p1xVX0It/owqqdDEMRoqd3RFxqDPh20Ig6VEPVC0i5RSCD+6wl6HlW7GksSlUMV11/GrUs5NasFLusDE9ELSVphXemtJwaT/8JyIRvxNNCfBmIiNdR04LII3DSrbe0yjqvyJF/ppptqVlt+MCLCEh/oOkPPP6N38Mb5cnQBGFsEqmXg5j3QMwoMzwGnr4HYbybBq13gZAOom/FO63zdf2qQArCsZrUN2TlJy69eSDKYV+6Q4MpP75ivHzPA53ngaBW4eGuSOt0A/lsGPmXMz0+3TFJcTfFbPfFbfnwlhON+iQhlWmA82CQ4ocQ7c6KcfL3DHuls0yT6Sx4YnLXJDCQOIRRv5yGIJBgP8Sdisj2qubpc5UGJmo+W49ifVmzL8HcpGhQPvZCUKiCliIhEN0tr2OCqHuSA8gwQ/92MkU7gxEmeVqGrTTgpxPXbUrtGWYus0I9thRIraagRQUIDf7Qn4yZhKRiFQIyhfMfUr3yblokVWSJ6k8xSnc7eNN/RjowfCYiFoDUFer1S3gW6JiJ8Nt30EMbEhU+vzSIztuRYjRLsR8IHLjlf7HZ+MrWWEXxNmbvapt4jGSqZRYSkGUetSNTPzHsui5YMQ2ajJUNks6mw4wT54Ok2ShnzzIPCUGshzawCRKy5FqvrTZe0RWzQGvw79m67XZjKmxJrLsICjtZa55gxXy+6F4sYsEtxTqhXdRTLC8ulSDaWoCLsolfN+8YUhOsJV709H7Cudr0LlVEtzqBcN+shEyThdR941OnAbF8pirKJqXyupTRTtQSReiVmXW1j7oBErB0d9xM2WEd5J9ZKYtuR4WKwwBSoORbpGrJ5ZI9lt71irJmGX1px0JYE26uNErawr2zfIcP4OHEKXm66PA3wjpCNEfpJunI4muifPjKvsFCkGjExTq63yxMJsZNMYF/J4HmDC5A3Yq36jy0ClePHVhwuu/b1HSFlEfHD5ZtD1bEK44Qu1mWys6tbWmZyPWckzlPTGiRw/XHCuk+q4Rek+mVrVL/UppwrdDEGNV2kpyuhccgc5Oxm9vWnn+19vJrVpLor0kTUrGacMplb1CfOFyTD4o9uNrHqr2Z+ZMSp1c2XcVSORnh9Q81q3k599ETgkNnjg0nGzi10K7rX+bZpHbrblPcY5A4Zxk2xcjzCvTpd9027Aa0QtouyyrKFRR6D/04DwkFGvHPXM3Qda/Jb4nPgI7hQLVM1q5HIBt2MzQNa57Z1DiiLAGa5Mi+O4Sz3Mpp6laPHO6InII3ITnX1QtI+EOX+m9ZxleOZ/j9PiuKoLi3aqXPuEoSye/Vhkm+LalbLtHhMS0R6zu7aZ3vP2jOjL7QVv4McxhcDnZIelAQibGIbULOapf3PuE1Vs9qeaOTdkVKr00gCQiw4NlBzDvf1Lxx+uP5r3Dgv5KQZRzWn+GRwz8jmDS8itUg7iB6vLuJCF5Uty4A9mVKkFR6MiJDachST/oHvHgD+B4SoUIitpF05AAAAAElFTkSuQmCC" alt="Cookies" style="height:20px;vertical-align:middle"></a></li>
</ul>
</div>
</div>
<div class="blocFooterPanel bfp-espacePro">
<div class="blocFooterPanel-title">
<h4>Espace Pro</h4>
</div>
<div class="blocFooterPanel-content">
<ul>
<li><a href="http://pro.librairiemartelle.fr/">Espace Pro</a></li>
</ul>
</div>
</div>
</div>
<div class="blocFooter col-sm-3">
<div class="blocFooterPanel bfp-aide">
<div class="blocFooterPanel-title">
<h4>Besoin d'aide ?</h4>
</div>
<div class="blocFooterPanel-content">
<ul>
<li><a href="/faq.php">Questions fréquentes</a></li>
<li>
<button class="btnLien" onclick="$('#myModal5 .modal-content').load('/template/modal/modalContact.php',function(){$('#myModal5').modal('show');});">Nous contacter</button>
</li>
<li>
<button class="btnLien" onclick="$('#myModal5 .modal-content').load('/template/modal/modalContact.php',{service:'hotline'},function(){$('#myModal5').modal('show');});">Hotline eBooks
</button>
</li>
<li><a href="/vpc.php">Tarifs de livraison</a></li>
</ul>
</div>
</div>
<div class="blocFooterPanel bfp-paiement">
<div class="blocFooterPanel-title">
<h4>Paiement sécurisé</h4>
</div>
<div class="blocFooterPanel-content">
<p>Achetez en toute sérénité avec le paiement sécurisé.</p>
<i class="fas fa-credit-card fa-2x" aria-hidden="true"></i> <i class="fab fa-cc-visa fa-2x" aria-hidden="true"></i> <i class="fab fa-cc-mastercard fa-2x" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="blocFooter col-sm-3">
<div class="blocFooterPanel bfp-socialMedia">
<div class="blocFooterPanel-title"><h4>Réseaux sociaux</h4></div><div class="blocFooterPanel-content"><ul class="listSocial">
<li style="display:inline-block;" class="listSocial-facebook">
<a itemprop="sameAs" href="https://www.facebook.com/libmartelle" target="_blank" rel="noopener" title="Facebook" ><i class="fab fa-facebook-square fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-instagram">
<a itemprop="sameAs" href="https://instagram.com/librairiemartelle/" target="_blank" rel="noopener" title="Instagram" ><i class="fab fa-instagram fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-youtube">
<a itemprop="sameAs" href="https://www.youtube.com/channel/UCLu84vOQWvx2_ZPO03xajuA" target="_blank" rel="noopener" title="Youtube" ><i class="fab fa-youtube fa-3x" aria-hidden="true"></i></a></li>
<li style="display:inline-block;" class="listSocial-linkedin">
<a itemprop="sameAs" href="https://www.linkedin.com/company/librairie-martelle/posts/?feedView=all" target="_blank" rel="noopener" title="Linkedin" ><i class="fab fa-linkedin fa-3x" aria-hidden="true"></i></a></li></ul></div>
</div>
<div class="blocFooterPanel bfp-services">
<div class="blocFooterPanel-title">
<h4>Newsletter</h4>
</div>
<div class="blocFooterPanel-content">
<ul>
<li>
<a href="https://eo4.me/aPNys">Inscrivez-vous à la newsletter</a>
</li>
</ul>
</div>
</div>
<div class="blocFooterPanel bfp-services">
<div class="blocFooterPanel-title">
<h4>Accessibilité</h4>
</div>
<div class="blocFooterPanel-content">
<div class="col-xs-12 no-padding blocZoneLibrePad blocZoneLibreAcces">
<iframe height="120" src="https://pictoaccess.fr//widgets/poi?uid=e6aa8ac0-9b8c-4984-8d33-0d2835d5a44b&type=accessibility&button-color=81c25d" style="border: none; overflow:hidden;" title="widget-picto" width="100%">
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-tech">
<div class="container-fluid">
<div class="pull-right">
<a href="https://www.titelive.com"><img src="https://static.epagine.fr/mediaweb3/667/logo_titelive.png" alt="Logo Titelive" width="60" style="padding:5px 5px 3px 5px" loading="lazy"></a>
</div>
<div id="info-tech">
0.287s
</div>
</div>
</div>
</div>
</footer>
<!-- Importation de la macro toast -->
<div id="toast-container">
<!-- Toast structure -->
<div class="toast-structure position-fixed m-3 bottom-0 end-0 d-none bg-dark text-white" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex align-items-center p-1">
<i class="toast-i-before fa-solid fa-circle-check me-2 fa-xl"></i>
<div class="toast-body d-flex align-items-center justify-content-between w-100">
<p class="toast-message">Votre action a été réalisée avec succès.</p>
<a href="/" class="toast-link ml-01" aria-label="Voir les détails du toast"></a>
</div>
<button type="button" class="btn-close" data-dismiss="toast" onclick="closeToast()" aria-label="Close">
<i class="toast-i-after fa-regular fa-xmark fa-xl"></i>
</button>
</div>
</div>
<style>
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-between {
justify-content: between;
}
/* Toast container */
#toast-container {
z-index: 10090;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}
.w-100 {
width: 100%;
}
.toast-structure {
min-width: 250px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 0.5rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
z-index: 10050;
pointer-events: auto;
}
.border-bottom {
border-bottom: 1px solid;
}
.alert-warning, .bg-warning {
background: #fffcea;
color: #5F6603;
border: 1px solid #e2dfbd;
}
.alert-danger, .bg-danger {
background: #FBE7E9;
color: #C70717;
border: 1px solid #e2bdbd;
}
.alert-info, .bg-info {
background: #d0ecf8;
color: #1E668C;
border: 1px solid #bdd7e2;
}
.alert-success, .bg-success {
background: #35803F;
color: #fff;
border: 1px solid #2b6633;
}
.alert-dark, .bg-dark {
background: #000000;
color: #ffffff;
border: 1px solid #000000;
}
.text-dark {
color: #000000 !important;
}
.text-white {
color: #ffffff !important;
}
.p-1 {
padding: 10px !important;
}
.py-05 {
padding-top: 5px;
padding-bottom: 5px;
}
.px-1 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.m-3 {
margin: 30px !important;
}
/* Show toast */
.toast-structure.show {
opacity: 1;
visibility: visible;
}
/* Toast body */
.toast-body {
word-wrap: break-word;
}
/* Close button */
.btn-close {
background: transparent;
border: none;
font-size: 1.2rem;
line-height: 1;
opacity: 0.5;
cursor: pointer;
margin-left: 10px;
}
.btn-close:hover {
opacity: 1;
}
/* Utility classes simulating Bootstrap 5 */
.position-fixed {
position: fixed;
}
.top-0 {
top: 0;
}
.bottom-0 {
bottom: 0;
}
.start-0 {
left: 0;
}
.end-0 {
right: 0;
}
.m-auto {
margin: auto !important;
}
.me-2 {
margin-right: .5rem !important;
}
.me-auto {
margin-right: auto ;
}
/* Additional styling for accessibility (optional) */
.toast-structure[role="alert"] {
aria-live: assertive;
aria-atomic: true;
}
@media (max-width: 768px) {
.toast-structure {
bottom: 0 !important;
top: auto !important;
left: 0 !important;
right: 0 !important;
padding-bottom: env(safe-area-inset-bottom, 0);
}
}
</style>
</div>
<div style="display:none;background:#F00;position:fixed;width:1px;height:1px;bottom:0;right:0;"><a href="/forbidden/"><img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="empty" width="1" height="1" loading="lazy"></a></div>
<script src="https://static.epagine.fr/vendor/jquery-3.7.1.min.js"></script>
<script src="https://static.epagine.fr/vendor/jquery.form.min.js"></script>
<script src="https://static.epagine.fr/vendor/jquery-ui-1.13.3.min.js"></script>
<script src="https://static.epagine.fr/mediaweb3/js/corner.epagine.js?v=4"></script>
<script src="https://static.epagine.fr/vendor/axios-0.21.min.js"></script>
<!-- Start of Zendesk Widget script -->
<!-- End of Zendesk Widget script -->
<!-- SCRIPT modal inscription Newsletter LaMartine-->
<script>
/* Fonction qui affiche le loader d'ajout au panier */
function showLoaderAjoutPanier(bouton) {
let texte = bouton.find('.bouton_ajout_panier_texte');
let loader = bouton.find('.bouton_ajout_panier_loader');
texte.css('visibility', 'hidden');
loader.css('display', 'inline-block');
}
/* Fonction qui masque le loader d'ajout au panier */
function hideLoaderAjoutPanier(bouton) {
let texte = bouton.find('.bouton_ajout_panier_texte');
let loader = bouton.find('.bouton_ajout_panier_loader');
texte.css('visibility', 'visible');
loader.css('display', 'none');
}
/* Fonction qui ajoute un ou plusieurs gencods au panier */
function addGencodsToBasket({ gencods, affil_mid = '' } = {}) {
// Affichage du loader
let bouton_ajout_panier = $(event.target).closest('.bouton_ajout_panier');
showLoaderAjoutPanier(bouton_ajout_panier);
// Construction des paramètres
let parametres = new FormData();
parametres.append('action', 'addToBasket');
parametres.append('gencods_to_add', gencods);
// Cas d'un ajout portail sur un autre magasin
if (affil_mid) {
parametres.append('magasin_affilie_id', affil_mid);
}
// Appel de la fonction générique
addToBasket(parametres)
.then(response => {
hideLoaderAjoutPanier(bouton_ajout_panier);
})
.catch(error => {
hideLoaderAjoutPanier(bouton_ajout_panier);
});
}
/* Fonction qui ajoute toute une corbeille au panier */
function addCorbeilleToBasket({ wishlist_id = '', devis_id = '', type_action_pro = '' } = {}) {
// Affichage du loader
let bouton_ajout_panier = $(event.target).closest('.bouton_ajout_panier');
showLoaderAjoutPanier(bouton_ajout_panier);
// Construction des paramètres
let parametres = new FormData();
parametres.append('action', 'addToBasket');
// Cas d'une wishlist
if (wishlist_id) {
parametres.append('wishlist_id', wishlist_id);
// Cas d'une wishlist PRO
if (type_action_pro) {
parametres.append('type_action_pro', type_action_pro);
}
}
// Cas d'un devis
if (devis_id) {
parametres.append('devis_id', devis_id);
parametres.append('type_action_pro', 'commande');
}
// Appel de la fonction générique
addToBasket(parametres)
.then(response => {
hideLoaderAjoutPanier(bouton_ajout_panier);
})
.catch(error => {
hideLoaderAjoutPanier(bouton_ajout_panier);
});
}
/* Fonction globale d'ajout au panier */
function addToBasket(parametres) {
// Requête Axios
return axios.post('/ajout_panier_controller.php', parametres)
.then(response => {
// Cas où on doit afficher la modale
if (response.data.afficher_modal == 1) {
$('#myModal5 .modal-content').html(response.data.html_modal);
// On ajoute l'action de confirmation sur le bouton
// On refait un ajout au panier
if (response.data.demande_confirmation) {
parametres.append('confirmation_ajout', 1);
$('#confirmation_ajout_panier').on('click', function() {
// Affichage du loader
let bouton_confirmer = $(event.target).closest('.bouton_ajout_panier');
showLoaderAjoutPanier(bouton_confirmer);
// Appel de la fonction générique
addToBasket(parametres);
});
}
// Si la modale n'est pas déjà ouverte on l'ouvre
if (!$('#myModal5').is(':visible')) {
$('#myModal5').modal('show');
}
// Sinon on doit potentiellement la redimensionner
else {
$('#myModal5 .modal-dialog').css({
'width': ''
});
}
}
else {
// Si on est sur une demande de devis ou de commande on doit rediriger vers le panier
// On met devis ou commande en paramètre de l'url
let type_action_pro = (parametres.has('type_action_pro')) ? parametres.get('type_action_pro') : '';
if (type_action_pro && (type_action_pro == 'devis' || type_action_pro == 'commande')) {
window.location.replace('/panier.php?' + type_action_pro);
}
// Sinon on affiche un toast
else {
// On commence par fermer la modale si elle était ouverte
// On doit gérer le cas de la modal d'ajout au panier mais aussi de la modale de choix de la librairie dont le bouton n'a pas la même classe
if ($('#myModal5').is(':visible')) {
$("#myModal5 .close").click();
$("#myModal5 .closeMLib").click();
}
let parametres_toast = {
message : response.data.message_toast
};
showToast(parametres_toast);
}
}
// On doit mettre à jour le nombre d'articles au panier dans la tetière
// Uniquement si on a ajouté des produits
if (response.data.quantite_ajoutee) {
$("#NbPanier_top, .nav-basket .puce").html(parseInt($("#NbPanier_top,.nav-basket .puce").html()) + response.data.quantite_ajoutee);
// Si des produits ont été ajoutés il faut les tracker avec tarte au citron (option Segment)
if (response.data.infos_tarte_au_citron && response.data.infos_tarte_au_citron.length > 0) {
response.data.infos_tarte_au_citron.forEach((item, index) => {
tarteaucitron.user.segmentMore = function () {
analytics.track('Add Article', {
cart_id: item.corbeille_id,
sku: item.gencod,
name: item.titre,
price: item.prix,
quantity: item.quantite
});
};
(tarteaucitron.job = tarteaucitron.job || []).push('segment');
});
}
}
// On retourne la réponse
return response;
})
.catch(error => {
// Affichage d'une modale d'erreur générique
if (error.response.data.afficher_modal == 1) {
$('#myModal5 .modal-content').html(error.response.data.html_modal);
// Si la modale n'est pas déjà ouverte on l'ouvre
if (!$('#myModal5').is(':visible')) {
$('#myModal5').modal('show');
}
// Sinon on doit potentiellement la redimensionner
else {
$('#myModal5 .modal-dialog').css({
'width': ''
});
}
}
throw error;
});
}
//Loader principale avec animation d'un livre qui s'ouvre + text chargement
function MainLoader(){
$('body').css('overflow','hidden');
$('#mainLoading').html('<div class="blocmainLoading blocmainLoadingAjax"><div class="book"><i class="fa-solid fa-book fa-3x fa-beat mb-01"></i><h2 class="loaderText">Chargement</h2></div></div>');
}
//Loader appel Ajax avec animation d'un livre qui s'ouvre + text chargement
function MainLoaderAjax(){
$('body').css('overflow','hidden');
$('#mainLoading').html('<div class="blocmainLoading blocmainLoadingAjax"><div class="book"><i class="fa-solid fa-book fa-3x fa-beat mb-01"></i><h2 class="loaderText">Chargement</h2></div></div>');
}
//On supprime le loader
function deleteMainLoader(){
$('body').css('overflow','auto');
$('#mainLoading').html('');
}
function loadModalLogin(modalSelector, modalContentUrl) {
$(modalSelector + ' .modal-content').load(modalContentUrl, function() {
// Redimensionne la modal à 400px de largeur
$(modalSelector + ' .modal-dialog').css('min-width', '400px');
// Affiche la modal
$(modalSelector).modal('show');
});
}
// Changement du place holder selon le select en barre de recherche
function changePlaceholder() {
let libellePlaceholder = $('#get_base'),
idMotRechercher = $('#mots_recherche_responsive');
idMotRechercher.attr('placeholder','Rechercher dans ' + libellePlaceholder.find(':selected').text().trim());
}
/* Récupère un élément du local storage en vérifiant sa date d'expiration */
function getLocalStorageItemWithExpiry(key) {
const item_string = localStorage.getItem(key);
// Si l'élément n'existe pas on retourne null
if (!item_string) {
return null;
}
const item = JSON.parse(item_string);
const now = new Date();
// Si l'élément a expiré, on le supprime du local storage et on retourne null
if (!item.expiry || now.getTime() > item.expiry) {
localStorage.removeItem(key);
return null;
}
// Sinon on retourne la valeur
return item.value;
}
/* Enregistre un élément dans le local storage avec une date d'expiration */
function setLocalStorageWithExpiry(key, value, ttl) {
const now = new Date();
// On crée un objet qui contient la valeur et le timestamp d'expiration
const item = {
value: value,
expiry: now.getTime() + ttl,
};
localStorage.setItem(key, JSON.stringify(item));
}
/* Fonction qui génère la liste des dernières recherches et derniers produits */
function genererHTMLDernieresRecherchesProduits(recherches, produits) {
let template_html = '';
// Ajout des dernières recherches
if (recherches.length > 0) {
template_html += `
<p class="col-xs-12">
<strong>Derniers mots-clés recherchés</strong>
</p>
<ul class="col-xs-12">
${
recherches.map(recherche => `
<li class="pt-005">
<a class="d-flex align-items-start" href="/listeliv.php${recherche.search}">
<i class="fa-sharp fa-light fa-clock-rotate-left mr-01"></i>
${recherche.titre}
</a>
</li>
`).join('')
}
</ul>
`;
}
// Ajout des derniers produits consultés
if (produits.length > 0) {
template_html += `
<p class="col-xs-12 mt-02">
<strong>Derniers produits consultés</strong>
</p>
<ul class="col-xs-12">
${
produits.map(produit => `
<li class="pt-005">
<a class="d-flex align-items-start" href="${produit.lien}">
<i class="fa-sharp fa-light fa-clock-rotate-left mr-01"></i>
${produit.titre}
</a>
</li>
`).join('')
}
</ul>
`;
}
return template_html;
}
</script>
<script src="https://static.epagine.fr/bootstrap-3.4.1/js/bootstrap.min.js"></script>
<script src="https://static.epagine.fr/mediaweb3/js/suggestv3.js?v=3" async></script>
<script src="https://static.epagine.fr/mediaweb3/js/jquery.validate.1.14.min.js" async defer></script>
<script src="https://static.epagine.fr/mediaweb3/js/jquery.touchSwipe.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://static.epagine.fr/vendor/slick-1.8.1/slick/slick.css">
<script src="https://static.epagine.fr/vendor/slick-1.8.1/slick/slick.min.js"></script>
<script type="text/javascript">
function checkNotifs() { // Vérification toutes les 15mn de nouvelles notifs
let frequence = 900000; // 15mn
let parametres = new FormData();
parametres.append("notifs_actualisation", 1);
let paramsIds = document.querySelectorAll(".notifLink a span");
paramsIds.forEach((element) => parametres.append(element.id, 1));
let nowTime = new Date().getTime();
let notifTime = localStorage.getItem('new-notifications-time');
if (notifTime == null || (nowTime - notifTime > frequence)) {
$.ajax({
type: 'POST',
dataType: "JSON",
url: '/ajax_notifications.php',
data: parametres,
processData: false,
contentType: false,
success: function (data) {
if (data.message) {
console.log(data.message);
return false;
}
localStorage.setItem("new-notifications", data.new);
localStorage.setItem('new-notifications-time', nowTime);
if (data.new == 1) {
$('#notif_signal').removeClass("d-none").addClass("notif-dot");
} else {
$('#notif_signal').addClass("d-none").removeClass("notif-dot");
}
},
error: function() {
console.log("L'actualisation des notifications n'a pas pu être effectuée");
}
});
}
setTimeout(checkNotifs, frequence);
}
$(document).ready(function() {
if (localStorage.getItem("new-notifications")) {
localStorage.removeItem("new-notifications");
localStorage.removeItem("new-notifications-time");
}
});
</script>
<script type="text/javascript">
$(document).ready(function() {
// Attache l'événement de changement pour mettre à jour le placeholder lors de la sélection
$('#get_base').on('change', function() {
changePlaceholder();
});
$(document).on('click', '.copy-link', function() {
var link = $(this).attr('link');
var button = this;
var tempInput = document.createElement("input");
tempInput.style = "position: absolute; left: -1000px; top: -1000px";
tempInput.value = link;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
// console.log("Copied the text:", tempInput.value);
document.body.removeChild(tempInput);
$(this).html('<i class="fa-regular fa-check fa-lg mr-005" aria-hidden="true"></i>Copie').css({"color": "#2c9a29"});
setTimeout(function(){
$(button).html('<i class="fa-regular fa-copy fa-lg mr-005" aria-hidden="true"></i>Copier le lien').css({"color": "#000"})
}, 3000);
});
/*
Loader principale avec animation d'un livre qui s'ouvre + text chargement
$.ajax({
beforeSend:function(){
MainLoader();
},
success: function(){
deleteMainLoader();
}
});
*/
$('.lien_recherche_avancee').click(function(e){
e.preventDefault();
let base = $('select[name="base"] option:selected').val();
let oldhref = $(this).attr('href');
let newhref = oldhref + '?base=' + base;
if (base != undefined && base != '') {
window.location.replace(newhref);
} else {
window.location.replace(oldhref);
}
});
//Script ouverture de la modal preview panier
$('#previewPanier').click(function () {
if ($('.shopping-cart').length == 0) {
$('#modalPreviewPanier').html('<div class="shopping-cart"><div class="shopping-cart-header"><div class="loader"></div></div></div>').show();
$('#modalPreviewPanier').load('/template/modal/modalPreviewPanier.php');
}
});
//Reset de modale
$('body').on('hidden.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});
$('body').on('shown.bs.modal', '.modal', function () {
$(this).removeData('bs.modal');
});
//liste magasins partenaires à choisir
// Portail e-Readers et Affiliés Librairies Indépendantes
//Fonction de rotaion pour élément flèche du menu
jQuery.fn.rotate = function(degrees) {
$(this).css({'transition' : 'all 0.3s linear',
'-webkit-transform' : 'rotate('+ degrees +'deg)',
'-moz-transform' : 'rotate('+ degrees +'deg)',
'-ms-transform' : 'rotate('+ degrees +'deg)',
'transform' : 'rotate('+ degrees +'deg)'});
};
var rotate = 0;
//Au click sur la section du menu
$('.menu_parent').click(function(){
if ($(this).attr('rotate') == '180' && rotate == 180) {
rotate = 0;
} else if($(this).attr('rotate') == 0) {
rotate = 0;
rotate += 180;
}
$(this).attr('rotate', rotate);
$(this).parent('ul').children('ul').slideToggle();
$(this).children().children().rotate(rotate);
});
$('.nav-menu').click(function(){
var href = $(this).attr('href');
$('.footerEbook').css("display", "none");
return false;
});
$('.site-cache').click(function(){
var href = $(this).attr('href');
$('.footerEbook').css("display", "block");
return false;
});
// Affichage des icons apres chargement de la page
$(".icon_new_table").delay(1500).fadeIn(800);
$(".icon_promo_table").delay(1500).fadeIn(800);
$(".icon_heart_table").delay(1500).fadeIn(800);
$(".icon_audio_table").delay(1500).fadeIn(800);
// Quand je clique sur l'icône hamburger je rajoute une classe au body
$('.nav-menu a').click(function(e){
e.preventDefault();
$('body').toggleClass('with--sidebar');
});
// Quand je clique sur l'icône filter on ajoute une classe au body
$(document).on('click', '.addSidebar_Filter', function(e) {
e.preventDefault();
$('body').toggleClass('with--sidebar--filter');
$('#wrap_left').removeClass('hidden-xs');
$('#wrap_left').removeClass('hidden-sm');
e.stopPropagation();
});
$(document).click(function(event) {
// Vérifiez si le clic a été effectué en dehors de l'élément avec la classe 'sidebar'
if (!$(event.target).closest('.sidebar').length) {
// Si le clic est en dehors de la sidebar, supprimez la classe 'with--sidebar--filter'
$('.with--sidebar--filter').removeClass('with--sidebar--filter');
}
});
setTimeout(function () {
$('.sidebar--close').off('click').on('click', function () {
$('body').removeClass('with--sidebar--filter');
});
}, 500);
if ($(window).width() > 992) {
$('.addSidebar_Filter').hide();
}
$(document).ready(function(){
$(".hamburger").click(function(){
$(this).toggleClass("is-active");
});
});
// Animation chevron down/up
$('.dropdown').click(function(){
$(this).find('.fa-chevron-down').toggleClass("fa-chevron-up");
});
/* On desactive les liens a en responsive*/
if ($(window).width() < 768) {
$('body').on('click', 'a.ss_menu_disabled', function(event) {
event.preventDefault();
});
}
$('.menu_site_responsive .dropdown-toggle').click(function(e) {
if ($(document).width() > 768) {
e.preventDefault();
var url = $(this).attr('href');
if (url !== '#') {
window.location.href = url;
}
}
});
/* Je veux pouvoir masquer le menu si on clique sur le cache */
$('#site-cache').click(function(e){
$('body').removeClass('with--sidebar');
$('body').removeClass('with--sidebar-filter');
});
//Fin du if detail produit
// Active widget bookeen apres click sur lien contact dans footer
changePlaceholder();
});
// fin document ready
window.___gcfg = {
lang: 'fr-FR',
parsetags: 'onload'
};
</script>
<script>
function searchAddresses(countryId, zipcode, city, street)
{
let parametres = new FormData();
parametres.append("action", "search");
parametres.append("country_id", countryId);
parametres.append("zipcode", zipcode);
parametres.append("city", city);
parametres.append("street", street);
return axios.post('/address.php', parametres)
.then(addressesRaw => {
if (addressesRaw.data.length > 0) {
return addressesRaw.data;
} else {
return [];
}
})
.catch(error => {
return [];
});
}
function checkAddressValid(countryId, zipcode, city, street)
{
let parametres = new FormData();
parametres.append("action", "verify");
parametres.append("country_id", countryId);
parametres.append("zipcode", zipcode);
parametres.append("city", city);
parametres.append("street", street);
return axios.post('/address.php', parametres)
.then(response => {
if (response.data) {
return response.data;
} else {
return [];
}
})
.catch(error => {
return [];
});
}
</script> </body>
</html> <script>
// Fonction pour afficher le toast
function showToast({ xPosition = null, yPosition = null, type = null, textColor = null, title = null, iBefore = null, message = null, link = null, libellelink = null, iAfter = null, } = {}, duration = 3000) {
var toastContainer = document.getElementById('toast-container');
var toastStructure = toastContainer.querySelector('.toast-structure');
var toastMessage = toastContainer.querySelector('.toast-message');
var toastTitle = toastContainer.querySelector('.toast-title');
var toastIbefore = toastContainer.querySelector('.toast-i-before');
var toastIafter = toastContainer.querySelector('.toast-i-after');
var toastType = toastContainer.querySelector('.toast-type');
var toastLink = toastContainer.querySelector('.toast-link');
// Si xPosition est nul, utilisez le xPosition par défaut
if (xPosition) {
toastStructure.classList.replace('end-0', xPosition);
}
// Si yPosition est nul, utilisez le yPosition par défaut
if (yPosition) {
toastStructure.classList.replace('bottom-0', yPosition);
}
// Si type est nul, utilisez le type par défaut
if (type) {
toastStructure.classList.replace('success', type);
}
// Si textColor est nul, utilisez le textColor par défaut
if (textColor) {
toastStructure.classList.replace('dark', textColor);
}
// Si title est nul, utilisez le message par défaut
if (title) {
toastTitle.innerText = title;
}
// Si iBefore est nul, utilisez le iBefore par défaut
if (iBefore) {
toastIbefore.classList.replace('fa-circle-check', iBefore);
}
// Si message est nul, utilisez le message par défaut
if (message) {
toastMessage.innerText = message;
}
// Si iAfter est nul, utilisez le iAfter par défaut
if (iAfter) {
toastIafter.classList.replace('fa-xmark', iAfter);
}
// Assurez-vous que les autres valeurs sont également définies
toastLink.href = link || '#'; // Lien par défaut si aucun n'est passé
toastLink.innerText = libellelink; // Texte par défaut
// Afficher le toast
toastStructure.classList.remove('d-none');
toastStructure.classList.add('show');
// Cacher le toast après un certain temps
setTimeout(function () {
toastStructure.classList.remove('show');
}, duration);
}
function closeToast() {
var toastStructure = document.querySelector('.toast-structure');
if (toastStructure) {
toastStructure.classList.remove('show');
toastStructure.classList.add('d-none');
// Annuler le timeout si le toast est fermé manuellement
clearTimeout(toastTimeout);
}
}
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
// --- Activation du loader au clic ---
document.querySelectorAll('.btn-loader').forEach(btn => {
btn.addEventListener('click', e => {
if (btn.classList.contains('button-loading')) return;
btn.classList.add('button-loading');
const mode = btn.dataset.loaderMode || 'replace-all';
const inner = btn.querySelector('.btn-inner');
const icon = btn.querySelector('.btn-icon');
const spinner = btn.querySelector('.btn-spinner');
// --- Gestion de l'affichage du loader ---
if (mode === 'replace-all' && spinner) {
if (inner) inner.style.visibility = 'hidden';
spinner.style.display = 'inline-flex';
}
if (mode === 'replace-icon') {
if (icon) {
icon.dataset.originalIcon = icon.className;
icon.className = 'btn-icon fa-solid fa-spinner fa-spin me-2';
} else {
const text = btn.querySelector('.btn-text');
if (text) {
const newIcon = document.createElement('i');
newIcon.className = 'btn-icon fa-solid fa-spinner fa-spin me-2';
newIcon.dataset.generated = "1";
text.parentNode.insertBefore(newIcon, text);
}
}
}
// --- Détection du type d’action ---
const href = btn.getAttribute('href');
const onclick = btn.getAttribute('onclick');
const tag = btn.tagName.toLowerCase();
// Cas 1 → lien normal
if (href && tag === 'a') {
e.preventDefault();
setTimeout(() => window.location.href = href, 200);
return;
}
// Cas 2 → bouton avec onclick inline
if (onclick) {
// on laisse s’exécuter le onclick, pas de return false
return;
}
// Cas 3 → bouton avec data-endpoint (Axios auto)
if (btn.dataset.endpoint) {
btn.dispatchEvent(new CustomEvent('button:axios', { bubbles: true }));
return;
}
// Cas 4 → bouton custom (ex: JS externe)
btn.dispatchEvent(new CustomEvent('button:action', { bubbles: true }));
});
// --- RESET universel ---
btn.addEventListener('button:reset', () => {
btn.classList.remove('button-loading');
btn.disabled = false;
const inner = btn.querySelector('.btn-inner');
if (inner) inner.style.visibility = 'visible';
const spinner = btn.querySelector('.btn-spinner');
if (spinner) spinner.style.display = 'none';
const icon = btn.querySelector('.btn-icon');
if (icon && icon.dataset.originalIcon) {
icon.className = icon.dataset.originalIcon;
delete icon.dataset.originalIcon;
}
const gen = btn.querySelector('.btn-icon[data-generated="1"]');
if (gen) gen.remove();
});
});
// --- AUTO AXIOS (si data-endpoint présent) ---
document.addEventListener('button:axios', async e => {
const btn = e.target;
const url = btn.dataset.endpoint;
if (!url) return;
try {
const response = await axios.post(url);
console.log('✅ Requête réussie :', response.data);
} catch (err) {
console.error('❌ Erreur Axios :', err);
} finally {
btn.dispatchEvent(new Event('button:reset'));
}
});
// --- RESET auto quand une modale Bootstrap 3 est fermée ---
if (window.jQuery) {
$(document).on('hidden.bs.modal', () => {
document.querySelectorAll('.button-loading').forEach(b => {
b.dispatchEvent(new Event('button:reset'));
});
});
}
});
</script>
<script type="text/javascript">
let tableauPhoto;
function defer(waitForFunction, className, method) {
if (window.jQuery && (window.jQuery(className).length > 0) && (typeof window.jQuery(className)[waitForFunction] != 'undefined')) {
method();
} else {
setTimeout(function() { defer(waitForFunction, className, method) }, 50);
}
}
$(document).ready(function() {
if ($('#banner').length > 0) {
//console.log('slider');
$(".carousel").carousel({
pause: true
});
defer('swipe', ".carousel .carousel-inner" , () =>{
$(".carousel .carousel-inner").swipe( {
swipeLeft: function () {
this.parent().carousel('next');
},
swipeRight: function ( ) {
this.parent().carousel('prev');
},
excludedElements:"label, button, input, select, textarea, noSwipe"
})
});
$('.carousel .carousel-inner').on('dragstart', 'a', function () {
return false;
});
};
// top ventes
$('#topVentes .top_vente').click(function(e) {
if ($(this).hasClass('current')) {
return true;
} else {
$('.top_vente').addClass('current');
$('.top_gratuit').removeClass('current');
$('#palmares_livres').show();
$('#palmares_gratuit').hide();
e.preventDefault();
return false;
}
});
// top ventes gratuits
$('#topVentes .top_gratuit').click(function(e) {
if ($(this).hasClass('current')) {
return true;
} else {
$('.top_gratuit').addClass('current');
$('.top_vente').removeClass('current');
$('#palmares_gratuit').show();
$('#palmares_livres').hide();
e.preventDefault();
return false;
}
});
// Animation pour les bloc selection
$('.rubrique_selection label').click(function(){
$(this).find('.blocSelection-arbo').toggleClass("fa-chevron-up fa-chevron-down ");
});
// Hover Newsletter vivement dimanche
$('.blocVDNewsletter').hover(function(){
$('.popup_info_newsletter').slideToggle('slow');
});
$('.js-slick').slick(slickConf);
let defferedContents = document.querySelectorAll('.deffered-content');
tableauPhoto = $(document).find('#photo-holder').children();
mapMEAToComponent(defferedContents, tableauPhoto);
/* Ajout au panier */
$(document).on('click', '[id^="add_gencod_to_basket"]', function(e) {
// Récupération des paramètres pour l'ajout au panier
var gencod = $(this).attr('data-gencod');
var type_produit = $(this).attr('data-typeproduit');
var gencods_to_add = gencod + '|' + type_produit + '|1';
// Appel de la fonction générique
addGencodsToBasket({ gencods: gencods_to_add });
});
});
function mapMEAToComponent(elements, tableauPhoto) {
return Array.from(elements).map(element => {
return TwigAxiosComponant(element.dataset.tableId, element.dataset.type).then((newElement) => {
element.innerHTML = newElement.innerHTML;
if (element.classList.contains("js-slick"))
$(element).slick('refresh');
$(element).find(".modifier__animate-collapse").on({
mouseenter: function () {
$(this)
.find('.modifier_target__animate-collapse')
.stop(true, true)
.slideDown(200);
},
mouseleave: function () {
$(this)
.find('.modifier_target__animate-collapse')
.stop(true, true)
.slideUp(200);
}
});
if ($(window).width() < 769) {
$('.table_classique,.table_deroulante').addClass('infos_tables_fixes');
}
const photos = tableauPhoto.get().map((value) => {
if(value.id =='photos-for-mea-' + element?.dataset?.tableId)
return value;
})
});
})
}
TwigAxiosComponant = async (id, type) => {
const params = {
id : id,
type : type,
}
const url = 'https://api.epagine.fr/v4/proxy/index_table'
const queryString = new URLSearchParams(params).toString();
const value = await axios.get(
url, {params}).then((response) => {
const newElement = document.createElement('div');
newElement.innerHTML = response.data;
return newElement;
}).catch( (error) => {
});
return value;
}
slickConf = {
infinite: false,
dots:true,
slidesToShow:5,
slidesToScroll: 5,
speed:600,
prevArrow: '<button type="button" class="slidingTable-prev slick-prev" aria-label="Précédent"><i class="fal fa-chevron-left" aria-hidden="true"></i></button>',
nextArrow: '<button type="button" class="slidingTable-next slick-next" aria-label="Suivant"><i class="fal fa-chevron-right" aria-hidden="true"></i></button>',
mobileFirst: true,
responsive: [
{
breakpoint: 319,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
/*dots: true*/
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 5,
slidesToScroll: 5
}
}
]
}
</script>
