CINXE.COM
Libraires d'un jour manifestation festive des librairies parisiennes - Paris Librairies
<!DOCTYPE html> <html lang="fr" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <head> <!--// ACS4WWW6 | 5435 //--> <meta charset="utf-8"> <link rel="dns-prefetch" href="//www.parislibrairies.fr"> <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>Libraires d'un jour manifestation festive des librairies parisiennes - Paris Librairies </title> <meta name="og:title" content="Libraires d'un jour manifestation festive des librairies parisiennes - Paris Librairies "> <meta name="twitter:title" content="Libraires d'un jour manifestation festive des librairies parisiennes - Paris Librairies "> <meta name="robots" content="index,follow"> <link rel="canonical" href="https://www.parislibrairies.fr/le-pari-des-libraires/ssh-2265"> <meta name="description" content="Libraires d'un jour est une manifestation festive des libraires indépendants parisiens orchestrée par l’association Paris Librairies, avec le soutien de la Ville de Paris, invitant tous les lecteurs à fêter la librairie de quartier pendant une journée et une soirée au début de l'été, chaque année."> <meta name="og:description" content="Libraires d'un jour est une manifestation festive des libraires indépendants parisiens orchestrée par l’association Paris Librairies, avec le soutien de la Ville de Paris, invitant tous les lecteurs à fêter la librairie de quartier pendant une journée et une soirée au début de l'été, chaque année."> <meta name="twitter:description" content="Libraires d'un jour est une manifestation festive des libraires indépendants parisiens orchestrée par l’association Paris Librairies, avec le soutien de la Ville de Paris, invitant tous les lecteurs à fêter la librairie de quartier pendant une journée et une soirée au début de l'été, chaque année."> <meta name="twitter:card" content="summary"> <meta property="og:site_name" content="Paris Librairies"> <meta property="og:url" content="https://www.parislibrairies.fr/le-pari-des-libraires/ssh-2265"> <meta property="og:image" content="https://static.epagine.fr/mediaweb3/5435/logo_parislibrairie.jpg"> <meta property="twitter:image" content="https://static.epagine.fr/mediaweb3/5435/logo_parislibrairie.jpg"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#0d0b0b"> <meta name="msapplication-navbutton-color" content="#0d0b0b"> <meta name="apple-mobile-web-app-status-bar-style" content="#0d0b0b"> <link rel="shortcut icon" href="https://static.epagine.fr/mediaweb3/5435/favicon.ico" /> <link rel="icon" type="image/png" href="https://static.epagine.fr/mediaweb3/5435/favicon-96x96.png" sizes="96x96" /> <link rel="icon" type="image/svg+xml" href="https://static.epagine.fr/mediaweb3/5435/favicon.svg" /> <link rel="apple-touch-icon" sizes="180x180" href="https://static.epagine.fr/mediaweb3/5435/apple-touch-icon.png" /> <link rel="mask-icon" href="https://static.epagine.fr/mediaweb3/5435/safari-pinned-tab.svg" color="#0d0b0b"> <link rel="manifest" href="/manifest.json.php"> <link rel="stylesheet" href="https://static.epagine.fr/bootstrap-3.4.1/css/bootstrap.min.css?v=70531e0a1fdbd03c268dc2aee38d80af497"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5435.css?v=70531e0a1fdbd03c268dc2aee38d80af497"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5435_color.css?v=70531e0a1fdbd03c268dc2aee38d80af497"> <link rel="stylesheet" href="https://static.epagine.fr/mediaweb3/css/css_5435_spe.css?v=70531e0a1fdbd03c268dc2aee38d80af497"> <style>body{background:#ffffff}</style> </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"> <div id="tetiere"> <div class="topBarre d-print-none hidden-xs hidden-sm col-xs-12 no-padding"> <div class="menu_librairie col-xs-12 no-padding"> <div class="searchBarScroll col-xs-4 no-padding"> <div class="pull-left bloc_logoScroll col-md-3"> <a href="/"> <img src="https://static.epagine.fr/mediaweb3/5435/logo_parislibrairie.jpg" alt="Paris Librairies"> </a> </div> <form class="bloc_searchScroll col-md-9 no-padding" action="/listeliv.php" method="get" role="search" onsubmit="if($('#mots_rechercheScroll').val() == ''){location.replace('https://www.parislibrairies.fr');return false;}"> <p class="mt-01 bloc_nom_librairie_accroche d-print-none">Paris Librairies | </p> <div class="searchScroll"> <div class="input-group searchBar col-xs-10"> <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 col-xs-1" 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 col-xs-4 no-padding"> <li class="btnWishlist"> <a href="/wishlist_list.php"> <i class="fa-regular fa-bookmark"></i> Mes listes </a> </li> </ul> <div class="lien_compte col-xs-2 no-padding"> <div class="btnConnect"> <button class="btn col-xs-12" data-toggle="modal" onclick="loadModalLogin('#myModal5', '/template/modal/modalLogin.php');"><i class="far fa-user" aria-hidden="true"></i> Me connecter</button> </div> </div> <div class="panier_top hidden-sm hidden-xs col-xs-2 no-padding pull-right"> <button id="previewPanier" class="btnLien btn col-xs-12"> <i class="far fa-shopping-basket" aria-hidden="true"></i> <span id="NbPanier_top">0</span> Mon panier </button> </div> <div id="modalPreviewPanier" style="display: none;"></div> </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/5435/uploads/37099_paris-librairies_site-header-1920x207px-2024_o-philipponneau.jpg" alt="Paris Librairies" class="LogoMag img-responsive"> </a> </h1> </div></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="/reseaumag.php" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Les librairies<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.parislibrairies.fr/magasins.php" >Les librairies du réseau</a> </li> <li > <a href="https://lacarte.parislibrairies.fr" target="_blank" >Carte des librairies</a> </li> </ul></li> </ul> </li> <li > <a href="/agenda.php" >Agenda</a> </li> <li id="dropdown4" class="dropdown "> <a href="/selections-de-libraires/ssh-2176" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Conseils de libraires<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.parislibrairies.fr/mot-du-libraire" >Coups de cœur</a> </li> <li > <a href="/selections-de-libraires/ssh-2176" >Sélections de libraires</a> </li> <li > <a href="/selections-thematiques/ssh-10163" >Sélections thématiques</a> </li> </ul></li> <li class="categoriesBook"><ul> <li > <a href="/nos-rubriques/ssh-10138" >Nos rubriques</a> </li> <li > <a href="/lettres-d-information/ssh-10881" >Lettre d'information</a> </li> </ul></li> </ul> </li> <li id="dropdown5" class="dropdown "> <a href="/l-association/ssh-808" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Nos actions<i class="fal fa-chevron-down ml-005 pull-right"></i></a> <ul class="dropdown-menu"> <li class="categoriesBook"><ul> <li > <a href="/paris-librairies-association/ssh-10090" >Qui sommes-nous ?</a> </li> <li > <a href="/jeunes-en-librairie-grand-public/ssh-10201" >Jeunes en librairie</a> </li> <li > <a href="/libraires-d-un-jour/ssh-8931" >Libraires d'un jour</a> </li> </ul></li> </ul> </li> <li id="dropdown6" class="dropdown "> <a href="https://www.parislibrairies.fr/gestion/" target="_blank" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Espace libraires<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.parislibrairies.fr/gestion/" target="_blank" >Administration libraire</a> </li> <li > <a href="https://www.parislibrairies.fr/espace-libraire/ssh-10098" >Informations pratiques</a> </li> <li > <a href="/informations-de-l-interprofession/ssh-10101" >Informations de l'interprofession</a> </li> </ul></li> </ul> </li> </ul></div> <div class="tetiere-content2 col-xs-12 no-padding hidden-sm hidden-xs"> <form action="/listeliv.php" method="get" id="listsearch" role="search" onsubmit="if($('#mots_recherche').val() == ''){location.replace('https://www.parislibrairies.fr');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" 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> <h3 class="text-center fw-bold mt-01 col-xs-12" style="font-size: 1.1em;">▲ Trouvez votre livre dans une des <span style="color: #d00018;">234 librairies</span> du réseau ▲</h3> </div> <!-- Importation de la macro --> <div id="toast-container"> <!-- Toast structure --> <div class="toast-structure position-fixed m-3 bottom-0 end-0 d-none bg-success text-white" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex align-items-center p-1"> <i class="toast-i-before fa-solid fa-circle-check me-2 fa-xl"></i> <div class="toast-body d-flex align-items-center justify-content-between w-100"> <p class="toast-message">Votre action a été réalisée avec succès.</p> <a href="" class="toast-link ml-01"></a> </div> <button type="button" class="btn-close" data-dismiss="toast" onclick="closeToast()" aria-label="Close"> <i class="toast-i-after fa-regular fa-xmark fa-xl"></i> </button> </div> </div> <style> .d-flex { display: flex; } .align-items-center { align-items: center; } .justify-content-between { justify-content: between; } /* Toast container */ #toast-container { z-index: 1090; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .w-100 { width: 100%; } .toast-structure { min-width: 250px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 0.5rem; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; z-index: 1050; pointer-events: auto; } .border-bottom { border-bottom: 1px solid; } .alert-warning, .bg-warning { background: #fffcea; color: #5F6603; border: 1px solid #e2dfbd; } .alert-danger, .bg-danger { background: #FBE7E9; color: #C70717; border: 1px solid #e2bdbd; } .alert-info, .bg-info { background: #d0ecf8; color: #1E668C; border: 1px solid #bdd7e2; } .alert-success, .bg-success { background: #35803F; color: #fff; border: 1px solid #2b6633; } .text-dark { color: #000000 !important; } .text-white { color: #ffffff !important; } .p-1 { padding: 10px; } .py-05 { padding-top: 5px; padding-bottom: 5px; } .px-1 { padding-left: 10px; padding-right: 10px; } .m-3 { margin: 30px; } /* Show toast */ .toast-structure.show { opacity: 1; visibility: visible; } /* Toast body */ .toast-body { word-wrap: break-word; } /* Close button */ .btn-close { background: transparent; border: none; font-size: 1.2rem; line-height: 1; opacity: 0.5; cursor: pointer; margin-left: 10px; } .btn-close:hover { opacity: 1; } /* Utility classes simulating Bootstrap 5 */ .position-fixed { position: fixed; } .top-0 { top: 0; } .bottom-0 { bottom: 0; } .start-0 { left: 0; } .end-0 { right: 0; } .m-auto { margin: auto !important; } .me-2 { margin-right: .5rem !important; } .me-auto { margin-right: auto ; } /* Additional styling for accessibility (optional) */ .toast-structure[role="alert"] { aria-live: assertive; aria-atomic: true; } </style> </div> <div class="menuMobile col-xs-12 no-padding"> <nav class="menuMobile-nav col-xs-12 no-padding"> <div class="nav-menu pull-left text-center"> <a href="#sideMenu" aria-label="Menu"> <div class="hamburger" id="hamburger-1"> <span class="line"></span> <span class="line"></span> <span class="line"></span> <span class="textMenu">Menu</span> </div> </a> </div> <div class="nav-logo text-center no-padding"> <a href="/"> <img src="https://static.epagine.fr/mediaweb3/5435/favicon.ico" alt="Paris Librairies" class="bloc_logo-logo"> </a> </div> <ul class="pull-right nav-main list-inline text-right"> <li class="nav-wishlist"> <a href="?provenance=wishlist_list" role="link" aria-label="Mes listes"> <i class="fa-regular fa-bookmark fa-2x"></i> </a> </li> <li class="nav-user"> <a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php',function(){$('#myModal5').modal('show');});"> <i class="far fa-user fa-2x"></i> <div class="text-left ml-005"> <span class="fw-bold">Espace client</span> <br> <span class="text-underline">Se connecter</span> </div> </a> </li> <li class="nav-basket"> <a href="/panier.php" aria-label="Mon panier"> <span class="fa-stack"> <i class="far fa-shopping-basket fa-2x"></i> </span> </a> </li> </ul> </nav> <div class="searchBarreMobile 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 action="/listeliv.php" method="get" role="search" onsubmit="if($('#mots_recherche_responsive').val() == ''){location.replace('https://www.parislibrairies.fr');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 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="/reseaumag.php" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Les librairies<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.parislibrairies.fr/magasins.php" >Les librairies du réseau</a> </li> <li > <a href="https://lacarte.parislibrairies.fr" target="_blank" >Carte des librairies</a> </li> </ul></li> </ul> </li> <li > <a href="/agenda.php" >Agenda</a> </li> <li id="dropdownResponsive4" class="dropdown "> <a href="/selections-de-libraires/ssh-2176" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Conseils de libraires<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.parislibrairies.fr/mot-du-libraire" >Coups de cœur</a> </li> <li > <a href="/selections-de-libraires/ssh-2176" >Sélections de libraires</a> </li> <li > <a href="/selections-thematiques/ssh-10163" >Sélections thématiques</a> </li> </ul></li> <li class="categoriesBook"><ul> <li > <a href="/nos-rubriques/ssh-10138" >Nos rubriques</a> </li> <li > <a href="/lettres-d-information/ssh-10881" >Lettre d'information</a> </li> </ul></li> </ul> </li> <li id="dropdownResponsive5" class="dropdown "> <a href="/l-association/ssh-808" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Nos actions<i class="fal fa-chevron-down ml-005 pull-right"></i></a> <ul class="dropdown-menu"> <li class="categoriesBook"><ul> <li > <a href="/paris-librairies-association/ssh-10090" >Qui sommes-nous ?</a> </li> <li > <a href="/jeunes-en-librairie-grand-public/ssh-10201" >Jeunes en librairie</a> </li> <li > <a href="/libraires-d-un-jour/ssh-8931" >Libraires d'un jour</a> </li> </ul></li> </ul> </li> <li id="dropdownResponsive6" class="dropdown "> <a href="https://www.parislibrairies.fr/gestion/" target="_blank" class="dropdown-toggle ss_menu_disabled" data-toggle="dropdown">Espace libraires<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.parislibrairies.fr/gestion/" target="_blank" >Administration libraire</a> </li> <li > <a href="https://www.parislibrairies.fr/espace-libraire/ssh-10098" >Informations pratiques</a> </li> <li > <a href="/informations-de-l-interprofession/ssh-10101" >Informations de l'interprofession</a> </li> </ul></li> </ul> </li> </ul> </div> </nav> <!-- Flèche gauche --> <button id="scroll-left" class="menu-arrow d-none" aria-label="Flèche retour gauche"> <i class="fa-solid fa-chevron-left"></i> </button> <!-- Flèche droite --> <button id="scroll-right" class="menu-arrow d-none" aria-label="Flèche retour droite"> <i class="fa-solid fa-chevron-right"></i> </button> </div> <div class="sidebar-wrapper"> <div class="sidebar-wrapper-bloc"> <nav class="col-xs-12 no-padding"> <ul class="sidebar-account"> <li class="sideNav-accueil"> <a href="/"> <i class="fa-regular fa-house mr-005"></i> Accueil </a> </li> <li class="sideNav-compte"> <a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php',function(){$('#myModal5').modal('show');});"> <i class="fal fa-user mr-005"></i> Mon compte </a> </li> <li class="sideNav-commande"> <a onclick="$('#myModal5 .modal-content').load('/template/modal/modalLogin.php?provenance=moncompte_historique_achat',function(){$('#myModal5').modal('show');});"> <i class="far fa-book-open mr-005"></i> Mes commandes </a> </li> <li class="sideNav-liste"> <a href="/wishlist_list.php"> <i class="fa-regular fa-bookmark fa-lg mr-005"></i> Mes listes </a> </li> <li class="sideNav-panier"> <a href="/panier.php"> <i class="fal fa-shopping-basket mr-005"></i> Mon panier </a> </li> <li class="sideNav-magasins"> <a href="/magasins.php"> <i class="fa-regular fa-shop mr-005"></i> Les magasins de notre réseau </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="/deconint.php" class="adeconexion"> <i class="far fa-power-off pull-right fa-lg" aria-hidden="true"></i> Déconnexion </a> </li> </ul> <ul class="listSocial"> <li style="display:inline-block;" class="listSocial-facebook"> <a itemprop="sameAs" href="http://www.facebook.com/parislibrairies/" target="_blank" rel="noopener" title="Facebook" ><i class="fab fa-facebook-square fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-twitter"> <a itemprop="sameAs" href="http://twitter.com/parislibrairies?lang=fr" target="_blank" rel="noopener" title="Twitter" ><i class="fa-brands fa-square-x-twitter fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-instagram"> <a itemprop="sameAs" href="https://www.instagram.com/parislibrairies/" target="_blank" rel="noopener" title="Instagram" ><i class="fab fa-instagram fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-youtube"> <a itemprop="sameAs" href="https://www.youtube.com/@Paris_Librairies" target="_blank" rel="noopener" title="Youtube" ><i class="fab fa-youtube fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-linkedin"> <a itemprop="sameAs" href="https://www.linkedin.com/company/association-paris-librairies/" target="_blank" rel="noopener" title="Linkedin" ><i class="fab fa-linkedin fa-3x" aria-hidden="true"></i></a></li></ul> </nav> </div> </div> </div> </div> </header> <main id="main-content" class="container-corps cont-index col-xs-12 no-padding"><div id="wrap_left" class="hidden-xs hidden-sm col-md-2"> <div class="row"> </div> </div> <div id="modal-root"></div> <div id="wrap_central" class="homeIndex col-xs-12 col-md-10 pindex.php"> <div id="colonneCentrale" class="col-xs-12 no-padding"> <div class="col-xs-12 col-sm-12 col-md-8 blocT2 "> <div class="BlocLibre modulable "> <header class="BlocLibre-header"> <h2> Libraires d'un jour, le 24 juin ! </h2> </header> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=119404></div> </div> </div> <div class="col-xs-12 col-xs-12 col-md-4 blocT1 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=117788></div> </div> </div> <div class="col-xs-12 col-xs-12 col-md-4 blocT1 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=120053></div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-8 blocT2 "> <div class="BlocLibre modulable "> <div class="BlocLibre-content deffered-content" data-type=12 data-table-id=120054></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-120096/l-univers-lumineux-de-brecht-evens/"> <h2 class="col-md-11 no-padding col-xs-9"> <span><h3>L'univers lumineux de Brecht Evens</h3> </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>Pour la 8e édition de Libraires d'un jour, l'association Paris Librairies a fait appel aux talents de l'auteur-dessinateur belge Brecht Evens, dont l'univers évoque bien souvent la vie parisienne nocturne, ses lieux de convivialité, le plaisir d'être ensemble. Le soir du 24 juin, c'est en librairie que vous pourrez goûter les plaisir du vivre-ensemble et du partage !</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=120096> </div> </div> </div> </div> </div> <div> <div id="photo-holder" style="display:none"> </div> </div> </div> </main></div></div></div><div class="breaker-container-corps"></div> <footer class="footerEbook d-print-none"> <div class="footer-content"> <div class="footer-top"> <div class="container-fluid"> <div class="blocFooter col-md-3"> <div class="blocFooterPanel bfp-logo"> <div class="blocFooterPanel-title"> <h4>Paris Librairies</h4> </div> <div class="blocFooterPanel-content"> <a href="/"><img class="blocFooterPanel-LogoMag" src="https://static.epagine.fr/mediaweb3/5435/logo_parislibrairie.jpg" alt="Paris Librairies"></a> </div> </div> </div> <div class="blocFooter col-sm-3"> <div class="blocFooterPanel bfp-site"> <div class="blocFooterPanel-title"> <h4>www.parislibrairies.fr</h4> </div> <div class="blocFooterPanel-content"> <ul> <li class="accesAdmin"><a href="/gestion">Administration magasin</a></li> <li><a href="/conditions_generales.php">Conditions générales</a></li> <li><a href="/mentions.php">Mentions légales</a></li> <li><a href="/cgp.php">Données personnelles</a></li> </ul> </div> </div> </div> <div class="blocFooter col-sm-3"> <div class="blocFooterPanel bfp-aide"> <div class="blocFooterPanel-title"> <h4>Besoin d'aide ?</h4> </div> <div class="blocFooterPanel-content"> <ul> <li><a href="/faq.php">Questions fréquentes</a></li> <li> <button class="btnLien" onclick="$('#myModal5 .modal-content').load('/template/modal/modalContact.php',function(){$('#myModal5').modal('show');});">Nous écrire</button> </li> <li> <button class="btnLien" onclick="$('#myModal5 .modal-content').load('/template/modal/modalContact.php',{service:'hotline'},function(){$('#myModal5').modal('show');});">Hotline eBooks </button> </li> </ul> </div> </div> </div> <div class="blocFooter col-sm-3"> <div class="blocFooterPanel bfp-socialMedia"> <div class="blocFooterPanel-title"><h4>Réseaux sociaux</h4></div><div class="blocFooterPanel-content"><ul class="listSocial"> <li style="display:inline-block;" class="listSocial-facebook"> <a itemprop="sameAs" href="http://www.facebook.com/parislibrairies/" target="_blank" rel="noopener" title="Facebook" ><i class="fab fa-facebook-square fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-twitter"> <a itemprop="sameAs" href="http://twitter.com/parislibrairies?lang=fr" target="_blank" rel="noopener" title="Twitter" ><i class="fa-brands fa-square-x-twitter fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-instagram"> <a itemprop="sameAs" href="https://www.instagram.com/parislibrairies/" target="_blank" rel="noopener" title="Instagram" ><i class="fab fa-instagram fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-youtube"> <a itemprop="sameAs" href="https://www.youtube.com/@Paris_Librairies" target="_blank" rel="noopener" title="Youtube" ><i class="fab fa-youtube fa-3x" aria-hidden="true"></i></a></li> <li style="display:inline-block;" class="listSocial-linkedin"> <a itemprop="sameAs" href="https://www.linkedin.com/company/association-paris-librairies/" target="_blank" rel="noopener" title="Linkedin" ><i class="fab fa-linkedin fa-3x" aria-hidden="true"></i></a></li></ul></div> </div> <div class="blocFooterPanel bfp-services"> <div class="blocFooterPanel-title"> <h4>Newsletter</h4> </div> <div class="blocFooterPanel-content"> <ul> <li> <a href="https://paris-librairies.booksdataservices.fr/iido.py" target="_blank">Inscrivez-vous à la newsletter</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-xs-12"> <p style="text-align:center;">L'association, son site et ses actions sont soutenus par :</p> <p style="margin-top:5px; text-align:center;"> <a href="https://www.prefectures-regions.gouv.fr/ile-de-france/Region-et-institutions/L-action-de-l-Etat/Culture-et-Patrimoine/Jeunes-en-librairie-un-dispositif-d-education-artistique-et-culturelle-en-Ile-de-France" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Prefet_IDF_Paris_Librairies.webp" style="width: 100px; margin-right: 20px; height: 75px;" /></a><a href="https://centrenationaldulivre.fr/actualites/le-cnl-aide-la-modernisation-des-portails-et-des-sites-des-librairies-francaises" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Paris_Librairies_CNL.webp" style="width: 100px; margin-right: 20px; height: 49px;" /></a><a href="https://www.paris.fr/evenements/libraire-d-un-jour-le-24-juin-partagez-vos-lectures-20423" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Ville_Paris_Librairies.webp" style="width: 100px; margin-right: 20px; height: 101px;" /></a><a href="https://www.iledefrance.fr/aide-la-librairie-independante" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Region_IDF_Paris_Librairies.webp" style="width: 100px; margin-right: 20px; height: 37px;" /></a><a href="https://www.la-sofia.org/" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Sofia__Paris_Librairies.webp" style="width: 100px; margin-right: 20px; height: 38px;" /></a><a href="https://www.copieprivee.org/" target="_blank"><img alt="Partenaire Paris Librairies" src="https://upload.epagine.fr/5435/uploads/Copie_Privee_Paris_Librairies.webp" style="width: 100px; height: 42px;" /></a></p> </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"> 8.222.208.146 (US) 0.720s </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/mediaweb3/js/geoloc.js"></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"><div class="loader book"><figure class="page"></figure><figure class="page"></figure><figure class="page"></figure><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="loader book"><figure class="page"></figure><figure class="page"></figure><figure class="page"></figure><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 $(document).on('click','.listeLibrairies', function() { var gencod = $(this).attr('data-gencod'); var typeproduit = $(this).attr('data-typeproduit'); $('#myModal5 .modal-dialog').css({"width":"auto", "margin":"0 auto"}); $('#myModal5 .modal-content').load('/template/modal/modalListeLibrairies.php?gencod='+ encodeURIComponent(gencod) + '&typeproduit=' + encodeURIComponent(typeproduit),function(){ $('#myModal5').modal({'show':true,}).on('shown.bs.modal', function () { }); }); }); // Portail e-Readers et Affiliés Librairies Indépendantes /*Géolocalisation pour les portails On ajoute l'evenement pour localiser le device + update géoloc */ $(document).on('click','.geolocButton',function(){ geoloc.get(); geoloc.store(); geoloc.load(); if (geoloc.error == 1) { alert('Votre navigateur bloque la géolocalisation'); } }); /*(réaffectation de cette fonction dans la modal liste librairie + magasins) Elle est appelée par l'update ou le reset de la geoloc pas de reload car si geoloc approximatif, ça boucle On reload uniquement quand on clique sur le bouton */ geoloc.onupdate = function() { geoloc.store(); // location.reload(); }; //Chargement de la géolocalisation au chargement de la page geoloc.load(); if (geoloc.state == "Ok") { geoloc.get(); geoloc.store(); geoloc.load(); } //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' }; if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js?revision=20241212', { scope: '/' }).then( function(registration) { //console.log("Enregistrement OK - Scope : ", registration.scope); }, function(err) { //console.log("Erreur d'enregistrement : ", err); } ); }); } // Back arrow window.addEventListener('load', function() { if (navigator.userAgent.match(/like Mac OS X/i)) { $('body').append('<button id="backArrow" onclick="history.back()"><i class="fa-light fa-arrow-left fa-xl"></i></button>'); } }); </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, } params.shall_update = 'shall_update' params.ssh_id = 2265 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>