Guide de démarrage google optimisation pour les moteurs de recherche

sophie22

Découvre YouScribe en t'inscrivant gratuitement

Je m'inscris

Obtenez un accès à la bibliothèque pour le consulter en ligne
En savoir plus

23 pages

Français

Obtenez un accès à la bibliothèque pour le consulter en ligne
En savoir plus

A propos
Informations
Extrait

Sujets

Guide de démarrage Google - Optimisation pour les moteurs de recherche Version 1.1, date de publication : 13 novembre 2008 Bienvenue dans le Guide de démarrage de Google relatif à l'optimisation pour les moteurs de recherche. Ce document était dans un premier temps destiné aux équipes au sein de Google même. Après réflexion, nous avons toutefois estimé que cette ressource pouvait également être utile aux webmasters novices dans le domaine de l'optimisation pour les moteurs de recherche et souhaitant améliorer l'interaction de leurs sites à la fois avec les utilisateurs et les moteurs de recherche. Ce guide ne vous dévoilera aucun secret qui vous permettra de classer automatiquement votre site parmi les premiers résultats de recherche dans Google (désolé de vous décevoir...). Toutefois, en respectant les consignes décrites ci-dessous, vous facilitez l'exploration et l'indexation de votre contenu par les moteurs de recherche. Optimiser son site pour les moteurs de recherche implique souvent que vous deviez apporter de légères modifications à certaines parties de votre site Web. Lorsque vous considérez chacune de ces modifications individuellement, elles semblent constituer des améliorations progressives. Toutefois, lorsque vous les combinez à d'autres procédés d'optimisation, elles peuvent avoir des conséquences importantes sur la navigation des utilisateurs et les performances de votre site dans les résultats de recherche naturelle. Vous connaissez probablement déjà un bon nombre des thèmes abordés dans ce guide, car ils représentent les ingrédients essentiels de tout site Web. Il se peut toutefois que vous n'exploitiez pas toutes les possibilités de ces thèmes. L'optimisation pour les moteurs de recherche affecte uniquement les résultats de recherche naturelle, et non les résultats "payants" ou "sponsorisés", tels que Google AdWords. Guide de démarrage Google - Optimisation pour les moteurs de recherche, Version 1.1, date de publication : 13 novembre 2008 sur le Centre Google pour les webmasters Même si le titre de ce guide contient les termes "moteur de recherche", nous aimerions souligner que les décisions que vous prenez quant à l'optimisation de votre site doivent avant tout reposer sur l'intérêt des visiteurs de votre site. Ils sont les premiers utilisateurs de votre contenu et font appel aux moteurs de recherche pour trouver votre contenu. Si vous vous concentrez trop sur les petites modifications à effectuer pour améliorer votre classement dans les résultats de recherche naturelle des moteurs de recherche, vous risquez de ne pas obtenir les résultats voulus. L'optimisation pour les moteurs de recherche consiste à mettre en évidence toutes les qualités de votre site afin que celles-ci soient visibles dans les moteurs de recherche. Afin d'illustrer nos propos, nous avons créé un site Web fictif qui servira d'exemple tout au long de ce document. Pour chaque thème, nous avons développé suffisamment d'informations sur le site pour illustrer le point traité. Voici quelques informations d'arrière-plan concernant le site que nous allons utiliser par la suite :  Nom du site/de l'activité : "Brandon's Baseball Cards"  Nom de domaine : brandonsbaseballcards.com  Contenu du site : vente en ligne de cartes de baseball, catalogue des prix, articles et contenu d'actualités  Taille : site de petite taille, environ 250 pages Votre site peut être plus grand ou plus petit que ce dernier et proposer un contenu très différent. Toutefois les thèmes relatifs à l'optimisation que nous abordons devraient être applicables à tous types de sites et ce indépendamment de leur taille. Nous espérons que ce guide vous donnera de nouvelles idées pour améliorer votre site Web. N'hésitez pas à visiter le forum d'entraide pour les webmasters pour nous envoyer vos questions, vos commentaires ou nous faire part de votre réussite. Créez des titres de page uniques et pertinents La balise vous permet d'attribuer un titre à vos pages et ainsi d'indiquer aux utilisateurs et aux moteurs de recherche le thème d'une page donnée. Cette balise doit être placée dans la balise <head> du document HTML. L'idéal serait de créer un titre unique pour chaque page de votre site. Titre de la page d'accueil de votre site de cartes de baseball indiquant le nom du commerce et trois de ses activités principales Guide de démarrage Google - Optimisation pour les moteurs de recherche, Version 1.1, date de publication : 13 novembre 2008 sur le Centre Google pour les webmasters Si votre document figure dans une page de résultats de recherche, le contenu de la balise <title> apparaît en général dans la première ligne des résultats. (Si vous ne connaissez pas les différentes parties composant une page des résultats de recherche Google, vous pouvez visionner la vidéo anatomy of a search result ("Structure d'une page de résultats de recherche", en anglais) de Matt Cutts, ingénieur chez Google, ainsi que ce schéma d'une page de résultats de recherche Google.) Les mots contenus dans le titre s'affichent en gras lorsqu'ils apparaissent dans les résultats de recherche de l'utilisateur. Cela lui permet de reconnaître en un clin d'œil si la page est pertinente pour sa recherche. Le titre de votre page d'accueil peut indiquer le nom de votre site/commerce ou encore inclure d'autres d'informations importantes, notamment l'emplacement physique du commerce, ou ses activités ou services principaux. Un utilisateur lance la recherche [cartes de baseball]. Notre page d'accueil s'affiche sur la page des résultats de recherche, avec le titre indiqué sur la première ligne (notez que les termes de recherche de l'utilisateur s'affichent en gras). Lorsque l'utilisateur clique sur le résultat et visite la page, le titre de la page s'affiche en haut du navigateur. Les titres des pages plus profondes de votre site doivent décrire de façon pertinente le thème principal de la page donnée et éventuellement indiquer le nom de votre site ou de votre commerce. Un utilisateur lance la recherche [cartes de baseball très rares]. Guide de démarrage Google - Optimisation pour les moteurs de recherche, Version 1.1, date de publication : 13 novembre 2008 sur le Centre Google pour les webmasters Une page plus profonde et pertinente de notre site s'affiche sur la page des résultats de recherche (son titre est unique et propre au contenu de la page) Consignes pour l'attribution de balises <title> aux différentes pages  Décrivez le contenu de la page de façon pertinente - Choisissez un titre décrivant efficacement le thème du contenu de la page. Évitez :  de choisir un titre sans lien direct avec le contenu de la page ;  d'utiliser des titres vagues ou par défaut, tels que "Sans titre" ou "Nouvelle page 1".  Créez des balises <title> uniques pour chaque page - L'idéal serait d'attribuer une balise <title> unique à chacune de vos pages. Cela permet à Google de saisir la différence entre cette page et les autres pages du site. Évitez :  d'utiliser une seule et même balise <title> sur toutes les pages de votre site ou sur un grand nombre de pages.  Utilisez des titres courts mais descriptifs - Les titres peuvent être à la fois courts et riches en informations. Lorsque le titre est trop long, Google en affiche uniquement une partie dans les résultats de recherche. Évitez :  d'utiliser des titres très longs et peu utiles pour les utilisateurs ;  de remplir vos balises <title> de mots clés inutiles. Utilisez la balise Meta <description> La balise Meta de description d'une page fournit à Google et aux autres moteurs de recherche un résumé du contenu de la page. Tandis que le titre d'une page peut se composer de quelques termes ou d'une expression, la balise Meta de description d'une page peut contenir une ou deux phrases ou un court paragraphe. Les Outils Google pour les webmasters proposent une section d'analyse du contenu pratique qui vous signale toute balise Meta de description trop courte, trop longue ou présente de façon répétée (ces mêmes informations sont également indiquées pour les balises <title>). Tout comme la balise <title>, la balise Meta de description se place à l'intérieur de la balise <head> de votre document HTML. Guide de démarrage Google - Optimisation pour les moteurs de recherche, Version 1.1, date de publication : 13 novembre 2008 sur le Centre Google pour les webmasters Début de la balise Meta de description de notre page d'accueil qui propose une présentation générale du contenu du site. Les balises Meta de description sont importantes, car Google peut les utiliser comme extraits de vos pages. Nous mettons l'accent sur le "peut", car en effet, Google peut également choisir d'utiliser plutôt une section pertinente du texte visible de votre page si elle correspond à la requête de l'utilisateur. En outre, Google peut également utiliser la description de votre site fournie dans le répertoire de sites Web Open Directory Project, ODP en abrégé, si votre site y est répertorié. (Découvrez comment empêcher les moteurs de recherche d'afficher des données ODP). Ajouter des balises Meta de description à chacune de vos pages est toujours une bonne solution dans le cas où Google ne trouverait aucun extrait de texte approprié à présenter dans les résultats de recherche. Le blog du Centre Google pour les webmasters vous propose un message d'information relatif à l'amélioration des extraits présentés à l'aide de balises Meta de description pertinentes (en anglais). Les extraits s'affichent entre le titre et l'URL de la page en question dans les résultats de recherche. Un utilisateur lance la recherche [cartes de baseball]. Notre page d'accueil figure dans les résultats de recherche accompagnée d'une partie de sa balise Meta de description utilisée comme ex </div> </div> </div> <button type="button" class="mt-2 c-textExpander-button js-textExpander-button" style="display:none;"> <span class="c-textExpander-button-inactive"> Voir moins </span> <span class="c-textExpander-button-active"> Voir plus </span> </button> </div> </div> </div> </div>  <div class="pt-4 show-similar-products invisible" id="show-similar-products" data-remoteurl="/ProductPage/RetrieveSimilarProductsAsync?productId=358296"> <div class="container"> <div class="c-carousel"> <div class="tracking-suggest js-suggestion"> </div> </div> </div> </div> </div> </div> <div class="l-tabbar-explore tabbar--primary js-tabbar-ctn hide-sm hide-md hide-lg"> <div class="container p-0 position-relative d-flex"> <ul class="tabbar-list js-tabbarWrap" id="tab"> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling js-itf-modalbutton"> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menuthemes_root" > <img src="/Content/imgv4/icons/navbar/themes_root-primary.png?v=2" alt="Univers"/> <span>Univers</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menubook_root" > <img src="/Content/imgv4/icons/navbar/book_root-primary.png?v=2" alt="Ebooks"/> <span>Ebooks</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menuaudiobooks_root" > <img src="/Content/imgv4/icons/navbar/audiobooks_root-primary.png?v=2" alt="Livres audio"/> <span>Livres audio</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menupress_root" > <img src="/Content/imgv4/icons/navbar/press_root-primary.png?v=2" alt="Presse"/> <span>Presse</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menupodcasts_root" > <img src="/Content/imgv4/icons/navbar/podcasts_root-primary.png?v=2" alt="Podcasts"/> <span>Podcasts</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menubd_root" > <img src="/Content/imgv4/icons/navbar/bd_root-primary.png?v=2" alt="BD"/> <span>BD</span> </div> </li> <li class="tabbar-list-item js-tabbarItem tabbar-item--current tabbar-list-item-all d-xs-none js-menuScrolling "> <div class="tabbar-panel d-md-none d-lg-none" data-toggle="modal" data-target="#menudocument_root" > <img src="/Content/imgv4/icons/navbar/document_root-primary.png?v=2" alt="Documents"/> <span>Documents</span> </div> </li> </ul> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menuthemes_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/litterature/litterature-sentimentale/" class="text-decoration-none white-color px-2">Romance</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/litterature/romans-et-nouvelles/" class="text-decoration-none white-color px-2">Romans et nouvelles</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/education" class="text-decoration-none white-color px-2">Scolaire</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/litterature/romans-policiers-polars-thrillers/" class="text-decoration-none white-color px-2">Polar</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/jeunesse/" class="text-decoration-none white-color px-2">Jeunesse</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/sante-et-bien-etre/developpement-personnel/" class="text-decoration-none white-color px-2">Développement Personnel</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/ressources-professionnelles/" class="text-decoration-none white-color px-2">Ressources professionnelles</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/tous/litterature/sf-et-fantasy/" class="text-decoration-none white-color px-2">SF</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="themes_root-"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/partitions/art-musique-et-cinema/" class="text-decoration-none white-color px-2">Partitions</a> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/litterature/litterature-sentimentale/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/litterature/romans-et-nouvelles/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/education" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/litterature/romans-policiers-polars-thrillers/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/sante-et-bien-etre/developpement-personnel/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/ressources-professionnelles/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/tous/litterature/sf-et-fantasy/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="themes_root-"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/partitions/art-musique-et-cinema/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menubook_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/ebooks/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">Ebooks</span> <img src="/Content/imgv4/icons/navbar/book_root-primary.png" class="tabbar-menu-icon" alt="book_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-young"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Jeunesse</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-literature"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Littérature</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-lifepro"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Ressources professionnelles</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-health"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Santé et bien-être</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-know"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Savoirs</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-education"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Education</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-hobbies"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Loisirs et hobbies</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-art"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Art, musique et cinéma</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="book_root-news"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Actualité et débat de société</span> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-young"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/jeunesse/jeunesse-pour-les-6-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeunesse - Pour les 6 - 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/jeunesse/univers-ado-pour-les-plus-de-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Univers ado - Pour les plus de 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/jeunesse/eveil-de-0-a-6-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Eveil - De 0 à 6 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/jeunesse/decouverte/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Découverte</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/jeunesse/jeux-et-coloriages/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeux et coloriages</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-literature"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/litterature/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/jeune-adulte/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeune Adulte</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/etudes-litteraires/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Etudes littéraires</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/contes/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Contes</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/romans-et-nouvelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans et nouvelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/theatre/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Théâtre</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/litterature-regionale/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature régionale</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/sf-et-fantasy/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">SF et fantasy</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/litterature-sentimentale/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature sentimentale</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/romans-historiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans historiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/classiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Classiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/poesie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Poésie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/recits-de-voyage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Récits de voyage</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/temoignages-et-autobiographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Témoignages et autobiographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/romans-policiers-polars-thrillers/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans policiers, polars, thrillers</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/litterature/litterature-erotique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature érotique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-lifepro"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/ressources-professionnelles/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/economie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Economie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/comptabilite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Comptabilité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/fiscalite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fiscalité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/creation-d-entreprise/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Création d'entreprise</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/marketing-et-communication/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Marketing et communication</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/efficacite-professionnelle/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Efficacité professionnelle</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/gestion-et-management/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Gestion et management</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/emploi-et-carrieres/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Emploi et carrières</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/bourse-et-finance/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bourse et finance</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/droit-et-juridique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Droit et juridique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/ressources-professionnelles/informatique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Informatique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-health"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/sante-et-bien-etre/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/esoterisme-et-paranormal/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Esotérisme et paranormal</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/alimentation-et-dietetique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Alimentation et diététique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/forme-et-detente/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Forme et détente</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/sexualite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sexualité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/developpement-personnel/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Développement personnel</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/beaute/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beauté</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/sante-et-bien-etre/therapies-alternatives/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Thérapies alternatives</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-know"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/savoirs/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/philosophie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Philosophie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/religions/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Religions</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/sciences-humaines-et-sociales/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences humaines et sociales</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/histoire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Histoire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/medecine/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Medecine</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/techniques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Techniques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/sciences-formelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences formelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/science-de-la-nature/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Science de la nature</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/biographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Biographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/savoirs/geographie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Géographie</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-education"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/education/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/dictionnaires/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Dictionnaires</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/revisions/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Révisions</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/ressources-pedagogiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Ressources pédagogiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/sciences-de-l-education/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences de l’éducation</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/manuels-scolaires/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Manuels scolaires</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/langues/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Langues</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/travaux-de-classe/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Travaux de classe</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/etudes-superieures/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Etudes supérieures</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/maternelle-et-primaire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Maternelle et primaire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/fiches-de-lecture/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fiches de lecture</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/orientation-scolaire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Orientation scolaire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/methodologie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Méthodologie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/education/annales-d-examens-et-concours/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Annales d’examens et concours</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-hobbies"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/loisirs-et-hobbies/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/voyages-guides/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Voyages - guides</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/bricolage-et-decoration/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bricolage et décoration</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/animaux-de-compagnie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Animaux de compagnie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/humour/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Humour</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/sports/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sports</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/jeux/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeux</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/automobile/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Automobile</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/cuisine-et-vins/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cuisine et vins</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/jardinage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jardinage</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/loisirs-et-hobbies/loisirs-creatifs/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Loisirs créatifs</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-art"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/art-musique-et-cinema/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/architecture-et-design/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Architecture et design</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/musique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Musique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/cinema/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cinéma</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/photographie/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Photographie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/beaux-arts/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beaux-arts</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/art-musique-et-cinema/partitions-de-musique-variee/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique variée</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="book_root-news"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/ecologie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Ecologie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/actualite-evenements/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Actualité, évènements</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/essais/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Essais</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/politique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Politique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/debats-et-polemiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Débats et polémiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/ebooks/actualite-et-debat-de-societe/medias/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Médias</a> </li> </ul> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menuaudiobooks_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/livres-audio/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">Livres audio</span> <img src="/Content/imgv4/icons/navbar/audiobooks_root-primary.png" class="tabbar-menu-icon" alt="audiobooks_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-young"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Jeunesse</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-literature"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Littérature</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-lifepro"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Ressources professionnelles</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-health"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Santé et bien-être</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-know"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Savoirs</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-education"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Education</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-art"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Art, musique et cinéma</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="audiobooks_root-news"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Actualité et débat de société</span> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-young"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/jeunesse/jeunesse-pour-les-6-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeunesse - Pour les 6 - 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/jeunesse/univers-ado-pour-les-plus-de-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Univers ado - Pour les plus de 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/jeunesse/eveil-de-0-a-6-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Eveil - De 0 à 6 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/jeunesse/decouverte/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Découverte</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-literature"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/litterature/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/jeune-adulte/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeune Adulte</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/contes/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Contes</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/romans-et-nouvelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans et nouvelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/theatre/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Théâtre</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/sf-et-fantasy/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">SF et fantasy</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/litterature-sentimentale/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature sentimentale</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/romans-historiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans historiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/classiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Classiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/poesie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Poésie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/recits-de-voyage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Récits de voyage</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/temoignages-et-autobiographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Témoignages et autobiographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/romans-policiers-polars-thrillers/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans policiers, polars, thrillers</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/litterature/litterature-erotique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature érotique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-lifepro"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/ressources-professionnelles/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/economie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Economie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/creation-d-entreprise/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Création d'entreprise</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/marketing-et-communication/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Marketing et communication</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/efficacite-professionnelle/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Efficacité professionnelle</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/gestion-et-management/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Gestion et management</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/emploi-et-carrieres/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Emploi et carrières</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/bourse-et-finance/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bourse et finance</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/droit-et-juridique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Droit et juridique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/ressources-professionnelles/informatique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Informatique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-health"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/sante-et-bien-etre/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/esoterisme-et-paranormal/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Esotérisme et paranormal</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/alimentation-et-dietetique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Alimentation et diététique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/forme-et-detente/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Forme et détente</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/sexualite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sexualité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/developpement-personnel/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Développement personnel</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/beaute/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beauté</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/sante-et-bien-etre/therapies-alternatives/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Thérapies alternatives</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-know"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/savoirs/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/philosophie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Philosophie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/religions/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Religions</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/sciences-humaines-et-sociales/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences humaines et sociales</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/histoire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Histoire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/medecine/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Medecine</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/techniques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Techniques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/sciences-formelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences formelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/science-de-la-nature/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Science de la nature</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/savoirs/biographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Biographies</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-education"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/education/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/education/ressources-pedagogiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Ressources pédagogiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/education/sciences-de-l-education/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences de l’éducation</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/education/langues/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Langues</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/education/etudes-superieures/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Etudes supérieures</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/education/methodologie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Méthodologie</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-art"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/art-musique-et-cinema/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/art-musique-et-cinema/architecture-et-design/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Architecture et design</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/art-musique-et-cinema/musique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Musique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/art-musique-et-cinema/cinema/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cinéma</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/art-musique-et-cinema/photographie/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Photographie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/art-musique-et-cinema/beaux-arts/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beaux-arts</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="audiobooks_root-news"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/livres-audio/actualite-et-debat-de-societe/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/actualite-et-debat-de-societe/actualite-evenements/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Actualité, évènements</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/actualite-et-debat-de-societe/essais/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Essais</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/actualite-et-debat-de-societe/politique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Politique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/livres-audio/actualite-et-debat-de-societe/medias/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Médias</a> </li> </ul> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menupress_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/presse/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">Presse</span> <img src="/Content/imgv4/icons/navbar/press_root-primary.png" class="tabbar-menu-icon" alt="press_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-actualites"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Actualités</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-lifestyle"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Lifestyle</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-presse-jeunesse"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Presse jeunesse</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-presse-professionnelle"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Presse professionnelle</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-pratique"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Pratique</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-presse-sportive"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Presse sportive</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-presse-internationale"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Presse internationale</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="press_root-culture-et-médias"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Culture & Médias</span> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-actualites"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/actualites/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/actualites/hebdo/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Hebdo</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/actualites/magazines/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Magazines</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/actualites/quotidiens/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Quotidiens</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-lifestyle"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/lifestyle/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/lifestyle/deco/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Déco</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/lifestyle/cuisine/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cuisine</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/lifestyle/mode-de-vie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Mode de vie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/lifestyle/voyages-et-loisirs/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Voyages et loisirs</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-presse-jeunesse"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/presse-jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-jeunesse/kids/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Kids</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-jeunesse/ado/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Ado</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-presse-professionnelle"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/presse-professionnelle/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-professionnelle/actualites-eco/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Actualités éco</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-professionnelle/presse-specialisee/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Presse spécialisée</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-professionnelle/economies-internationales/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Économies internationales</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-pratique"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/pratique/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/pratique/feminin/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Féminin</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/pratique/bien-etre/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bien être</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/pratique/famille/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Famille</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/pratique/consommation/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Consommation</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-presse-sportive"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/presse-sportive/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-sportive/auto-moto/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Auto/Moto</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-sportive/autres-sports/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Autres sports</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-sportive/football/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Football</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-sportive/sports-hippiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sports hippiques</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-presse-internationale"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/presse-internationale/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/tunisie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Tunisie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/maroc/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Maroc</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/rdc/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">RDC</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/mali/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Mali</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/senegal/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sénégal</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/cote-d-ivoire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Côte d'Ivoire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/cameroun/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cameroun</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/burkina-faso/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Burkina-Faso</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/uk/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">UK</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/presse-internationale/us/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">US</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="press_root-culture-et-médias"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/presse/culture-medias/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/culture-medias/people-tv/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">People & TV</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/culture-medias/arts/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Arts</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/culture-medias/mode/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Mode</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/presse/culture-medias/culture/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Culture</a> </li> </ul> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menupodcasts_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/podcasts/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">Podcasts</span> <img src="/Content/imgv4/icons/navbar/podcasts_root-primary.png" class="tabbar-menu-icon" alt="podcasts_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-fictions"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/fictions/collections/" class="text-decoration-none white-color px-2">Fictions</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-developpement-personnel"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/developpement-personnel/collections/" class="text-decoration-none white-color px-2">Développement personnel</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-temoignages"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/temoignages/collections/" class="text-decoration-none white-color px-2">Témoignages</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-culture"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/culture/collections/" class="text-decoration-none white-color px-2">Culture</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-enfants"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/enfants/collections/" class="text-decoration-none white-color px-2">Enfants</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="podcasts_root-societe"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/podcasts/enjeux-de-societe/collections/" class="text-decoration-none white-color px-2">Enjeux de société</a> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-fictions"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/fictions/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-developpement-personnel"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/developpement-personnel/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-temoignages"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/temoignages/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-culture"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/culture/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-enfants"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/enfants/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="podcasts_root-societe"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/podcasts/enjeux-de-societe/collections/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menubd_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/bd/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">BD</span> <img src="/Content/imgv4/icons/navbar/bd_root-primary.png" class="tabbar-menu-icon" alt="bd_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-bd_humoristique"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/bd/bd-humoristique/" class="text-decoration-none white-color px-2">BD Humoristique</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-young"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/bd/jeunesse/" class="text-decoration-none white-color px-2">Jeunesse</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-bd_action_et_aventure"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Action et Aventures</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-bd_sf_et_fantasy"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Science-fiction et Fantasy</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-mangas"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/bd/mangas/" class="text-decoration-none white-color px-2">Mangas</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-bd_societe"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Société</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-comics"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/bd/comics/" class="text-decoration-none white-color px-2">Comics</a> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="bd_root-bd-adulte"> <div class="btn-primary-large btn-primary-large-height w-100"> <a href="/catalogue/bd/bd-adulte/" class="text-decoration-none white-color px-2">BD adulte</a> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-bd_humoristique"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/bd-humoristique/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-young"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-bd_action_et_aventure"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/action-et-aventures/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/action-et-aventures/policiers-thrillers/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Policiers & Thrillers</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/action-et-aventures/aventure/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Aventure</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-bd_sf_et_fantasy"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/science-fiction-et-fantasy/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/science-fiction-et-fantasy/horreur/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Horreur</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/science-fiction-et-fantasy/fantastique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fantastique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/science-fiction-et-fantasy/medieval-heroic-fantasy/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Medieval & Heroic Fantasy</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/science-fiction-et-fantasy/science-fiction/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Science-fiction</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-mangas"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/mangas/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-bd_societe"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/societe/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/societe/biographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Biographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/societe/historique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Historique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/societe/fiction/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fiction</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/bd/societe/documentaire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Documentaire</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-comics"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/comics/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="bd_root-bd-adulte"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/bd/bd-adulte/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="modal modal-menu fade js-modal-menu" id="menudocument_root" role="dialog" aria-hidden="true" style="display:none;"> <div class="modal-dialog modal-dialog-navbar modal-sm" role="document"> <div class="modal-content text-default"> <div class="modal-header flex-column"> <div class="js-modal-menu-theme"> <div class="px-4 pb-3 w-100 menuItem-box-shadow"> <a href="/catalogue/documents/" class="btn filter-btn text-decoration-none black-color"> <span class="pr-3">Documents</span> <img src="/Content/imgv4/icons/navbar/document_root-primary.png" class="tabbar-menu-icon" alt="document_root"/> </a> </div> <ul class="row no-gutters tabbar-list-item-block modal-menu-scroll list-unstyled w-100 pt-4 pb-3 mb-0"> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-young"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Jeunesse</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-literature"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Littérature</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-lifepro"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Ressources professionnelles</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-health"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Santé et bien-être</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-know"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Savoirs</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-education"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Education</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-hobbies"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Loisirs et hobbies</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-art"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Art, musique et cinéma</span> </div> </li> <li class="col-6 position-relative u-cursor-pointer px-4 py-2 d-flex align-items-center js-modal-menu-theme-element" data-name="document_root-news"> <div class="btn-primary-large btn-primary-large-height w-100 js-modal-theme"> <span class="white-color">Actualité et débat de société</span> </div> </li> </ul> </div> <div class="w-100 js-modal-menu-subtheme d-none"> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-young"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/jeunesse/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/jeunesse/jeunesse-pour-les-6-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeunesse - Pour les 6 - 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/jeunesse/univers-ado-pour-les-plus-de-12-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Univers ado - Pour les plus de 12 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/jeunesse/eveil-de-0-a-6-ans/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Eveil - De 0 à 6 ans</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/jeunesse/decouverte/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Découverte</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/jeunesse/jeux-et-coloriages/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeux et coloriages</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-literature"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/litterature/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/romans-et-nouvelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans et nouvelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/theatre/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Théâtre</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/sf-et-fantasy/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">SF et fantasy</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/litterature-sentimentale/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature sentimentale</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/romans-historiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans historiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/classiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Classiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/poesie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Poésie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/recits-de-voyage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Récits de voyage</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/temoignages-et-autobiographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Témoignages et autobiographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/romans-policiers-polars-thrillers/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Romans policiers, polars, thrillers</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/litterature/litterature-erotique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Littérature érotique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-lifepro"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/ressources-professionnelles/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/comptabilite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Comptabilité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/fiscalite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fiscalité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/creation-d-entreprise/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Création d'entreprise</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/marketing-et-communication/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Marketing et communication</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/efficacite-professionnelle/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Efficacité professionnelle</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/analyses-et-etudes-sectorielles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Analyses et études sectorielles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/gestion-et-management/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Gestion et management</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/emploi-et-carrieres/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Emploi et carrières</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/bourse-et-finance/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bourse et finance</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/droit-et-juridique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Droit et juridique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/ressources-professionnelles/informatique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Informatique</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-health"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/sante-et-bien-etre/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/alimentation-et-dietetique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Alimentation et diététique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/forme-et-detente/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Forme et détente</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/sexualite/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sexualité</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/developpement-personnel/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Développement personnel</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/beaute/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beauté</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/sante-et-bien-etre/therapies-alternatives/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Thérapies alternatives</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-know"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/savoirs/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/philosophie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Philosophie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/religions/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Religions</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/sciences-humaines-et-sociales/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences humaines et sociales</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/histoire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Histoire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/medecine/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Medecine</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/techniques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Techniques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/sciences-formelles/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences formelles</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/science-de-la-nature/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Science de la nature</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/biographies/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Biographies</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/savoirs/geographie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Géographie</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-education"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/education/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/cours/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cours</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/revisions/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Révisions</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/ressources-pedagogiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Ressources pédagogiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/sciences-de-l-education/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sciences de l’éducation</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/manuels-scolaires/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Manuels scolaires</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/langues/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Langues</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/travaux-de-classe/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Travaux de classe</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/annales-de-bep/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Annales de BEP</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/etudes-superieures/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Etudes supérieures</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/maternelle-et-primaire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Maternelle et primaire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/fiches-de-lecture/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Fiches de lecture</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/orientation-scolaire/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Orientation scolaire</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/methodologie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Méthodologie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/corriges-de-devoir/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Corrigés de devoir</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/annales-d-examens-et-concours/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Annales d’examens et concours</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/annales-du-bac/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Annales du bac</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/annales-du-brevet/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Annales du brevet</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/education/rapports-de-stage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Rapports de stage</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-hobbies"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/loisirs-et-hobbies/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/voyages-guides/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Voyages - guides</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/bricolage-et-decoration/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Bricolage et décoration</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/animaux-de-compagnie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Animaux de compagnie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/humour/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Humour</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/sports/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Sports</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/jeux/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jeux</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/genealogie/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Généalogie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/automobile/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Automobile</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/cuisine-et-vins/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cuisine et vins</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/jardinage/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Jardinage</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/loisirs-et-hobbies/loisirs-creatifs/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Loisirs créatifs</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-art"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/art-musique-et-cinema/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/architecture-et-design/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Architecture et design</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/musique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Musique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/cinema/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Cinéma</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/photographie/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Photographie</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/beaux-arts/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Beaux-arts</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-romantique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique romantique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-baroque/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique baroque</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-classique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique classique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-de-la-renaissance/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique de la renaissance</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-variee/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique variée</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-de-musique-moderne/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions de musique moderne</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/art-musique-et-cinema/partitions-du-debut-des-annees-vingt/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Partitions du début des années vingt</a> </li> </ul> </div> <div class="js-modal-menu-getSubTheme" data-subtheme="document_root-news"> <div class="px-4 pb-3 w-100 menuItem-box-shadow text-center js-modal-menu-subtheme-name d-none"> <a href="/catalogue/documents/actualite-et-debat-de-societe/" class="btn filter-btn font-weight-bold text-decoration-none black-color"> Voir tout </a> </div> <ul class="row no-gutters modal-menu-scroll justify-content-center list-unstyled pt-4 pb-3 mb-0 js-modal-menu-subtheme-element d-none"> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/actualite-et-debat-de-societe/actualite-evenements/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Actualité, évènements</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/actualite-et-debat-de-societe/essais/collections/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Essais</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/actualite-et-debat-de-societe/politique/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Politique</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/actualite-et-debat-de-societe/debats-et-polemiques/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Débats et polémiques</a> </li> <li class="col-8 px-4 py-2"> <a href="/catalogue/documents/actualite-et-debat-de-societe/medias/" class="btn-primary-large btn-primary-large-height text-decoration-none white-color px-2">Médias</a> </li> </ul> </div> </div> <div class="pl-4 position-absolute l-0 js-back-theme-modal d-none"> <button type="button" class="btn back-btn"></button> </div> <div class="pr-4 position-absolute r-0"> <button type="button" class="close js-close-theme-modal" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <div class="footer-background footer-background-product"> <div class="d-flex justify-content-center align-items-center h-100"> <div class="l-product-problem-report d-none"> <span class="fklnk tracking-sub-register" data-callback="reportPublication" rel="Account|Login|LogOn|?returnUrl=%2FProduct%2FReport%2F358296">Signaler un problème</span> </div> </div> </div> </div> <div id="footer" class="pt-4 pt-md-10 text-left text-black footer footer--balloon"> <div class="bg-white py-4"> <div class="container"> <div class="row justify-content-center align-items-center no-gutters"> <div class="col-10 col-sm-7 col-md-4"> <div class="row mb-5 justify-content-center no-gutters"> <div class="col-8 col-sm py-1 py-sm-0 px-sm-2"> <a class="link-unstyled d-flex justify-content-center" href="https://play.google.com/store/apps/details?id=youscribe.mobileapp" target="_blank"> <img class="img-app" src="/Content/imgv3/image/btn/playstore-fr.png" alt="playstore" /> </a> </div> <div class="col-8 col-sm py-1 py-sm-0 px-sm-2"> <a class="link-unstyled d-flex justify-content-center" href="https://itunes.apple.com/us/app/youscribe/id863904637" target="_blank"> <img class="img-app" src="/Content/imgv3/image/btn/appstore-fr.png" alt="appstore" /> </a> </div> </div> <div class="text-center"> <a class="link-unstyled mx-1" href="https://www.facebook.com/YouScribe.YS/" target="_blank"> <img class="img-fluid" src="/Content/imgv3/picto/facebook-logo-button.png" alt="facebook" /> </a> <a class="link-unstyled mx-1" href="https://twitter.com/YouScribe_YS" target="_blank"> <img class="img-fluid" src="/Content/imgv3/picto/twitter-logo-button.png" alt="twitter" /> </a> <a class="link-unstyled mx-1" href="https://www.instagram.com/youscribe/" target="_blank"> <img class="img-fluid" src="/Content/imgv3/picto/instagram-logo-button.png" alt="instagram" /> </a> <a class="link-unstyled mx-1" href="https://www.youtube.com/channel/UCp174vsMNQiotF4rM3za2QQ" target="_blank"> <img class="img-fluid" src="/Content/imgv3/picto/youtube-logo-button.png" alt="youtube" /> </a> </div> </div> </div> </div> </div> <div class="bg-grey-light py-4"> <div class="container"> <div class="row text-center"> <div class="col-6 col-lg pb-5 pb-md-0 footer-border-separate"> <h3 class="h4 font-weight-bold pb-2 mb-2 w-100"> YouScribe </h3> <ul class="list-unstyled"> <li class="py-2"> <a href="/Static?name=about" class="link-unstyled"> Qui sommes-nous ? </a> </li> <li class="py-2"> <a href="/apps" class="link-unstyled"> L'application mobile </a> </li> <li class="py-2"> <a href="/Static/Faq" class="link-unstyled"> Questions fréquentes </a> </li> <li class="py-2"> <a href="/press-youscribe/" class="link-unstyled"> La presse en parle </a> </li> <li class="py-2"> <a href="/livreblanc/" class="link-unstyled"> Livre Blanc 2024 </a> </li> <li class="py-2"> <a href="/Contact/Contact" class="link-unstyled"> Nous contacter </a> </li> </ul> </div> <div class="col-6 col-lg pb-5 pb-md-0 footer-border-separate"> <h3 class="h4 font-weight-bold pb-2 mb-2 w-100"> Le catalogue </h3> <ul class="list-unstyled"> <li class="py-2"> <a href="/catalogue/ebooks/" class="link-unstyled"> Ebooks </a> </li> <li class="py-2"> <a href="/catalogue/livres-audio/" class="link-unstyled"> Livres audio </a> </li> <li class="py-2"> <a href="/catalogue/presse/" class="link-unstyled"> Presse </a> </li> <li class="py-2"> <a href="/catalogue/podcasts/" class="link-unstyled"> Podcasts </a> </li> <li class="py-2"> <a href="/catalogue/bd/" class="link-unstyled"> BD </a> </li> <li class="py-2"> <a href="/catalogue/documents/" class="link-unstyled"> Documents </a> </li> <li class="py-2"> <a href="/education" class="link-unstyled"> Scolaire </a> </li> <li class="py-2"> <a href="/catalogue" class="link-unstyled"> Thématiques </a> </li> </ul> </div> <div class="col-6 col-lg pb-5 pb-md-0 footer-border-separate"> <h3 class="h4 font-weight-bold pb-2 mb-2 w-100"> Le service </h3> <ul class="list-unstyled"> <li class="py-2"> <a href="/abo" class="link-unstyled"> Découvrir les offres </a> </li> <li class="py-2"> <a href="/publier" class="link-unstyled"> Publier vos documents </a> </li> <li class="py-2"> <a href="/professionnels" class="link-unstyled"> Offres partenaires </a> </li> <li class="py-2"> <a href="/Contact/Publisher" class="link-unstyled"> Offres éditeurs </a> </li> <li class="py-2"> <a href="/abo/code" class="link-unstyled"> Vous avez un code privilège ? </a> </li> </ul> </div> <div class="col-6 col-lg pb-5 pb-md-0 footer-border-separate"> <h3 class="h4 font-weight-bold pb-2 mb-2 w-100"> Les conditions </h3> <ul class="list-unstyled"> <li class="py-2"> <a href="/Static?name=author" class="link-unstyled"> Respect du droit d'auteur </a> </li> <li class="py-2"> <a href="/Static?name=cgu" class="link-unstyled"> Conditions générales d'utilisation </a> </li> <li class="py-2"> <a href="/Static?name=cgv" class="link-unstyled"> Conditions générales de vente </a> </li> <li class="py-2"> <a href="/Static?name=charte" class="link-unstyled"> Charte de données personnelles </a> </li> <li class="py-2"> <a href="/Static?name=terms" class="link-unstyled"> Mentions légales </a> </li> <li class="py-2"> <a class="link-unstyled" href="javascript:openAxeptioCookies()">Confidentialité</a> </li> </ul> </div> </div> <div class="mt-4 text-center"> © 2010-2024 YouScribe </div> </div> <div class="container-fluid "> <div class="mt-1 text-center text-black-50"> <small> <a href="https://www.youscribe.com/catalogue/livres-audio/sante-et-bien-etre/developpement-personnel/" class="link-unstyled mx-2"> Livre audio en ligne - Développement personnel </a> <a href="https://www.youscribe.com/catalogue/ebooks/" class="link-unstyled mx-2"> Livre en ligne </a> <a href="/plan/catalogue/" class="link-unstyled mx-2"> Tout le catalogue </a> <a href="/plan/interets/" class="link-unstyled mx-2"> Tous les Intérêts </a> </small> </div> </div> </div> </div> </div> <script type="text/javascript"> var IsAuthenticated = false; </script> <script type="text/javascript"> var ResourcesYouscribe = { //HOME homeOnBoardingStep1Part1: "Bienvenue à toi ", homeOnBoardingStep1Part2: "nouveau YouScribeur !", homeOnBoardingStep1Part3: "Première visite ? Clique sur suivant si tu veux devenir un YouScribeur Accompli...", homeOnBoardingStep2Part1: "Découvre notre catalogue !", homeOnBoardingStep2Part2: "Livre, Presse, Audiobook ou BD ? Que liras-tu en premier ?", homeOnBoardingStep3: "Tu écris et aimerais être lu par tous nos YouScribeurs ? Découvre la fonction publier et lance peut-être ta carrière !", homeOnBoardingStep4: "Clique ici pour rechercher un titre par ouvrage, mot-clé, auteur ou titre...", homeOnBoardingStep5: "Ici tu peux accéder à tes informations, modifier ton profil, retrouver tes sélections, tes ouvrages favoris et tes marque-pages en un clic.", homeOnBoardingStep6Part1: "Tu es maintenant un ", homeOnBoardingStep6Part2: "vrai YouScribeur !", homeOnBoardingStep6Part3: "Découvre dès maintenant nos coups de coeur du moment.", homeOnBoardingStep6Part4: "Bonnes lectures ! 😁", //Reader and Readium readerOnBoardingStep1Part1: "C'est un très bon choix.", readerOnBoardingStep1Part2: "Si tu souhaites découvrir comment utiliser notre liseuse optimisée, c'est par ici !", readerOnBoardingStep2: "Avec cet outil tu peux naviguer entre les chapitres avec la table des matières.", readerOnBoardingStep2Part2: "Suivre cet éditeur si tu souhaites recevoir les alertes pour les nouveaux produits", readerOnBoardingStep3: "Avec le Marque-Page tu peux enregistrer un passage et le retrouver dans le menu", readerOnBoardingStep4: "Les options d’affichages te permettent de changer la taille des caractères, la police d’écriture et les dimensions de pages.", readerOnBoardingStep5: "Pour signaler un problème d’affichage, clique sur ce bouton et contacte-nous.", readerOnBoardingStep6Part1: "Très bonne lecture !", readerOnBoardingStep6Part2: "Tu as désormais atteint le niveau ", readerOnBoardingStep6Part3: "YouScribeur Junior ", readerOnBoardingStep6Part4: "en ouvrant ta première liseuse.", // Publish publishOnBoardingStep1Part1: "Tu cherches à publier ton premier document ?", publishOnBoardingStep1Part2: "C’est par ici que ça se passe !", publishOnBoardingStep2: "Choisis ici le fichier que tu souhaites publier.", publishOnBoardingStep3: "Ajoute une thématique et des mots clés pour trouver ton ouvrage plus facilement.", publishOnBoardingStep4: "Pense bien à choisir tes options de partage.", publishOnBoardingStep5Part1: "Attention !", publishOnBoardingStep5Part2: "Tu ne peux publier que des documents conformes au droit d'auteur.", publishOnBoardingStep6Part1: "Prouve-nous que tu n'es pas un robot et clique sur « Publier »", publishOnBoardingStep6Part2: "Et voilà ! Ton document sera intégré très rapidement.", // Button buttonOnBoardingStart: "Commencer", buttonOnBoardingCancel: "Annuler", buttonOnBoardingNext: "Suivant", buttonOnBoardingBack: "Retour", buttonOnBoardingDone: "Terminer", } </script> <script type="text/javascript"> ga('require', 'ec'); ga('ec:addProduct', { 'id': '358296', 'name': 'Guide de démarrage google optimisation pour les moteurs de recherche', 'category': 'lifepro', }); ga('ec:setAction', 'detail'); ga('send', 'event', 'dummy', 'dummy', { 'nonInteraction': true }); var ControllerOptions = { productId: 358296, hasAdultContent: false, platform: 'Desktop', trackTheme: 99 }; window.StartController = function(require) { var PageController = require('Controller/Product/Page'); new PageController(ControllerOptions); }; window.TrackingContext = { RegisterPageType: 'Product', ProductId: 358296 }; window.onload = () => { $(".external-content a").attr("target", "_blank").attr("rel", "noreferrer"); $("#useTokenPremiumModal").modal('toggle'); $(".js-dropdown-follow").click(function () { $(".dropdownFollow").toggle(); }); $(document).click(function (event) { console.log(event) //if you click on anything except the modal itself or the "open modal" link, close the modal if (!$(event.target).closest(".dropdownFollow,.js-dropdown-follow").length) { $("body").find(".dropdownFollow").css({ "display": "none" }); } }); } </script> <script src="/Scripts-Build/Modules/Common/jquery.min.js"></script> <script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> <script src="/Scripts-Build/require.js"></script> <script type="text/javascript"> requirejs.config({urlArgs: 'v=27579', waitSeconds: 30, baseUrl: '/Scripts-Build/', packages: [ { name: 'Modules/Common', location: 'Modules/Common' }]}); require(["Modules/Common"], function () { require(["require", "Controller/Product/Page"], window.StartController); }); </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "type": "Book", "@id": "https://www.youscribe.com/catalogue/documents/ressources-professionnelles/informatique/guide-de-demarrage-google-optimisation-pour-les-moteurs-de-recherche-358296", "image": "//img.uscri.be/pth/5a1c0d335eaaf6bf89398cf8aedf7e064cdfb1c3", "abridged": "", "isbn": "", "author": "", "description": "", "datePublished": "", "numberOfPages": "23", "name": "Guide de démarrage google optimisation pour les moteurs de recherche", "provider": "", "publisher": "sophie22", "contentUrl": "", "mainEntityOfPage": "https://www.youscribe.com/catalogue/documents/ressources-professionnelles/informatique/guide-de-demarrage-google-optimisation-pour-les-moteurs-de-recherche-358296" } </script>  <div id="fb-root"> </div> <script type="text/javascript"> window.fbAsyncInit = function () { _ga = _ga || {}; FB.init({ appId: '185333694813498', // App ID, version: 'v2.8', status: true, // check login status cookie: true, // enable cookies to allow the server to access the session xfbml: true, // parse XFBML channelUrl: 'https://www.youscribe.com/Facebook/XdReceiver' }); // Additional initialization code here if (_ga.trackFacebook != undefined) { _ga.trackFacebook(); //Google Analytics tracking } // fetch the status on load FB.getLoginStatus(function (response) { var isConnected = 'False'; if (response.status == 'connected' && isConnected == 'False') { // user is logged in var uid = response.authResponse.userID; var accessToken = response.authResponse.accessToken; $.ajax({ url: '/Facebook/Status', type: 'POST', data: 'uid=' + uid + '&accessToken=' + accessToken, success: function (status) { if (status.status == 0) { location.reload(); } } }); } else if (response.status == 'connected' && isConnected == 'True') { // renew the user token with a long life one $.ajax({ url: '/Facebook/RenewToken', type: 'POST', data: 'token=' + response.authResponse.accessToken }); } else if (response.status == 'not_authorized' && isConnected == 'True') { $.ajax({ url: '/Facebook/Detach', type: 'POST', success: function (result) { if (result.status == 'ok') { $('.js-ys_logoff').attr('href', '/Account/Login/LogOff'); } } }); } }); FB.Event.subscribe('edge.create', function(href, widget) { var ref = widget._attr.ref; var action = 'Like'; var source = ''; if (ref == undefined){ //Bug in the facebook like box, the href parameter is not set //Facebook sucks !!! //Need to get the ref from the url var regex = new RegExp('[#](.*)$'); var params = regex.exec(href); if (params != null) { ref = params[1]; } } if (ref != undefined){ var tab = ref.split('-'); //get the action and the source from the ref parameter if (tab.length == 1){ source = tab[0]; } else{ var action = tab[0]; var source = tab[1]; } } $(this).addTracking('Facebook', action, source); }); if ($.setFacebookPermission) { } }; // Load the SDK Asynchronously $(window).on('load', function(){ (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.com/fr_FR/sdk.js#version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }); var permissions = 'email, user_birthday, user_hometown, user_location, user_likes'; function FBLogin(accessToken, url, allowFbPublish, allowFbLibrary) { $.ajax({ url: '/Facebook/AuthenticateJs', type: 'POST', data: 'accessToken=' + accessToken + '&returnUrl=' + url + '&allowFacebookPublish=' + allowFbPublish + '&allowFacebookLibrary=' + allowFbLibrary, success: function (status) { if (status.DoRefresh === false) { var newUrl = status.UrlRedirect; var index = newUrl.lastIndexOf('#'); if (index != -1) { var index2 = newUrl.indexOf('?'); var t = new Date().getTime(); var baseUrl = newUrl.substr(0, index); var hash = newUrl.substr(index); if (index2 != -1) { newUrl = baseUrl + '&t=' + t + hash; } else { newUrl = baseUrl + '?t=' + t + hash; } } window.location.href = newUrl; } else window.location.reload(); } }); } $(document).on("click", "a.btn.facebook, a.js-facebook, a.facebook_connect_btn, a.ys_98567_connection_facebook", function(event) { event.preventDefault(); var url = $(this).attr('href'); $('.loading').show(); FB.login(function(response) { $('.loading').hide(); if (response.status === 'connected') { FBLogin(response.authResponse.accessToken, url, false, false); } }, {scope: permissions}); }); $(document).on("click", "#socialSettingFb-valid", function(event) { event.preventDefault(); var allowFacebookPublish = $('input[name="AllowFacebookPublish"]:checked').val(); var allowFacebookLibrary = $('input[name="AllowFacebookLibrary"]:checked').val(); if (allowFacebookPublish === 'False' && allowFacebookLibrary === 'False') { var form = $('#socialSettingFb-valid').parents('form:first'); form.submit(); } else { var url = $(this).attr('href'); FB.login(function(response) { if (response.status === 'connected') { FBLogin(response.authResponse.accessToken, url, allowFacebookPublish, allowFacebookLibrary); } }); } }); </script>  <script type="text/javascript"> $(window).on('load', function() { !function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = / ^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.async = true; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } } (document, 'script', 'twitter-wjs'); }); window.___gcfg = { lang: 'fr' }; //$(window).on('load', function () { // var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; // po.src = 'https://apis.google.com/js/plusone.js'; // var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); //}); </script> <script type="text/javascript"> document .querySelectorAll('[data-requires-vendor-consent]') .forEach(el => { const vendor = el.getAttribute('data-requires-vendor-consent'); if (vendor == 'youtube') { el.style.display = 'inherit'; } }); </script> <script type="text/javascript" language="javascript"> ga('set', 'dimension1', 'NotConnected'); </script> <script type="text/javascript" language="javascript"> //alert('end tracking'); </script> </body> </html>

Publié par	sophie22
Nombre de lectures	158
Langue	Français