CINXE.COM
Authentification | Catalogue Bpi
<!DOCTYPE html> <html lang="en"> <head > <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Language" content="en" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Authentification | Catalogue Bpi</title> <meta property="og:title" content="Catalogue Bpi - Authentification" /> <meta property="og:site_name" content="Catalogue Bpi"> <meta property="og:type" content="website"> <link rel="shortcut icon" href="/favicon.ico" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-56533762-6"></script> <script data-type="application/javascript" type="opt-in" data-name="google-analytics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-56533762-6'); </script> <!-- Google Tag Manager --> <script data-type="application/javascript" type="opt-in" data-name="google-tag-manager">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WLTB479');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="/build/app.034d48f1.css"> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLTB479" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="menu-evitement" class="menu-evitement"> <ul class="menu-evitement__list"> <li><a href="#contenu-site" class="sr-only sr-only-focusable">Go to content</a></li> <li><a href="#bloc-menu" class="sr-only sr-only-focusable">Go to main menu</a></li> <li><a href="#menu-plans-sites" class="sr-only sr-only-focusable">Go to the site map</a></li> <li><a href="#form-search" class="sr-only sr-only-focusable">Go to search</a></li> </ul> </div> <header role="banner" class="header"> <div class="container"> <div class="header__menus d-flex flex-wrap align-items-center justify-content-end justify-content-lg-between"> <div id="menu-langue"> <div class="dropdown menu-langue" aria-label="Menu-langue"> <span class="sr-only">Choice of a language</span> <button type="button" id="dropdown-langues" data-toggle="dropdown" aria-haspopup="listbox" aria-expanded="false" class="menu-langue__button btn"> <abbr title="English version">EN</abbr> </button> <div class="dropdown-menu menu-langue__list js-menu-langue-list" aria-labelledby="dropdown-langues" role="listbox" tabindex="-1"> <a href="/fr/authentification" aria-label="French version" lang="fr" class="dropdown-item menu-langue__list-item" role="option" aria-selected="true"> <abbr title="French version">FR</abbr> </a> <p aria-label="English version - active language" lang="en" class="dropdown-item menu-langue__list-item active" role="option"> <abbr title="English version">EN</abbr> </p> <a href="/es/authentification" aria-label="Espanol version" lang="es" class="dropdown-item menu-langue__list-item" role="option"> <abbr title="Espanol version">ES</abbr> </a> </div> </div> </div> <div class="d-flex align-items-center flex-wrap justify-content-end"> <div id="menu-secondaire"> <div class="dropdown menu-secondaire" aria-label="Menu-secondaire"> <span class="sr-only">Other sites</span> <button type="button" id="dropdown-autres-sites" data-toggle="dropdown" aria-haspopup="listbox" aria-expanded="false" class="menu-secondaire__button btn"> Other sites </button> <div class="dropdown-menu menu-secondaire__list js-menu-secondaire-list" aria-labelledby="dropdown-autres-sites" role="listbox" tabindex="-1"> <a href="https://www.bpi.fr/" title="La Bpi" class="dropdown-item menu-secondaire__list-item menu-secondaire__list-item--active" role="option">La Bpi</a> <a href="https://balises.bpi.fr/" title="Balises - New window" class="dropdown-item menu-secondaire__list-item" role="option" target="_blank">Balises</a> <a href="https://pro.bpi.fr/" title="Professionals - New window" class="dropdown-item menu-secondaire__list-item" role="option" target="_blank">Professionals</a> <a href="http://www.cinemadureel.org/" title="Cin茅ma du r茅el - New window" target="_blank" class="dropdown-item menu-secondaire__list-item" role="option">Cin茅ma du r茅el</a> <a href="https://effractions.bpi.fr/" title="Effractions - New window" target="_blank" class="dropdown-item menu-secondaire__list-item" role="option">Effractions</a> </div> </div> </div> <div id="menu-user"> <div class="menu-user"> <ul class="menu-user__list"> <li class="menu-user__list-item"> <div class="menu-user__icone"> <img src="/images/icones/icone-coeur.svg" alt="" class="icone-coeur"/> </div> <a href="/en/selection/"> My selection </a> </li> <li class="menu-user__list-item"> <div class="menu-user__icone"> <img src="/images/icones/icone-horloge.svg" alt="" class="icone-horloge"/> </div> <a href="/en/historique/">My history</a> </li> </ul> </div> </div> <div id="mon-compte"> <div class="account"> <a href="/en/authentification" class="account__link btn">My account</a> </div> </div> </div> </div> <div class="header__logo d-flex flex-wrap justify-content-between align-items-center"> <a href="/en/" title="Go to the Biblioth猫que publique d'information - Centre Pompidou catalog homepage" class="header__logo-link"> <img src="/images/bpi-logo.png" alt="Biblioth猫que Publique d'Information Centre Pompidou" /> </a> <button type="button" data-toggle="collapse" data-target="#navbar-principale-content" aria-controls="navbar-principale-content" title="Consult main menu" aria-expanded="false" class="navbar-toggler d-md-none navbar-burger"> <span class="sr-only">Consult main menu</span> <span class="navbar-burger__bar"></span> <span class="navbar-burger__bar"></span> <span class="navbar-burger__bar"></span> </button> </div> <div id="bloc-menu" class="header__navbar" lang="fr"> <nav class="navbar navbar-expand-md" role="navigation" aria-label="menu principal" id="navbar-principale"> <div class="collapse navbar-collapse" id="navbar-principale-content"> <ul class="navbar-nav nav"> <li class="nav-item"> <a href="https://www.bpi.fr/en/home/" class="nav-link">Home</a> </li> <li class="nav-item active"> <span class="sr-only"> - page active</span> <a href="https://catalogue.bpi.fr/en/" class="nav-link">Catalog</a> </li> <li class="nav-item"> <a href="https://agenda.bpi.fr/" class="nav-link">Calendar</a> </li> <li class="nav-item"> <a href="https://www.bpi.fr/en/the-library/" class="nav-link">The Library</a> </li> <li class="nav-item"> <a href="https://www.bpi.fr/en/practical-information/" class="nav-link">Practical Information</a> </li> <li class="nav-item"> <a href="https://www.bpi.fr/en/digital-bpi/" class="nav-link">Digital Bpi</a> </li> <li class="nav-item"> <a href="https://replay.bpi.fr/" class="nav-link">Replay</a> </li> </ul> </div> </nav> </div> </div> </header> <main role="main" id="contenu-site"> <div class="container"> <nav aria-label="Fil d'ariane" role="navigation"> <ul class="breadcrumb"> <li class="breadcrumb-item"><a href="/en/">Home - Catalogue</a></li> <li class="breadcrumb-item active" aria-current="page">Authentification</li> </ul> </nav> <div class="toolbar" lang="fr"> <ul class="toolbar__list"> <li class="toolbar__item"> <a href="/en/aide/recherche" title="Aide - New window" target="_blank"> <img src="/images/icones/icone-aide.svg" alt="" class="icone-interrogation" /> <span>Aide</span> </a> </li> <li class="toolbar__item toolbar__item--disabled"> <p id="modal-list-add-button"> <img src="/images/icones/icone-coeur.svg" alt="" class="icone-coeur" /> <span><span class="sr-only">Ajouter 脿 </span>Ma s茅lection</span> </p> </li> <li class="toolbar__item toolbar__item--disabled"> <p id="modal-print-button"> <img src="/images/icones/icone-export-impression.svg" alt="" class="icone-export-impression"/> <span>Exporter<span class="sr-only"> ou </span>Imprimer</span> </p> </li> <li class="toolbar__item toolbar__item--disabled"> <p id="modal-send-by-mail-button"> <img src="/images/icones/icone-envoyer.svg" alt="" class="icone-partage" /> <span>Envoyer<span class="sr-only"> votre ou vos r茅f茅rences s茅lectionn茅es</span></span> </p> </li> <li class="toolbar__item "> <button id="modal-suggest-button" data-toggle="modal" data-target="#modal-suggest" > <img src="/images/icones/icone-suggestion.svg" alt="" class="icone-livre" /> <span>Suggestion d'achat</span> </button> </li> <li class="toolbar__item toolbar__item--disabled"> <p id="modal-report-button"> <img src="/images/icones/icone-error.svg" alt="" class="icone-enveloppe" /> <span>Signaler une erreur</span> </p> </li> <li class="toolbar__item"> <a href="https://www.eurekoi.org/" title="Eurekoi, Ask a Librarian - New window" target="_blank"> <img src="/images/logos/logo-eurekoi.svg" alt="Eur锚koi" class="icone-eurekoi" /> <span>Eur锚koi</span> </a> </li> </ul> </div> <div role="dialog" aria-modal="true" data-backdrop="static" aria-labelledby="modal-list-add-title" class="modal fade" id="modal-list-add" tabindex="-1" lang="fr"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <form id="list_add_form" class="modal-form list-docs" action="/en/selection/list/ajout-documents" method="post" data-toggle="form-remote"> <div class="modal-header"> <p id="selected-list-container" class="d-none" aria-hidden="true" data-text-begin="" data-text-end=""></p> <h1 class="n1 modal-header__title" id="modal-list-add-title"> Ajouter... </h1> <button class="close" type="button" data-dismiss="modal"> <img src="/images/icones/icone-croix-blanc.svg" alt="Fermer cette fen锚tre" /> </button> </div> <div class="modal-body"> <div class="list-result border-0 list-result--modal" id="resume-container"></div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-lg btn-secondary">Annuler</button> <button type="submit" class="btn btn-lg btn-primary"> Valider <span class="sr-only"> la cr茅ation de la liste</span> </button> </div> </form> </div> </div> </div> <div role="dialog" data-backdrop="static" aria-modal="true" aria-labelledby="modal-send-by-mail-title" class="modal fade" id="modal-send-by-mail" tabindex="-1" lang="fr"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="n1 modal-header__title" id="modal-print-title">Envoyer cette page 脿 un ami</h1> <button class="close" type="button" data-dismiss="modal"> <img src="/images/icones/icone-croix-blanc.svg" alt="Fermer cette fen锚tre" /> </button> </div> <form class="modal-form att-share-btn" method="post" novalidate="novalidate" action="/en/send-by-mail" data-toggle="form-remote"> <div class="modal-body"> <p id="modal-print-subtitle"> L'envoi est limit茅 脿 100 r茅f茅rences. </p> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <p class="modal-form__indication"><span>*</span> champs obligatoires</p> <div class="form-group row"><label compl="modal.email-example" class="col-form-label col-12 col-sm-4" for="send_by_mail_reciever" > Destinataire <span>*</span> (nom@exemple.com) </label><div class="col-12 col-sm-8"><input type="email" id="send_by_mail_reciever" name="send_by_mail[reciever]" required="required" autocomplete="off" placeholder="nom@example.com" class="form-control" /></div> </div> <div class="form-group row"><label compl="modal.email-example" class="col-form-label col-12 col-sm-4" for="send_by_mail_sender" > Exp茅diteur (nom@exemple.com) </label><div class="col-12 col-sm-8"><input type="email" id="send_by_mail_sender" name="send_by_mail[sender]" autocomplete="off" placeholder="nom@example.com" class="form-control" /></div> </div> <div class="form-group row"> <label class="col-form-label col-12 col-sm-4">Objet</label> <div class="col-12 col-sm-8">R茅f茅rences du catalogue de la Bpi</div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="send_by_mail_message" > Message </label><div class="col-12 col-sm-8"><textarea id="send_by_mail_message" name="send_by_mail[message]" autocomplete="off" class="form-control"></textarea></div> </div> <fieldset class="form-group"> <legend class="sr-only">Contenu de la notice</legend> <div class="row"><div class="col-12 col-sm-4"></div><div class="col-12 col-sm-8"><div id="send_by_mail_shortFormat" autocomplete="off"><div class="form-check"> <input type="radio" id="send_by_mail_shortFormat_0" name="send_by_mail[shortFormat]" required="required" class="form-check-input" value="1" checked="checked" /> <label class="form-check-label required" for="send_by_mail_shortFormat_0">Notices abr茅g茅es</label></div><div class="form-check"> <input type="radio" id="send_by_mail_shortFormat_1" name="send_by_mail[shortFormat]" required="required" class="form-check-input" value="0" /> <label class="form-check-label required" for="send_by_mail_shortFormat_1">Notices compl猫tes</label></div></div></div> </div> </fieldset> <div class="form-group row"><div class="col-12 col-sm-4"></div><div class="col-12 col-sm-8"><div class="form-check"> <input type="checkbox" id="send_by_mail_image" name="send_by_mail[image]" autocomplete="off" class="form-check-input" value="1" /> <label class="form-check-label" for="send_by_mail_image">Exporter les images</label></div></div></div> </div> </div> <input type="hidden" id="send_by_mail_formatType" name="send_by_mail[formatType]" value="eml" /><input type="hidden" id="send_by_mail_notices" name="send_by_mail[notices]" class="js-print-notices" /><input type="hidden" id="send_by_mail_authorities" name="send_by_mail[authorities]" class="js-print-authorities" /><input type="hidden" id="send_by_mail_indices" name="send_by_mail[indices]" class="js-print-indices" /> <input type="hidden" id="send_by_mail__token" name="send_by_mail[_token]" value="ZYSqd9-N4RYd3f1IjORmeI_WU8D5vG1eP9XayaKrQ7k" /><input type="text" id="send_by_mail_email_address" name="send_by_mail[email_address]" style="display:none" class="form-control" /> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-lg btn-secondary">Annuler</button> <button type="submit" class="btn btn-lg btn-primary">Envoyer</button> </div> </form> </div> </div> </div> <div role="dialog" data-backdrop="static" aria-modal="true" aria-labelledby="modal-suggest-title" class="modal fade" id="modal-suggest" tabindex="-1" lang="fr"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="n1 modal-header__title" id="modal-suggest-title">Suggestion d'achat</h1><br> <button class="close" type="button" data-dismiss="modal"> <img src="/images/icones/icone-croix-blanc.svg" alt="Fermer cette fen锚tre" /> </button> </div> <div class="modal-body" id="hidden_header"> <p>Sugg茅rer l'achat d'un document apr猫s avoir v茅rifi茅 s'il n'茅tait pas dans le catalogue</p> </div> <div class="modal-suggestion-form"> <form id="suggestion-form-remote" class="modal-form" method="post" novalidate="novalidate" action="/en/suggest-by-mail" data-toggle="form-remote" data-toggle-refresh="on"> <div id="html-content" class="modal-body"> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <p class="modal-form__indication"><span>*</span> champs obligatoires</p> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_title" > Titre <span>*</span> </label><div class="col-12 col-sm-8"><input type="text" id="suggest_by_mail_title" name="suggest_by_mail[title]" required="required" autocomplete="off" class="form-control" /></div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_author" > Auteur </label><div class="col-12 col-sm-8"><textarea id="suggest_by_mail_author" name="suggest_by_mail[author]" autocomplete="off" class="form-control"></textarea></div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_editor" > Editeur </label><div class="col-12 col-sm-8"><input type="text" id="suggest_by_mail_editor" name="suggest_by_mail[editor]" autocomplete="off" class="form-control" /></div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_documentType" > Type de document </label><div class="col-12 col-sm-8"><select id="suggest_by_mail_documentType" name="suggest_by_mail[documentType]" autocomplete="off" class="form-control"><option value=""></option><option value="Livre">Livre</option><option value="Livre num茅rique">Livre num茅rique</option><option value="Musique">Musique</option><option value="Vid茅o">Vid茅o</option><option value="BD">BD</option><option value="Revue, journal">Revue, journal</option><option value="Revue num茅rique">Revue num茅rique</option><option value="Site et base">Site et base</option><option value="Livre audio">Livre audio</option><option value="D茅bat et enregistrement">D茅bat et enregistrement</option><option value="Carte">Carte</option><option value="Partition et m茅thode">Partition et m茅thode</option><option value="Formation">Formation</option></select></div> </div> </div> </div> </div> <div class="modal-body"> <h2 class="n1">Coordonn茅es</h2> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_lastName" > Nom </label><div class="col-12 col-sm-8"><input type="text" id="suggest_by_mail_lastName" name="suggest_by_mail[lastName]" autocomplete="family-name" class="form-control" /></div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="suggest_by_mail_firstName" > Pr茅nom </label><div class="col-12 col-sm-8"><input type="text" id="suggest_by_mail_firstName" name="suggest_by_mail[firstName]" autocomplete="name" class="form-control" /></div> </div> <div class="form-group row"><label compl="modal.email-example" class="col-form-label col-12 col-sm-4" for="suggest_by_mail_email" > Courriel (nom@exemple.com) </label><div class="col-12 col-sm-8"><input type="email" id="suggest_by_mail_email" name="suggest_by_mail[email]" autocomplete="email" placeholder="nom@example.com" class="form-control" /></div> </div> </div> </div> <input type="hidden" id="suggest_by_mail__token" name="suggest_by_mail[_token]" value="zG7cW3SZeyz-iGxqPzan53f8DoXpNdkqBEPjpBHkrlI" /><div class="form-group row"><div class="col-12 col-sm-4"></div><div class="col-12 col-sm-8"><input type="text" id="suggest_by_mail_email_address" name="suggest_by_mail[email_address]" style="display:none" class="form-control" /></div> </div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-lg btn-secondary">Annuler</button> <button type="submit" class="btn btn-lg btn-primary">Valider<span class="sr-only"> l'envoi de la suggestion</span></button> </div> </form> </div> </div> </div> </div> <div role="dialog" aria-modal="true" data-backdrop="static" aria-labelledby="modal-report-title" class="modal fade" id="modal-report" tabindex="-1" lang="fr"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <form class="modal-form" method="post" novalidate="novalidate" action="/en/signaler-une-erreur-sur-le-catalogue" data-toggle="form-remote" data-toggle-refresh="on"> <div class="modal-header"> <div class="row"> <div class="col-12"> <h1 class="n1 modal-header__title" id="modal-report-title">Signaler une erreur dans la notice</h1> </div> </div> <button class="close" type="button" data-dismiss="modal"> <img src="/images/icones/icone-croix-blanc.svg" alt="Fermer cette fen锚tre" /> </button> </div> <div class="modal-body"> <p>Le formulaire ci-dessous concerne uniquement les erreurs dans cette notice du catalogue de la Bpi.</p> <p>Pour tout autre demande sur le catalogue : <a target="_blank" title="Contactez-nous - Nouvelle fen锚tre" href="https://www.bpi.fr/contactez-nous/" >contactez-nous</a></p> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <p class="modal-form__indication"><span>*</span> champs obligatoires</p> </div> <div class="col-12"> <p class="text-ellipsis">Lien permanent de la notice : <a href="" title="Lien permanent de la notice : "></a></p> </div> <div class="col-12 col-md-10"> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="report_error_message" > Message <span>*</span> </label><div class="col-12 col-sm-8"><textarea id="report_error_message" name="report_error[message]" required="required" autocomplete="off" class="form-control"></textarea></div> </div> </div> </div> </div> <div class="modal-body"> <h2 class="n1">Coordonn茅es</h2> <div class="row justify-content-center"> <div class="col-12 col-md-10"> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="report_error_lastName" > Nom </label><div class="col-12 col-sm-8"><input type="text" id="report_error_lastName" name="report_error[lastName]" autocomplete="family-name" class="form-control" /></div> </div> <div class="form-group row"><label class="col-form-label col-12 col-sm-4" for="report_error_firstName" > Pr茅nom </label><div class="col-12 col-sm-8"><input type="text" id="report_error_firstName" name="report_error[firstName]" autocomplete="prenom" class="form-control" /></div> </div> <div class="form-group row"><label compl="modal.email-example" class="col-form-label col-12 col-sm-4" for="report_error_email" > Courriel (nom@exemple.com) </label><div class="col-12 col-sm-8"><input type="email" id="report_error_email" name="report_error[email]" autocomplete="email" placeholder="nom@example.com" class="form-control" /></div> </div> </div> </div> <input type="hidden" id="report_error_permalink" name="report_error[permalink]" required="required" autocomplete="off" /> <input type="hidden" id="report_error__token" name="report_error[_token]" value="DGPVK4ah7mZIy37robnZlD9Zo4-M-Lk8fYf7jNovaVk" /><div class="form-group row"><div class="col-12 col-sm-4"></div><div class="col-12 col-sm-8"><input type="text" id="report_error_email_address" name="report_error[email_address]" style="display:none" class="form-control" /></div> </div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-lg btn-secondary">Annuler</button> <button type="submit" class="btn btn-lg btn-primary">Valider<span class="sr-only"> l'envoi du mail de signalisation d'erreur</span></button> </div> </form> </div> </div> </div> <h1 class="n1">Authentification</h1> <div class="account-form account-form--bloc"> <section class="wysiwyg"> <!--<a href="https://authz.bpi.fr/oauth2/authorize?response_type=code&scope=email%20openid%20profile%20address%20phone%20groupes%20RNConfirmed%20pseudo&client_id=ClientWordpressBpizOIDC&state=56e9b2affce3a1278bc50c2fcba96b7e&redirect_uri=https%3A%2F%2Fpreprod.bpi.fr%2Fwp-admin%2Fadmin-ajax.php%3Faction%3Dopenid-connect-authorize" class="button button--accent">Se connecter</a>--> <!--<a href="https://auth-test.bpi.fr/oauth2/authorize?response_type=code&scope=email%20openid%20profile%20address%20phone%20groupes%20RNConfirmed%20pseudo&client_id=ClientCatalogueBpiOIDC&state=gfD524C44ahQKm&redirect_uri=https%3A%2F%2Fcatalogue-dev.bpi.fr" class="button button--accent">Se connecter</a>--> <!--<a href="https://auth-test.bpi.fr/oauth2/authorize?client_id=ClientCatalogueBpiOIDC&redirect_uri=https%3A%2F%2Fcatalogue.bpi.fr&response_type=code&scope=email+openid+profile+address+phone+groupes+RNConfirmed+pseudo" class="button button--accent">Se connecter</a>--> <a href="/en/connect" class="button button--accent">Se connecter</a> <!--<a href="https://auth-test.bpi.fr/" class="button button--accent">Se connecter</a>--> <a href="https://auth-test.bpi.fr/resetpwd" class="account__reset-link" target="_blank" aria-label="R茅initialiser votre mot de passe - nouvelle fen锚tre">R茅initialiser votre mot de passe</a> <h2>Vous n'avez pas de compte ?</h2> <a href="https://preprod.bpi.fr/inscription/" class="button button--accent button--sm">S鈥檌nscrire</a> </section> <!--<form action="/en/authentification" method="post" class="gtm-form-sign-in" novalidate="novalidate"> <p class="modal-form__indication">* champs obligatoires</p> <div class="form-group row"> <label for="account-mail" class="col-12 col-md-4">Courriel * (nom@exemple.com)</label> <div class="col-12 col-md-8"> <input name="_username" type="email" class="form-control " id="account-mail" required="required" autocomplete="email" placeholder="nom@exemple.com" > </div> </div> <div class="form-group row"> <label for="account-password" class="col-12 col-md-4">Mot de passe *</label> <div class="col-12 col-md-8"> <input name="_password" type="password" class="form-control " required="required" id="account-password" autocomplete="current-password" > </div> </div> <div class="row justify-content-end"> <div class="col-12 col-md-8"> <div class="form-group form-check"> <input type="checkbox" class="form-check-input" id="account-keep"> <label class="form-check-label" for="account-keep">Se souvenir</label> </div> </div> </div> <div class="row justify-content-end"> <div class="col-12 col-md-8"> <div class="account-form__footer"> <div class="account-form__footer-content"> <a href="https://authz.bpi.fr/resetpwd?skin=bootstrap" target="_blank" class="account-form__link" title="Mot de passe oubli茅 - New window"> Mot de passe oubli茅</a> <button type="submit" class="btn btn-lg btn-primary">Connexion</button> </div> <div class="account-form__footer-content"> <a href="https://www.bpi.fr/formulaire-inscription-bpi" target="_blank" class="account-form__link" title="Pas encore de compte ? - New window"> Pas encore de compte ?</a> </div> </div> </div> </div> <input type="hidden" name="_target_path" value="" /> </form>--> </div> </div> </main> <footer role="contentinfo" class="footer"> <div class="container"> <div class="footer__top"> <div class="row"> <div class="col-6 col-md"> <div id="menu-plans-sites"> <div id="accordion" class="nav-sitemap"> <button type="button" id="btn-la-bpi" data-toggle="collapse" data-target="#menu-la-bpi" aria-expanded="false" aria-controls="menu-la-bpi" class="nav-sitemap__button"> La Bpi </button> <div class="collapse nav-sitemap__content" id="menu-la-bpi" data-parent="#accordion" aria-labelledby="btn-la-bpi"> <ul class="nav-sitemap__list"> <li class="nav-sitemap__item"> <a href="https://www.bpi.fr/en/home/" target="" title="">Home</a> </li> <li class="nav-sitemap__item"> <a href="http://catalogue.bpi.fr/en/" target="" title="">Catalog</a> </li> <li class="nav-sitemap__item"> <a href="https://www.bpi.fr/en/the-library/" target="" title="">The library</a> </li> <li class="nav-sitemap__item"> <a href="https://www.bpi.fr/en/practical-information/" target="" title="">Practical information</a> </li> <li class="nav-sitemap__item"> <a href="https://www.bpi.fr/en/digital-bpi/" target="" title="">Digital Bpi</a> </li> </ul> </div> <button type="button" id="btn-balises" data-toggle="collapse" data-target="#menu-balises" aria-expanded="false" aria-controls="menu-balises" class="nav-sitemap__button"> Balises </button> <div class="collapse nav-sitemap__content" id="menu-balises" data-parent="#accordion" aria-labelledby="btn-balises"> <ul class="nav-sitemap__list"> <li class="nav-sitemap__item"> <a href="https://replay.bpi.fr/" target="_blank" title="Replay - New window">Replay</a> </li> <li class="nav-sitemap__item"> <a href="https://balises.bpi.fr/tous-les-articles/" target="_blank" title="Explore - New window">Explore</a> </li> <li class="nav-sitemap__item"> <a href="https://balises.bpi.fr/dossiers/" target="_blank" title="Thematic files - New window">Thematic files</a> </li> <li class="nav-sitemap__item"> <a href="https://balises.bpi.fr/qui-sommes-nous/" target="_blank" title="Who are we ? - New window">Who are we ?</a> </li> </ul> </div> <button type="button" id="btn-professionals" data-toggle="collapse" data-target="#menu-professionals" aria-expanded="false" aria-controls="menu-professionals" class="nav-sitemap__button"> Professionals </button> <div class="collapse nav-sitemap__content" id="menu-professionals" data-parent="#accordion" aria-labelledby="btn-professionals"> <ul class="nav-sitemap__list"> <li class="nav-sitemap__item"> <a href="https://pro.bpi.fr/en/collections-and-services/" target="_blank" title="Collections and services - New window">Collections and services</a> </li> <li class="nav-sitemap__item"> <a href="https://pro.bpi.fr/en/social-cohesion-in-public-libraries/" target="_blank" title="Social cohesion in public libraries - New window">Social cohesion in public libraries</a> </li> <li class="nav-sitemap__item"> <a href="https://pro.bpi.fr/en/studies/" target="_blank" title="Studies - New window">Studies</a> </li> <li class="nav-sitemap__item"> <a href="https://pro.bpi.fr/en/profession/" target="_blank" title="Profession - New window">Profession</a> </li> <li class="nav-sitemap__item"> <a href="https://pro.bpi.fr/en/international/" target="_blank" title="International - New window">International</a> </li> </ul> </div> </div> </div> </div> <div class="col-6 col-md-auto"> <div id="menu-credit" class="nav-credit"> <ul class="nav-credit__list"> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/press-and-partnerships/ title=Press and partnerships>Press and partnerships</a> </li> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/jobs-and-internships/ title=Jobs and internships>Jobs and internships</a> </li> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/public-contract/ title=Public contract>Public contract</a> </li> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/legal-notice/ title=Legal notice>Legal notice</a> </li> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/help-and-accessibility/ title=Help and accessibility>Help and accessibility</a> </li> <li class="nav-credit__item"> <a href=https://www.bpi.fr/en/contact-the-bpi/ title=Contact the Bpi>Contact the Bpi</a> </li> </ul> </div> </div> <div class="col-12 col-md-auto"> <div class="nav-links-externe"> <ul class="nav-links-externe__list"> <li class="nav-links-externe__item"> <a href="https://www.bpi.fr/la-bibliotheque/publications-et-supports-de-communication/programme-de-la-bpi/" title="Programme biblioth猫que publique d'information, the monthly of the Bpi"> <img src="/images/footer/logo-programme.png" alt="Programme biblioth猫que publique d'information" /> <span>The monthly of the Bpi</span> </a> </li> <li class="nav-links-externe__item"> <a href="https://www.bpi.fr/la-bibliotheque/publications-et-supports-de-communication/lettres-d-information" title="Lettres d'information, the Bpi news"> <img src="/images/footer/logo-lettres.png" alt="Lettres d'information" /> <span>The Bpi news</span> </a> </li> <li class="nav-links-externe__item"> <a href="https://www.bpi.fr/la-bibliotheque/publications-et-supports-de-communication/magazine-balises/" title="Balises, the Bpi magazine"> <img src="/images/footer/logo-balises.png" alt="Balises" /> <span>The Bpi magazine</span> </a> </li> </ul> </div> </div> </div> </div> <div class="footer__bottom"> <div class="row"> <div class="col-12 col-md-6 pr-md-0"> <div id="partenaires" class="partenaires"> <ul class="partenaires__list"> <li class="partenaires__item"> <a href="http://www.culture.gouv.fr/" title="Ministry of culture - New window" target="_blank"> <img src="/images/footer/logo-ministere-culture.jpg" alt="Ministry of culture" /> </a> </li> <li class="partenaires__item"> <a href="https://www.centrepompidou.fr/" title="Centre Pompidou - New window" target="_blank"> <img src="/images/footer/logo-centre-pompidou.png" alt="Centre Pompidou" /> </a> </li> <li class="partenaires__item"> <a href="https://www.ircam.fr/" title="Ircam Centre Pompidou - New window" target="_blank"> <img src="/images/footer/logo-ircam.png" alt="Ircam Centre Pompidou" /> </a> </li> <li class="partenaires__item"> <a href="https://www.franceculture.fr/" title="France Culture - New window" target="_blank"> <img src="/images/footer/logo-FranceCulture.jpg" alt="France Culture" /> </a> </li> </ul> </div> </div> <div class="col-12 col-md-6"> <div class="row justify-content-end align-items-center"> <div class="col-4 col-md-4"> <div class="partenaires__rs"> <a href="https://www.eurekoi.org/" title="Eurekoi, Ask a Librarian - New window" target="_blank"> <img src="/images/footer/logo-eurekoi.png" alt="Eur猫koi" /> </a> </div> </div> <div class="col-8 col-md"> <div id="reseaux-sociaux" class="nav-rs"> <ul class="nav-rs__list"> <li class="nav-rs__item"> <a href="https://fr-fr.facebook.com/bpi.pompidou" title="Find the Bpi on Facebook - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="icon-facebook"> <path d="M21.7,0H2.2C1,0,0,1,0,2.2v19.5C0,23,1,24,2.2,24l0,0H12V13.5H9v-3h3V9c0-2.5,2-4.5,4.5-4.5h3v3h-3C15.7,7.5,15,8.2,15,9v1.5h4.5l-0.7,3H15V24h6.7c1.2,0,2.2-1,2.2-2.2l0,0V2.2C24,1,23,0,21.7,0z"/> </g> </svg> </a> </li> <li class="nav-rs__item"> <a href="https://twitter.com/Bpi_Pompidou" title="Find the Bpi on Twitter - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon"> <g id="icon-twitter"> <path d="M7.3,19.4a13.87,13.87,0,0,0,14-14V4.8a11.85,11.85,0,0,0,2.5-2.5,9,9,0,0,1-2.8.8A5.32,5.32,0,0,0,23.2.4a9.08,9.08,0,0,1-3.1,1.2A4.84,4.84,0,0,0,16.5,0a4.91,4.91,0,0,0-4.9,4.9A3.75,3.75,0,0,0,11.7,6,14,14,0,0,1,1.6.9,5.2,5.2,0,0,0,.9,3.4,5,5,0,0,0,3.1,7.5,4,4,0,0,1,.9,6.9V7a4.84,4.84,0,0,0,4,4.8,5.07,5.07,0,0,1-1.3.2,2.77,2.77,0,0,1-.9-.1,4.74,4.74,0,0,0,4.6,3.4,10,10,0,0,1-6.1,2.1A4.87,4.87,0,0,1,0,17.3a13.33,13.33,0,0,0,7.3,2.1"/> </g> </svg> </a> </li> <li class="nav-rs__item"> <a href="https://www.instagram.com/bpi_pompidou/" title="Find the Bpi on Instagram - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="icon-instagram"> <path d="M11.84,2.13c3.16,0,3.54,0,4.79.07a6.7,6.7,0,0,1,2.19.41,3.69,3.69,0,0,1,1.37.89,3.55,3.55,0,0,1,.88,1.36,6.46,6.46,0,0,1,.41,2.2c.06,1.24.07,1.62.07,4.78s0,3.54-.07,4.79a6.44,6.44,0,0,1-.41,2.19,3.83,3.83,0,0,1-2.25,2.25,6.44,6.44,0,0,1-2.19.41c-1.25.06-1.63.07-4.79.07s-3.54,0-4.78-.07a6.46,6.46,0,0,1-2.2-.41,3.55,3.55,0,0,1-1.36-.88,3.57,3.57,0,0,1-.89-1.37,6.7,6.7,0,0,1-.41-2.19c-.05-1.25-.07-1.63-.07-4.79s0-3.54.07-4.78a6.72,6.72,0,0,1,.41-2.2A3.46,3.46,0,0,1,3.5,3.5a3.58,3.58,0,0,1,1.36-.89,6.72,6.72,0,0,1,2.2-.41c1.24-.05,1.62-.07,4.78-.07m0-2.13C8.62,0,8.22,0,7,.07A8.91,8.91,0,0,0,4.08.62,5.82,5.82,0,0,0,2,2,5.82,5.82,0,0,0,.62,4.08,8.91,8.91,0,0,0,.07,7C0,8.22,0,8.63,0,11.84s0,3.62.07,4.88A8.91,8.91,0,0,0,.62,19.6,5.66,5.66,0,0,0,2,21.69a5.82,5.82,0,0,0,2.09,1.37A8.91,8.91,0,0,0,7,23.61c1.26.06,1.66.07,4.88.07s3.62,0,4.88-.07a8.91,8.91,0,0,0,2.88-.55,6.13,6.13,0,0,0,3.46-3.46,8.91,8.91,0,0,0,.55-2.88c.06-1.26.07-1.66.07-4.88s0-3.62-.07-4.88a8.91,8.91,0,0,0-.55-2.88A5.82,5.82,0,0,0,21.69,2,5.66,5.66,0,0,0,19.6.62,8.91,8.91,0,0,0,16.72.07C15.46,0,15.06,0,11.84,0Zm0,5.76a6.08,6.08,0,1,0,6.08,6.08A6.08,6.08,0,0,0,11.84,5.76Zm0,10a3.95,3.95,0,1,1,3.95-3.95A4,4,0,0,1,11.84,15.79ZM19.58,5.52A1.42,1.42,0,1,1,18.16,4.1,1.42,1.42,0,0,1,19.58,5.52Z"/> </g> </svg> </a> </li> <li class="nav-rs__item"> <a href="https://www.youtube.com/channel/UCc6F_5d78VvaFc07XNRBrdw" title="Find the Bpi on Youtube - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="icon-youtube"> <path d="M23.6,7.3c0,0-0.2-1.6-0.9-2.3C21.7,4,20.7,4,20.3,4C17,3.7,12,3.7,12,3.7h0c0,0-4.9,0-8.2,0.2C3.3,4,2.3,4,1.4,5C0.7,5.7,0.5,7.3,0.5,7.3s-0.2,1.9-0.2,3.8v1.8c0,1.9,0.2,3.8,0.2,3.8s0.2,1.6,0.9,2.3C2.3,20,3.5,20,4,20.1c1.9,0.2,8,0.2,8,0.2s5,0,8.2-0.2c0.5-0.1,1.5-0.1,2.4-1c0.7-0.7,0.9-2.3,0.9-2.3s0.2-1.9,0.2-3.8v-1.8C23.8,9.2,23.6,7.3,23.6,7.3L23.6,7.3zM9.6,15.1V8.5l6.4,3.3C16,11.8,9.6,15.1,9.6,15.1z"/> </g> </svg> </a> </li> <li class="nav-rs__item"> <a href="https://www.linkedin.com/company/bpi-bibliothequeepubliquedinformation/" title="Find the Bpi on Linkedin - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="icon-instagram"> <path d="M21.7,0H2.2C1,0,0,1,0,2.2v19.5C0,23,1,24,2.2,24h19.5c1.2,0,2.2-1,2.2-2.2V2.2C24,1,23,0,21.7,0z M9,19.5H6V9h3V19.5zM7.5,7.5C6.7,7.5,6,6.8,6,6s0.7-1.5,1.5-1.5S9,5.2,9,6S8.3,7.5,7.5,7.5z M19.5,19.5h-3v-6c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5v6h-3V9h3v1.9C14.1,10,15.1,9,16.1,9c1.9,0,3.4,1.7,3.4,3.7V19.5z"/> </g> </svg> </a> </li> <li class="nav-rs__item"> <a href="https://www.bpi.fr/feed/" title="Bpi RSS feed - New window" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g id="icon-rss"> <path d="M12.1,0.2c3.1,0,6.2,0,9.4,0c1.8,0,2.6,0.9,2.6,2.6c0,6.2,0,12.4,0,18.6c0,1.7-0.9,2.6-2.6,2.6c-6.2,0-12.5,0-18.7,0c-1.8,0-2.6-0.9-2.6-2.6c0-6.2,0-12.4,0-18.7c0-1.6,0.9-2.5,2.5-2.5C5.8,0.2,8.9,0.2,12.1,0.2z M4.6,7.3c3.4,0.1,6.3,1.3,8.7,3.6c2.4,2.4,3.5,5.3,3.7,8.7c0.5,0,1,0,1.5,0s1,0,1.5,0C19.9,10,11.4,3.9,4.6,4.4C4.6,5.3,4.6,6.2,4.6,7.3z M11.8,19.5c1,0,1.9,0,2.9,0c0-6.1-5.5-10.4-10-10c0,1,0,1.9,0,2.8C8.9,12.9,11.3,15.2,11.8,19.5z M4.6,17.5c0,1.1,1,2,2.1,2c1,0,2-0.9,2.1-1.9c0-1.1-0.9-2-2-2.1C5.5,15.5,4.6,16.3,4.6,17.5z"/> </g> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer__credit"> <p> Accessibilit茅 : totalement conforme  -  漏 Copyright 2024 </p> </div> </div> </footer> <script src="/build/runtime.5e3ab09c.js"></script><script src="/build/app.bf47d05b.js"></script> </body> </html>