PageSourceSearch

https://www.nouveautes-jeunesse.com/tag/roman/

html nouveautes-jeunesse.com collected 2026-09-26 08:59:55 UTC 82,879 bytes, 1,737 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4
5  
5<script src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/runtime.38a76c52.js"></script>
5
6  
6<script src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/ads.930ed0c8.js"></script>
6
7  
7<script>
8      dataLayer = [{
9        'source'   : 'OVERBLOG',
10        'theme'    : '66',
11        'adUnitID' : '/6783/OverBlogKiwi/fr',
12        'group'    : 'Blog-Loisirs-Culture',
13        'category' : 'Literature, Comics & Poetry',
14        'rating'   : 'BS',
15        'unused'   : 'No',
16        'adult'    : 'No',
17        'pda'      : 'No',
18        'hasAds'   : 'No',
19        'lang'     : 'fr',
20        'adblock'  : '__ads_loaded__' in window ? 'No' : 'Yes',
21        'blog_id'  : '658785',
22        'blog_name': "Nouveaut\u00e9s Litt\u00e9rature  Jeunesse",
23        'premium'  : 'Yes',
24        'slots'    : {},
25              }];
26  </script>
26
27  
27<script type="text/javascript">
28  window.gdprAppliesGlobally=true;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}
29    else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return}
30    var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}}
31    if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e,tgt){
32    var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+tgt;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("e23a01f6-a508-4e71-8f50-c1a9cae7c0d0","fBVP2nLa")})();
33  </script>
33
34  
34<script>
35  // Paywall Bounce Rate pixel
36  function sendCustomPixel(method, consent, tcfStatus) {
37    var pixelUrl = "https://bpt.webedia-group.com/pixel.png?/domain=overblog.com&referrer=" + document.referrer + "&site_route=" + dataLayer[0].blog_name + "_" + (typeof jad !== "undefined") + "&event=tcfapi&method=" + method + "&consent=" + consent + "&tcfStatus=" + tcfStatus
38    var img = document.createElement('img');
39    img.style = "display: none;"
40    img.src = pixelUrl;
41    document.body.appendChild(img);
42  }
43
44  function triggerOnReadyOrTimeout(action, tcfStatus) {
45
46    var done = false;
47
48    function doItIfNotDone(method, consent, tcfStatus) {
49      if (!done) {
50        action(method, consent, tcfStatus);
51        done = true;
52      }
53    }
54
55    window.didomiOnReady = window.didomiOnReady || [];
56    window.didomiOnReady.push(function (Didomi) {
57      var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true;
58      var consentToString = consent == undefined ? "undefined" : consent;
59      doItIfNotDone("didomiOnReady", consentToString, tcfStatus);
60    });
61
62    setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000);
63  }
64
65  var tcfok = false;
66
67  var tryTcfApiTimer = 0;
68
69  var tryToReachTcfApi = setInterval(function() {
70    if (typeof __tcfapi !== "undefined") {
71      clearInterval(tryToReachTcfApi);
72      launchTcfApi()
73    } else if (tryTcfApiTimer > 3000) {
74      clearInterval(tryToReachTcfApi);
75      triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
76    }
77    tryTcfApiTimer += 200;
78  }, 200)
79
80  function launchTcfApi() {
81    __tcfapi('addEventListener', 2, function(tcData, success) {
82      if (success) {
83        try{
84          switch (tcData.eventStatus) {
85            case "useractioncomplete":
86              triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
87              __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
88              break;
89            case "cmpuishown":
90              triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
91              break;
92            case "tcloaded":
93              triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
94              __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
95              break;
96            default:
97              triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
98          }
99        } catch (error) {
100          triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
101        }
102        tcfok = true;
103      }
104    });
105
106    setTimeout(function() {
107      if (!tcfok) {
108        triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
109      }
110    }, 2000);
111  }
112  </script>
112
113  <style>
114    [class^=app_gdpr] a {
115        color: white !important;
116    }
117    [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) {
118        text-decoration: underline;
119    }
120    [class^=app_gdpr] a svg {
121        fill: white !important;
122    }
123    [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{
124        z-index: 2147483647 !important;
125    }
126  </style>
127  
127<script>
128    if (window.parent !== window) {
129      if (typeof btoa !== "function") {
130        window.btoa = function (input) {
131          var str = String(input);
132          for (var block, charCode, idx = 0, map = chars, output = ''; str.charAt(idx | 0) || (map = '=', idx % 1); output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
133            charCode = str.charCodeAt(idx += 3/4)
134            block = block << 8 | charCode
135          }
136          return output
137        }
138      }
139      var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i
140      var res = re.exec(document.referrer)
141      var domain = res[1]
142      var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",]
143      if (forbidden.indexOf(btoa(domain)) > -1) {
144        document.location = document.location.origin + "/system/noframed"
145      }
146    }
147  </script>
147
148  <link rel="stylesheet" href="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/main.446be18c.css">
149  <title>roman - Nouveautés Littérature Jeunesse</title>
150  <meta http-equiv="content-type" content="text/html; charset=utf-8">
151  <meta name="viewport" content="width=device-width">
152  <link rel="canonical" href="/">
153  <meta property="og:site_name" content="Nouveautés Littérature Jeunesse">
154  <meta property="og:title" content="roman - Nouveautés Littérature Jeunesse">
155  <meta name="twitter:title" content="roman - Nouveautés Littérature Jeunesse">
156  <meta name="description" content="Blog nouveaut&amp;eacute;s jeunesse, Litt&amp;eacute;rature jeunesse pour tous, professionnels et particuliers. Avis et s&amp;eacute;lections en litt&amp;eacute;rature jeunesse et jeunes adultes, p&amp;eacute;dagogie, EMI @orbe250 Auteur : Marion Ut&amp;eacute;za">
157  <meta property="og:description" content="Blog nouveaut&amp;eacute;s jeunesse, Litt&amp;eacute;rature jeunesse pour tous, professionnels et particuliers. Avis et s&amp;eacute;lections en litt&amp;eacute;rature jeunesse et jeunes adultes, p&amp;eacute;dagogie, EMI @orbe250 Auteur : Marion Ut&amp;eacute;za">
158  <meta name="twitter:description" content="Blog nouveaut&amp;eacute;s jeunesse, Litt&amp;eacute;rature jeunesse pour tous, professionnels et particuliers. Avis et s&amp;eacute;lections en litt&amp;eacute;rature jeunesse et jeunes adultes, p&amp;eacute;dagogie, EMI...">
159  <meta property="og:locale" content="fr_FR">
160  <meta property="og:image" content="https://img.over-blog-kiwi.com/0/65/87/85/20150117/ob_3ca139_ltamordu-arbre-copie.jpg">
161  <meta name="twitter:image:src" content="https://img.over-blog-kiwi.com/0/65/87/85/20150117/ob_3ca139_ltamordu-arbre-copie.jpg">
162  <meta property="og:type" content="blog">
163  <meta name="twitter:card" content="summary">
164  <meta name="twitter:site" content="@overblog">
165  <meta name="twitter:creator" content="@orbe250">
166  <meta property="fb:app_id" content="284865384904712">
167  <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss">
168  <link rel="icon" type="image/png" href="https://img.over-blog-kiwi.com/0/65/87/85/20150117/ob_3ca139_ltamordu-arbre-copie.jpg">
169  <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css">
170  <link href='https://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
171  <link rel="stylesheet" type="text/css" href="https://assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css" media="screen">
172  <style type="text/css">
173            .ob-h1 {
174                display: block;
175                font-size: 2em;
176                margin-top: 0.67em;
177                margin-bottom: 0.67em;
178                font-weight: bold;
179            }
180            .ob-h2 {
181                display: block;
182                font-size: 1.5em;
183                margin-top: 0.83em;
184                margin-bottom: 0.83em;
185                font-weight: bold;
186            }
187            .ob-h3 {
188                display: block;
189                font-size: 1.17em;
190                margin-top: 1em;
191                margin-bottom: 1em;
192                font-weight: bold;
193            }
194            .ob-h4 {
195                display: block;
196                margin-top: 1.33em;
197                margin-bottom: 1.33em;
198                font-weight: bold;
199            }
200            .ob-h5 {
201                display: block;
202                font-size: 0.83em;
203                margin-top: 1.67em;
204                margin-bottom: 1.67em;
205                font-weight: bold;
206            }
207            .ob-h6 {
208                display: block;
209                font-size: 0.67em;
210                margin-top: 2.33em;
211                margin-bottom: 2.33em;
212                font-weight: bold;
213            }
214            /*
215            KNACSS.com V1.3 @author : Raphael Goetter, Alsacreations
216            Licence CC-BY //creativecommons.org/licenses/by/3.0/fr/
217            */
218
219            /* ----------------------------- */
220            /* ==reset */
221            /* ----------------------------- */
222
223            /* base font-size corresponds to equiv 10px */
224            /*html {
225                font-size: 62.5%;
226            }*/
227            body {
228                background: #E1E1E1;
229                                color: #222;
230                font-family: 'Lato', sans-serif;
231            }
232
233            /* HTML5 tags */
234            article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
235                display: block;
236            }
237
238            /* soft reset */
239            html, body, blockquote, ul, ol, form {margin: 0; padding: 0}
240            p, .ob-section ul {margin: 0 0 1em;}
241            ul, ol {padding-left: 2em;}
242            .mreset {margin: 0 !important;}
243            .preset {padding: 0 !important;}
244
245            /* font-sizing for content */
246            p, li, td, th, textarea, caption, pre {font-size: .9375em;}
247            li li, li p, td p, th p, li h1, li h2, li h3, li h4, li h
2475, li h6, 
248            li .ob-h1, li .ob-h2, li .ob-h3, li .ob-h4, li .ob-h5, li .ob-h6,
249            button, input, select {font-size: 100%;}
250            h1, .ob-h1, .h1-like, .blog-title {font-size: 1.5em;}
251            h2, .ob-h2, .h2-like, .post-title {font-size: 1.3125em;}
252            h3, .ob-h3, .h3-like, .widget-title {font-size: 1.125em;}
253            h4, .ob-h4, .h4-like {font-size: 1em;}
254            h5, .ob-h5, .h5-like {font-size: .875em;}
255
256            /* alternate font-sizing */
257            .smallest {font-size: .7em;}
258            .smaller {font-size: .8em;}
259            .small {font-size: .9em;}
260            .big {font-size: 1.07em;} /* 15 pixels */
261            .bigger {font-size: 1.14em;} /* 16 pixels */
262            .biggest {font-size: 1.28em;} /* 18 pixels */
263
264            /* avoid collapsing margins */
265            h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child,
266            .ob-h1:first-child, .ob-h2:first-child, .ob-h3:first-child, .ob-h4:first-child, .ob-h5:first-child,
267            .blog-title:first-child, .post-title:first-child, .widget-title:first-child {
268                margin-top: 0;
269            }
270            /* avoid last paragraph bottom margin */
271            p:last-child {margin-bottom: 0;}
272
273            .widget-title {
274                font-weight: bold;
275            }
276
277
278            /* max values */
279            img, table, td, blockquote, code, pre, textarea, input, video {
280                max-width: 100%; height: auto;
281            }
282
283            /* you shall not pass */
284            textarea, table, td, th, code, pre, samp, div, p {
285                word-wrap: break-word;
286                -webkit-hyphens: auto;
287                   -moz-hyphens: auto;
288                    -ms-hyphens: auto;
289                     -o-hyphens: auto;
290                        hyphens: auto;
291            }
292            code, pre, samp {
293                white-space: pre-wrap;
294            }
295
296            /* pictures */
297            img {vertical-align: middle}
298            a img {border: 0;}
299
300            * {
301                -webkit-box-sizing: border-box;
302                   -moz-box-sizing: border-box;
303                        box-sizing: border-box;
304            }
305
306            /* clearfix */
307            .clearfix:before, .clearfix:after{
308                content: "";
309                display: table;
310            }
311            .clearfix:after{
312                clear: both;
313            }
314
315            /* ----------------------------- */
316            /* ==GLOBAL */
317            /* ----------------------------- */
318            html body.withsharebar{
319                margin-bottom: 0;
320                padding-bottom: 0px;
321            }
322            .withsharebar .global{
323                padding-bottom: 40px;
324            }
325            .global {
326                margin: 0 auto;
327                max-width: 980px;
328                padding-bottom: 5px;
329            }
330
331                            h1, h2, .ob-h1, .ob-h2, .blog-title, .post-title, .widget-title {
332                                            font-family: Arvo;
333                                    }
334            
335            a,
336            a:visited {
337                color: #668FBA;
338                text-decoration: none;
339            }
340
341            /* ----------------------------- */
342            /* ==HEADER */
343            /* ----------------------------- */
344            .header {
345                background: #FDFDFD;
346                border: 1px solid #DDD;
347                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
348                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
349                overflow: hidden;
350                margin: 50px auto 8px;
351                max-width: 962px;
352            }
353
354            .header .banner,
355            .header .menu {
356                overflow: hidden;
357                position: relative;
358                padding: 5px;
359            }
360
361            /* BANNER */
362            .header .banner {
363                min-height: 65px;
364            }
365            .header .banner .avatar {
366                background: #F8F8F8;
367                border: 1px solid #F2F2F2;
368                border-radius: 3px;
369                display: block;
370                float: left;
371                margin: 0 20px 0 0;
372                position: relative;
373                padding: 5px;
374            }
375            .banner .avatar img,
376            .profile .avatar {
377                -webkit-box-sizing: content-box;
378                   -moz-box-sizing: content-box;
379                        box-sizing: content-box;
380            }
381            .header .banner .blog-title {
382                margin: 0;
383                max-width: 75%;
384            }
385            .header .banner .blog-title a {
386                color: #668FBA;
387                font-size: 1.125em;
388                font-weight: bold;
389                text-decoration: none;
390            }
391            .header .banner p {
392                color: #888;
393                margin-bottom: 0;
394                max-width: 100%;
395                padding-right: 230px;
396            }
397            /* SEARCH FORM */
398            .search {
399                position: absolute;
400                right: 13px;
401                top: 13px;
402                width: 213px;
403            }
404            .search input[type="text"] {
405                background: #F5F5F5;
406                border: 1px solid #DDD;
407                border-bottom-color: #EEE;
408                border-radius: 3px;
409                color: #222;
410                font-size: 12px;
411                padding: 9px;
412                width: 100%;
413            }
414            .search input[type="submit"] {
415                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat -2px -292px;
416                border: none;
417                cursor: pointer;
418                padding: 5px 12px;
419                position: absolute;
420                right: 7px;
421                text-indent: -500px;
422                top: 9px;
423            }
424            .ie8 .search input[type="submit"],
425            .ie9 .search input[type="submit"] {
426                top: 7px;
427            }
428            /* MENU */
429            .header .menu {
430                background: #ECECEC;
431                border-top: 1px solid #E0E0E0;
432                -webkit-box-shadow: 0 1px 0 0 #FFF inset;
433                        box-shadow: 0 1px 0 0 #FFF inset;
434            }
435            .header .menu ul {
436                list-style: none;
437                padding: 0;
438            }
439            .header .menu li {
440                border-right: 1px solid #ddd;
441                display: inline-block;
442                padding: 0 2px;
443                line-height: 34px;
444                white-space: nowrap;
445            }
446            .header .menu li.last {
447                border-right: none;
448            }
449            .header .menu a,
450            .header .menu a:visited {
451                color: #222;
452                display: block;
453                font-size: 14px;
454                padding: 0 15px;
455                text-decoration: none;
456                -webkit-transition: all 250ms ease;
457                   -moz-transition: all 250ms ease;
458                     -o-transition: all 250ms ease;
459                        transition: all 250ms ease;
460            }
461            .header .menu a:hover {
462                color: #668FBA;
463            }
464            .header .menu .active a {
465                font-weight: bold;
466            }
467
468            /* ----------------------------- */
469            /* ==POSTS */
470            /* ----------------------------- */
471            .post {
472                background-color: #F9F9F9;
473                border: 1px solid #DDD;
474                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
475                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
476            }
477            .post .header {
478                margin: 0;
479            }
480            .post .date {
481                color: #888;
482                display: block;
483                font-size: .875em;
484                font-style: italic;
485                font-weight: bold;
486            }
487            .post .permalink {
488                color: #222;
489                font-weight: bold;
490                line-height: normal;
491                text-decoration: none;
492            }
493            .post .permalink:hover {
494                text-decoration: underline;
495            }
496            .post .tag p {
497                color: #888;
498            }
499            .post .tag p:before {
500                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat center -263px;
501                content: '';
502                display: inline-block;
503                height: 20px;
504                vertical-align: middle;
505                width: 20px;
506            }
507            .post .tag a {
508                font-size: 0.9em;
509                font-weight: bold;
510                text-decoration: none;
511            }
512            .post .tag a:hover {
513                text-decoration: underline;
514            }
515            .post .footer {
516                background: #ECECEC;
517                border-top: 1px solid #E0E0E0;
518                -webkit-box-shadow: 0 1px 0 0 #FFF inset;
519                        box-shadow: 0 1px 0 0 #FFF inset;
520            }
521            .post .footer .item-comments > h3, .post .footer .item-comments > .ob-h3 {
522                color: #222;
523            }
524            .post .footer .item-comments #disqus_thread h3, .post .footer .item-comments #disqus_thread .ob-h3 {
525                font-size: 1.4em;
526            }
527
528            /* ----------------------------- */
529            /* ==HOME PAGE */
530            /* ----------------------------- */
531            .index .post {
532                float: left;
533                margin: 8px;
534                width: 227px;
535                -webkit-transition: all 250ms ease;
536                   -moz-transition: all 250ms ease;
537                     -o-transition: all 250ms ease;
538                        transition: all 250ms ease;
539            }
540                            .index .post:nth-child(2) {
541                            width: 470px;
542            }
543            .index .post:hover {
544                background: #FFF;
545                -webkit-box-shadow: none;
546                        box-shadow: none;
547            }
548            .index .post .cover {
549                display: block;
550                padding: 13px 13px 0 13px;
551            }
552            .index .post .cover img {
553                display: block;
554                margin-left: auto;
555                margin-right: auto;
556            }
557            .index .post .date {
558                padding: 13px 13px 0;
559            }
560            .index .post .title {
561                font-size: 1.1875em;
562                margin: 0;
563                padding: 0 13px 13px;
564            }
565            .index .post .snippet {
566                color: #888;
567                line-height: 1em;
568                margin: 0;
569                padding: 0 13px 13px 13px;
570                word-wrap: break-word;
571            }
572            .index .tweet {
573                padding: 0 13px 13px 13px;
574                position: relative;
575            }
576            .index .tweet .ob-section {
577                margin-bottom: 0;
578            }
579            .index blockquote.ob-tweet {
580                background: none;
581                border: none;
582                border-radius: 0;
583                -webkit-box-shadow: none;
584                        box-shadow: none;
585                font-family: 'Helvetica Neue', Arial, sans-serif;
586                padding: 0;
587            }
588            /* Avatar */
589            .index .twitter-tweet img,
590            .index blockquote.ob-tweet .ob-media-left {
591                border-radius: 0;
592                float: left;
593                height: auto;
594                margin: 0 0 0 0;
595                min-height: 0;
596                width: 30px;
597            }
598            /* Author */
599            .index blockquote.ob-tweet .ob-tweet-author {
600                left: 35px;
601                line-height: normal;
602                top: -2px;
603            }
604            .index blockquote.ob-tweet .ob-tweet-author a {
605                font-size: 12px;
606                text-decoration: none;
607            }
608            /* Text */
609            .index blockquote.ob-tweet .ob-text {
610                color: #888;
611                padding-top: 50px;
612            }
613            .index blockquote.ob-tweet .ob-text a {
614                color: #668FBA;
615                text-decoration: none;
616            }
617            .index blockquote.ob-tweet .ob-text a:hover {
618                text-decoration: underline;
619            }
620            .index .ob-tweet-bird {
621                display: none;
622            }
623            .index blockquote.ob-tweet .ob-tweet-date {
624                border-top: 1px dashed #DDD;
625                font-size: 1.08em;
626                display: inline-block;
627                padding-top: 5px;
628                width: 100%;
629            }
630            .index .ob-tweet .ob-tweet-date a {
631                text-decoration: none;
632            }
633            /* buttons */
634            .index .tweet-actions {
635                bottom: 10px;
636                position: absolute;
637                right: 13px;
638            }
639            .index .tweet-actions a {
640                background-image: url(//data.over-blog.com/0/19/10/50/201210/ob_25984ccd2eb18c6b89bb11adcc6fae3d_twitter-sprite.png);
641                display: inline-block;
642                height: 16px;
643                margin: 0 2px;
644                width: 16px;
645            }
646            .index .tweet-reply:hover {
647                background-position: -16px top;
648            }
649            .index .tweet-retweet {
650                background-position: -80px top;
651            }
652            .index .tweet-retweet:hover {
653                background-position: -96px top;
654            }
655            .index .tweet-favorite {
656                background-position: -32px top;
657            }
658            .index .tweet-favorite:hover {
659                background-position: -48px top;
660            }
661            .index .post .tag {
662                padding: 0 13px 13px;
663            }
664            .index .post .footer {
665                padding: 5px;
666                text-align: center;
667            }
668            .index .post .share {
669                height: 31px;
670            }
671            .index .post .share a {
672                display: inline-block;
673                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat;
674                height: 32px;
675                width: 32px;
676            }
677            .index .post .share .fb {
678                background-position: 1px -130px;
679            }
680            .index .post .share .twt {
681                background-position: 1px -174px;
682            }
683            .index .post .share .gplus {
684                background-position: 1px -217px;
685            }
686            .index .post .share .pint {
687                background-position: 1px -766px;
688            }
689            .index .post .share .fb:hover {
690                background-position: 1px 1px;
691            }
692            .index .post .share .twt:hover {
693                background-position: 1px -43px;
694            }
695            .index .post .share .gplus:hover {
696                background-position: 1px -86px;
697            }
698            .index .post .share .pint:hover {
699                background-position: 1px -719px;
700            }
701            .index .share-bar {
702                display: none;
703            }
704
705            /* FANCYBOX */
706            .fancybox-overlay {
707                background: #FFF;
708                background: rgba(255, 255, 255, 0.93);
709            }
710            .fancybox-opened .fancybox-skin {
711                border: 1px solid #DDD;
712                -webkit-border-radius: 0;
713                   -moz-border-radius: 0;
714                     -o-border-radius: 0;
715                        border-radius: 0;
716                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
717                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
718            }
719
720            .single .post .title {
721                font-size: 1.625em;
722            }
723
724            .ob-Outbrain, .ob-Related {
725                padding: 13px;
726            }
727
728            .share-bar {
729                background: #F9F9F9;
730                border: 1px solid #DDD;
731                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
732                   -moz-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
733                    -ms-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
734                     -o-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
735                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
736                margin: 0 -408px 0 0;
737                padding: 13px;
738                position: fixed;
739            }
740
741            @media screen and (max-height: 740px) {
742                .share-bar {
743                    position: absolute;
744                }
745                .fancybox-inner[style]{
746                    overflow: visible !important;
747                }
748            }
749            .share-bar div {
750                display: block;
751                margin: 0 auto;
752                text-align: center;
753            }
754            .share-bar div + div {
755                margin-top: 20px;
756            }
757            .share-bar .gplus {
758                width: 50px;
759            }
760            .share-bar .twt {
761                width: 66px;
762            }
763            .share-bar .twt iframe {
764                max-width: 100%;
765            }
766            .ie8 .share-bar .twt {
767                width: 70px;
768            }
769            .share-bar .pinterest {
770                width: 43px;
771            }
772            /* ----------------------------- */
773            /* ==NO POST */
774            /* ----------------------------- */
775            .no-post {
776                position: absolute;
777                right: 8px;
778                text-align: center;
779                top: 8px;
780                width: 720px;
781            }
782            .no-post p {
783                font-size: 1.4em;
784                margin-top: 20px;
785                text-transform: uppercase;
786            }
787
788            /* ----------------------------- */
789            /* ==SINGLE PAGE */
790            /* ----------------------------- */
791            .single .post {
792                float: left;
793                margin: 8px 8px 70px 251px;
794                width: 610px;
795            }
796            .single .widgets + .post {
797                margin: 8px;
798            }
799            .single .post .date {
800                display: inline-block;
801                float: left;
802                font-size: .875em;
803                padding: 13px 13px 0;
804            }
805            /* author */
806            .single .post .author {
807                color: #888;
808                float: right;
809                margin: 0;
810                padding: 13px 13px 0;
811            }
812            .single .post .author span {
813                color: #222;
814                font-weight: bold;
815            }
816            .single .post .title {
817                clear: both;
818                margin: 0;
819                padding: 0 13px 13px;
820            }
821            .single .post .body {
822                color: #888;
823                padding: 13px;
824            }
825            .single .post .tag {
826                padding: 0 13px 13px;
827            }
828            .single .post .footer {
829                padding: 13px;
830            }
831            .single .post .footer > h3, .single .post .footer > .ob-h3 {
832                color: red;
833            }
834            .single .share-bar {
835                left: 50%;
836                margin: 8px 0 0 387px;
837            }
838            .single .share-bar *,
839            .fancybox-overlay .share-bar *{
840                -webkit-box-sizing: content-box;
841                -moz-box-sizing: content-box;
842                box-sizing: content-box;
843            }
844            a.ob-repost-btn.top .ob-repost-count {
845                height: auto;
846            }
847            /* ----------------------------- */
848            /* ==WIDGETS */
849            /* ----------------------------- */
850            .widgets {
851                background-color: #F9F9F9;
852                border: 1px solid #DDD;
853                float: left;
854                margin: 8px;
855                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
856                   -moz-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
857                    -ms-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
858                     -o-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
859                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
860                width: 227px;
861            }
862            .widgets .profile,
863            .widgets .pages,
864            .widgets .tags,
865            .widgets .archives,
866            .widgets .subscribe,
867            .widgets .social,
868            .widgets .blogroll,
869            .widgets .freeModule {
870                padding: 13px;
871            }
872            .widget-title {
873                margin-bottom: 10px;
874            }
875            .widgets a {
876                -webkit-transition: all 200ms ease;
877                   -moz-transition: all 200ms ease;
878                     -o-transition: all 200ms ease;
879                        transition: all 200ms ease;
880            }
881            /* PROFILE */
882            .widgets .avatar {
883                display: block;
884            }
885            .widgets .avatar img {
886                width: 100%;
887            }
888            .widget-title {
889                color: #222;
890            }
891            .widgets .profile p {
892                color: #888;
893            }
894
895            /* List*/
896            .widgets .list,
897            .widgets .list li {
898                list-style: none;
899                padding: 0;
900            }
901            .widgets .list li:last-child {
902                margin: 0;
903            }
904            .widgets .list li a {
905                display: block;
906                font-size: 0.9em;
907                padding: 4px 0;
908            }
909            .widgets .list li a:hover {
910                background: #F6F6F6;
911                color: #222;
912            }
913
914            /* ARCHIVES */
915            .widgets .archives ul,
916            .widgets .archives li {
917                list-style: none;
918                padding: 0;
919            }
920            .arch_year .year {
921                background: #ECECEC;
922                color: #222;
923                display: block;
924                font-weight: bold;
925                margin-bottom: 5px;
926                padding: 4px 0;
927                text-align: center;
928            }
929            .widgets .arch_year .year:hover {
930                background: #E3E3E3;
931            }
932            .widgets .arch_month .month {
933                margin-bottom: 6px;
934                padding: 3px 4px 3px;
935            }
936            .widgets .arch_month .month:hover {
937                background: #F6F6F6;
938            }
939            .widgets .arch_month .month a {
940                display: block;
941                font-size: 0.9em;
942            }
943            .widgets .arch_month .month a span {
944                float: right;
945                font-size: 0.8em;
946                font-weight: bold;
947            }
948            .widgets .arch_month .month:hover a {
949                color: #222;
950            }
951
952            /* Abonnement */
953            .subscribe input
954            { background: #F5F5F5; border: 1px solid #DDD; border-bottom-color: #EEE; border-radius: 3px; color: #222; font-size: 12px; padding: 3px 5px; }
955
956            .subscribe .ob-input-email
957            { width: 100% }
958
959            .subscribe .ob-label
960            { display: none; }
961
962            .subscribe input[type="submit"]
963            { width: 40%; padding: 3px 5px; margin-top: 5px; }
964
965            /* SOCIAL */
966            .widgets .social {
967                background: #ECECEC;
968            }
969            .widgets .widget + .social {
970                border-top: 1px solid #E0E0E0;
971                -webkit-box-shadow: 0 1px 0 0 #FFF inset;
972                   -moz-box-shadow: 0 1px 0 0 #FFF inset;
973                    -ms-box-shadow: 0 1px 0 0 #FFF inset;
974                     -o-box-shadow: 0 1px 0 0 #FFF inset;
975                        box-shadow: 0 1px 0 0 #FFF inset;
976                margin-top: 10px;
977            }
978            .widgets .social ul {
979                padding-left: 0;
980            }
981            .widgets .social li {
982                float: left;
983                list-style: none;
984            }
985            .widgets .social li + li {
986                margin-left: 9px;
987            }
988            .widgets .social a {
989                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat center -500px;
990                background-color: #CCC;
991                color: #FFF;
992                display: block;
993                font-size: 0.6em;
994                font-weight: bold;
995                padding: 55px 0 5px;
996                text-align: center;
997                text-decoration: none;
998                -webkit-transition: background-color 250ms ease;
999                   -moz-transition: background-color 250ms ease;
1000                    -ms-transition: background-color 250ms ease;
1001                     -o-transition: background-color 250ms ease;
1002                        transition: background-color 250ms ease;
1003                width: 60px;
1004            }
1005            .widgets .social .tw a {
1006                background-position: center -567px;
1007            }
1008            .widgets .social .rss a {
1009                background-position: center -637px;
1010            }
1011            .widgets .social a:hover {
1012                background-color: #999;
1013            }
1014
1015            /* ----------------------------- */
1016            /* ==Sections */
1017            /* ----------------------------- */
1018            .ob-repost {
1019                border: 1px solid #E2E2E2;
1020                color: #222;
1021                font-size: 1.3em;
1022                font-weight: bold;
1023                padding: .5em .8em;
1024                text-align: center;
1025            }
1026            .ob-repost .ob-link {
1027                text-decoration: underline;
1028            }
1029            .ob-section {
1030                width: auto;
1031            }
1032            /* DESCRIPTION */
1033            .ob-desc {
1034                color: #888;
1035                font-size: 1.3em;
1036                font-style: italic;
1037                font-weight: bold;
1038                margin-top: 5px;
1039            }
1040            /* IMAGES */
1041            .ob-section-images img {
1042                max-width: 100%;
1043            }
1044            .ob-section-images .ob-row-1-col {
1045                text-align: center;
1046            }
1047            .ob-section-images .ob-row-2-col img {
1048                width: 50%;
1049            }
1050            .ob-section-images .ob-row-3-col img {
1051                width: 194px;
1052            }
1053            .ob-section-images .ob-slideshow {
1054                max-width: 100%;
1055            }
1056            /* VIDEO */
1057            .ob-section-video iframe,
1058            .ob-section-video embed,
1059            .ob-section-video object {
1060                max-width: 100%;
1061            }
1062
1063            .ob-section-video embed,
1064            .ob-section-video object {
1065                height: 337px;
1066            }
1067
1068            .ob-section-video iframe {
1069                border: 0;
1070            }
1071            /* TWEETS */
1072            .ob-section-html .twitter-tweet-rendered,
1073            .ob-section-html .twitter-tweet-rendered .twt-border {
1074                max-width: 100% !important;
1075                width: 100% !important;
1076            }
1077            /* TEXT */
1078            .ob-section ul,
1079            .ob-section ol {
1080                display: inline-block;
1081            }
1082            .ob-section-file .ob-button-link {
1083                background: #668FBA;
1084                color: #FFFFFF;
1085            }
1086
1087            /* ----------------------------- */
1088            /* ==NAVIGATION */
1089            /* ----------------------------- */
1090            .navigation {
1091                margin: 20px 0;
1092                overflow: hidden;
1093                padding: 0 20px;
1094            }
1095            .navigation a {
1096                color: #888;
1097                display: inline-block;
1098                font-size: .75em;
1099                font-weight: bold;
1100                margin-bottom: 15px;
1101                text-decoration: none;
1102            }
1103            .navigation a:hover {text-decoration: underline;}
1104            .navigation .prev {float: left;}
1105            .navigation .prev:before {
1106                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat center -477px;
1107                content: '';
1108                display: inline-block;
1109                height: 15px;
1110                width: 15px;
1111                margin-right: 5px;
1112                vertical-align: top;
1113            }
1114            .navigation .next {float: right;}
1115            .navigation .next:after {
1116                background: url(//assets.over-blog.com/t/social_board/images/sprite.png) no-repeat center -447px;
1117                content: '';
1118                display: inline-block;
1119                height: 15px;
1120                width: 15px;
1121                margin-left: 5px;
1122                vertical-align: middle;
1123            }
1124
1125            /* ----------------------------- */
1126            /* ==SPECIAL PAGE */
1127            /* ----------------------------- */
1128            .special .contact {
1129                background: #F9F9F9;
1130                border: 1px solid #CCC;
1131                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
1132                   -moz-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
1133                    -ms-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
1134                     -o-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
1135                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, 0.5);
1136                float: left;
1137                margin: 8px 8px 8px 251px;
1138                width: 720px;
1139            }
1140            .special .widgets + .contact {
1141                margin: 8px;
1142            }
1143            .special .inner {
1144                padding: 13px;
1145            }
1146            .special h1, .special h2,
1147            .special .ob-h1, .special .ob-h2 {
1148                color: #222;
1149            }
1150            .special .ob-label {
1151                font-size: .875em;
1152                margin-left: 85px;
1153                width: 15%;
1154            }
1155            .ob-captcha .ob-input-text{
1156                margin-left: 27.3%;
1157            }
1158            .special .ob-input-text,
1159            .special .ob-input-email,
1160            .special .ob-input-textarea,
1161            .special .ob-input-submit {
1162                background: #F5F5F5;
1163                border: 1px solid #DDD;
1164                border-bottom-color: #EEE;
1165                border-radius: 3px;
1166                color: #222;
1167                font-size: 12px;
1168                padding: 9px;
1169            }
1170            .special .ob-input-submit {
1171                cursor: pointer;
1172                font-weight: bold;
1173                margin-left: 27%;
1174                text-transform: capitalize;
1175            }
1176            .special .ob-succes {
1177                font-size: 1.4em;
1178                text-align: center;
1179                text-transform: uppercase;
1180            }
1181            .special .ob-terms {
1182                display: block;
1183                font-size: .6875em;
1184                font-weight: bold;
1185                margin: 60px 0 10px;
1186                text-align: center;
1187                text-decoration: none;
1188            }
1189            .special .ob-terms:hover {
1190                text-decoration: underline;
1191            }
1192
1193            /* ----------------------------- */
1194            /* ==SCROLL TO TOP */
1195            /* ----------------------------- */
1196            .scroll-to-top {
1197                bottom: 5px;
1198                position: fixed;
1199                right: 20px;
1200                background-color: #F9F9F9;
1201                border: 1px solid #DDD;
1202                -webkit-box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
1203                        box-shadow: 0 0.3125em 0.875em -0.3125em rgba(0, 0, 0, .5);
1204            }
1205
1206            .scroll-to-top a {
1207                color: #222;
1208                display: inline-block;
1209                font-size: 16px;
1210                padding: 10px 10px 10px;
1211                text-decoration: none;
1212            }
1213            .scroll-to-top a:hover {
1214                color: #668FBA;
1215            }
1216            .scroll-to-top a:active {
1217                padding-bottom: 8px;
1218            }
1219
1220            /****************
1221            *** ob-footer ***
1222            ****************/
1223            .ob-footer{
1224                padding-bottom: 10px;
1225            }
1226            .ob-footer a{
1227                font-size: 1.3em;
1228            }
1229
1230            /**********
1231            *** ADS ***
1232            **********/
1233            .ads-728x90{
1234                height: 90px;
1235                margin: 5px auto 0;
1236                width: 728px;
1237            }
1238            .ads-468x60{
1239                height: 60px;
1240                margin: 5px auto;
1241                width: 468px;
1242            }
1243            .ads-160x600{
1244                height: 600px;
1245                margin: 13px auto;
1246                width: 160px;
1247            }
1248            .fancybox-wrap .ads{
1249                display: none;
1250            }
1251
1252            /*******************
1253            *** Top articles ***
1254            *******************/
1255            .ob-top-posts h3 a, .ob-top-posts .ob-h3 a{
1256                color: #222;
1257                                    font-family: Arvo;
1258                                font-size: 26px;
1259            }
1260            .ob-top-article{
1261                margin-bottom: 20px;
1262            }
1263
1264            .ob-Outbrain_titleitem, .ob-RelatedPost-title { font-weight: normal; }
1265
1266            /* Pagination */
1267            .ob-pagination {
1268                text-align: center;
1269                margin-top: 20px;
1270            }
1271
1272                .ob-page {
1273                    display: inline-block;
1274                    padding: 0 10px;
1275                    font-family: sans-serif;
1276                    font-size: 13px;
1277                    height: 25px;
1278                    line-height: 25px;
1279                    margin: 0 2.5px;
1280                    text-decoration: none;
1281                    transition: none;
1282                    background: #ececec;
1283                    border: 1px solid #ececec;
1284                    color: #000;
1285                    margin-bottom: 5px;
1286                    font-weight: normal;
1287                }
1288
1289                .ob-page:visited {
1290                    color: #000;
1291                }
1292
1293                .ob-page-current {
1294                    background: #9fb9d3;
1295                    border-color: #9fb9d3;
1296                    color: #000;
1297                }
1298
1299                .ob-page-link:hover {
1300                    text-decoration: none;
1301                    background: #fff;
1302                    border-color: #668fba;
1303                    color: #000;
1304                }
1305  </style>
1306  
1306<script>
1307  function isConnected(connected, connected_owner, timestamp, user_id) {
1308    if (connected) {
1309      document.querySelector('html').classList.add('ob-connected')
1310    }
1311    if (connected_owner) {
1312      document.querySelector('html').classList.add('ob-connected-blog')
1313    }
1314  }
1315  </script>
1315
1316  
1316<script src="//connect.over-blog.com/ping/658785/isConnected" async></script>
1316
1317  
1317<script src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/main.8fb86118.js"></script>
1317
1318</head>
1319<body>
1320  <div class="ob-ShareBar ob-ShareBar--dark js-ob-ShareBar">
1321    <div class="ob-ShareBar-container ob-ShareBar-container--left">
1322      <a href="https://www.over-blog.com" class="ob-ShareBar-branding"><img class="ob-ShareBar-brandingImg" src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/images/shareicon-branding-ob--dark.png" alt="Overblog"></a>
1323    </div>
1324    <div class="ob-ShareBar-container ob-ShareBar-container--right">
1325      <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&amp;text={title}" title=" twitter" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a>
1326      <form action="/search" method="post" accept-charset="utf-8" class="ob-ShareBar-search">
1327        <input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher"> <button class="ob-ShareBar-submit"></button>
1328      </form><a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.over-blog.com/_follow/658785" target="_blank" rel="nofollow">Suivre ce blog</a> <a href="https://admin.over-blog.com/" class="ob-ShareBar-admin ob-ShareBar--connected"><img src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/images/lock-alt-dark.svg" class="ob-ShareBar-lock"> <span class="ob-ShareBar-text">Administration</span></a> <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar-login ob-ShareBar--notconnected"><img src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/images/lock-alt-dark.svg" class="ob-ShareBar-lock"> <span class="ob-ShareBar-text">Connexion</span></a> <a href="https://www.over-blog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected"><span class="ob-ShareBar-plus">+</span> <span class="ob-ShareBar-text">Créer mon blog</span></a> <span class="ob-ShareBar-toggle ob-ShareBar-toggle--hide js-ob-ShareBar-toggle"></span>
1329    </div>
1330  </div>
1331  <div class="ob-ShareBar ob-ShareBar--minified js-ob-ShareBar--minified">
1332    <div class="ob-ShareBar-container">
1333      <span class="ob-ShareBar-toggle ob-ShareBar-toggle--show js-ob-ShareBar-toggle"></span>
1334    </div>
1335  </div>
1336  
1336<script src="https://assets.over-blog-kiwi.com/b/blog/v2023.05.02/build/sharebar.db8ff6e0.js"></script>
1336 
1337  
1337<script>
1338
1339
1340        var postTitle = "Nouveaut\u00e9s Litt\u00e9rature  Jeunesse"
1341        socialShare(document.querySelector('.ob-ShareBar-share--facebook'), postTitle)
1342        socialShare(document.querySelector('.ob-ShareBar-share--twitter'), postTitle)
1343  </script>
1343
1344  <div id="fb-root"></div>
1345  <div class="global">
1346    <header class="header">
1347      <div class="banner">
1348        <a class="avatar" href="/" title="Nouveautés Littérature Jeunesse"><img src="https://image.over-blog.com/1Hitt5dd2mxeOBkc0579egQfN2k=/100x100/smart/filters:no_upscale()/image%2F0658785%2F20150117%2Fob_3ca139_ltamordu-arbre-copie.jpg" alt="" width="100" height="100"></a>
1349        <div class="blog-title">
1350          <a href="/" title="Blog nouveaut&eacute;s jeunesse, Litt&eacute;rature jeunesse pour tous, professionnels et particuliers. Avis et s&eacute;lections en litt&eacute;rature jeunesse et jeunes adultes, p&eacute;dagogie, EMI @orbe250 Auteur : Marion Ut&eacute;za">Nouveautés Littérature Jeunesse</a>
1351        </div>
1352        <p>Blog nouveaut&eacute;s jeunesse, Litt&eacute;rature jeunesse pour tous, professionnels et particuliers. Avis et s&eacute;lections en litt&eacute;rature jeunesse et jeunes adultes, p&eacute;dagogie, EMI @orbe250 Auteur : Marion Ut&eacute;za</p>
1353        <form class="search" action="/search" method="post">
1354          <input type="text" placeholder="Recherche" name="q"> <input type="submit" title="Recherche" value="Recherche">
1355        </form>
1356      </div>
1357      <nav class="menu">
1358        <ul>
1359          <li class="">
1360            <a href="/">Accueil</a>
1361          </li>
1362          <li>
1363            <a href="/tag/roman/">Romans</a>
1364          </li>
1365          <li>
1366            <a href="/tag/album/">Albums</a>
1367          </li>
1368          <li>
1369            <a href="/tag/documentaire/">Documentaires</a>
1370          </li>
1371          <li>
1372            <a href="/tag/manga/">Mangas</a>
1373          </li>
1374          <li>
1375            <a href="/tag/bande%20dessinee/">Bande Dessinées</a>
1376          </li>
1377          <li>
1378            <a href="/tag/pedagogie/">Pédagogie</a>
1379          </li>
1380          <li>
1381            <a href="/2015/05/liste-de-livres-par-themes.html">Listes par thème</a>
1382          </li>
1383          <li>
1384            <a href="/mail/form">Newsletter</a>
1385          </li>
1386          <li class="last">
1387            <a href="/contact">Contact</a>
1388          </li>
1389        </ul>
1390      </nav>
1391    </header>
1392    <h1>roman</h1>
1393    <section class="main index">
1394      <article class="masonry-item widgets">
1395        <div class="widget tags">
1396          <p class="widget-title">Catégories</p>
1397          <ul class="list">
1398            <li>
1399              <a href="/tag/roman/">Roman</a>
1400            </li>
1401            <li>
1402              <a href="/tag/niveau%20college/">Niveau Collège</a>
1403            </li>
1404            <li>
1405              <a href="/tag/aventure/">Aventure</a>
1406            </li>
1407            <li>
1408              <a href="/tag/famille/">Famille</a>
1409            </li>
1410            <li>
1411              <a href="/tag/niveau%20primaire/">Niveau Primaire</a>
1412            </li>
1413            <li>
1414              <a href="/tag/niveau%20lycee/">Niveau Lycée</a>
1415            </li>
1416            <li>
1417              <a href="/tag/societe/">Société</a>
1418            </li>
1419            <li>
1420              <a href="/tag/sentiments/">Sentiments</a>
1421            </li>
1422            <li>
1423              <a href="/tag/album/">Album</a>
1424            </li>
1425            <li>
1426              <a href="/tag/amitie/">Amitié</a>
1427            </li>
1428          </ul>
1429        </div>
1430        <div class="widget subscribe">
1431          <p class="widget-title">Newsletter</p>
1432          <div class="box-content clearfix">
1433            <form action="/mail/subscribe?utm_source=_ob_abo_newsletter&amp;utm_medium=_ob_sidebar" method="post" class="ob-form ob-form-subscription">
1434              <div class="ob-form-field">
1435                <label class="ob-label required" for="form_email">Email</label> <input type="email" id="form_email" name="email" placeholder="Saisissez votre email ici" required="required" class="ob-input ob-input-email">
1436              </div><input type="submit" value="S'abonner" class="ob-input ob-input-submit">
1437            </form>
1438          </div>
1439        </div>
1440        <div class="widget blogroll">
1441          <p class="widget-title">Liens</p>
1442          <ul class="list">
1443            <li>
1444              <a href="https://www.babelio.com/monprofil.php?id_user=48752" target="_blank">Retrouvez-moi sur Babelio</a>
1445            </li>
1446            <li>
1447              <a href="https://www.facebook.com/LivresAdos" target="_blank">Retrouvez-moi sur Facebook</a>
1448            </li>
1449            <li>
1450              <a href="https://twitter.com/orbe250" target="_blank">Retrouvez-moi sur Twitter</a>
1451            </li>
1452          </ul>
1453        </div>
1454        <div class="widget social">
1455          <ul class="clearfix">
1456            <li class="fb">
1457              <a href="https://facebook.com/Ut%C3%A9za%20Nouveaut%C3%A9s-jeunesse" target="_blank">FACEBOOK</a>
1458            </li>
1459            <li class="tw">
1460              <a href="https://twitter.com/orbe250" target="_blank">TWITTER</a>
1461            </li>
1462            <li class="rss">
1463              <a href="/rss" target="_blank">RSS</a>
1464            </li>
1465          </ul>
1466        </div>
1467      </article>
1468      <article class="post masonry-item">
1469        <header>
1470          <a class="cover permalink" href="/2023/03/d.r.u.g.s.neal-shusterman-jarrod-shusterman-casterman-2023.html" title="Des médicaments aux drogues dures. Isaac espère se faire remarquer par un entraîneur sportif afin de pouvoir intégrer une grande université. Une blessure l'amène à prendre des anti-douleurs dont il devient vite dépen
1470dant. Sa sœur, qui a des difficultés..."><img src="http://image.over-blog.com/UvMiWRTLK4-q7Hc00SWkJeHHctM=/filters:no_upscale()/image%2F0658785%2F20230318%2Fob_648843_d-r-u-g-s.jpg" alt=""></a> <time class="date" datetime="2023-03-18T16:24:34+01:00">18 Mars 2023</time>
1471          <h2 class="post-title title"><a class="permalink" href="/2023/03/d.r.u.g.s.neal-shusterman-jarrod-shusterman-casterman-2023.html" title="Des médicaments aux drogues dures. Isaac espère se faire remarquer par un entraîneur sportif afin de pouvoir intégrer une grande université. Une blessure l'amène à prendre des anti-douleurs dont il devient vite dépendant. Sa sœur, qui a des difficultés...">D.R.U.G.S., Neal Shusterman, Jarrod Shusterman, Casterman, 2023</a></h2>
1472        </header>
1473        <p class="snippet">Des médicaments aux drogues dures. Isaac espère se faire remarquer par un entraîneur sportif afin de pouvoir intégrer une grande université. Une blessure l'amène à prendre des anti-douleurs dont il devient vite dépendant. Sa sœur, qui a des difficultés...</p>
1474        <div class="tag">
1475          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/niveau%20lycee/">#Niveau Lycée</a>, <a href="/tag/drogue/">#Drogue</a>, <a href="/tag/famille/">#Famille</a></p>
1476        </div>
1477        <footer class="footer"></footer>
1478      </article>
1479      <article class="post masonry-item">
1480        <header>
1481          <a class="cover permalink" href="/2023/03/les-clans-du-ciel-la-quete-d-ellie-jessica-khoury-bayard-jeunesse-2023.html" title="Petite et ambitieuse. Ellie appartient au clan des moineaux. Depuis la mort de ses parents, elle vit dans un orphelinat et rêve, avec son ami Zain, de devenir une Aile d'Or, protectrice de la population. Obligée de fuir suite à un événement inattendu,..."><img src="http://image.over-blog.com/btxXl63012UUfkaN8KxB3XVXVwE=/filters:no_upscale()/image%2F0658785%2F20230312%2Fob_d8b7b3_les-clans-du-ciel.jpg" alt=""></a> <time class="date" datetime="2023-03-12T08:14:50+01:00">12 Mars 2023</time>
1482          <h2 class="post-title title"><a class="permalink" href="/2023/03/les-clans-du-ciel-la-quete-d-ellie-jessica-khoury-bayard-jeunesse-2023.html" title="Petite et ambitieuse. Ellie appartient au clan des moineaux. Depuis la mort de ses parents, elle vit dans un orphelinat et rêve, avec son ami Zain, de devenir une Aile d'Or, protectrice de la population. Obligée de fuir suite à un événement inattendu,...">Les clans du ciel : la quête d'Ellie, Jessica Khoury, Bayard jeunesse, 2023</a></h2>
1483        </header>
1484        <p class="snippet">Petite et ambitieuse. Ellie appartient au clan des moineaux. Depuis la mort de ses parents, elle vit dans un orphelinat et rêve, avec son ami Zain, de devenir une Aile d'Or, protectrice de la population. Obligée de fuir suite à un événement inattendu,...</p>
1485        <div class="tag">
1486          <p><a href="/tag/roman/">#Roman</a></p>
1487        </div>
1488        <footer class="footer"></footer>
1489      </article>
1490      <article class="post masonry-item">
1491        <header>
1492          <a class="cover permalink" href="/2023/02/la-riviere-a-l-envers-jean-claude-mourlevat-nathan-dyscool-2022.html" title="Un classique adapté pour les dyslexiques. Tomek vit dans un petit village où il tient seul l'épicerie. La rencontre avec Hannah va bouleverser son destin. La jeune fille à peine aperçue repart à la recherche d'une rivière légendaire capable de rendre..."><img src="http://image.over-blog.com/BP0Y7kfomIylAn3T513LHtuQ-PY=/filters:no_upscale()/image%2F0658785%2F20230217%2Fob_8369de_la-riviere-a-l-envers-tome-1-tomek-dys.jpg" alt=""></a> <time class="date" datetime="2023-02-17T07:23:03+01:00">17 Février 2023</time>
1493          <h2 class="post-title title"><a class="permalink" href="/2023/02/la-riviere-a-l-envers-jean-claude-mourlevat-nathan-dyscool-2022.html" title="Un classique adapté pour les dyslexiques. Tomek vit dans un petit village où il tient seul l'épicerie. La rencontre avec Hannah va bouleverser son destin. La jeune fille à peine aperçue repart à la recherche d'une rivière légendaire capable de rendre...">La rivière à l'envers, Jean-Claude Mourlevat, Nathan, Dyscool, 2022</a></h2>
1494        </header>
1495        <p class="snippet">Un classique adapté pour les dyslexiques. Tomek vit dans un petit village où il tient seul l'épicerie. La rencontre avec Hannah va bouleverser son destin. La jeune fille à peine aperçue repart à la recherche d'une rivière légendaire capable de rendre...</p>
1496        <div class="tag">
1497          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/niveau%20college/">#Niveau Collège</a>, <a href="/tag/aventure/">#Aventure</a>, <a href="/tag/fantastique%20fantasy%20sf/">#Fantastique fantasy SF</a>, <a href="/tag/quete/">#Quête</a>, <a href="/tag/epreuves/">#épreuves</a>, <a href="/tag/voyage/">#Voyage</a>, <a href="/tag/dyslexie/">#Dyslexie</a></p>
1498        </div>
1499        <footer class="footer"></footer>
1500      </article>
1501      <article class="post masonry-item">
1502        <header>
1503          <a class="cover permalink" href="/2023/02/a-l-hotel-du-pourquoi-pas-marie-aude-et-lorris-murail-l-ecole-des-loisirs-2022.html" title="Un tueur en série sévit dans les rues du Havre. Angie, 12 ans, apprentie stagiaire du Capitaine Maupet
1503it est bien décidée à le retrouver. Toute la ville en plein confinement est attirée par cette affaire de femmes étranglées. Des sites en ligne sont montés..."><img src="http://image.over-blog.com/4MQrv9CteJ2CWGNZg-1QS5pcp7I=/filters:no_upscale()/image%2F0658785%2F20230215%2Fob_723866_couvmurailalhoteldupourquoipasm.png" alt=""></a> <time class="date" datetime="2023-02-15T07:17:13+01:00">15 Février 2023</time>
1504          <h2 class="post-title title"><a class="permalink" href="/2023/02/a-l-hotel-du-pourquoi-pas-marie-aude-et-lorris-murail-l-ecole-des-loisirs-2022.html" title="Un tueur en série sévit dans les rues du Havre. Angie, 12 ans, apprentie stagiaire du Capitaine Maupetit est bien décidée à le retrouver. Toute la ville en plein confinement est attirée par cette affaire de femmes étranglées. Des sites en ligne sont montés...">A l'hôtel du Pourquoi-pas ?, Marie-Aude et Lorris Murail, l'école des loisirs, 2022</a></h2>
1505        </header>
1506        <p class="snippet">Un tueur en série sévit dans les rues du Havre. Angie, 12 ans, apprentie stagiaire du Capitaine Maupetit est bien décidée à le retrouver. Toute la ville en plein confinement est attirée par cette affaire de femmes étranglées. Des sites en ligne sont montés...</p>
1507        <div class="tag">
1508          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/policier/">#Policier</a>, <a href="/tag/enquete/">#Enquête</a>, <a href="/tag/famille/">#Famille</a>, <a href="/tag/tueur%20en%20serie/">#Tueur en série</a>, <a href="/tag/le%20havre/">#Le Havre</a></p>
1509        </div>
1510        <footer class="footer"></footer>
1511      </article>
1512      <article class="post masonry-item">
1513        <header>
1514          <a class="cover permalink" href="/2023/02/a-corps-parfait-vinciane-moeschler-le-muscadier-2022.html" title="Le développement de l'anorexie. Difficile à l'adolescence d'être en accord avec son corps qui change. Audrey vit dans une famille en apparence idéale. Mais les voyages professionnels de ses parents laissent la jeune fille bien souvent seule. Alors qu'elle..."><img src="http://image.over-blog.com/wQ9V7lG4rEv0AJLTMogX7UeaxLc=/filters:no_upscale()/image%2F0658785%2F20230209%2Fob_b5dc75_telechargement-1.jpeg" alt=""></a> <time class="date" datetime="2023-02-10T05:29:00+01:00">10 Février 2023</time>
1515          <h2 class="post-title title"><a class="permalink" href="/2023/02/a-corps-parfait-vinciane-moeschler-le-muscadier-2022.html" title="Le développement de l'anorexie. Difficile à l'adolescence d'être en accord avec son corps qui change. Audrey vit dans une famille en apparence idéale. Mais les voyages professionnels de ses parents laissent la jeune fille bien souvent seule. Alors qu'elle...">A corps parfait, Vinciane Moeschler, Le Muscadier, 2022</a></h2>
1516        </header>
1517        <p class="snippet">Le développement de l'anorexie. Difficile à l'adolescence d'être en accord avec son corps qui change. Audrey vit dans une famille en apparence idéale. Mais les voyages professionnels de ses parents laissent la jeune fille bien souvent seule. Alors qu'elle...</p>
1518        <div class="tag">
1519          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/niveau%20lycee/">#Niveau Lycée</a>, <a href="/tag/corps/">#Corps</a>, <a href="/tag/secret/">#Secret</a>, <a href="/tag/famille/">#Famille</a>, <a href="/tag/adolescence/">#Adolescence</a>, <a href="/tag/sentiments/">#Sentiments</a></p>
1520        </div>
1521        <footer class="footer"></footer>
1522      </article>
1523      <article class="post masonry-item">
1524        <header>
1525          <a class="cover permalink" href="/2023/02/l-extravagante-histoire-de-marty-ou-comment-realiser-ses-reves-grace-a-un-potiron-caryl-lewis-patrick-corrigan-milan-2022.html" title="Voyager en potiron. Marty vit avec sa mère malade qui accumule tout ce qu'elle trouve sans pouvoir s'en empêcher. L'amoncèlement de déchets jusque dans le jardin désigne le jeune garçon comme différent. Il est dès lors rejeté au Collège. Heureusement,..."><img src="http://image.over-blog.com/B-X5o6lTEwykUKcMOG4FnvpHM3A=/filters:no_upscale()/image%2F0658785%2F20230204%2Fob_9abc0e_l-extravagante-histoire-de-marty-ou-co.jpg" alt=""></a> <time class="date" datetime="2023-02-06T00:02:00+01:00">6 Février 2023</time>
1526          <h2 class="post-title title"><a class="permalink" href="/2023/02/l-extravagante-histoire-de-marty-ou-comment-realiser-ses-reves-grace-a-u
1526n-potiron-caryl-lewis-patrick-corrigan-milan-2022.html" title="Voyager en potiron. Marty vit avec sa mère malade qui accumule tout ce qu'elle trouve sans pouvoir s'en empêcher. L'amoncèlement de déchets jusque dans le jardin désigne le jeune garçon comme différent. Il est dès lors rejeté au Collège. Heureusement,...">L'extravagante histoire de Marty ou comment réaliser ses rêves grâce à un potiron, Caryl Lewis, Patrick Corrigan, Milan, 2022</a></h2>
1527        </header>
1528        <p class="snippet">Voyager en potiron. Marty vit avec sa mère malade qui accumule tout ce qu'elle trouve sans pouvoir s'en empêcher. L'amoncèlement de déchets jusque dans le jardin désigne le jeune garçon comme différent. Il est dès lors rejeté au Collège. Heureusement,...</p>
1529        <div class="tag">
1530          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/fantastique%20fantasy%20sf/">#Fantastique fantasy SF</a>, <a href="/tag/aventure/">#Aventure</a>, <a href="/tag/imagination/">#Imagination</a>, <a href="/tag/famille/">#Famille</a></p>
1531        </div>
1532        <footer class="footer"></footer>
1533      </article>
1534      <article class="post masonry-item">
1535        <header>
1536          <a class="cover permalink" href="/2023/01/twin-crowns-catherine-doyle-katherine-weber-bayard-2022.html" title="Deux sœurs jumelles vont voir leurs vies échangées. Rose est destinée à régner. Elle va avoir 18 ans et doit succéder à ses parents décédés depuis longtemps du Royaume protégé par son protecteur, l'Inspirateur Royal. Elle est alors enlevée et remplacée..."><img src="http://image.over-blog.com/nGNOMqv4_tDnMsueg6lEz9EB704=/filters:no_upscale()/image%2F0658785%2F20230119%2Fob_0360c7_twin-crowns.jpg" alt=""></a> <time class="date" datetime="2023-02-01T01:23:00+01:00">1 Février 2023</time>
1537          <h2 class="post-title title"><a class="permalink" href="/2023/01/twin-crowns-catherine-doyle-katherine-weber-bayard-2022.html" title="Deux sœurs jumelles vont voir leurs vies échangées. Rose est destinée à régner. Elle va avoir 18 ans et doit succéder à ses parents décédés depuis longtemps du Royaume protégé par son protecteur, l'Inspirateur Royal. Elle est alors enlevée et remplacée...">Twin Crowns, Catherine Doyle, Katherine Weber, Bayard, 2022</a></h2>
1538        </header>
1539        <p class="snippet">Deux sœurs jumelles vont voir leurs vies échangées. Rose est destinée à régner. Elle va avoir 18 ans et doit succéder à ses parents décédés depuis longtemps du Royaume protégé par son protecteur, l'Inspirateur Royal. Elle est alors enlevée et remplacée...</p>
1540        <div class="tag">
1541          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/fantastique%20fantasy%20sf/">#Fantastique fantasy SF</a>, <a href="/tag/pouvoir/">#Pouvoir</a>, <a href="/tag/magie/">#Magie</a>, <a href="/tag/relation%20entre%20soeurs/">#Relation entre soeurs</a>, <a href="/tag/secret/">#Secret</a>, <a href="/tag/manipulation/">#Manipulation</a>, <a href="/tag/sentiments/">#Sentiments</a></p>
1542        </div>
1543        <footer class="footer"></footer>
1544      </article>
1545      <article class="post masonry-item">
1546        <header>
1547          <a class="cover permalink" href="/2023/01/le-meilleur-des-peres-benjamin-desmares-rouergue-2023.html" title="Une famille idéale, vraiment ? Constance vit depuis des années sous la peur des épisodes de violence que son père fait subir à sa mère et à elle. Il reste cependant difficile d'échapper à son emprise tant il parait un père parfait aux yeux de l'extérieur...."><img src="http://image.over-blog.com/3YwFr7FQwzYoaZjWovfjGi8j12A=/filters:no_upscale()/image%2F0658785%2F20230129%2Fob_29a783_le-meilleur-des-peres.jpg" alt=""></a> <time class="date" datetime="2023-01-30T00:47:00+01:00">30 Janvier 2023</time>
1548          <h2 class="post-title title"><a class="permalink" href="/2023/01/le-meilleur-des-peres-benjamin-desmares-rouergue-2023.html" title="Une famille idéale, vraiment ? Constance vit depuis des années sous la peur des épisodes de violence que son père fait subir à sa mère et à elle. Il reste cependant difficile d'échapper à son emprise tant il parait un père parfait aux yeux de l'extérieur....">Le meilleur des pères, Benjamin Desmares, Rouergue, 2023</a></h2>
1549        </header>
1550        <p class="snippet">Une famille idéale, vraiment ? Constance vit depuis des années sous la peur des épisodes de violence que son père fait subir à sa mère et à elle. Il reste cependant difficile d'échapper à son emprise tant il parait un père parfait aux yeux de l'extérieur....</p>
1551        <div class="tag">
1552          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/famille/">#Famille</a>, <a href="/tag/secret/">#Secret</a>, <a href="/tag/alcool/">#Alcool</a>, <a href="/tag/violence/">#Violence</a></p>
1553        </div>
1554        <footer class="footer"></footer>
1555      </article>
1556      <article class="post masonry-item">
1557        <header>
1558          <a class="cover permalink" href="/2023/01/puce-mission-evasion-johan-heliot-poulpe-fictions-2023.html" title="Puce, un chien pas comme les autres. Suite à un orage, Bastien, un jeune garçon, découvre un étrange chien. Il est vite adopté par toute la famille. Mais l'animal révèle vite des compétences incroyables. Il arrive même à communiquer avec un clavier d'ordinateur..."><img src="http://image.over-blog.com/m6vnEg3QHD8d3D7tO3uhD60gqYw=/filters:no_upscale()/image%2F0658785%2F20230123%2Fob_3f1c10_puce-miion-evasion.jpg" alt=""></a> <time class="date" datetime="2023-01-25T19:48:00+01:00">25 Janvier 2023</time>
1559          <h2 class="post-title title"><a class="permalink" href="/2023/01/puce-mission-evasion-johan-heliot-poulpe-fictions-2023.html" title="Puce, un chien pas comme les autres. Suite à un orage, Bastien, un jeune garçon, découvre un étrange chien. Il est vite adopté par toute la famille. Mais l'animal révèle vite des compétences incroyables. Il arrive même à communiquer avec un clavier d'ordinateur...">Puce : mission évasion, Johan Heliot, Poulpe Fictions, 2023</a></h2>
1560        </header>
1561        <p class="snippet">Puce, un chien pas comme les autres. Suite à un orage, Bastien, un jeune garçon, découvre un étrange chien. Il est vite adopté par toute la famille. Mais l'animal révèle vite des compétences incroyables. Il arrive même à communiquer avec un clavier d'ordinateur...</p>
1562        <div class="tag">
1563          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/aventure/">#Aventure</a>, <a href="/tag/fantastique%20fantasy%20sf/">#Fantastique fantasy SF</a>, <a href="/tag/relation%20homme%20animal/">#Relation Homme Animal</a>, <a href="/tag/enquete/">#Enquête</a>, <a href="/tag/action/">#Action</a></p>
1564        </div>
1565        <footer class="footer"></footer>
1566      </article>
1567      <article class="post masonry-item">
1568        <header>
1569          <a class="cover permalink" href="/2023/01/le-dernier-des-siens-sibylle-grimbert-editions-anne-carriere-2022.html" title="Le dernier grand pingouin. Quand Gus sauve par hasard un grand pingouin lors d'une expédition scientifique, il est loin de se douter qu'il sera le dernier des siens. Il va tout d'abord l'observer et l'étudier avant de lier sa vie à la sienne. Il devient..."><img src="http://image.over-blog.com/rj5POocMeEBQV8EXXg2B0FDF8Es=/filters:no_upscale()/image%2F0658785%2F20230122%2Fob_375f6a_telechargement-2.jpeg" alt=""></a>
1569 <time class="date" datetime="2023-01-24T00:01:00+01:00">24 Janvier 2023</time>
1570          <h2 class="post-title title"><a class="permalink" href="/2023/01/le-dernier-des-siens-sibylle-grimbert-editions-anne-carriere-2022.html" title="Le dernier grand pingouin. Quand Gus sauve par hasard un grand pingouin lors d'une expédition scientifique, il est loin de se douter qu'il sera le dernier des siens. Il va tout d'abord l'observer et l'étudier avant de lier sa vie à la sienne. Il devient...">Le dernier des siens, Sibylle Grimbert, Editions Anne Carrière, 2022</a></h2>
1571        </header>
1572        <p class="snippet">Le dernier grand pingouin. Quand Gus sauve par hasard un grand pingouin lors d'une expédition scientifique, il est loin de se douter qu'il sera le dernier des siens. Il va tout d'abord l'observer et l'étudier avant de lier sa vie à la sienne. Il devient...</p>
1573        <div class="tag">
1574          <p><a href="/tag/roman/">#Roman</a>, <a href="/tag/relation%20homme%20animal/">#Relation Homme Animal</a>, <a href="/tag/histoire/">#Histoire</a>, <a href="/tag/science/">#Science</a>, <a href="/tag/extinction/">#Extinction</a>, <a href="/tag/responsabilite/">#Responsabilité</a>, <a href="/tag/amitie/">#Amitié</a></p>
1575        </div>
1576        <footer class="footer"></footer>
1577      </article>
1578    </section>
1579    <div class="ob-pagination">
1580      <span class="ob-page ob-page-current">1</span> <a href="/tag/roman/2" class="ob-page ob-page-link">2</a> <a href="/tag/roman/3" class="ob-page ob-page-link">3</a> <a href="/tag/roman/4" class="ob-page ob-page-link">4</a> <a href="/tag/roman/5" class="ob-page ob-page-link">5</a> <a href="/tag/roman/6" class="ob-page ob-page-link">6</a> <a href="/tag/roman/7" class="ob-page ob-page-link">7</a> <a href="/tag/roman/8" class="ob-page ob-page-link">8</a> <a href="/tag/roman/9" class="ob-page ob-page-link">9</a> <a href="/tag/roman/10" class="ob-page ob-page-link ob-page-tens">10</a> <a href="/tag/roman/20" class="ob-page ob-page-link ob-page-more ob-page-tens">20</a> <a href="/tag/roman/30" class="ob-page ob-page-link ob-page-more ob-page-tens">30</a> <a href="/tag/roman/40" class="ob-page ob-page-link ob-page-more ob-page-tens">40</a> <a href="/tag/roman/50" class="ob-page ob-page-link ob-page-more ob-page-tens">50</a> <a href="/tag/roman/60" class="ob-page ob-page-link ob-page-more ob-page-tens">60</a> <a href="/tag/roman/70" class="ob-page ob-page-link ob-page-more ob-page-tens">70</a> <a href="/tag/roman/80" class="ob-page ob-page-link ob-page-more ob-page-tens">80</a> <a href="/tag/roman/90" class="ob-page ob-page-link ob-page-more ob-page-tens">90</a> <a href="/tag/roman/100" class="ob-page ob-page-link ob-page-more ob-page-hundreds">100</a> <a href="/tag/roman/2" class="ob-page ob-page-link ob-page-next">&gt;</a> <a href="/tag/roman/125" class="ob-page ob-page-link ob-page-last">&gt;&gt;</a>
1581    </div>
1582  </div>
1583  
1583<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
1583 
1584  
1584<script src="https://assets.over-blog.com/t/catalog/jquery/masonry/2.1.08/jquery.masonry.min.js"></script>
1584 
1585  
1585<script src="https://assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script>
1585 
1586  
1586<script type="text/javascript" src="https://assets.pinterest.com/js/pinit.js"></script>
1586 
1587  
1587<script>
1588
1589
1590                            // Twitter controls
1591                var TwitterControls = function(elements) {
1592                    $(elements).find(".ob-tweet").each(function() {
1593                        var datatwitter = $(this).find("a[data-twitter]").attr("data-twitter");
1594
1595                        $(this).parent().parent().find(".tweet-reply").attr("href", "https://twitter.com/intent/tweet?in_reply_to=" + datatwitter);
1596                        $(this).parent().parent().find(".tweet-retweet").attr("href", "https://twitter.com/intent/retweet?tweet_id=" + datatwitter);
1597                        $(this).parent().parent().find(".tweet-favorite").attr("href", "https://twitter.com/intent/favorite?tweet_id=" + datatwitter);
1598                    });
1599                },
1600
1601                // Disable tweets render
1602                TwitterDisabled = function(elements, twitter) {
1603                    $(elements).find(".twitter-tweet").removeClass("twitter-tweet");
1604                    if(twitter){
1605                        //Twitter render
1606                        !function(d,s,id){
1607                            var js, fjs = d.getElementsByTagName(s)[0];
1608                            if(!d.getElementById(id)){
1609                                js = d.createElement(s);
1610                                js.id = id;
1611                                js.src = "https://platform.twitter.com/widgets.js";
1612                                fjs.parentNode.insertBefore(js,fjs);
1613                            }
1614                        }(document,"script","twitter-wjs");
1615                    }
1616                },
1617
1618                // Social popup
1619                SocialPopup = function(elements) {
1620                    $(elements).find(".tweet-reply, .tweet-retweet, .tweet-favorite, .share a").click(function() {
1621                        var url = ($(this).prop("href")!="https://www.nouveautes-jeunesse.com/#")?$(this).prop("href"):$(this).attr("onclick");
1622                        var popup = window.open(url,'',"width=650, height=400, scrollbars=0, left=" +((screen.width - 650)/2) + ", top=" + ((screen.height - 400)/2) );
1623                        if (window.focus){
1624                            popup.focus();
1625                        }
1626                        return false;
1627                    });
1628                },
1629
1630                //Force scrollbar when content don't have one
1631                ForceScrollBar = function() {
1632                    if($(window).scrollTop() + $(window).height() == $(document).height()){
1633                        $('html').height($(document).height()+10);
1634                    }
1635                };
1636
1637            
1638                            // Facebook comments & like button
1639                (function(d, s, id) {
1640                    var js, fjs = d.getElementsByTagName(s)[0];
1641                    if (d.getElementById(id)) return;
1642                        js = d.createElement(s);
1643                        js.id = id;
1644                        js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1&appId=284865384904712";
1645                        fjs.parentNode.insertBefore(js, fjs);
1646                }(document, 'script', 'facebook-jssdk'));
1647            
1648            
1649            $(document).ready(function(){
1650                                    var container = $(".main");
1651
1652                    // Masonry
1653                    container.imagesLoaded(function(){
1654                        container.masonry({
1655                            itemSelector : ".masonry-item",
1656                            columnWidth  : 245,
1657                            isAnimated   : false
1658                        });
1659                    });
1660
1661                    TwitterControls($(".masonry-item"));
1662
1663                    TwitterDisabled($(".masonry-item"));
1664
1665                    SocialPopup($(".masonry-item"));
1666
1667                    ForceScrollBar();
1668                
1669                // Placeholder Script
1670                if($.browser.msie && $.browser.version <= 9.0 ){
1671                    $('input[placeholder]').each(function(){
1672                        var input = $(this);
1673                        $(input).val(input.attr('placeholder'));
1674                        $(input).focus(function(){
1675                             if (input.val() == input.attr('placeholder')) {
1676                                 input.val('');
1677                             }
1678                        });
1679                        $(input).blur(function(){
1680                            if (input.val() == '' || input.val() == input.attr('placeholder')) {
1681                                input.val(input.attr('placeholder'));
1682                            }
1683                        });
1684                    });
1685                }
1686
1687                // Scroll top button
1688                $(window).scroll(function() {
1689                    if($(window).scrollTop() <= 0) {
1690                        $('.scroll-to-top').slideUp("250");
1691                    }
1692                    else {
1693                        if($('.scroll-to-top').length == 0) {
1694                            $('body').append(
1695                                '<div class="scroll-to-top">'+
1696                                    "<a href='#'>Haut de page</a>"+
1697                                '</div>');
1698                        }
1699                        $('.scroll-to-top').slideDown("250");
1700                    }
1701                });
1702
1703                $('.scroll-to-top a').live('click', function(event){
1704                    event.preventDefault();
1705                    $('html,body').animate({scrollTop: 0}, 'slow');
1706                });
1707
1708                
1709                            });
1710  </script>
1710
1711  <div class="ob-footer" id="legals">
1712    <ul>
1713      <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/623263.html" target="_blank">M.Ut&eacute;za</a> sur le portail Overblog
1714      </li>
1715      <li class="ob-footer-item">
1716        <a href="/top">Top articles</a>
1717      </li>
1718      <li class="ob-footer-item">
1719        <a href="/contact">Contact</a>
1720      </li>
1721      <li class="ob-footer-item">
1722        <a href="https://www.over-blog.com/abuse/658785">Signaler un abus</a>
1723      </li>
1724      <li class="ob-footer-item">
1725        <a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a>
1726      </li>
1727      <li class="ob-footer-item">
1728        <a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a>
1729      </li>
1730      <li class="ob-footer-item">
1731        <a href="javascript:Didomi.notice.show()">Préférences cookies</a>
1732      </li>
1733    </ul>
1734  </div>
1735<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a2a39fdf50ec4dc79353d25485bb8511","r":1,"spa":2}' crossorigin="anonymous"></script>
1735
1736</body>
1737</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.