XPath 1.0 Tutorial

Fiob - Dan Olteanu

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

19 pages

English

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

A propos
Informations
Extrait

Description

Markup Languages and Semistructured Data - SS’02http://www.pms.informatik.uni-muenchen.de/lehre/markupsemistrukt/02ss/XPath 1.0 Tutorial28th of May, 2002Dan OlteanuXPath 1.0 - W3C Recommendation language for addressing and matching parts of an XML document. designed to be used standalone, but also by XPointer, XSLT, XQuery. uses a compact, non-XML format to facilitate use within URIs and attribute values. provides basic facilities for string, number and boolean manipulation. supports namespaces.XPath 1.0 Data Model can be derived from XML InfoSet. XML document is viewed as a tree, containing di erent kinds of nodes. kinds of nodes: root, element, text, attribute, namespace, processing instruction, com-ment nodes. imposes a document order de ned on all nodes except attribute and namespace nodes(order of occurence of element start-tags). the root node is the rst node. the namespace nodes are de ned to occur before the attribute nodes. root and element nodes have an ordered list of children. an element node is the parent of the associated set of attribute/namespace nodes,the attributes/namespaces are not children of the associated element node.Various FruitsThe next chapters introduce different kinds of fruits, likestrawberries or apples.Strawberries< ... </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 id="other" class="tab-pane fade mb-6 mb-md-0 container pt-3 bg-white" role="tabpanel" aria-labelledby="nav-other"> <p class="h5 font-weight-bold mb-3 border-black-small"> Informations </p> <table class="table table-striped table-sm"> <tbody> <tr> <td> Publié par </td> <td> <a href="https://www.youscribe.com/fiob/" title="Fiob" rel="author">Fiob</a> </td> </tr> <tr> <td> Nombre de lectures </td> <td> 29 </td> </tr> <tr> <td> Langue </td> <td> <span class="flag flag_en">English</span> </td> </tr> </tbody> </table> </div> <div id="extract" class="tab-pane fade mb-6 mb-md-0 container pt-3 bg-white js-textExpander-visible" role="tabpanel" aria-labelledby="nav-other"> <p class="h5 font-weight-bold mb-3 border-black-small"> Extrait </p> <div class="extract-expander c-textExpander js-textExpander"> <div class="c-textExpander-text js-textExpander-text" lang="en"> <meta itemprop="productID" content="543009" /> <meta itemprop="description" content="Markup Languages and Semistructured Data - SS’02http://www.pms.informatik.uni-muenchen.de/lehre/markupsemistrukt/02ss/XPath 1.0 Tutorial28th of May, 2002Dan OlteanuXPath 1.0 - W3C Recommendation language for addressing and matching parts of an XML document. designed to be used standalone, but also by XPointer, XSLT, XQuery. uses a compact, non-XML format to facilitate use within URIs and attribute values. provides basic facilities for string, number and boolean manipulation. supports namespaces.XPath 1.0 Data Model can be derived from XML InfoSet. XML document is viewed as a tree, containing di erent kinds of nodes. kinds of nodes: root, element, text, attribute, namespace, processing instruction, com-ment nodes. imposes a document order de ned on all nodes except attribute and namespace nodes(order of occurence of element start-tags). the root node is the rst node. the namespace nodes are de ned to occur before the attribute nodes. root and element nodes have an ordered list of children. an element node is the parent of the associated set of attribute/namespace nodes,the attributes/namespaces are not children of the associated element node.Various FruitsThe next chapters introduce different kinds of fruits, likestrawberries or apples.Strawberries< ..." /> <meta itemprop="image" content="//img.uscri.be/pth/b67830061baedc16ee410b3435f66025b0b99fb1" /> <meta itemprop="name" content="XPath 1.0 Tutorial" /> <meta itemprop="url" content="https://www.youscribe.com/catalogue/documents/ressources-professionnelles/informatique/xpath-1-0-tutorial-543009" /> <input id="product_id" name="product_id" type="hidden" value="543009" /> <div class="ys_br_98567 js-extract-visible-content" id="youscribe-reader-543009" data-aura-widget="reader"> <div class="preload external-content" id="ysctn5_514132"> <div class="pg y1" style="width:1531px;height:1060px;" nb="1"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/6aac93c3f0fa1bbe309c66afca951cb2f95abb6d.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:65px; left:34px;"> <span class="tf y664" style="top:0px;left:0px;">Markup Languages and Semistructured Data </span><span class="tf y665" style="top:0px;left:5320px;">- SS’02 </span></div> <div class="tb" style="top:150px; left:34px;"> <span class="tf y668" style="top:0px;left:0px;">h</span><span class="tf y668" style="top:0px;left:89px;">t</span><span class="tf y668" style="top:0px;left:151px;">t</span><span class="tf y668" style="top:0px;left:213px;">p</span><span class="tf y668" style="top:0px;left:302px;">:</span><span class="tf y668" style="top:0px;left:350px;">/</span><span class="tf y668" style="top:0px;left:436px;">/</span><span class="tf y668" style="top:0px;left:522px;">w</span><span class="tf y668" style="top:0px;left:639px;">w</span><span class="tf y668" style="top:0px;left:756px;">w</span><span class="tf y668" style="top:0px;left:874px;">.</span><span class="tf y668" style="top:0px;left:922px;">p</span><span class="tf y668" style="top:0px;left:1011px;">m</span><span class="tf y668" style="top:0px;left:1147px;">s</span><span class="tf y668" style="top:0px;left:1213px;">.</span><span class="tf y668" style="top:0px;left:1261px;">i</span><span class="tf y668" style="top:0px;left:1302px;">n</span><span class="tf y668" style="top:0px;left:1391px;">f</span><span class="tf y668" style="top:0px;left:1443px;">o</span><span class="tf y668" style="top:0px;left:1524px;">r</span><span class="tf y668" style="top:0px;left:1583px;">m</span><span class="tf y668" style="top:0px;left:1719px;">a</span><span class="tf y668" style="top:0px;left:1802px;">t</span><span class="tf y668" style="top:0px;left:1864px;">i</span><span class="tf y668" style="top:0px;left:1905px;">k</span><span class="tf y668" style="top:0px;left:1989px;">.</span><span class="tf y668" style="top:0px;left:2037px;">u</span><span class="tf y668" style="top:0px;left:2126px;">n</span><span class="tf y668" style="top:0px;left:2215px;">i</span><span class="tf y668" style="top:0px;left:2256px;">-</span><span class="tf y668" style="top:0px;left:2313px;">m</span><span class="tf y668" style="top:0px;left:2450px;">u</span><span class="tf y668" style="top:0px;left:2539px;">e</span><span class="tf y668" style="top:0px;left:2615px;">n</span><span class="tf y668" style="top:0px;left:2704px;">c</span><span class="tf y668" style="top:0px;left:2780px;">h</span><span class="tf y668" style="top:0px;left:2869px;">e</span><span class="tf y668" style="top:0px;left:2945px;">n</span><span class="tf y668" style="top:0px;left:3034px;">.</span><span class="tf y668" style="top:0px;left:3082px;">d</span><span class="tf y668" style="top:0px;left:3171px;">e</span><span class="tf y668" style="top:0px;left:3247px;">/</span><span class="tf y668" style="top:0px;left:3333px;">l</span><span class="tf y668" style="top:0px;left:3374px;">e</span><span class="tf y668" style="top:0px;left:3451px;">h</span><span class="tf y668" style="top:0px;left:3540px;">r</span><span class="tf y668" style="top:0px;left:3598px;">e</span><span class="tf y668" style="top:0px;left:3675px;">/</span><span class="tf y668" style="top:0px;left:3761px;">m</span><span class="tf y668" style="top:0px;left:3897px;">a</span><span class="tf y668" style="top:0px;left:3975px;">r</span><span class="tf y668" style="top:0px;left:4034px;">k</span><span class="tf y668" style="top:0px;left:4118px;">u</span><span class="tf y668" style="top:0px;left:4207px;">p</span><span class="tf y668" style="top:0px;left:4295px;">s</span><span class="tf y668" style="top:0px;left:4361px;">e</span><span class="tf y668" style="top:0px;left:4438px;">m</span><span class="tf y668" style="top:0px;left:4574px;">i</span><span class="tf y668" style="top:0px;left:4615px;">s</span><span class="tf y668" style="top:0px;left:4681px;">t</span><span class="tf y668" style="top:0px;left:4743px;">r</span><span class="tf y668" style="top:0px;left:4802px;">u</span><span class="tf y668" style="top:0px;left:4891px;">k</span><span class="tf y668" style="top:0px;left:4975px;">t</span><span class="tf y668" style="top:0px;left:5037px;">/</span><span class="tf y668" style="top:0px;left:5123px;">0</span><span class="tf y668" style="top:0px;left:5209px;">2</span><span class="tf y668" style="top:0px;left:5295px;">s</span><span class="tf y668" style="top:0px;left:5361px;">s</span><span class="tf y668" style="top:0px;left:5426px;">/ </span></div> <div class="tb" style="top:335px; left:34px;"> <span class="tf y808" style="top:0px;left:0px;">XPath 1.0 Tutorial </span></div> <div class="tb" style="top:580px; left:34px;"> <span class="tf y810" style="top:0px;left:0px;">28th of May, 2002 </span></div> <div class="tb" style="top:906px; left:34px;"> <span class="tf y812" style="top:0px;left:0px;">Dan Olteanu </span></div> <span class="fklnk" rel="*http://www.pms.informatik.uni-muenchen.de|lehre|markupsemistrukt|02ss" style="top:159px;left:34px;width:1105px;height:36px;"></span></div><div class="pg y1" style="width:1531px;height:1060px;" nb="2"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/cf2f73c53e8e8cfcf522ee2a02c745148d9b41ab.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:68px; left:34px;"> <span class="tf y2172" style="top:0px;left:0px;">XPath 1.0 - W3C Recommendation </span></div> <div class="tb" style="top:173px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2175" style="top:0px;left:189px;">language for </span><span class="tf y2176" style="top:0px;left:1221px;">addressing </span><span class="tf y2177" style="top:0px;left:2180px;">and </span><span class="tf y2176" style="top:0px;left:2529px;">matching </span><span class="tf y2179" style="top:0px;left:3389px;">parts of an XML document. </span></div> <div class="tb" style="top:306px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2179" style="top:0px;left:189px;">designed to be used standalone, but also by </span><span class="tf y2188" style="top:0px;left:3698px;">XPointer </span><span class="tf y2177" style="top:0px;left:4463px;">, </span><span class="tf y2190" style="top:0px;left:4578px;">XSLT </span><span class="tf y2177" style="top:0px;left:5062px;">, </span><span class="tf y2192" style="top:0px;left:5177px;">XQuery </span><span class="tf y2177" style="top:0px;left:5826px;">. </span></div> <div class="tb" style="top:438px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2203" style="top:0px;left:189px;">uses a compact, </span><span class="tf y2176" style="top:0px;left:1513px;">non-XML </span><span class="tf y2179" style="top:0px;left:2393px;">format to facilitate use within URIs and attribute values. </span></div> <div class="tb" style="top:570px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2211" style="top:0px;left:189px;">provides basic facilities for string, number and boolean </span><span class="tf y2212" style="top:0px;left:4551px;">m</span><span class="tf y2212" style="top:0px;left:4715px;">a</span><span class="tf y2212" style="top:0px;left:4814px;">n</span><span class="tf y2212" style="top:0px;left:4919px;">i</span><span class="tf y2212" style="top:0px;left:4967px;">p</span><span class="tf y2212" style="top:0px;left:5073px;">u</span><span class="tf y2212" style="top:0px;left:5179px;">l</span><span class="tf y2212" style="top:0px;left:5227px;">a</span><span class="tf y2212" style="top:0px;left:5326px;">t</span><span class="tf y2212" style="top:0px;left:5402px;">i</span><span class="tf y2212" style="top:0px;left:5450px;">o</span><span class="tf y2212" style="top:0px;left:5553px;">n </span><span class="tf y2177" style="top:0px;left:5660px;">. </span></div> <div class="tb" style="top:703px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2241" style="top:0px;left:189px;">supports namespaces. </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="3"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/b117275622776d9df17fa24c9d6299e20e3c08be.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:68px; left:34px;"> <span class="tf y4816" style="top:0px;left:0px;">XPath 1.0 Data Model </span></div> <div class="tb" style="top:173px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4819" style="top:0px;left:189px;">can be derived from </span><span class="tf y4820" style="top:0px;left:1823px;">XML InfoSet </span><span class="tf y2177" style="top:0px;left:2947px;">. </span></div> <div class="tb" style="top:250px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4827" style="top:0px;left:189px;">XML document is viewed as a </span><span class="tf y2176" style="top:0px;left:2627px;">tree </span><span class="tf y2211" style="top:0px;left:2966px;">, containing diﬀerent kinds of nodes. </span></div> <div class="tb" style="top:327px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4835" style="top:0px;left:189px;">kinds of nodes:</span><span class="tf y4836" style="top:0px;left:1396px;"> root,</span><span class="tf y4837" style="top:0px;left:1882px;"> </span><span class="tf y4838" style="top:0px;left:1962px;">element, text, attribute, namespace, processing instruction, com-</span><span class="tf y4839" style="top:276px;left:189px;">ment nodes. </span></div> <div class="tb" style="top:460px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4835" style="top:0px;left:189px;">imposes a document </span><span class="tf y2192" style="top:0px;left:1898px;">order </span><span class="tf y4849" style="top:0px;left:2415px;">deﬁned on all nodes except attribute and namespace nodes </span><span class="tf y2179" style="top:276px;left:189px;">(order of occurence of element start-tags). </span></div> <div class="tb" style="top:592px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4839" style="top:0px;left:189px;">the root node is the </span><span class="tf y2176" style="top:0px;left:1823px;">ﬁrst </span><span class="tf y4859" style="top:0px;left:2222px;">node. </span></div> <div class="tb" style="top:669px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2211" style="top:0px;left:189px;">the namespace nodes are deﬁned to occur </span><span class="tf y2176" style="top:0px;left:3565px;">before </span><span class="tf y2211" style="top:0px;left:4164px;">the attribute nodes. </span></div> <div class="tb" style="top:746px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4839" style="top:0px;left:189px;">root and element nodes have an </span><span class="tf y4874" style="top:0px;left:2786px;">ordered list </span><span class="tf y2211" style="top:0px;left:3812px;">of children. </span></div> <div class="tb" style="top:823px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y4839" style="top:0px;left:189px;">an element node is the </span><span class="tf y2192" style="top:0px;left:2047px;">parent </span><span class="tf y4839" style="top:0px;left:2657px;">of the associated </span><span class="tf y2176" style="top:0px;left:4050px;">set </span><span class="tf y4885" style="top:0px;left:4365px;">of attribute/namespace nodes, </span><span class="tf y4886" style="top:276px;left:189px;">the attributes/namespaces </span><span class="tf y4887" style="top:276px;left:2334px;">are not children </span><span class="tf y4839" style="top:276px;left:3753px;">of the associated element node. </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="4"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/560e8dcd1ff9a4a94838d4eb45b309dfaa58a513.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:0px; left:0px;"> <span class="tf y7958" style="top:89px;left:170px;"><?xml version="1.0" encoding="iso-8859-1" ?> </span><span class="tf y7959" style="top:282px;left:170px;"><book> </span><span class="tf y7959" style="top:475px;left:243px;"><chapter> </span><span class="tf y7961" style="top:668px;left:316px;"><title>Various Fruits</title> </span><span class="tf y7959" style="top:861px;left:316px;"><para> </span><span class="tf y7963" style="top:1054px;left:390px;">The next chapters introduce different kinds of fruits, like </span><span class="tf y7964" style="top:1247px;left:390px;"><fruit figref="fr_virg">strawberries</fruit> or <fruit figref="apple">apples</fruit>. </span><span class="tf y7959" style="top:1440px;left:316px;"></para> </span><span class="tf y7959" style="top:1633px;left:243px;"></chapter> </span><span class="tf y7959" style="top:1826px;left:243px;"><chapter> </span><span class="tf y7968" style="top:2019px;left:316px;"><</span><span class="tf y7968" style="top:2019px;left:390px;">t</span><span class="tf y7968" style="top:2019px;left:463px;">i</span><span class="tf y7968" style="top:2019px;left:536px;">t</span><span class="tf y7968" style="top:2019px;left:609px;">l</span><span class="tf y7968" style="top:2019px;left:682px;">e</span><span class="tf y7968" style="top:2019px;left:755px;">></span><span class="tf y7968" style="top:2019px;left:828px;">S</span><span class="tf y7968" style="top:2019px;left:901px;">t</span><span class="tf y7968" style="top:2019px;left:974px;">r</span><span class="tf y7968" style="top:2019px;left:1047px;">a</span><span class="tf y7968" style="top:2019px;left:1120px;">w</span><span class="tf y7968" style="top:2019px;left:1193px;">b</span><span class="tf y7968" style="top:2019px;left:1267px;">e</span><span class="tf y7968" style="top:2019px;left:1340px;">r</span><span class="tf y7968" style="top:2019px;left:1413px;">r</span><span class="tf y7968" style="top:2019px;left:1486px;">i</span><span class="tf y7968" style="top:2019px;left:1559px;">e</span><span class="tf y7968" style="top:2019px;left:1632px;">s</span><span class="tf y7968" style="top:2019px;left:1705px;"><</span><span class="tf y7968" style="top:2019px;left:1778px;">/</span><span class="tf y7968" style="top:2019px;left:1851px;">t</span><span class="tf y7968" style="top:2019px;left:1924px;">i</span><span class="tf y7968" style="top:2019px;left:1997px;">t</span><span class="tf y7968" style="top:2019px;left:2070px;">l</span><span class="tf y7968" style="top:2019px;left:2144px;">e</span><span class="tf y7968" style="top:2019px;left:2217px;">> </span><span class="tf y7959" style="top:2212px;left:316px;"><para> </span><span class="tf y7963" style="top:2405px;left:390px;">stre[a]w berige; stre[a]w straw + berie berry; </span><span class="tf y7997" style="top:2598px;left:390px;">perhaps from the resemblance of the runners of the plant to straws. </span><span class="tf y7959" style="top:2791px;left:316px;"></para> </span><span class="tf y7959" style="top:2984px;left:316px;"><para> </span><span class="tf y8000" style="top:3177px;left:390px;">A fragrant edible berry, of </span><span class="tf y8001" style="top:3177px;left:2442px;">a delicious taste and commonly of a red colour. </span><span class="tf y7959" style="top:3370px;left:316px;"></para> </span><span class="tf y7959" style="top:3563px;left:316px;"><para> </span><span class="tf y7963" style="top:3756px;left:390px;">The common American strawberry is </span><span class="tf y8005" style="top:3949px;left:390px;"><figure caption="Fragaria virginiana" data="fr_virg.jpg" id="fr_virg">Fragaria virginiana</figure>, </span><span class="tf y8001" style="top:4142px;left:390px;">the European is </span><span class="tf y8007" style="top:4335px;left:390px;"><figure caption="Fragaria vesca" data="fr_vesca.jpg" id="fr_vesca">Fragaria vesca</figure>. </span><span class="tf y7959" style="top:4528px;left:316px;"></para> </span><span class="tf y7959" style="top:4721px;left:243px;"></chapter> </span><span class="tf y7959" style="top:4914px;left:170px;"></book> </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="5"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/9f3bbf56335709b154d92495ee582ce301c9ffea.png" width="1531" height="1060" alt="" /></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="6"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/e034f3fbca7c66f1837abbec64296973dd84515e.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:63px; left:34px;"> <span class="tf y10648" style="top:0px;left:0px;">XPath Expressions:</span><span class="tf y10649" style="top:0px;left:2603px;"> Syntactic</span><span class="tf y10650" style="top:0px;left:4007px;"> Building Blocks </span></div> <div class="tb" style="top:164px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2192" style="top:0px;left:189px;">primary </span><span class="tf y10656" style="top:0px;left:922px;">expressions: strings,</span><span class="tf y10657" style="top:0px;left:2545px;"> numbers, booleans, location paths, predicates, </span><span class="tf y10658" style="top:271px;left:189px;">calls, variable reference. </span></div> <div class="tb" style="top:291px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2176" style="top:0px;left:189px;">complex </span><span class="tf y10666" style="top:0px;left:955px;">expressions: unions,</span><span class="tf y2203" style="top:0px;left:2511px;"> ﬁlters, relational expressions. </span></div> <div class="tb" style="top:364px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y10673" style="top:0px;left:189px;">basic expression </span><span class="tf y2176" style="top:0px;left:1496px;">types </span><span class="tf y10675" style="top:0px;left:1948px;">: string,</span><span class="tf y10676" style="top:0px;left:2578px;"> number, boolean, node-set. </span></div> <div class="tb" style="top:436px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y10683" style="top:0px;left:189px;">expression </span><span class="tf y2176" style="top:0px;left:1044px;">evaluation </span><span class="tf y2211" style="top:0px;left:1983px;">done in a context, consisting of: </span></div> <div class="tb" style="top:500px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y4885" style="top:0px;left:203px;">the context </span><span class="tf y10692" style="top:0px;left:1160px;">node </span><span class="tf y2177" style="top:0px;left:1577px;">. </span></div> <div class="tb" style="top:563px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y4885" style="top:0px;left:203px;">the context </span><span class="tf y2176" style="top:0px;left:1160px;">position </span><span class="tf y2177" style="top:0px;left:1899px;">and </span><span class="tf y2176" style="top:0px;left:2248px;">size </span><span class="tf y2177" style="top:0px;left:2561px;">. </span></div> <div class="tb" style="top:627px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y2179" style="top:0px;left:203px;">a set of variable bindings. </span></div> <div class="tb" style="top:690px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y10715" style="top:0px;left:203px;">a function library. </span></div> <div class="tb" style="top:753px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y2179" style="top:0px;left:203px;">a set of namespace declarations in expression scope. </span></div> <div class="tb" style="top:826px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2177" style="top:0px;left:189px;">examples </span><span class="tf y10724" style="top:285px;left:274px;">– </span><span class="tf y10725" style="top:285px;left:452px;">’Markup-Sprachen und semi-strukturierte Daten </span><span class="tf y10726" style="top:285px;left:3377px;">’ </span></div> <div class="tb" style="top:930px; left:119px;"> <span class="tf y10724" style="top:0px;left:0px;">– </span><span class="tf y10733" style="top:0px;left:179px;">($x + $y) </span><span class="tf y10734" style="top:0px;left:834px;">∙ </span><span class="tf y10726" style="top:0px;left:923px;">2 </span><span class="tf y10736" style="top:0px;left:1045px;">> </span><span class="tf y10726" style="top:0px;left:1208px;">10.7 </span></div> <div class="tb" style="top:994px; left:119px;"> <span class="tf y10724" style="top:0px;left:0px;">– </span><span class="tf y10745" style="top:0px;left:179px;">//lecture[@name = ’Markup’ and contains(author,’Bry’)] </span></div> <div class="tb" style="top:164px; left:1368px;"> <span class="tf y2177" style="top:0px;left:0px;">function </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="7"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/5c75d35023edd314c3795915aacb6f236e27fcc3.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:60px; left:34px;"> <span class="tf y13270" style="top:0px;left:0px;">Location Paths:</span><span class="tf y13271" style="top:0px;left:2141px;"> The</span><span class="tf y13272" style="top:0px;left:2821px;"> MOST Important Constructs </span></div> <div class="tb" style="top:173px; left:34px;"> <span class="tf y13276" style="top:0px;left:0px;">A path is constructed from steps, which have: </span></div> <div class="tb" style="top:233px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13279" style="top:0px;left:339px;">an </span><span class="tf y13280" style="top:0px;left:551px;">axis </span><span class="tf y13281" style="top:0px;left:815px;">, which speciﬁes the tree relationship between the nodes. </span></div> <div class="tb" style="top:293px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13279" style="top:0px;left:339px;">a </span><span class="tf y13288" style="top:0px;left:469px;">node </span><span class="tf y13281" style="top:0px;left:865px;">test, which speciﬁes </span><span class="tf y13290" style="top:0px;left:2238px;">the name of the selected nodes. </span></div> <div class="tb" style="top:364px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13297" style="top:0px;left:339px;">zero or more </span><span class="tf y13298" style="top:0px;left:1229px;">predicates </span><span class="tf y13281" style="top:0px;left:1939px;">, which reﬁne the set of nodes selected by the location step. </span></div> <div class="tb" style="top:434px; left:34px;"> <span class="tf y13279" style="top:0px;left:0px;">Examples: </span></div> <div class="tb" style="top:494px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13280" style="top:0px;left:339px;">child </span><span class="tf y13308" style="top:0px;left:668px;">::para </span></div> <div class="tb" style="top:554px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13280" style="top:0px;left:339px;">child </span><span class="tf y13279" style="top:0px;left:668px;">::ﬁgure[ </span><span class="tf y13280" style="top:0px;left:1175px;">attribute </span><span class="tf y13316" style="top:0px;left:1795px;">::id=”fr vesca”] </span></div> <div class="tb" style="top:625px; left:34px;"> <span class="tf y13278" style="top:0px;left:165px;">• </span><span class="tf y13280" style="top:0px;left:339px;">child </span><span class="tf y13279" style="top:0px;left:668px;">::*[position()=last()] </span></div> <div class="tb" style="top:695px; left:34px;"> <span class="tf y13328" style="top:0px;left:0px;">Abbreviated syntax: </span></div> <div class="tb" style="top:756px; left:67px;"> <span class="tf y13278" style="top:0px;left:0px;">• </span><span class="tf y13280" style="top:0px;left:174px;">@name </span><span class="tf y13332" style="top:0px;left:722px;">for </span><span class="tf y13333" style="top:0px;left:956px;">attribute::name </span></div> <div class="tb" style="top:816px; left:67px;"> <span class="tf y13278" style="top:0px;left:0px;">• </span><span class="tf y13298" style="top:0px;left:174px;">para[1] </span><span class="tf y13332" style="top:0px;left:721px;">for </span><span class="tf y13333" style="top:0px;left:955px;">child::para[position()=1] </span></div> <div class="tb" style="top:876px; left:67px;"> <span class="tf y13278" style="top:0px;left:0px;">• </span><span class="tf y13298" style="top:0px;left:174px;">.//para </span><span class="tf y13332" style="top:0px;left:747px;">for </span><span class="tf y13349" style="top:0px;left:981px;">s</span><span class="tf y13349" style="top:0px;left:1062px;">e</span><span class="tf y13349" style="top:0px;left:1143px;">l</span><span class="tf y13349" style="top:0px;left:1225px;">f</span><span class="tf y13349" style="top:0px;left:1306px;">:</span><span class="tf y13349" style="top:0px;left:1387px;">:</span><span class="tf y13349" style="top:0px;left:1468px;">n</span><span class="tf y13349" style="top:0px;left:1550px;">o</span><span class="tf y13349" style="top:0px;left:1631px;">d</span><span class="tf y13349" style="top:0px;left:1712px;">e</span><span class="tf y13349" style="top:0px;left:1793px;">(</span><span class="tf y13349" style="top:0px;left:1875px;">)</span><span class="tf y13349" style="top:0px;left:1956px;">/</span><span class="tf y13349" style="top:0px;left:2037px;">d</span><span class="tf y13349" style="top:0px;left:2118px;">e</span><span class="tf y13349" style="top:0px;left:2200px;">s</span><span class="tf y13349" style="top:0px;left:2281px;">c</span><span class="tf y13349" style="top:0px;left:2362px;">e</span><span class="tf y13349" style="top:0px;left:2443px;">n</span><span class="tf y13349" style="top:0px;left:2525px;">d</span><span class="tf y13349" style="top:0px;left:2606px;">a</span><span class="tf y13349" style="top:0px;left:2687px;">n</span><span class="tf y13349" style="top:0px;left:2768px;">t</span><span class="tf y13349" style="top:0px;left:2850px;">-</span><span class="tf y13349" style="top:0px;left:2931px;">o</span><span class="tf y13349" style="top:0px;left:3012px;">r</span><span class="tf y13349" style="top:0px;left:3094px;">-</span><span class="tf y13349" style="top:0px;left:3175px;">s</span><span class="tf y13349" style="top:0px;left:3256px;">e</span><span class="tf y13349" style="top:0px;left:3337px;">l</span><span class="tf y13349" style="top:0px;left:3419px;">f</span><span class="tf y13349" style="top:0px;left:3500px;">:</span><span class="tf y13349" style="top:0px;left:3581px;">:</span><span class="tf y13349" style="top:0px;left:3662px;">n</span><span class="tf y13349" style="top:0px;left:3744px;">o</span><span class="tf y13349" style="top:0px;left:3825px;">d</span><span class="tf y13349" style="top:0px;left:3906px;">e</span><span class="tf y13349" style="top:0px;left:3987px;">(</span><span class="tf y13349" style="top:0px;left:4069px;">)</span><span class="tf y13349" style="top:0px;left:4150px;">/</span><span class="tf y13349" style="top:0px;left:4231px;">c</span><span class="tf y13349" style="top:0px;left:4312px;">h</span><span class="tf y13349" style="top:0px;left:4394px;">i</span><span class="tf y13349" style="top:0px;left:4475px;">l</span><span class="tf y13349" style="top:0px;left:4556px;">d</span><span class="tf y13349" style="top:0px;left:4637px;">:</span><span class="tf y13349" style="top:0px;left:4719px;">:</span><span class="tf y13349" style="top:0px;left:4800px;">p</span><span class="tf y13349" style="top:0px;left:4881px;">a</span><span class="tf y13349" style="top:0px;left:4962px;">r</span><span class="tf y13349" style="top:0px;left:5044px;">a </span></div> <div class="tb" style="top:936px; left:67px;"> <span class="tf y13278" style="top:0px;left:0px;">• </span><span class="tf y13280" style="top:0px;left:174px;">. </span><span class="tf y13332" style="top:0px;left:292px;">for </span><span class="tf y13333" style="top:0px;left:526px;">self::node() </span></div> <div class="tb" style="top:1006px; left:67px;"> <span class="tf y13278" style="top:0px;left:0px;">• </span><span class="tf y13298" style="top:0px;left:174px;">../para </span><span class="tf y13332" style="top:0px;left:709px;">for </span><span class="tf y13333" style="top:0px;left:943px;">parent::node()/child::para </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="8"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/38738464c674e18b49043868e15ea232ee558b41.png" width="1531" height="1060" alt="" /></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="9"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/ca22cba9e18330f9e597b89b7a35e000f3485917.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:68px; left:34px;"> <span class="tf y15204" style="top:0px;left:0px;">Example Break (1) - Testing Location Paths </span></div> <div class="tb" style="top:295px; left:34px;"> <span class="tf y15206" style="top:0px;left:0px;">We use: </span></div> <div class="tb" style="top:372px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y15209" style="top:0px;left:189px;">a graphical test environment for XPath expressions, named XPath Tester. </span></div> <div class="tb" style="top:449px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y15213" style="top:0px;left:189px;">Command line for XPath Tester 1.1: </span><span class="tf y15214" style="top:0px;left:3143px;">java -jar xpathtester_1 1.jar </span><span class="tf y2177" style="top:0px;left:6013px;">. </span><span class="tf y15216" style="top:0px;left:5419px;">_ </span></div> <div class="tb" style="top:526px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2179" style="top:0px;left:189px;">downloadable from 5Sight: </span><span class="tf y15224" style="top:276px;left:189px;">h</span><span class="tf y15224" style="top:276px;left:287px;">t</span><span class="tf y15224" style="top:276px;left:386px;">t</span><span class="tf y15224" style="top:276px;left:485px;">p</span><span class="tf y15224" style="top:276px;left:584px;">:</span><span class="tf y15224" style="top:276px;left:683px;">/</span><span class="tf y15224" style="top:276px;left:782px;">/</span><span class="tf y15224" style="top:276px;left:880px;">w</span><span class="tf y15224" style="top:276px;left:979px;">w</span><span class="tf y15224" style="top:276px;left:1078px;">w</span><span class="tf y15224" style="top:276px;left:1177px;">.</span><span class="tf y15224" style="top:276px;left:1276px;">f</span><span class="tf y15224" style="top:276px;left:1375px;">i</span><span class="tf y15224" style="top:276px;left:1473px;">v</span><span class="tf y15224" style="top:276px;left:1572px;">e</span><span class="tf y15224" style="top:276px;left:1671px;">s</span><span class="tf y15224" style="top:276px;left:1770px;">i</span><span class="tf y15224" style="top:276px;left:1869px;">g</span><span class="tf y15224" style="top:276px;left:1968px;">h</span><span class="tf y15224" style="top:276px;left:2066px;">t</span><span class="tf y15224" style="top:276px;left:2165px;">.</span><span class="tf y15224" style="top:276px;left:2264px;">c</span><span class="tf y15224" style="top:276px;left:2363px;">o</span><span class="tf y15224" style="top:276px;left:2462px;">m</span><span class="tf y15224" style="top:276px;left:2561px;">/</span><span class="tf y15224" style="top:276px;left:2659px;">d</span><span class="tf y15224" style="top:276px;left:2758px;">o</span><span class="tf y15224" style="top:276px;left:2857px;">w</span><span class="tf y15224" style="top:276px;left:2956px;">n</span><span class="tf y15224" style="top:276px;left:3055px;">l</span><span class="tf y15224" style="top:276px;left:3154px;">o</span><span class="tf y15224" style="top:276px;left:3252px;">a</span><span class="tf y15224" style="top:276px;left:3351px;">d</span><span class="tf y15224" style="top:276px;left:3450px;">s</span><span class="tf y15224" style="top:276px;left:3549px;">/</span><span class="tf y15224" style="top:276px;left:3648px;">x</span><span class="tf y15224" style="top:276px;left:3747px;">p</span><span class="tf y15224" style="top:276px;left:3845px;">a</span><span class="tf y15224" style="top:276px;left:3944px;">t</span><span class="tf y15224" style="top:276px;left:4043px;">h</span><span class="tf y15224" style="top:276px;left:4142px;">t</span><span class="tf y15224" style="top:276px;left:4241px;">e</span><span class="tf y15224" style="top:276px;left:4340px;">s</span><span class="tf y15224" style="top:276px;left:4439px;">t</span><span class="tf y15224" style="top:276px;left:4537px;">e</span><span class="tf y15224" style="top:276px;left:4636px;">r</span><span class="tf y15224" style="top:276px;left:4735px;">.</span><span class="tf y15224" style="top:276px;left:4834px;">a</span><span class="tf y15224" style="top:276px;left:4933px;">s</span><span class="tf y15224" style="top:276px;left:5032px;">p </span><span class="tf y2177" style="top:276px;left:5137px;">. </span></div> <div class="tb" style="top:658px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2177" style="top:0px;left:189px;">Prerequisites: </span></div> <div class="tb" style="top:724px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y15333" style="top:0px;left:203px;">Java Virtual </span><span class="tf y2179" style="top:0px;left:1220px;">Machine, e.g. jdk 1.2 or higher. </span></div> <div class="tb" style="top:791px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y2175" style="top:0px;left:203px;">a </span><span class="tf y15333" style="top:0px;left:356px;">Java-based XPath evaluator, e.g. Xalan, Saxon, XT. </span></div> <div class="tb" style="top:857px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y15333" style="top:0px;left:203px;">a Java-based </span><span class="tf y2179" style="top:0px;left:1278px;">XML parser, e.g. Xerces, XML4Java, Alfred. </span></div> <span class="fklnk" rel="*http://www.fivesight.com|downloads|xpathtester.asp" style="top:593px;left:101px;width:991px;height:35px;"></span></div><div class="pg y1" style="width:1531px;height:1060px;" nb="10"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/5c21bd9a15d289a6573e56124478e952cb2881af.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:68px; left:34px;"> <span class="tf y17562" style="top:0px;left:0px;">Core Function Library:</span><span class="tf y17563" style="top:0px;left:3035px;"> Node-Set</span><span class="tf y17564" style="top:0px;left:4470px;"> Functions </span></div> <div class="tb" style="top:173px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y17569" style="top:0px;left:189px;">number </span><span class="tf y2176" style="top:0px;left:867px;">last() </span><span class="tf y2179" style="top:276px;left:189px;">returns the context size from the expression evaluation context. </span></div> <div class="tb" style="top:306px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y17569" style="top:0px;left:189px;">number </span><span class="tf y2176" style="top:0px;left:867px;">position() </span><span class="tf y2179" style="top:276px;left:189px;">returns </span><span class="tf y2203" style="top:276px;left:799px;">the context position from the expression evaluation context. </span></div> <div class="tb" style="top:438px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y17569" style="top:0px;left:189px;">number </span><span class="tf y2176" style="top:0px;left:867px;">count(node-set) </span><span class="tf y2211" style="top:276px;left:189px;">returns the number of nodes in the argument node-set. </span></div> <div class="tb" style="top:570px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y17595" style="top:0px;left:189px;">node-set </span><span class="tf y2176" style="top:0px;left:930px;">id(object) </span><span class="tf y15333" style="top:276px;left:189px;">selects elements by their unique ID, as declared in DTD. </span></div> <div class="tb" style="top:703px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y17595" style="top:0px;left:189px;">string </span><span class="tf y2176" style="top:0px;left:713px;">name(node-set?) </span><span class="tf y2177" style="top:0px;left:2175px;">, </span><span class="tf y17595" style="top:0px;left:2291px;">string </span><span class="tf y2176" style="top:0px;left:2815px;">local-name(node-set?) </span><span class="tf y2177" style="top:0px;left:4743px;">, </span><span class="tf y17595" style="top:276px;left:189px;">string </span><span class="tf y2212" style="top:276px;left:713px;">n</span><span class="tf y2212" style="top:276px;left:819px;">a</span><span class="tf y2212" style="top:276px;left:918px;">m</span><span class="tf y2212" style="top:276px;left:1081px;">e</span><span class="tf y2212" style="top:276px;left:1177px;">s</span><span class="tf y2212" style="top:276px;left:1257px;">p</span><span class="tf y2212" style="top:276px;left:1362px;">a</span><span class="tf y2212" style="top:276px;left:1461px;">c</span><span class="tf y2212" style="top:276px;left:1553px;">e</span><span class="tf y2212" style="top:276px;left:1649px;">-</span><span class="tf y2212" style="top:276px;left:1718px;">u</span><span class="tf y2212" style="top:276px;left:1824px;">r</span><span class="tf y2212" style="top:276px;left:1894px;">i</span><span class="tf y2212" style="top:276px;left:1942px;">(</span><span class="tf y2212" style="top:276px;left:2023px;">n</span><span class="tf y2212" style="top:276px;left:2128px;">o</span><span class="tf y2212" style="top:276px;left:2238px;">d</span><span class="tf y2212" style="top:276px;left:2343px;">e</span><span class="tf y2212" style="top:276px;left:2439px;">-</span><span class="tf y2212" style="top:276px;left:2509px;">s</span><span class="tf y2212" style="top:276px;left:2588px;">e</span><span class="tf y2212" style="top:276px;left:2684px;">t</span><span class="tf y2212" style="top:276px;left:2760px;">?</span><span class="tf y2212" style="top:276px;left:2858px;">) </span><span class="tf y17634" style="top:553px;left:189px;">returns the expanded/local name/namespace URI </span><span class="tf y17635" style="top:553px;left:4190px;">of the node in the argument node-set </span><span class="tf y2211" style="top:829px;left:189px;">that is ﬁrst in document order. </span></div> </div><div class="pg y1" style="width:1531px;height:1060px;" nb="11"><div style="position:absolute;top:0px;left:0px;"><img src="http://dimg.uscri.be/1782599185df330c311a60bf7897439320d44752.png" width="1531" height="1060" alt="" /></div> <div class="tb" style="top:68px; left:34px;"> <span class="tf y19411" style="top:0px;left:0px;">Example Break (2) - Testing Node-Set Functions </span></div> <div class="tb" style="top:295px; left:34px;"> <span class="tf y15206" style="top:0px;left:0px;">We use: </span></div> <div class="tb" style="top:372px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y15209" style="top:0px;left:189px;">a graphical test environment for XPath expressions, named XPath Tester. </span></div> <div class="tb" style="top:449px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y15213" style="top:0px;left:189px;">Command line for XPath Tester 1.1: </span><span class="tf y19421" style="top:0px;left:3143px;">java -jar xpathtester_1_1.jar </span><span class="tf y2177" style="top:0px;left:6013px;">. </span></div> <div class="tb" style="top:526px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2179" style="top:0px;left:189px;">downloadable from 5Sight: </span><span class="tf y15224" style="top:276px;left:189px;">h</span><span class="tf y15224" style="top:276px;left:287px;">t</span><span class="tf y15224" style="top:276px;left:386px;">t</span><span class="tf y15224" style="top:276px;left:485px;">p</span><span class="tf y15224" style="top:276px;left:584px;">:</span><span class="tf y15224" style="top:276px;left:683px;">/</span><span class="tf y15224" style="top:276px;left:782px;">/</span><span class="tf y15224" style="top:276px;left:880px;">w</span><span class="tf y15224" style="top:276px;left:979px;">w</span><span class="tf y15224" style="top:276px;left:1078px;">w</span><span class="tf y15224" style="top:276px;left:1177px;">.</span><span class="tf y15224" style="top:276px;left:1276px;">f</span><span class="tf y15224" style="top:276px;left:1375px;">i</span><span class="tf y15224" style="top:276px;left:1473px;">v</span><span class="tf y15224" style="top:276px;left:1572px;">e</span><span class="tf y15224" style="top:276px;left:1671px;">s</span><span class="tf y15224" style="top:276px;left:1770px;">i</span><span class="tf y15224" style="top:276px;left:1869px;">g</span><span class="tf y15224" style="top:276px;left:1968px;">h</span><span class="tf y15224" style="top:276px;left:2066px;">t</span><span class="tf y15224" style="top:276px;left:2165px;">.</span><span class="tf y15224" style="top:276px;left:2264px;">c</span><span class="tf y15224" style="top:276px;left:2363px;">o</span><span class="tf y15224" style="top:276px;left:2462px;">m</span><span class="tf y15224" style="top:276px;left:2561px;">/</span><span class="tf y15224" style="top:276px;left:2659px;">d</span><span class="tf y15224" style="top:276px;left:2758px;">o</span><span class="tf y15224" style="top:276px;left:2857px;">w</span><span class="tf y15224" style="top:276px;left:2956px;">n</span><span class="tf y15224" style="top:276px;left:3055px;">l</span><span class="tf y15224" style="top:276px;left:3154px;">o</span><span class="tf y15224" style="top:276px;left:3252px;">a</span><span class="tf y15224" style="top:276px;left:3351px;">d</span><span class="tf y15224" style="top:276px;left:3450px;">s</span><span class="tf y15224" style="top:276px;left:3549px;">/</span><span class="tf y15224" style="top:276px;left:3648px;">x</span><span class="tf y15224" style="top:276px;left:3747px;">p</span><span class="tf y15224" style="top:276px;left:3845px;">a</span><span class="tf y15224" style="top:276px;left:3944px;">t</span><span class="tf y15224" style="top:276px;left:4043px;">h</span><span class="tf y15224" style="top:276px;left:4142px;">t</span><span class="tf y15224" style="top:276px;left:4241px;">e</span><span class="tf y15224" style="top:276px;left:4340px;">s</span><span class="tf y15224" style="top:276px;left:4439px;">t</span><span class="tf y15224" style="top:276px;left:4537px;">e</span><span class="tf y15224" style="top:276px;left:4636px;">r</span><span class="tf y15224" style="top:276px;left:4735px;">.</span><span class="tf y15224" style="top:276px;left:4834px;">a</span><span class="tf y15224" style="top:276px;left:4933px;">s</span><span class="tf y15224" style="top:276px;left:5032px;">p </span><span class="tf y2177" style="top:276px;left:5137px;">. </span></div> <div class="tb" style="top:658px; left:64px;"> <span class="tf y2174" style="top:0px;left:0px;">• </span><span class="tf y2177" style="top:0px;left:189px;">Prerequisites: </span></div> <div class="tb" style="top:724px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y15333" style="top:0px;left:203px;">Java Virtual </span><span class="tf y2179" style="top:0px;left:1220px;">Machine, e.g. jdk 1.2 or higher. </span></div> <div class="tb" style="top:791px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y2175" style="top:0px;left:203px;">a </span><span class="tf y15333" style="top:0px;left:356px;">Java-based XPath evaluator, e.g. Xalan, Saxon, XT. </span></div> <div class="tb" style="top:857px; left:114px;"> <span class="tf y10690" style="top:0px;left:0px;">– </span><span class="tf y15333" style="top:0px;left:203px;">a Java-based </span><span class="tf y2179" style="top:0px;left:1278px;">XML parser, e.g. Xerces, XML4Java, Alfred. </span></div> <span class="fklnk" rel="*http://www.fivesight.com|downloads|xpathtester.asp" style="top:593px;left:101px;width:991px;height:35px;"></span></div> </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=543009"> <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-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="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-hobbies"> <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/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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/livres-audio/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="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%2F543009">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"> var ga = undefined; var ControllerOptions = { productId: 543009, hasAdultContent: false, platform: 'Desktop', trackTheme: 99 }; window.StartController = function(require) { var PageController = require('Controller/Product/Page'); new PageController(ControllerOptions); }; window.TrackingContext = { RegisterPageType: 'Product', ProductId: 543009 }; 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=26733', 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/xpath-1-0-tutorial-543009", "image": "//img.uscri.be/pth/1e9b26874087fed37118ac722aba7207d398e422", "abridged": "", "isbn": "", "author": "Dan Olteanu", "description": "Markup Languages and Semistructured Data - SS’02http://www.pms.informatik.uni-muenchen.de/lehre/markupsemistrukt/02ss/XPath 1.0 Tutorial28th of May, 2002Dan OlteanuXPath 1.0 - W3C Recommendation language for addressing and matching parts of an XML document. designed to be used standalone, but also by XPointer, XSLT, XQuery. uses a compact, non-XML format to facilitate use within URIs and attribute values. provides basic facilities for string, number and boolean manipulation. supports namespaces.XPath 1.0 Data Model can be derived from XML InfoSet. XML document is viewed as a tree, containing di erent kinds of nodes. kinds of nodes: root, element, text, attribute, namespace, processing instruction, com-ment nodes. imposes a document order de ned on all nodes except attribute and namespace nodes(order of occurence of element start-tags). the root node is the rst node. the namespace nodes are de ned to occur before the attribute nodes. root and element nodes have an ordered list of children. an element node is the parent of the associated set of attribute/namespace nodes,the attributes/namespaces are not children of the associated element node.Various FruitsThe next chapters introduce different kinds of fruits, likestrawberries or apples.Strawberries< ...", "datePublished": "", "numberOfPages": "19", "name": "XPath 1.0 Tutorial", "provider": "", "publisher": "Fiob", "contentUrl": "", "mainEntityOfPage": "https://www.youscribe.com/catalogue/documents/ressources-professionnelles/informatique/xpath-1-0-tutorial-543009" } </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>