<!DOCTYPE html>
<html lang="fr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
<!--// ACS4WWW6 | 5123 //-->
<meta charset="utf-8">
<link rel="dns-prefetch" href="//www.librairiemartelle.com">
<link rel="dns-prefetch" href="//images.epagine.fr">
<link rel="dns-prefetch" href="//static.epagine.fr">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<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=720e75aa924333e7ddef28d7b7aa781e3f2">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123.css?v=720e75aa924333e7ddef28d7b7aa781e3f2">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123_color.css?v=720e75aa924333e7ddef28d7b7aa781e3f2">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5123_spe.css?v=720e75aa924333e7ddef28d7b7aa781e3f2">
<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');
</script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" >
<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">
<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 href="/wishlist_list.php" class="nav-link">
<i class="fa-regular fa-bookmark"></i>
Mes listes
</a>
</li>
<li class="lien_infosprat">
<a href="/infosprat.php" class="nav-link"><i class="far fa-info-circle mr-01" aria-hidden="true"></i>Infos pratiques</a>
</li> <li class="lien_espace_pro">
<a href="http://pro.librairiemartelle.fr/" rel="noopener" class="nav-link"><i class="far fa-briefcase" aria-hidden="true"></i>Espace Pro</a>
</li>
<li class="lien_compte">
<div class="btnConnect">
<button class="col-xs-12 nav-button" data-toggle="modal" onclick="loadModalLogin('#myModal5', '/template/modal/modalLogin.php');"><i class="far fa-user" aria-hidden="true"></i> Me connecter</button>
</div>
</li>
<li class="panier_top hidden-sm hidden-xs">
<button id="previewPanier" class="btnLien 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/17417_bandeau_martelle.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="/guide-de-vos-envies-pour-cet-ete/ssh-11572" target="_blank" >Guide de vos envies 2025</a>
</li>
<li >
<a href="/list-80908/coups-de-coeur-de-vos-libraires/" >Coups de coeur de vos libraires</a>
</li>
<li >
<a href="https://www.youtube.com/channel/UCLu84vOQWvx2_ZPO03xajuA/playlists" target="_blank" >Nos vidéos - Martelle</a>
</li>
<li >
<a href="https://www.facebook.com/libmartelle/" target="_blank" >Facebook</a>
</li>
</ul></div>
<!-- Importation de la macro -->
<div id="toast-container">
<!-- Toast structure -->
<div class="toast-structure position-fixed m-3 bottom-0 end-0 d-none bg-success 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"></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: 1090;
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: 1050;
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;
}
.text-dark {
color: #000000 !important;
}
.text-white {
color: #ffffff !important;
}
.p-1 {
padding: 10px;
}
.py-05 {
padding-top: 5px;
padding-bottom: 5px;
}
.px-1 {
padding-left: 10px;
padding-right: 10px;
}
.m-3 {
margin: 30px;
}
/* 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;
}
</style>
</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>
</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="/guide-de-vos-envies-pour-cet-ete/ssh-11572" target="_blank" >Guide de vos envies 2025</a>
</li>
<li >
<a href="/list-80908/coups-de-coeur-de-vos-libraires/" >Coups de coeur de vos libraires</a>
</li>
<li >
<a href="https://www.youtube.com/channel/UCLu84vOQWvx2_ZPO03xajuA/playlists" target="_blank" >Nos vidéos - Martelle</a>
</li>
<li >
<a href="https://www.facebook.com/libmartelle/" target="_blank" >Facebook</a>
</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="/liste_selections.php">Sélections</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="/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-twitter">
<a itemprop="sameAs" href="https://twitter.com/libmartelle" target="_blank" rel="noopener" title="Twitter" ><i class="fa-brands fa-square-x-twitter 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">
<div class="row">
<div class="zone_col col-xs-12 no-padding">
<p><a href="https://www.librairiemartelle.com/agenda.php"><img alt="" src="https://upload.epagine.fr/5123/uploads/Colonneslibressite.png" style="width: 316px; height: 201px;" /></a></p>
<p> </p>
</div>
<div class="blocSelection col-xs-12 no-padding">
<div class="blocSelection-content">
<ul><li class="rubrique_selection rubrique_selection_0"> <input class="blocSelection-arbo" type="checkbox" id="sel19020"/><label for="sel19020"><span><img alt="" src="https://upload.epagine.fr/5123/uploads/PictosInsta.png" style="width: 40px; height: 40px;" /> Les prochaines parutions</span><i class="far fa-chevron-down blocSelection-arbo" aria-hidden="true"></i></label><ul><li class="sous_rubrique sous_rubrique_1"><a href="/list-78095/les-prochaines-sorties-mangas/" ><p><img alt="" src="https://upload.epagine.fr/5123/uploads/3.png" style="width: 30px; height: 30px;" /> Mangas</p></a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-80840/litterature/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/1.png" style="width: 30px; height: 30px;" /> Littérature</a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-80844/bandes-dessinees/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/BD.png" style="width: 30px; height: 30px;" /> Bandes-dessinées</a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-80878/histoire/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/Histoire.png" style="width: 30px; height: 30px;" /> Histoire</a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-80877/vie-pratique-loisirs/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/Viepratique.png" style="width: 30px; height: 30px;" /> Vie pratique & loisirs</a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-83664/albums-jeunesse/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/AlbumsJeunesse.png" style="width: 30px; height: 30px;" /> Albums Jeunesse</a></li><li class="sous_rubrique sous_rubrique_1"><a href="/list-83677/romans-jeunesse/" ><img alt="" src="https://upload.epagine.fr/5123/uploads/Romans.png" style="width: 30px; height: 30px;" /> Romans Jeunesse</a></li></ul></li><li class="sous_rubrique sous_rubrique_0"><a href="https://www.librairiemartelle.com/agenda.php" target="_blank" rel="noopener"><p><strong>Nos prochains événements</strong></p></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 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>
<li data-target="#slider" data-slide-to="4" ></li>
<li data-target="#slider" data-slide-to="5" ></li>
<li data-target="#slider" data-slide-to="6" ></li>
<li data-target="#slider" data-slide-to="7" ></li>
<li data-target="#slider" data-slide-to="8" ></li>
<li data-target="#slider" data-slide-to="9" ></li>
<li data-target="#slider" data-slide-to="10" ></li>
<li data-target="#slider" data-slide-to="11" ></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">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174265/celine-ghys/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27865_25-04-17-10-46-00.jpg" alt="Céline GHYS" title="Céline GHYS">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174270/julie-mayer/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27867_25-04-17-10-48-06.jpg" alt="Julie MAYER" title="Julie MAYER">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174403/demonstration-caran-d-ache/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27872_25-04-17-14-58-09.jpg" alt="Caran d'Ache" title="Caran d'Ache">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-175015/l-amienoise-qui-dessine/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27982_25-04-29-14-47-18.jpg" alt="L'Amiénoise qui dessine" title="L'Amiénoise qui dessine">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174268/david-perimony/" >
<img src="https://upload.epagine.fr/5123/promo/5123_27866_25-04-17-10-46-58.jpg" alt="David PÉRIMONY" title="David PÉRIMONY">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174274/peggy-boudeville/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27868_25-04-17-10-49-05.jpg" alt="Peggy BOUDEVILLE" title="Peggy BOUDEVILLE">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174619/martelle-fete-le-polar-murder-party/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27910_25-04-22-18-26-58.jpg" alt="Martelle fête le polar ! - Murder Party" title="Martelle fête le polar ! - Murder Party">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174612/bernard-minier-nadine-mousselet/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27911_25-04-22-18-28-09.jpg" alt="Bernard MINIER et Nadine MOUSSELET" title="Bernard MINIER et Nadine MOUSSELET">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174613/olivier-bal-olivier-descosse/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27912_25-04-22-18-29-08.jpg" alt="Olivier BAL et Olivier DESCOSSE" title="Olivier BAL et Olivier DESCOSSE">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174318/john-gwynne/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27869_25-04-17-10-50-14.jpg" alt="John GWYNNE" title="John GWYNNE">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairiemartelle.com/agenda-174356/agnes-ledig/" target="_blank">
<img src="https://upload.epagine.fr/5123/promo/5123_27870_25-04-17-10-51-13.jpg" alt="Agnès LEDIG" title="Agnès LEDIG">
</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-174174/l-orient-au-temps-des-mille-et-une-nuits/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>L'Orient au temps des Mille et une nuits</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 une large sélection d'ouvrages pour un voyage historique, littéraire et artistique.</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=174174>
</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-173929/les-expositions-du-moment/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les expositions du moment</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>Au premier étage de la librairie, retrouvez les catalogues et magazines autour des expostions du moment.</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=173929>
</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-173928/les-editions-bourgois-poche/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les éditions Bourgois poche</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 et en magasin notre mise en avant des éditions Bourgois poche</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=173928>
</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-173922/thriller-domestique/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Thriller domestique</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>La maison, un endroit sûr ? Découvrez notre sélection et essayez le thriller domestique !</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=173922>
</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-173778/le-mythe-arthurien-dans-l-imaginaire/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Le mythe Arthurien dans l'imaginaire</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>Au rayon BD/SF, découvrez une large sélection d'ouvrages sur la légende du roi Arthur.</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=173778>
</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-173926/les-editions-zulma/">
<h2 class="col-md-11 no-padding col-xs-9">
<span><p style="text-align: center;"><strong>Les éditions Zulma</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>En magasin et sur notre site, découvrez ou redécouvrez les éditions Zulma !</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=173926>
</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-174174">
</div>
<div id="photos-for-mea-173929">
</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/9782290415627-la-psy-freida-mcfadden/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/627/9782290415627_1_m.jpg" alt="La psy" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782290415627-la-psy-freida-mcfadden/');">La psy</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/9782290415627-la-psy-freida-mcfadden/');">Poche
-
8.60 €</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/9782290391174-la-femme-de-menage-freida-mcfadden-laure-filiu-audrey-sourdive/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/174/9782290391174_1_m.jpg" alt="La femme de ménage" class="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-laure-filiu-audrey-sourdive/');">La femme de ménage</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Freida%20McFadden%2C%20Laure%20Filiu%2C%20Audrey%20Sourdive">
Freida McFadden, Laure Filiu, Audrey Sourdive
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782290391174-la-femme-de-menage-freida-mcfadden-laure-filiu-audrey-sourdive/');">Poche
-
8.60 €</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/9782290391198-les-secrets-de-la-femme-de-menage-freida-mcfadden/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/198/9782290391198_1_m.jpg" alt="Les secrets de la femme de ménage" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782290391198-les-secrets-de-la-femme-de-menage-freida-mcfadden/');">Les secrets de 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/9782290391198-les-secrets-de-la-femme-de-menage-freida-mcfadden/');">Poche
-
8.60 €</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/9782073113207-l-heure-des-predateurs-giuliano-da-empoli/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/207/9782073113207_1_m.jpg" alt="L'heure des prédateurs" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782073113207-l-heure-des-predateurs-giuliano-da-empoli/');">L'heure des prédateurs</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Giuliano%20Da%20Empoli">
Giuliano Da Empoli
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782073113207-l-heure-des-predateurs-giuliano-da-empoli/');">Grand format
-
19.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/9782017286219-lakestone-tome-2-sarah-rivens/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/219/9782017286219_1_m.jpg" alt="Lakestone Tome 2" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782017286219-lakestone-tome-2-sarah-rivens/');">Lakestone Tome 2</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Sarah%20Rivens">
Sarah Rivens
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782017286219-lakestone-tome-2-sarah-rivens/');">Grand format
-
20.00 €</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/9782265157811-a-retardement-franck-thilliez/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/811/9782265157811_1_m.jpg" alt="À retardement" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782265157811-a-retardement-franck-thilliez/');">À retardement</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Franck%20Thilliez">
Franck Thilliez
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782265157811-a-retardement-franck-thilliez/');">Grand format
-
22.90 €</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/9791037514233-interieur-nuit-nicolas-demorand/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/233/9791037514233_1_m.jpg" alt="Intérieur nuit" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9791037514233-interieur-nuit-nicolas-demorand/');">Intérieur nuit</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Nicolas%20Demorand">
Nicolas Demorand
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9791037514233-interieur-nuit-nicolas-demorand/');">Grand format
-
18.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/9782824629094-la-prof-freida-mcfadden/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/094/9782824629094_1_m.jpg" alt="La prof" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782824629094-la-prof-freida-mcfadden/');">La prof</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/9782824629094-la-prof-freida-mcfadden/');">Grand format
-
22.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/9782226491329-les-piliers-de-la-mer-sylvain-tesson/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/329/9782226491329_1_m.jpg" alt="Les piliers de la mer" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782226491329-les-piliers-de-la-mer-sylvain-tesson/');">Les piliers de la mer</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Sylvain%20Tesson">
Sylvain Tesson
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782226491329-les-piliers-de-la-mer-sylvain-tesson/');">Grand format
-
21.90 €</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/9782228937597-resister-salome-saque/">
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://images.epagine.fr/597/9782228937597_1_m.jpg" alt="Résister" class="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782228937597-resister-salome-saque/');">Résister</a>
</p>
<p class="palmaresItem-auteur auteur">
<a href="/listeliv.php?form_recherche_avancee=ok&auteurs=Salom%C3%A9%20Saqu%C3%A9">
Salomé Saqué
</a>
</p>
<p class="palmaresItem-format_prix format_prix">
<a href="#" onclick="$(this).attr('href','/livre/9782228937597-resister-salome-saque/');">Poche
-
5.00 €</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="/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-twitter">
<a itemprop="sameAs" href="https://twitter.com/libmartelle" target="_blank" rel="noopener" title="Twitter" ><i class="fa-brands fa-square-x-twitter 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>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;"></a>
</div>
<div id="info-tech">
0.202s
</div>
</div>
</div>
</div>
</footer>
<div style="display:none;background:#F00;position:fixed;width:1px;height:1px;bottom:0;right:0;"><a href="/forbidden/"><img src="https://static.epagine.fr/mediaweb3/images/imgpx.png" alt="empty" width="1" height="1"></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=3"></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>
//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('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());
}
</script>
<script src="https://static.epagine.fr/mediaweb3/js/jquery.lazyload.min.js?v2.0rc"></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">
$(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);
});
$('img.lazy').lazyload();
/*
lazyload ne marche pas sur la home et le palam???rs !
on utilise defer ??? la place .... https://varvy.com/pagespeed/defer-images.html
*/
/*var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if (imgDefer[i].getAttribute('data-src')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
}
}*/
$('.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 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);
});
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").hover(function(){
$(this).find('.modifier_target__animate-collapse').slideToggle();
});
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;
})
$(element).find('img').get().forEach(placeHolder => {
if (placeHolder.dataset.src && placeHolder.dataset.src != "") {
newPhoto = $(photos).find('img').clone().get().filter(p => p.src == placeHolder.dataset.src);
if (newPhoto.length === 0)
placeHolder.src = placeHolder.dataset.src;
else {
placeHolder.replaceWith(newPhoto[0]);
}
return placeHolder;
}
});
});
})
}
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>
