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&#39;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&#39;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 &eacute;dition de Libraires d&#39;un jour, l&#39;association Paris Librairies a fait appel aux talents de l&#39;auteur-dessinateur belge Brecht Evens, dont l&#39;univers &eacute;voque bien souvent la vie parisienne nocturne, ses lieux de convivialit&eacute;, le plaisir d&#39;&ecirc;tre ensemble. Le soir du 24 juin, c&#39;est en librairie que vous pourrez go&ucirc;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&#39;association, son site et ses actions sont soutenus par&nbsp;:</p> <p style="margin-top:5px; text-align:center;">&nbsp; &nbsp; &nbsp;<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>

Pages: 1 2 3 4 5 6 7 8 9 10