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&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"> 157 <meta property="og:description" content="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"> 158 <meta name="twitter:description" content="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..."> 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}&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és jeunesse, Littérature jeunesse pour tous, professionnels et particuliers. Avis et sélections en littérature jeunesse et jeunes adultes, pédagogie, EMI @orbe250 Auteur : Marion Utéza">Nouveautés Littérature Jeunesse</a> 1351 </div> 1352 <p>Blog nouveautés jeunesse, Littérature jeunesse pour tous, professionnels et particuliers. Avis et sélections en littérature jeunesse et jeunes adultes, pédagogie, EMI @orbe250 Auteur : Marion Uté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&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">></a> <a href="/tag/roman/125" class="ob-page ob-page-link ob-page-last">>></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é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.