<!DOCTYPE html>
<html lang="fr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
<!--// ACS4WWW4 | 3483 //-->
<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>Kléber STRASBOURG - Réservation de livres papier et numériques</title>
<meta name="og:title" content="Kléber STRASBOURG - Réservation de livres papier et numériques">
<meta name="twitter:title" content="Kléber STRASBOURG - Réservation de livres papier et numériques">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://www.librairie-kleber.com/">
<meta name="description" content="Réservez votre livre parmi plus d'1 million de titres : romans, jeunesse, BD, manga, scolaire, bestseller, polars beaux-arts, sciences humaines... Et n'hésitez pas à passer nous demander conseil.">
<meta name="og:description" content="Réservez votre livre parmi plus d'1 million de titres : romans, jeunesse, BD, manga, scolaire, bestseller, polars beaux-arts, sciences humaines... Et n'hésitez pas à passer nous demander conseil.">
<meta name="twitter:description" content="Réservez votre livre parmi plus d'1 million de titres : romans, jeunesse, BD, manga, scolaire, bestseller, polars beaux-arts, sciences humaines... Et n'hésitez pas à passer nous demander conseil.">
<meta name="twitter:card" content="summary">
<meta property="og:site_name" content="Kléber">
<meta property="og:url" content="https://www.librairie-kleber.com/">
<meta property="og:image" content="https://static.epagine.fr/mediaweb3/3483/logo_Librairie kleber_BLEU_transparent.png">
<meta property="twitter:image" content="https://static.epagine.fr/mediaweb3/3483/logo_Librairie kleber_BLEU_transparent.png">
<meta name="geo.placename" content="Strasbourg">
<meta name="geo.position" content="48.5827473;7.7455345">
<meta name="ICBM" content="48.5827473,7.7455345">
<meta name="og:latitude" content="48.5827473">
<meta name="og:longitude" content="7.7455345">
<meta name="og:street-address" content="30 rue du 22 Novembre">
<meta name="og:locality" content="Strasbourg">
<meta name="og:postal-code" content="67000">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://static.epagine.fr/mediaweb3/3483/favicon.ico" />
<link rel="icon" type="image/png" href="https://static.epagine.fr/mediaweb3/3483/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="https://static.epagine.fr/mediaweb3/3483/favicon.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="https://static.epagine.fr/mediaweb3/3483/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Kléber STRASBOURG - Réservation de livres papier et numériques" />
<link rel="manifest" href="/manifest.json.php">
<link rel="stylesheet" href="https://static.epagine.fr/bootstrap-3.4.1/css/bootstrap.min.css?v=75064092c67fb1717d4e9e25e6b53191fe4">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_3483.css?v=75064092c67fb1717d4e9e25e6b53191fe4">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_3483_color.css?v=75064092c67fb1717d4e9e25e6b53191fe4">
<link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_3483_spe.css?v=75064092c67fb1717d4e9e25e6b53191fe4">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://www.librairie-kleber.com",
"potentialAction": [{
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate":"https://www.librairie-kleber.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.analyticsUa = 'G-V9L82R7RM3';
tarteaucitron.user.analyticsMore = function () {
ga('require', 'displayfeatures');
};
(tarteaucitron.job = tarteaucitron.job || []).push('analytics');
tarteaucitron.user.gtagUa = 'UA-37039815-1';
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>
<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/3483/logo_Librairie kleber_BLEU_transparent.png" alt="Kléber">
</a>
</div>
<form class="bloc_searchScroll" action="/listeliv.php" method="get" role="search" onsubmit="if($('#mots_rechercheScroll').val() == ''){location.replace('https://www.librairie-kleber.com');return false;}">
<p class="bloc_nom_librairie_accroche d-print-none">
Kléber
</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="allbooks" >
Tous les livres
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</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="https://pro.librairie-kleber.com"
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">
<a href="/panier.php" id="previewPanier" class="btn nav-link">
<i class="far fa-shopping-basket" aria-hidden="true"></i>
<span id="NbPanier_top">0</span>
Mon panier
</a>
</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/3483/uploads/38090_2803_HEADER-KLEBER_GRAND-KLEBER-CENTRE_1920.png" alt="Kléber" 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.librairie-kleber.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="allbooks" >
Tous les livres
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</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 id="dropdown2" class="dropdown">
<a href="/liste_rayons.php" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">nos rayons<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="/rayon-litterature-conseils/ssh-10745" >Littérature</a>
</li>
<li >
<a href="/rayon-litterature-jeunesse-conseils/ssh-10772" >Jeunesse</a>
</li>
<li >
<a href="/rayon-bande-dessinee-conseils/ssh-10763" >Bandes dessinées</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/rayon-sciences-humaines-conseils/ssh-10759" >Sciences Humaines / Histoire</a>
</li>
<li >
<a href="/rayon-beaux-arts-conseils/ssh-10760" >Arts</a>
</li>
<li >
<a href="/rayon-scolaire-conseils/ssh-10762" >Scolaire</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/rayon-loisirs-et-vie-pratique-conseils/ssh-10761" >Loisirs / Vie pratique</a>
</li>
<li >
<a href="/rayon-savoirs-conseils/ssh-10775" >Savoirs</a>
</li>
<li >
<a href="/entreprise-econonomie-et-droit/ssh-11585" >Entreprise, économie, droit & politique</a>
</li>
</ul></li> </ul>
</li>
<li >
<a href="/idees-cadeaux/ssh-12200" >idées cadeaux</a>
</li>
<li >
<a href="/agenda.php?modele=liste" >événements</a>
</li>
<li >
<a href="/mot-du-libraire" >nos coups de coeur</a>
</li>
<li >
<a href="/conseils-et-selections/ssh-11447" >conseils & sélections</a>
</li>
<li id="dropdown7" class="dropdown">
<a href="/nos-services/ssh-10739" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">la librairie<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="https://www.librairie-kleber.com/infosprat.php" >infos pratiques</a>
</li>
<li >
<a href="https://www.librairie-kleber.com/nos-services/ssh-10739" >services et contacts</a>
</li>
</ul></li> </ul>
</li>
<li >
<a href="/cartes-cadeaux/ssh-10740" >cartes-cadeaux</a>
</li>
<li >
<a href="https://numerique.librairie-kleber.com/" target="_blank" >livres numériques</a>
</li>
<li >
<a href="https://www.librairiedumondeentier.com/" target="_blank" >livres en V.O.</a>
</li>
<li >
<a href="https://www.facebook.com/librairiekleberstrasbourg" target="_blank" ><i class="fa-brands fa-facebook"></i></a>
</li>
<li >
<a href="https://www.instagram.com/librairiekleber/" target="_blank" ><i class="fa-brands fa-instagram"></i></a>
</li>
<li >
<a href="https://www.tiktok.com/@librairiekleber" target="_blank" ><i class="fa-brands fa-tiktok"></i></a>
</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/3483/favicon.ico" alt="Kléber" 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.librairie-kleber.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="allbooks" >
Tous les livres
</option>
<option value="paper" >
Livres
</option>
<option value="ebook" >
eBooks
</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 id="dropdownResponsive2" class="dropdown">
<a href="/liste_rayons.php" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">nos rayons<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="/rayon-litterature-conseils/ssh-10745" >Littérature</a>
</li>
<li >
<a href="/rayon-litterature-jeunesse-conseils/ssh-10772" >Jeunesse</a>
</li>
<li >
<a href="/rayon-bande-dessinee-conseils/ssh-10763" >Bandes dessinées</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/rayon-sciences-humaines-conseils/ssh-10759" >Sciences Humaines / Histoire</a>
</li>
<li >
<a href="/rayon-beaux-arts-conseils/ssh-10760" >Arts</a>
</li>
<li >
<a href="/rayon-scolaire-conseils/ssh-10762" >Scolaire</a>
</li>
</ul></li> <li class="categoriesBook"><ul> <li >
<a href="/rayon-loisirs-et-vie-pratique-conseils/ssh-10761" >Loisirs / Vie pratique</a>
</li>
<li >
<a href="/rayon-savoirs-conseils/ssh-10775" >Savoirs</a>
</li>
<li >
<a href="/entreprise-econonomie-et-droit/ssh-11585" >Entreprise, économie, droit & politique</a>
</li>
</ul></li> </ul>
</li>
<li >
<a href="/idees-cadeaux/ssh-12200" >idées cadeaux</a>
</li>
<li >
<a href="/agenda.php?modele=liste" >événements</a>
</li>
<li >
<a href="/mot-du-libraire" >nos coups de coeur</a>
</li>
<li >
<a href="/conseils-et-selections/ssh-11447" >conseils & sélections</a>
</li>
<li id="dropdownResponsive7" class="dropdown">
<a href="/nos-services/ssh-10739" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">la librairie<i class="fal fa-chevron-down ml-005 pull-right"></i></a>
<ul class="dropdown-menu">
<li class="categoriesBook"><ul> <li >
<a href="https://www.librairie-kleber.com/infosprat.php" >infos pratiques</a>
</li>
<li >
<a href="https://www.librairie-kleber.com/nos-services/ssh-10739" >services et contacts</a>
</li>
</ul></li> </ul>
</li>
<li >
<a href="/cartes-cadeaux/ssh-10740" >cartes-cadeaux</a>
</li>
<li >
<a href="https://numerique.librairie-kleber.com/" target="_blank" >livres numériques</a>
</li>
<li >
<a href="https://www.librairiedumondeentier.com/" target="_blank" >livres en V.O.</a>
</li>
<li >
<a href="https://www.facebook.com/librairiekleberstrasbourg" target="_blank" ><i class="fa-brands fa-facebook"></i></a>
</li>
<li >
<a href="https://www.instagram.com/librairiekleber/" target="_blank" ><i class="fa-brands fa-instagram"></i></a>
</li>
<li >
<a href="https://www.tiktok.com/@librairiekleber" target="_blank" ><i class="fa-brands fa-tiktok"></i></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="https://pro.librairie-kleber.com" 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="/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>
</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="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>
</div><div id="modal-root"></div>
<div id="wrap_central" class="homeIndex col-xs-12 col-md-10 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>
</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/3483/promo/3483_30433_26-01-16-16-49-39.jpg" alt="Retrouvez Kléber Éphémère au 30 rue du 22 Novembre" title="Retrouvez Kléber Éphémère au 30 rue du 22 Novembre" loading="lazy">
</a>
</div>
<div class="item item_carousel col-xs-12 no-padding">
<a href="https://www.librairie-kleber.com/listeliv.php?form_recherche_avancee=ok&editeur=Gallimard&collection=Bibliotheque%20De%20La%20Pleiade&base=paper" >
<img src="https://upload.epagine.fr/3483/promo/3483_29462_25-10-28-13-59-27.png" alt="Agenda Pleiade 2026" title="Agenda Pleiade 2026" 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">
<div class="mea_agenda col-xs-12 no-padding" style=" ">
<div class="table-title">
<a class="col-xs-12 no-padding" href="/agenda.php">
<h2 class="col-md-11 no-padding col-xs-9">
<span>Nos rendez-vous culturels
</span>
</h2>
<span class="table-seeAll pull-right btn btn-primary btn-xs col-md-1 col-xs-3">
Voir tout
</span>
</a>
</div>
<div class="deffered-content" data-type=15 data-table-id=153042></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-186589/la-rentree-litteraire-d-hiver/">
<h2 class="col-md-11 no-padding col-xs-9">
<span>La rentrée littéraire d'hiver
</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=186589>
</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-153796/les-livres-du-moment/">
<h2 class="col-md-11 no-padding col-xs-9">
<span>Les livres du moment
</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=153796>
</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-188938/de-la-lecture-plein-les-poches/">
<h2 class="col-md-11 no-padding col-xs-9">
<span>De la lecture plein les poches !
</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=188938>
</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-183846/bibliotheque-de-la-pleiade/">
<h2 class="col-md-11 no-padding col-xs-9">
<span>Bibliothèque de la Pléiade
</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>En ce moment, un agenda Pléiade illustré par Chiharu Shiota est offert pour l'achat de deux volumes de la Pléiade (dans la limite des stocks disponibles)</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=183846>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="photo-holder" style="display:none">
<div id="photos-for-mea-153042">
</div>
<div id="photos-for-mea-186589">
</div>
<div id="photos-for-mea-153796">
</div>
</div>
</div>
</div>
<div id="wrap_right" class="hidden-xs hidden-sm hidden-md hidden-lg">
<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/9782702191477-les-belles-promesses-pierre-lemaitre/">
<img src="https://images.epagine.fr/477/9782702191477_1_m.jpg" alt="Les Belles Promesses" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782702191477-les-belles-promesses-pierre-lemaitre/');">Les Belles Promesses</a>
</p>
<p class="palmaresItem-auteur auteur">
Pierre Lemaitre
</p>
<p class="palmaresItem-format_prix format_prix">
Grand format - 23.90 €
</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/9782073113252-je-suis-romane-monnier-delphine-de-vigan/">
<img src="https://images.epagine.fr/252/9782073113252_1_m.jpg" alt="Je suis Romane Monnier" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782073113252-je-suis-romane-monnier-delphine-de-vigan/');">Je suis Romane Monnier</a>
</p>
<p class="palmaresItem-auteur auteur">
Delphine de Vigan
</p>
<p class="palmaresItem-format_prix format_prix">
Grand format - 22.00 €
</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/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">
Freida McFadden
</p>
<p class="palmaresItem-format_prix format_prix">
Poche - 8.60 €
</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/9782290391198-les-secrets-de-la-femme-de-menage-freida-mcfadden/">
<img src="https://images.epagine.fr/198/9782290391198_1_m.jpg" alt="Les Secrets de 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/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">
Freida McFadden
</p>
<p class="palmaresItem-format_prix format_prix">
Poche - 8.60 €
</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/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">
Freida McFadden
</p>
<p class="palmaresItem-format_prix format_prix">
Poche - 8.60 €
</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/9782283041604-hors-champ-marie-helene-lafon/">
<img src="https://images.epagine.fr/604/9782283041604_1_m.jpg" alt="Hors champ" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782283041604-hors-champ-marie-helene-lafon/');">Hors champ</a>
</p>
<p class="palmaresItem-auteur auteur">
Marie-Hélène Lafon
</p>
<p class="palmaresItem-format_prix format_prix">
Grand format - 19.90 €
</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/9782226483546-fauves-melissa-da-costa/">
<img src="https://images.epagine.fr/546/9782226483546_1_m.jpg" alt="Fauves" loading="lazy">
</a>
</div>
<div class="palmaresItem-metabook infolivre col-lg-7">
<p class="palmaresItem-titre titre">
<a href="#" onclick="$(this).attr('href','/livre/9782226483546-fauves-melissa-da-costa/');">Fauves</a>
</p>
<p class="palmaresItem-auteur auteur">
Mélissa Da Costa
</p>
<p class="palmaresItem-format_prix format_prix">
Grand format - 23.90 €
</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="footerprincipale col-xs-12">
<div class="blocFooter col-md-3 text-center">
<div class="blocFooterPanel bfp-logo">
<ul>
<li class="mt-03">
<img alt="Logo Hall du Livre" src="//static.epagine.fr/mediaweb3/3483/logo_librairie_kleber_blanc_footer.png" width="100%">
</li>
</ul>
</div>
</div>
<div class="blocFooter col-md-3">
<div class="blocFooterPanel bfp-infos">
<div class="blocFooterPanel-title">
<h4>La librairie Kléber</h4>
</div>
<div class="blocFooterPanel-content">
<ul>
<li><a href="/infosprat.php">Infos pratiques</a></li>
<li><a href="/nos-services/ssh-10739">Nos services</a></li>
<li><a href="/vpc.php">Frais de port</a></li>
<li><a href="http://pro.librairie-kleber.fr/login.php">Espace professionnel</a></li>
<li><a href="/gestion">Administration de la librairie</a></li>
<li><button class="btnLien" onclick="$('#myModal5 .modal-content').load('/template/modal/modalContact.php',function(){$('#myModal5').modal('show');});">Nous contacter</button></li>
<li><a href="/faq.php">Questions fréquentes</a></li>
</ul>
</div>
<div class="mt-03">
<a href="http://www.centrenationaldulivre.fr/fr/libraire/lr_un_label_de_reference/presentation/">
<img alt="" src="//static.epagine.fr/mediaweb3/3483/logo_librairie_de_reference.png">
</a>
</div>
</div>
</div>
<div class="blocFooter col-md-3">
<div class="blocFooterPanel bfp-infos">
<div class="blocFooterPanel-title">
<h4>Nos partenaires</h4>
</div>
<div class="blocFooterPanel-content mb-02">
<ul>
<li><a href="https://www.librairie-compagnie.fr">Librairie Compagnie, Paris V</a></li>
<li><a href="https://www.librairie-delamain.com/">Librairie Delamain, Paris I</a></li>
<li><a href="https://www.librairie-ledivan.com/">Librairie Le Divan, Paris XV</a></li>
<li><a href="https://www.librairie-gallimard.com">Librairie Gallimard, Paris VII</a></li>
<li><a href="https://www.librairie-de-paris.fr/">Librairie de Paris, Paris XVII</a></li>
<li><a href="https://www.librairielesquare.com/">Librairie Le Square, Grenoble</a></li>
<li><a href="https://www.gallimardmontreal.com/">Librairie Gallimard, Montréal</a></li>
<li><a href="http://www.gallimard.fr/">Éditions Gallimard</a></li>
</ul>
</div>
</div>
</div>
<div class="blocFooter col-md-3">
<div class="blocFooterPanel bfp-infos">
<div class="blocFooterPanel-title">
<h4>Nos partenaires dans le grand est</h4>
</div>
<div class="blocFooterPanel-content mb-02">
<ul>
<li><a href="https://www.librairiedumondeentier.com/">Librairie du Monde Entier à l'Aubette</a></li>
<li><a href="https://www.musees.strasbourg.eu/musee-d-art-moderne-et-contemporain">Librairie du Musée d'Art Moderne de Strasbourg</a></li>
<li><a href="https://www.librairiedelapresquile.fr/">Librairie de la Presqu'île à Rivétoile</a></li>
<li><a href="https://halldulivre.com/">Le Hall du Livre, Nancy</a></li>
</ul>
</div>
</div>
<div class="blocFooterPanel bfp-reseaux">
<div class="blocFooterPanel-title">
<h4>Suivez notre actualite</h4>
</div>
<div class="blocFooterPanel-content mb-02">
<ul class="list-inline">
<li class="mt-01">
<a href="https://www.facebook.com/librairiekleberstrasbourg" target="_blank">
<i class="fa-brands fa-facebook fa-3x"></i>
</a>
</li>
<li class="mt-01">
<a href="https://www.instagram.com/librairiekleber/" target="_blank">
<i class="fa-brands fa-instagram fa-3x"></i>
</a>
</li>
<li class="mt-01">
<a href="https://www.tiktok.com/@librairiekleber" target="_blank">
<i class="fa-brands fa-tiktok fa-3x"></i>
</a>
</li>
</ul>
</div>
<div class="blocFooterPanel-title">
<p class="fw-bold">Abonnez-vous à notre newsletter :</p>
</div>
<div class="blocFooterPanel-content mb-02">
<p><iframe frameborder="0" scrolling="auto" src="https://go.formulaire.info/form?p=pTTvUXiw" style="width:100%; height:200px; overflow:auto;" width="100%"></iframe></p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 mentionLeg">
<ul class="list-inline text-center">
<li><a href="/cgv.php">CGV /</a></li>
<li><a href="/cgp.php">Confidentialité /</a></li>
<li><a href="/mentions.php">Mentions légales /</a></li>
<li><a href="/cgp.php">Données personnelles /</a></li>
<li><a href="/accessibilite_numerique.php">Accessibilité /</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><a href="/">Paiement</a></li>
</li>
</ul>
</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.203s
</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 text-underline 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;
}
.bg-success .toast-link,
.bg-danger .toast-link,
.bg-dark .toast-link {
color: #ffffff;
}
.bg-warning .toast-link,
.bg-info .toast-link {
color: #000000;
font-weight: 600;
}
.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,
link: '/panier.php',
libellelink: "Voir\u0020mon\u0020panier"
};
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 (e) {
e.preventDefault();
var $btn = $(this);
// 🔁 Compatibilité ancien + nouveau système
var link =
$btn.attr('data-link') ||
$btn.data('link') ||
$btn.attr('link');
if (!link) return;
var tempInput = document.createElement("input");
tempInput.style.position = "absolute";
tempInput.style.left = "-1000px";
tempInput.style.top = "-1000px";
tempInput.value = link;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
// Feedback visuel (inchangé)
var originalHtml = $btn.html();
$btn
.html('<i class="fa-regular fa-check fa-lg mr-005" aria-hidden="true"></i>Copie')
.css({ color: "#2c9a29" });
setTimeout(function () {
$btn
.html(originalHtml)
.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
let hoverPanier = false;
let timer = null;
$('.panier_top, #modalPreviewPanier')
.on('mouseenter', function () {
hoverPanier = true;
clearTimeout(timer);
if (!$('.shopping-cart').length) {
$('#modalPreviewPanier')
.html('<div class="shopping-cart"><div class="shopping-cart-header"><div class="loader"></div></div></div>')
.show()
.load('/template/modal/modalPreviewPanier.php');
} else {
$('#modalPreviewPanier').show();
}
})
.on('mouseleave', function () {
hoverPanier = false;
timer = setTimeout(function () {
if (!hoverPanier) {
$('#modalPreviewPanier').hide().empty();
}
}, 200);
});
//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>
