CINXE.COM
Logiciel de gestion de stock et outils pour les magasins culturels
<!DOCTYPE html> <html lang="fr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <head> <!--// ACS4WWW6 | 666 //--> <meta charset="utf-8"> <link rel="dns-prefetch" href="//www.titelive.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>Logiciel de gestion de stock et outils pour les magasins culturels</title> <meta name="og:title" content="Logiciel de gestion de stock et outils pour les magasins culturels"> <meta name="twitter:title" content="Logiciel de gestion de stock et outils pour les magasins culturels"> <meta name="robots" content="index,follow"> <link rel="canonical" href="https://www.titelive.com/"> <meta name="description" content="Titelive, Logiciel de gestion de stock et outils d'information pour les produits culturels, medialog, livres, DVD, CD, disques, professionnel du livre, librairies, librairies, disquaires."> <meta name="og:description" content="Titelive, Logiciel de gestion de stock et outils d'information pour les produits culturels, medialog, livres, DVD, CD, disques, professionnel du livre, librairies, librairies, disquaires."> <meta name="twitter:description" content="Titelive, Logiciel de gestion de stock et outils d'information pour les produits culturels, medialog, livres, DVD, CD, disques, professionnel du livre, librairies, librairies, disquaires."> <meta name="twitter:card" content="summary"> <meta property="og:site_name" content="Tite Live"> <meta property="og:url" content="https://www.titelive.com/"> <meta property="og:image" content="https://static.epagine.fr/mediaweb3/666/titelive_logo.png"> <meta property="twitter:image" content="https://static.epagine.fr/mediaweb3/666/titelive_logo.png"> <meta name="geo.placename" content="Montrouge"> <meta name="geo.position" content="48.8135948;2.3236243"> <meta name="ICBM" content="48.8135948,2.3236243"> <meta name="og:latitude" content="48.8135948"> <meta name="og:longitude" content="2.3236243"> <meta name="og:street-address" content="19 bis avenue L茅on Gambetta"> <meta name="og:locality" content="Montrouge"> <meta name="og:postal-code" content="92120"> <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/666/favicon.ico" /> <link rel="icon" type="image/png" href="https://static.epagine.fr/mediaweb3/666/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/svg+xml" href="https://static.epagine.fr/mediaweb3/666/favicon.svg" /> <link rel="apple-touch-icon" sizes="180x180" href="https://static.epagine.fr/mediaweb3/666/apple-touch-icon.png" /> <meta name="apple-mobile-web-app-title" content="Logiciel de gestion de stock et outils pour les magasins culturels" /> <link rel="manifest" href="/manifest.json.php"> <link rel="stylesheet" href="https://static.epagine.fr/bootstrap-3.4.1/css/bootstrap.min.css?v=720af70ccae4dc1c037c06c0a340a4cb456"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_666.css?v=720af70ccae4dc1c037c06c0a340a4cb456"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_666_color.css?v=720af70ccae4dc1c037c06c0a340a4cb456"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_666_spe.css?v=720af70ccae4dc1c037c06c0a340a4cb456"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.titelive.com", "potentialAction": [{ "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate":"https://www.titelive.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 = 'UA-4662737-41'; 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/666/titelive_logo.png" alt="Tite Live"> </a> </div> </div> </div> <div id="modalPreviewPanier" style="display: none;"></div> </div> <div class="tetiere-content col-xs-12 no-padding hidden-xs hidden-sm"> <h1 class="fs-inherit"> <a href="/"> <span class="bloc_logo"> <img src="https://static.epagine.fr/mediaweb3/666/titelive_logo.png" alt="Tite Live" class="LogoMag"> </span> <span class="bloc_nom_librairie hidden-xs hidden-sm d-print-none"> Tite Live </span> </a> </h1> </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="/solutions/ssh-2175" >Solutions</a> </li> <li > <a href="/devis/ssh-2162" >Devis</a> </li> <li > <a href="/clients/ssh-1822" >Clients</a> </li> <li > <a href="/a-propos/ssh-1820" >A propos</a> </li> <li > <a href="http://www.titelive.com/area/" >Acc猫s Libraires</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-logo text-center no-padding"> <a href="/"> <img src="https://static.epagine.fr/mediaweb3/666/favicon.ico" alt="Tite Live" class="bloc_logo-logo"> </a> </div> <ul class="pull-right nav-main list-inline text-right"> </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.titelive.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="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 > <a href="/solutions/ssh-2175" >Solutions</a> </li> <li > <a href="/devis/ssh-2162" >Devis</a> </li> <li > <a href="/clients/ssh-1822" >Clients</a> </li> <li > <a href="/a-propos/ssh-1820" >A propos</a> </li> <li > <a href="http://www.titelive.com/area/" >Acc猫s Libraires</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-liste"> <a href="/wishlist_list.php"> <i class="fa-regular fa-bookmark fa-lg mr-005"></i> Mes listes </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 hidden-md hidden-lg"> <div class="row"> <div class="blocSelection col-xs-12 no-padding"> <div class="blocSelection-content"> <ul><li class="sous_rubrique sous_rubrique_0"><a href="/Tite-Live-Presentation-de-la-societe/ssh-786" >Notre société</a></li><li class="sous_rubrique sous_rubrique_0"><a href="/infosprat.php" >Nous contacter</a></li><li class="sous_rubrique sous_rubrique_0"><a href="/Tite-Live-Nos-Services/ssh-787" >Nos services</a></li><li class="sous_rubrique sous_rubrique_0"><a href="/Tite-Live-Notre-activite/ssh-788" >Notre activité</a></li><li class="sous_rubrique sous_rubrique_0"><a href="/on-parle-de-nous/ssh-1340" title="Revue de presse Tite Live">Revue de Presse</a></li></ul> </div> </div> </div> </div> <div id="modal-root"></div> <div id="wrap_central" class="homeIndex col-xs-12 col-md-12 pindex.php"> <div id="colonneCentrale" class="col-xs-12 no-padding"> <div class="col-xs-12 col-sm-12 col-md-12 blocT3 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=157945></div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 blocT3 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=22654></div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 blocT3 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=22805></div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-12 blocT3 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=22678></div> </div> </div> </div> <div> <div id="photo-holder" style="display:none"> <div id="photos-for-mea-157945"> </div> <div id="photos-for-mea-22654"> </div> <div id="photos-for-mea-22805"> </div> </div> </div> </div> <div id="wrap_right" class="hidden-xs hidden-sm hidden-md hidden-lg"> <div class="row"> </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="footerSpeTop col-md-offset-1 col-md-10 col-xs-12 no-padding text-center mb-06"> <div class="col-md-3 hidden-xs line_underscore pull-left"></div> <h2 class="blocPresentationTitle col-md-6 text-center mb-04"><span class="textColorBleu">Contact</span></h2> <div class="col-md-3 hidden-xs line_underscore pull-right"></div> <div class="blocTiteLiveFrance col-md-4 col-xs-12"> <img class="mb-02" src="https://upload.epagine.fr/667/uploads/map_france.png" title="Map France"> <h2 class="titleContact mb-03">Tite Live <span class="textColorBleu">France</span></h2> <ul> <li>19 bis avenue L茅on Gambetta<br>92120 Montrouge<br>France</li> <li><b>Service Commercial :</b> commercial@titelive.com</li> <li><b>Support Tite Live :</b> support@titelive.com</li> <li><b>Hotline ePagine :</b> hotline@epagine.fr</li> <li>Tel : +33 1 55 58 32 00</li> <li>Fax : +33 1 55 58 32 59</li> </ul> </div> <div class="blocDevis col-md-4 col-xs-12 mt-06 mb-06"> <a href="/devis/ssh-2162" class="hexagon"> <span class="text">Demander <br>un devis</span> </a> </div> <div class="blocTiteLiveBelgique col-md-4 col-xs-12"> <img class="mb-02" src="https://upload.epagine.fr/667/uploads/map_belgique.png" title="Map Belgique"> <h2 class="titleContact mb-03">Tite Live <span class="textColorBleu">Benelux</span></h2> <ul> <li>Dr猫ve Gustave Fache 1<br>7700 Mouscron<br>Belgique</li> <li><b>Service Commercial :</b> sales@titelive.be</li> <li>Tel : 32(0) 69 89 00 00</li> <li>Fax : 32(0) 69 89 00 01</li> </ul> </div> </div> <div class="footerSpeBot col-xs-12 no-padding"> <div class="col-md-offset-1 col-md-10 col-xs-12 no-padding"> <div class="pull-left mr-01"><img src="https://upload.epagine.fr/667/uploads/logo_titelive_blanc.png" alt="Tite Live"></div> <div class="col-md-8 col-xs-12 mt-03"> <ul class="col-md-3"> <li><a href="/solutions/ssh-1821"><i class="fas fa-caret-right mr-005 textColorBleu"></i>Solutions</a></li> <li><a href="/clients/ssh-1822"><i class="fas fa-caret-right mr-005 textColorBleu"></i>R茅f茅rences</a></li> </ul> <ul class="col-md-3"> <li><a href="/a-propos/ssh-1820"><i class="fas fa-caret-right mr-005 textColorBleu"></i>A propos</a></li> <li><a href="/infosprat.php"><i class="fas fa-caret-right mr-005 textColorBleu"></i>Contact</a></li> <li><a href="/offres-d-emploi-tite-live-epagine/ssh-2178"><i class="fas fa-caret-right mr-005 textColorBleu"></i>Offres d'emploi</a></li> </ul> <ul class="col-md-3"> <li><a href="/devis/ssh-2162"><i class="fas fa-caret-right mr-005 textColorBleu"></i>Devis</a></li> <li><a href="http://area.titelive.com/"><i class="fas fa-caret-right mr-005 textColorBleu"></i>Acc猫s Libraires</a></li> </ul> </div> <ul class="col-xs-12 list-inline text-center mt-06"> <li><a href="/mentions.php"><b class="textColorBleu">Mentions l茅gales</b> -</a></li> <li><a href="/conditions_generales.php">Politique de confidentialit茅 -</a></li> <li><a id="tarteaucitronManager" style="border:0;background:none;vertical-align:middle">G茅rer mes cookies</a></li> </ul> </div> </div> <div class="col-xs-6 text-left mt-03"> <div class="pull-left"><img src="//static.epagine.fr/mediaweb3/666/picto_datadocke.png" alt="Logo Datadocke"></div> <div class="mt-03">Organisme de formation certifi茅<br>Enregistr茅e sous le num茅ro 11 92 10894 92<br>Cet enregistrement ne vaut pas agr茅ment de l鈥櫭塼at.</div> </div> <div class="col-xs-6 text-right mt-03 mb-02"> <div class="pull-right"> <a target="_blank" href="https://static.epagine.fr/mediaweb3/666/TITE-LIVE-QUALIOPI-v1.pdf"><img src="//static.epagine.fr/mediaweb3/666/LogoQualiopi-72dpi-Avec-Marianne.png" alt="Logo Qualiopi"></a> </div> <div class="pull-right col-xs-12 text-right mt-01"> La certification qualit茅 a 茅t茅 d茅livr茅e au titre de la cat茅gorie d'action suivante<br> <span class="text-uppercase text-danger">Actions de formation</span> </div> </div> <div class="blocFooter col-xs-12"> <div class="blocFooterPanel bfp-rd"> <div class="blocFooterPanel-content"> <ul class="d-md-flex"> <li><a href="https://centrenationaldulivre.fr/" target="_blank" rel="noopener"><img src="https://static.epagine.fr/mediaweb3/images/00-CNL-logo-USUEL.png" alt="logo CNL" width="140"></a></li> <li><a href="https://next-generation-eu.europa.eu/index_fr" target="_blank" rel="noopener"><img src="https://static.epagine.fr/mediaweb3/images/EN_Funded_by_European_Union_vert_RGB_POS.png" alt="logo EN" width="140"></a></li> <li><a href="https://www.economie.gouv.fr/plan-de-relance/" target="_blank" rel="noopener"><img src="https://static.epagine.fr/mediaweb3/images/logo_france_relance.png" alt="logo France relance" width="140"></a></li> </ul> </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.069s </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=2"></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=2" 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'); } }); $(document).on('click', '.sidebar--close', function(e) { // Si le clic est fait sur le button fermer $('.with--sidebar--filter').removeClass('with--sidebar--filter'); }); 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>