1 2 3 4<!DOCTYPE html> 5<html lang="fr"> 6 <head> 7 8 9 10 11 12
12<script src="https://assets.canalblog.com/c/blog/v2026.07.04/runtime.d13fac07.js"></script>
12<script src="https://assets.canalblog.com/c/blog/v2026.07.04/ads.930ed0c8.js"></script>
12 13
13<script> 14 dataLayer = [{ 15 'source' : 'OVERBLOG', 16 'theme' : '1', 17 'adUnitID' : '/6783/BLOGS_FR_WEB/fr', 18 'group' : 'Blog-Musique', 19 'category' : 'Music & Entertainment', 20 'rating' : 'BS', 21 'unused' : 'No', 22 'adult' : 'No', 23 'pda' : 'No', 24 'hasAds' : 'No', 25 'lang' : 'fr', 26 'adblock' : '__ads_loaded__' in window ? 'No' : 'Yes', 27 'blog_id' : '412041', 28 'blog_name': "startinblog", 29 'premium' : 'Yes', 30 'slots' : {}, 31 }]; 32 </script>
32 33 <!-- DIDOMI CPM TAG STARTS -->
34<script type="text/javascript">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)} 35 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} 36 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)}} 37 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){ 38 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")})();</script>
38 39<!-- DIDOMI CPM TAG ENDS --> 40 41
41<script type="text/javascript"> 42 window.didomiConfig = { 43 "app": { 44 "name": "CanalBlog", 45 "logoUrl": "https://static.canalblog.com/sharedDocs/images/frontend/logo_cb_hp.png", 46 "privacyPolicyURL": "https://www.canalblog.com/cf/privacy.cfm" 47 }, 48 theme: { 49 color: "#043D76", 50 linkColor: "#000000" 51 } 52 } 53 </script>
53 54
55<script> 56 // Paywall Bounce Rate pixel 57 function sendCustomPixel(method, consent, tcfStatus) { 58 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 59 var img = document.createElement('img'); 60 img.style = "display: none;" 61 img.src = pixelUrl; 62 document.body.appendChild(img); 63 } 64 65 function triggerOnReadyOrTimeout(action, tcfStatus) { 66 67 var done = false; 68 69 function doItIfNotDone(method, consent, tcfStatus) { 70 if (!done) { 71 action(method, consent, tcfStatus); 72 done = true; 73 } 74 } 75 76 window.didomiOnReady = window.didomiOnReady || []; 77 window.didomiOnReady.push(function (Didomi) { 78 var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true; 79 var consentToString = consent == undefined ? "undefined" : consent; 80 doItIfNotDone("didomiOnReady", consentToString, tcfStatus); 81 }); 82 83 setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000); 84 } 85 86 var tcfok = false; 87 88 var tryTcfApiTimer = 0; 89 90 var tryToReachTcfApi = setInterval(function() { 91 if (typeof __tcfapi !== "undefined") { 92 clearInterval(tryToReachTcfApi); 93 launchTcfApi() 94 } else if (tryTcfApiTimer > 3000) { 95 clearInterval(tryToReachTcfApi); 96 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 97 } 98 tryTcfApiTimer += 200; 99 }, 200) 100 101 function launchTcfApi() { 102 __tcfapi('addEventListener', 2, function(tcData, success) { 103 if (success) { 104 try{ 105 switch (tcData.eventStatus) { 106 case "useractioncomplete": 107 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 108 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 109 break; 110 case "cmpuishown": 111 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 112 break; 113 case "tcloaded": 114 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 115 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 116 break; 117 default: 118 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 119 } 120 } catch (error) { 121 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 122 } 123 tcfok = true; 124 } 125 }); 126 127 setTimeout(function() { 128 if (!tcfok) { 129 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 130 } 131 }, 2000); 132 } 133</script>
133 <style> 134 [class^=app_gdpr] a { 135 color: white !important; 136 } 137 [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) { 138 text-decoration: underline; 139 } 140 [class^=app_gdpr] a svg { 141 fill: white !important; 142 } 143 [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{ 144 z-index: 2147483647 !important; 145 } 146</style> 147
147<script> 148 if (window.parent !== window) { 149 if (typeof btoa !== "function") { 150 window.btoa = function (input) { 151 var str = String(input); 152 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)) { 153 charCode = str.charCodeAt(idx += 3/4) 154 block = block << 8 | charCode 155 } 156 return output 157 } 158 } 159 var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i 160 var res = re.exec(document.referrer) 161 var domain = res[1] 162 var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",] 163 if (forbidden.indexOf(btoa(domain)) > -1) { 164 document.location = document.location.origin + "/system/noframed" 165 } 166 } 167 </script>
167 168 <link rel="stylesheet" href="https://assets.canalblog.com/c/blog/v2026.07.04/canalblog-main.c258ca8d.css"> 169 <!-- Basic theme id 1 [canalblog] - last modified : 2025-06-27T14:59:18+02:00 --> 170 171 172 173 174 175 <!-- Title --> 176 <title>startinblog</title> 177 <!-- Metas --> 178 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 179 <meta charset="UTF-8"> 180 <meta name="viewport" content="width=device-width"> 181 <meta name="author" content="chti31" /> 182 183 <link rel="canonical" href="https://www.startinblog.com" /> 184 185 <meta property="og:site_name" content="startinblog" /> 186 <meta property="og:title" content="startinblog" /> 187 <meta name="twitter:title" content="startinblog" /> 188 <meta name="description" content="Des billets d'humeur, des critiques musicales. Il a tout pour la musique." /> 189 <meta property="og:description" content="Des billets d'humeur, des critiques musicales. Il a tout pour la musique." /> 190 <meta name="twitter:description" content="Des billets d'humeur, des critiques musicales. Il a tout pour la musique." /> 191 <meta property="og:locale" content="fr_FR" /> 192 <meta name="keywords" content="" /> 193 194 <meta property="og:image" content="https://profilepics.canalblog.com/profilepics/1/4/140758.jpg" /> 195 <meta name="twitter:image:src" content="https://profilepics.canalblog.com/profilepics/1/4/140758.jpg" /> 196 <meta property="og:type" content="blog" /> 197 <meta name="twitter:card" content="summary" /> 198 <meta name="twitter:site" content="@overblog" /> 199 <meta property="fb:app_id" content="116867175007475" /> 200 201 202 203 204 <!-- Robots --> 205 <meta name="robots" content="noindex,nofollow" /> 206 207 <!-- RSS --> 208 <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss" /> 209 210 211<!-- Analytics --> 212 <!-- Metas --> 213 <link rel="icon" type="image/png" href="https://profilepics.canalblog.com/profilepics/1/4/140758.jpg" /> 214 <!-- DEFINITIONS --> 215 <!-- LAYOUT --> 216 217<!-- GENERAL --> 218 <!-- PAGE --> 219 220 <!-- CONTENT ZONE --> 221 222 <!-- LEFT ZONE --> 223 224 <!-- RIGHT ZONE --> 225 226 <!-- LINKS --> 227 228<!-- PAGINATION --> 229 230 231<!-- POST --> 232 <!-- DATE --> 233 234 <!-- POST TITLE --> 235 236 <!-- POST SECONDARY TITLE --> 237 238 <!-- POST BODY --> 239 240 <!-- POST FOOTER --> 241 242 <!-- COLUMN --> 243 <!-- COLUMN TITLE --> 244 245 <!-- COLUMN LIST --> 246 247 <!-- COLUMN IMAGE --> 248 249<!-- COLUMN COLOR --> 250 251<!-- BLOG TITLE --> 252 253<!-- MENU --> 254 255<!-- MENU SEPARATION --> 256 257<!-- MENU HOVER --> 258 259<!-- MENU CHILD WIDTH --> 260 261<!-- ALBUM --> 262 <!-- ALBUM TITLE --> 263 264<!-- ALBUM BODY --> 265 266 <!-- ALBUM IMAGES --> 267 268<!-- WIDGET --> 269<!-- ALBUMS WIDGET --> 270 271<!-- ABOUT WIDGET --> 272 273<!-- ARCHIVES WIDGET --> 274 275<!-- OWNER AVATAR --> 276 277<!-- MAIN TAGS WIDGET --> 278 279<!-- CONTACT OWNER WIDGET --> 280 281<!-- LAST COMMENTS WIDGET --> 282 283<!-- LAST POSTS WIDGET --> 284 285<!-- FACEBOOK WIDGET --> 286 287<!-- RSS WIDGET --> 288 289<!-- INSTAGRAM WIDGET --> 290 291<!-- FREE MODULE 1 --> 292 293<!-- FREE MODULE 2 --> 294 295<!-- FREE MODULE 3 --> 296 297<!-- FREE MODULE 4 --> 298 299<!-- FREE MODULE 5 --> 300 301<!-- NAVIGATION --> 302 303<!-- CLOUD TAGS WIDGET --> 304 305<!-- PAGES WIDGET --> 306 307<!-- PINTEREST WIDGET --> 308 309<!-- SEARCH WIDGET --> 310 311<!-- SUBSCRIBE WIDGET --> 312 313<!-- STATS --> 314 315<!-- FOLLOW WIDGET --> 316 317<!-- TAGS WIDGET --> 318 319<!-- TWITTER WIDGET --> 320 321 322 <!-- TEMPLATE --> 323 <!-- GENERAL --> 324 <!-- PAGE --> 325 326 327 <!-- CONTENT ZONE --> 328 329 <!-- LEFT ZONE --> 330 331 <!-- RIGHT ZONE --> 332 333 <!-- LINKS --> 334 335 <!-- PAGINATION --> 336 337<!-- POST --> 338 <!-- DATE --> 339 340 <!-- POST TITLE --> 341 342 <!-- POST SECONDARY TITLE --> 343 344 <!-- POST BODY --> 345 346 <!-- POST FOOTER --> 347 348<!-- COLUMN --> 349 <!-- COLUMN TITLE --> 350 351 <!-- COLUMN LIST --> 352 353 <!-- COLUMN IMAGE --> 354 355<!-- COLUMN COLOR --> 356 357<!-- BLOG_TITLE --> 358 359<!-- MENU --> 360 361<!-- MENU SEPARATION --> 362 363<!-- MENU HOVER --> 364 365<!-- MENU CHILD WIDTH --> 366 367<!-- ALBUM --> 368 <!-- ALBUM TITLE --> 369 370 <!-- ALBUM BODY --> 371 372 <!-- ALBUM IMAGES --> 373 374<!-- LAYOUT --> 375 376 377 378<!-- ADS --> 379 380 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 381 382 <link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /> 383 384 <style> 385 *, ::after, ::before { 386 box-sizing: border-box; } 387 388html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 389 margin: 0; 390 padding: 0; 391 border: 0; 392 font-size: 100%; 393 vertical-align: baseline; } 394/* HTML5 display-role reset for older browsers */ 395article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 396 display: block; } 397 398body { 399 line-height: 1; } 400 401ol, ul { 402 list-style: none; } 403 404blockquote, q { 405 quotes: none; } 406 407blockquote:before, blockquote:after, q:before, q:after {
408 content: none; } 409 410table { 411 border-collapse: collapse; 412 border-spacing: 0; } 413 414a, a:visited, a:hover { 415 text-decoration: none; 416 color: inherit; } 417 418html { 419 background-color: #334C66; 420 background-image: url(""); 421 background-position: top left; 422 background-attachment: fixed; 423 background-repeat: repeat-x; } 424 425body.withsharebar .menu-main { 426 top: 40px; } 427 428body .flex { 429 display: flex; } 430 body .header { 431 font-family: Verdana,sans-serif; 432 color: #99B2CC; 433 font-size: 32px; 434 font-weight: 700 435 ; 436 font-style: normal; 437 text-align: left; 438 background-color: #334C66; 439 border-width: 1px; 440 border-color: #99B2CC; 441 border-top-style: none; 442 border-right-style: none; 443 border-bottom-style: solid; 444 border-left-style: none; 445 margin-top: 0px; 446 border-radius: 10px 10px 0 0; } 447 body .header h1, body .header .ob-h1 { 448 display: flex; 449 justify-content: center; } 450 body .header h1 span, body .header .ob-h1 span { 451 width: 100%; } 452 body .header_link { 453 display: block; 454 width: 100%; 455 overflow: hidden; } 456 body .header_title { 457 padding: 20px; 458 display: block; } 459 body .header img { 460 display: block; } 461 body .listing-content { 462 display: flex; 463 flex-direction: column; 464 gap: 50px; } 465 body .listing-content .article:hover .article_footer { 466 opacity: 1; 467 transition: opacity 0.3s ease-in-out; } 468 body .listing-content .article_link { 469 color: inherit; 470 text-decoration: none; } 471 body .listing-content .article_link:visited { 472 color: inherit; 473 text-decoration: none; } 474 body .listing-content .article_link:active { 475 color: inherit; 476 text-decoration: none; } 477 body .listing-content .article_link:hover { 478 color: inherit; 479 text-decoration: none; } 480 body .listing-content .article_content { 481 display: flex; 482 margin-bottom: 10px; 483 gap: 10px; } 484 body .listing-content .article_snippet { 485 word-break: break-all; 486 flex: 1; } 487 body .listing-content .article_footer { 488 opacity: 0.4; 489 transition: opacity 0.3s ease-in-out; } 490 body .listing-content .article_cover-wrapper { 491 order: 0; } 492 body .listing-content .article_title { 493 margin-bottom: 10px; } 494 body .article_footer { 495 border-width: 2px; 496 border-color: #; 497 border-top-style: none; 498 border-right-style: none; 499 border-bottom-style: none; 500 border-left-style: none; 501 font-family: Verdana,sans-serif; 502 color: #404040; 503 font-size: 10px; 504 font-weight: 400 505 ; 506 font-style: normal; 507 text-transform: none; 508 text-align: left; } 509 body .article_footer .ob-Shares-title { 510 display: none; } 511 body .article_footer .ob-Shares--right { 512 line-height: initial; } 513 body .article_footer .rating-wrapper { 514 margin-top: 10px; } 515 body .ob-widgets { 516 display: flex; 517 flex-direction: column; 518 gap: 20px; } 519 body .ob-widgets img { 520 max-width: 100%; } 521 body .ob-widget { 522 color: #404040; 523 font-family: Verdana,sans-serif; } 524 body .ob-widget_title { 525 border-width: 1px; 526 border-color: #; 527 border-top-style: none; 528 border-right-style: none; 529 border-bottom-style: none; 530 border-left-style: none; 531 font-family: Verdana,sans-serif; 532 color: #334C66; 533 font-size: 13px; 534 font-weight: 700 535 ; 536 font-style: normal; 537 text-transform: uppercase; 538 text-align: left; } 539 body .ob-widget li { 540 font-family: Verdana,sans-serif; 541 color: #404040; 542 font-size: 10px; 543 font-weight: 400 544 ; 545 font-style: normal; 546 text-align: left; 547 line-height: 150%; } 548 body .ob-widget img { 549 border-width: 1px; 550 border-color: #000000; 551 border-top-style: solid; 552 border-right-style: solid; 553 border-bottom-style: solid; 554 border-left-style: solid; 555 border-radius: 0px; } 556 body .ob-widget_stats_title svg { 557 fill: #334C66; } 558 body .ob-widget_cloud-tags_list { 559 row-gap: 0px; } 560 body .ob-widget_cloud-tags li { 561 display: flex; 562 align-items: center; 563 line-height: 1; } 564 body .ob-widget_search input[type=submit], body .ob-widget_subscribe input[type=submit] { 565 background-color: #404040; } 566 body .ob-widget_rss_link { 567 background-color: #404040; } 568 body .ob-widget_follow_element { 569 border: 1px solid #404040; } 570 body .ob-widget_follow_element i { 571 color: #404040; } 572 body .ob-widget_follow_element:hover { 573 background-color: #404040; } 574 body .ob-widget_about_avatar, body .ob-widget_ownerAvatar, body .ob-widget_albums li { 575 text-align: left; } 576 body .ob-widget_freeModule_content p { 577 margin: 1em 0; } 578 body .ob-widget_freeModule_content img { 579 display: block; 580 width: 100%; } 581 body .ob-widget_archives_trigger { 582 border-color: #404040; } 583 body .ob-widget_last-comments ul { 584 display: flex; 585 flex-direction: column; 586 gap: 10px; } 587 body .ob-widget_last-comments ul li { 588 display: flex; 589 flex-wrap: wrap; 590 column-gap: 10px; } 591 body .ob-widget_last-comments ul li a { 592 overflow: hidden; 593 -webkit-box-orient: vertical; 594 -webkit-line-clamp: 2; 595 display: -webkit-box; } 596 body .ob-widget_about_description { 597 text-align: left; } 598 body .ob-widget_subscribe_count { 599 font-size: 12px; } 600 body .not-found_content { 601 padding: 10px; } 602 body .ads-container, body .ads .inread_ads.inread1, body .ads .inread_ads.inread_added { 603 max-width: 100%; 604 position: relative; } 605 body .ads-container.super_leaderboard, body .ads-container.full_width { 606 width: 1000px; 607 height: 250px; 608 display: flex; 609 justify-content: center; 610 align-items: center; 611 margin: 10px auto; 612 overflow: auto; } 613 body .ads-container.medium_rectangle { 614 width: 300px; 615 height: 250px; 616 display: flex; 617 justify-content: center; 618 align-items: center; } 619 body .ads-container.half_page { 620 width: 320px; 621 height: 600px; } 622 body .ads-container.half_page div:last-of-type { 623 position: sticky; 624 top: 0; 625 display: flex; 626 justify-content: center; } 627 body .ads-placeholder { 628 display: flex; 629 flex-direction: column; 630 align-items: center; 631 justify-content: center; 632 top: 0; 633 left: 0; 634 bottom: 0; 635 right: 0; 636 position: absolute; 637 gap: 10px; 638 color: #9f9f9f; } 639 body .ads-placeholder > * + * { 640 margin-top: 10px; } 641 body .ads-placeholder + div { 642 isolation: isolate; } 643 body .ads_end-post { 644 display: flex; 645 flex-direction: row; 646 justify-content: center; } 647 body .ads_container-atf { 648 display: flex; 649 justify-content: space-around; } 650 body .side-zone, body .ob-widgets { 651 height: 100%; } 652 body .side-zone .ads-container.half_page.last-widget_ads, body .ob-widgets .ads-container.half_page.last-widget_ads { 653 position: sticky; 654 top: 30px; } 655 body .menu-main { 656 background-color: #334C66; 657 position: sticky; 658 top: 0; 659 z-index: 10; 660 border-top-style: dotted; 661 border-bottom-style: dotted; 662 border-top-width: 1px; 663 border-top-color: #99B2CC; 664 border-bottom-width: 1px; 665 border-bottom-color: #99B2CC; } 666 body .menu-main li { 667 height: 30px; 668 background-color: #334C66; 669 font-family: Verdana,sans-serif; 670 color: #99B2CC; 671 font-size: 13px; 672 font-weight: 700 673 ; 674 font-style: italic; 675 line-height: 1; 676 display: flex; 677 justify-content: center; 678 align-items: center; 679 border-right-style: dotted; 680 border-right-width: 1px; 681 border-right-color: #99B2CC; } 682 body .menu-main li:hover { 683 background-color: #334C66; } 684 body .menu-main a, body .menu-main span { 685 padding: 0; } 686 body .menu-main .trigger { 687 margin-left: 10px; 688 margin-bottom: 2px; 689 height: 8px; 690 width: 8px !important; 691 border: solid #99B2CC; 692 border-width: 0 2px 2px 0; 693 display: inline-block; 694 transform: rotate(45deg); 695 transition: transform 0.2s ease-in-out; } 696 body .menu-main > ul { 697 height: 100%; } 698 body .menu-main > ul > li { 699 flex: 1; 700 max-width: 250px; 701 padding: 0 10px; } 702 body .menu-main > ul > li:nth-last-child(1) { 703 border-right-style: none; } 704 body .menu-main > ul > li a { 705 height: initial; 706 line-height: 1; } 707 body .menu-main > ul > li ul { 708 top: 100%; 709 width: 160px; } 710 body .menu-main > ul > li ul li { 711 max-width: initial; 712 border-bottom: 1px dotted #fefefa; 713 border-left: 1px dotted #fefefa; } 714 body .menu-main > ul > li ul li .trigger { 715 width: 8px !important; 716 transform: rotate(-45deg); 717 margin-bottom: 0; } 718 body .menu-main > ul > li ul li ul { 719 left: calc(100% + 1px); 720 width: 160px; 721 min-width: initial; } 722 body .menu-main a:not(.trigger), body .menu-main span:not(.trigger) { 723 text-overflow: ellipsis; 724 text-align: center; 725 white-space: nowrap; 726 overflow: hidden; 727 display: block; 728 width: initial; 729 max-width: 90%; } 730 body .menu-main .home-link { 731 position: relative; 732 flex: 0; } 733 body .menu-main .home-link:after { 734 content: ""; 735 position: absolute; 736 left: 1px; 737 right: 1px; 738 top: 20%; 739 bottom: 20%; 740 -webkit-mask-image: url("https://assets.canalblog.com/c/blog/v2026.07.04/images/logo-home.svg"); 741 mask-image: url("https://assets.canalblog.com/c/blog/v2026.07.04/images/logo-home.svg"); 742 mask-position: center; 743 -webkit-mask-position: center; 744 mask-repeat: no-repeat; 745 -webkit-mask-repeat: no-repeat; 746 background-color: #99B2CC; 747 -webkit-mask-size: contain; } 748 body .menu-main .home-link a { 749 z-index: 11; 750 width: 100%; 751 height: 100%; 752 display: block; 753 color: transparent; } 754 body .menu-main .home-link:hover { 755 cursor: pointer; } 756 body .breadcrumb { 757 padding-left: 0; 758 margin-bottom: 10px; } 759 body .breadcrumb ul { 760 gap: 2px; 761 font-size: 12px; 762 text-transform: uppercase; } 763 body .container { 764 background-color: #FFFFFF; 765 min-height: 100vh; 766 margin: auto; 767 width: 1020px; 768 border-radius: 10px 10px 0 0; 769 border-width: 1px; 770 border-color: #99B2CC; 771 border-top-style: solid; 772 border-right-style: solid; 773 border-bottom-style: solid; 774 border-left-style: solid; } 775 body .content-wrapper { 776 display: flex; 777 line-height: 150%; } 778 body .content-wrapper a { 779 color: #334C66; 780 text-decoration: underline 781 ; } 782 body .content-wrapper a:visited { 783 color: #334C66; 784 text-decoration: none 785 ; } 786 body .content-wrapper a:active { 787 color: #334C66; 788 text-decoration: underline 789 ; } 790 body .content-wrapper a:hover { 791 color: #334C66; 792 text-decoration: none 793 ; } 794 body .right-zone { 795 width: 340px; 796 background-color: #FFFFFF; 797 border-width: 1px; 798 border-color: #; 799 border-top-style: none; 800 border-right-style: none; 801 border-bottom-style: none; 802 border-left-style: none; } 803 body .right-zone img { 804 max-width: 100%; } 805 body .left-zone { 806 width: 340px; 807 background-color: #FFFFFF; 808 border-width: 1px; 809 border-color: #; 810 border-top-style: none; 811 border-right-style: none; 812 border-bottom-style: none; 813 border-left-style: none; } 814 body .left-zone img { 815 max-width: 100%; } 816 body .content { 817 width: 680px; 818 background-color: #FFFFFF; 819 border-width: 1px; 820 border-color: #99B2CC; 821 border-top-style: none; 822 border-right-style: dotted; 823 border-bottom-style: dotted; 824 border-left-style: none; 825 font-family: Verdana,sans-serif; 826 color: #404040; 827 font-size: 13px; 828 font-weight: 400 829 ; 830 font-style: normal; 831 text-transform: none; 832 text-align: left; 833 padding: 10px; 834 display: flex; 835 flex-direction: column; 836 line-height: 150%; } 837 body .content img { 838 max-width: 100%; } 839 body .content .title { 840 font-family: Verdana,sans-serif; 841 color: #000000; 842 font-size: 13px; 843 font-weight: 700 844 ; 845 font-style: normal; 846 text-transform: none; 847 text-align: left; 848 border-width: 1px; 849 border-color: #; 850 border-top-style: none; 851 border-right-style: none; 852 border-bottom-style: none; 853 border-left-style: none; 854 line-height: 1; } 855 body .content h3, body .content .ob-h3 { 856 font-family: Verdana,sans-serif; 857 color: #000000; 858 font-size: 13px; 859 font-weight: 700 860 ; 861 font-style: normal; 862 text-transform: none; 863 text-align: left; 864 border-width: 1px; 865 border-color: #; 866 border-top-style: none; 867 border-right-style: none; 868 border-bottom-style: none; 869 border-left-style: none; 870 line-height: 1; } 871 body .date-header { 872 font-family: Verdana,sans-serif; 873 color: #334C66; 874 font-size: 13px; 875 font-weight: 700 876 ; 877 font-style: normal; 878 text-transform: none; 879 text-align: left; 880 border-width: 1px; 881 border-color: #; 882 border-top-style: none; 883 border-right-style: none; 884 border-bottom-style: none; 885 border-left-style: none; 886 margin-bottom: 10px; } 887 body .side-zone { 888 padding: 10px; } 889 body .ob-footer { 890 padding-top: 40px; 891 padding-bottom: 10px; } 892 body .ob-PostNavigation { 893 margin-top: 30px; 894 margin-bottom: 20px; } 895 body .post-comments_title { 896 font-family: ; 897 color: ; 898 font-weight: ; 899 font-size: ; 900 border-bottom-style: dotted; 901 border-width: 1px; 902 margin-bottom: 10px; 903 padding: 3px; 904 font-size: 16px; } 905 body .ob-Shares a { 906 color: inherit; 907 text-decoration: none; } 908 body .ob-Shares a:visited { 909 color: inherit; 910 text-decoration: none; } 911 body .ob-Shares a:active { 912 color: inherit; 913 text-decoration: none; } 914 body .ob-Shares a:hover { 915 color: inherit; 916 text-decoration: none; } 917 body .ob-pagination { 918 display: flex; 919 justify-content: center; 920 gap: 10px; 921 font-family: Verdana,sans-serif; 922 color: #334C66; 923 font-size: 13px; 924 font-weight: 400 925 ; 926 font-style: normal; } 927 body .ob-pagination a { 928 font-family: Verdana,sans-serif; 929 color: #334C66; 930 font-size: 13px; 931 font-weight: 400 932 ; 933 font-style: normal; } 934 body .ob-pagination a:visited { 935 color: #334C66; } 936 body .ob-pagination a:active { 937 color: #334C66; } 938 body .ob-pagination a:hover { 939 color: #334C66; } 940 body .ob-Related { 941 margin-bottom: 30px; } 942 body .ob-Related-post { 943 max-width: 200px; } 944 body .ob-Related-title { 945 font-size: 16px; 946 font-weight: bold; 947 color: #616161; } 948 body .carousel_large { 949 margin-bottom: 10px; 950 background-color: #FFFFFF; } 951 body .carousel_large .ob-section-tags-img { 952 margin: auto; 953 max-height: 340px; } 954 body .carousel_normal { 955 margin-bottom: 10px; 956 background-color: #FFFFFF; } 957 body .carousel_normal .ob-section-tags-img { 958 margin: auto; 959 max-height: 340px; } 960 body .ob-subscription { 961 flex: 1; } 962 body .ob-contact { 963 flex: 1; } 964 body .ob-posts-carousel-wrapper { 965 margin-bottom: 0; } 966 body .single-content_title { 967 margin-bottom: 10px; } 968 body .ob-section-html ol { 969 list-style: decimal; } 970 body .ob-section-html ul { 971 list-style: initial; } 972 body .ob-section-html ol, body .ob-section-html ul { 973 padding-left: 15px; } 974 body .content .album-title { 975 font-family: Verdana,sans-serif; 976 color: #000000; 977 font-size: 13px; 978 font-weight: 700 979 ; 980 font-style: normal; 981 text-transform: none; 982 text-align: left; 983 border-width: 1px; 984 border-color: #; 985 border-top-style: none; 986 border-right-style: none; 987 border-bottom-style: none; 988 border-left-style: none; 989 line-height: 1; } 990 body .content .album-desc { 991
991 margin: 10px 0; } 992 body .content .album-desc, body .content .album-tags, body .content .album-taken_at, body .content .album-author { 993 font-family: Verdana,sans-serif; 994 color: #404040; 995 font-size: 13px; 996 font-weight: 400 997 ; 998 font-style: normal; 999 text-transform: none; 1000 text-align: left; 1001 line-height: 150%; } 1002 body .content .album .ob-Shares-title { 1003 margin-bottom: 20px; } 1004 body .content .album-image img, body .content .image-container .ob-slideshow-line-item img, body .content .album .cover img, body .content .fresque .vignette { 1005 border-width: 1px; 1006 border-color: #000000; 1007 border-top-style: solid; 1008 border-right-style: solid; 1009 border-bottom-style: solid; 1010 border-left-style: solid; } 1011 1012 </style> 1013
1013<script> 1014 function loadGA() { 1015 window.dataLayer = window.dataLayer || [] 1016 var s = document.createElement("script") 1017 s.async = true 1018 s.src = "https://cdn.lib.getjan.io/library/overblog.js" 1019 s.setAttribute("importance", "high") 1020 var g = document.getElementsByTagName("head")[0] 1021 g.parentNode.insertBefore(s, g) 1022 window.jan = window.jan || {} 1023 jan.cmd = jan.cmd || [] 1024 jancmd = function(){jan.cmd.push(arguments);} 1025 1026 // TODO: Now, The wrapper handle didomi consent for us so we don't need anymore to wait didomi consent to load GA. The dimension23 is for didomi consent but it will be handle directly by the wrapper. We remove it from the code below. 1027 var dimensions = { 1028 dimension1: '__ads_loaded__' in window ? '0' : '1', 1029 dimension2: 'fr', 1030 dimension3: 'BS', 1031 dimension4: 'music-entertainment', 1032 dimension5: '0', 1033 dimension6: '0', 1034 dimension7: '0', 1035 dimension10: '412041', 1036 dimension11: '1', 1037 dimension12: '2', 1038 dimension13: '0', 1039 dimension14: '__ads_loaded__' in window ? '1' : '0', 1040 dimension15: '__ads_loaded__' in window ? '0' : '1', 1041 dimension16: '412041', 1042 dimension17: "startinblog", 1043 dimension24: '20060726', 1044 dimension25: 'canalblog', 1045 } 1046 1047 if (location) { 1048 dimensions.dimension22 = '' + location.hostname 1049 } 1050 1051 jancmd("setConfig", { 1052 metadata: dimensions, 1053 }); 1054 1055 jancmd("sendEvent", "pageview"); 1056 } 1057 1058 loadGA() 1059</script>
1059 1060
1061<script> 1062 function isConnected(connected, connected_owner, timestamp, user_id) { 1063 if (connected) { 1064 document.querySelector('html').classList.add('ob-connected') 1065 } 1066 if (connected_owner) { 1067 document.querySelector('html').classList.add('ob-connected-blog') 1068 } 1069 } 1070</script>
vendor: 1 bytes, line 1070
1070
1071<script src="//connect.canalblog.com/ping/412041/isConnected" async></script>
1071 1072
1073<script src="https://assets.canalblog.com/c/blog/v2026.07.04/canalblog-main.495edf92.js"></script>
1073 1074 1075 1076 1077 1078 </head> 1079 <body> 1080 1081 1082 1083 <div class="ob-ShareBar ob-ShareBar--desktop ob-ShareBar--light js-ob-ShareBar"> 1084 <div class="ob-ShareBar-container ob-ShareBar-container--left"> 1085 1086 1087 <img class="ob-ShareBar-brandingImg" src="https://assets.canalblog.com/c/blog/v2026.07.04/images/shareicon-branding-canalblog--light.png" alt="Canalblog"> 1088 <a class="ob-ShareBar-portalLink" href="https://www.canalblog.com" rel="noopener,noreferrer"> 1089 <span class="ob-ShareBar--mobile_text">Tous les blogs</span> 1090 </a> 1091 <a class="ob-ShareBar-portalLink" href="https://www.canalblog.com/blogs/categorie-22"> 1092 <span class="ob-ShareBar--mobile_text">Top blogs Musique & Divertissements</span> 1093 </a> 1094 <a class="ob-ShareBar-portalLink" href="https://www.canalblog.com/mag/musique"> 1095 <span class="ob-ShareBar--mobile_text">Tous les blogs Musique & Divertissements</span> 1096 </a> 1097 </div> 1098 1099 <div class="ob-ShareBar-container ob-ShareBar-container--right"> 1100 <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> 1101 <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&
1101text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> 1102 <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a> 1103 1104 <form action="/search" method="post" accept-charset="utf-8" class="ob-ShareBar-search"> 1105 <input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher"> 1106 <button class="ob-ShareBar-submit"></button> 1107 </form> 1108 1109 1110 <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.canalblog.com/_follow/412041" target="_blank" rel="nofollow"> 1111 Suivre ce blog 1112 </a> 1113 1114 <a href="https://admin.canalblog.com/" class="ob-ShareBar-admin ob-ShareBar--connected"> 1115 <img src="https://assets.canalblog.com/c/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 1116 <span class="ob-ShareBar-text">Administration</span> 1117 </a> 1118 1119 <a href="https://connect.canalblog.com/fr/login" class="ob-ShareBar-login ob-ShareBar--notconnected"> 1120 <img src="https://assets.canalblog.com/c/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 1121 <span class="ob-ShareBar-text">Connexion</span> 1122 </a> 1123 <a href="https://www.canalblog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected"> 1124 <span class="ob-ShareBar-plus">+</span> 1125 <span class="ob-ShareBar-text">Créer mon blog</span> 1126 </a> 1127 1128 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--hide js-ob-ShareBar-toggle"></span> 1129 </div> 1130 </div> 1131 1132 <div class="ob-ShareBar ob-ShareBar--minified js-ob-ShareBar--minified"> 1133 <div class="ob-ShareBar-container"> 1134 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--show js-ob-ShareBar-toggle"></span> 1135 </div> 1136 </div> 1137 1138 <div id="ob-ShareBar--mobile_mask" class="ob-ShareBar--mobile_mask"></div> 1139 <div class="ob-ShareBar ob-ShareBar--mobile ob-ShareBar--light js-ob-ShareBar"> 1140 <img class="ob-ShareBar--mobile_logo" src="https://assets.canalblog.com/c/blog/v2026.07.04/images/shareicon-branding-canalblog--light.png" width="80" height="21" alt="canalblog"/> 1141 <div id="ob-ShareBar--mobile_menu-trigger" class="ob-ShareBar--mobile_menu-trigger"> 1142 <svg xmlns="http://www.w3.org/2000/svg" height="18px" width="18px" viewbox="0 0 448 512"><path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"/></svg> 1143 <span>MENU</span> 1144 </div> 1145 <div id="ob-ShareBar--mobile_menu" class="ob-ShareBar--mobile_menu"> 1146 <div class="ob-ShareBar--mobile_menu-wrapper"> 1147 <a href="https://www.canalblog.com" rel="noopener,noreferrer"> 1148 <span class="ob-ShareBar--mobile_text">Tous les blogs</span> 1149 </a> 1150 <a href="https://www.canalblog.com/blogs/categorie-22"> 1151 <span class="ob-ShareBar--mobile_text">Top blogs Musique & Divertissements</span> 1152 </a> 1153 <a href="https://www.canalblog.com/mag/musique"> 1154 <span class="ob-ShareBar--mobile_text">Tous les blogs Musique & Divertissements</span> 1155 </a> 1156 <form method="post" action="/search" accept-charset="utf-8" class="ob-ShareBar--mobile_search"> 1157 <b>Recherche</b> 1158 <div class="ob-ShareBar--mobile_search-wrapper"> 1159 <div class="ob-ShareBar--mobile_search-input"> 1160 <input name="q" type="search" placeholder="Tapez un mot clé"/> 1161 </div> 1162 <button type="submit">Rechercher</button> 1163 </div> 1164 </form> 1165 <a href="https://connect.canalblog.com/fr/login" class="ob-ShareBar--mobile_login ob-ShareBar--notconnected"> 1166 <img src="https://assets.canalblog.com/c/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock">
1167 <span class="ob-ShareBar--mobile_text">Connexion</span> 1168 </a> 1169 <a href="https://www.canalblog.com/creation" class="ob-ShareBar--mobile_create ob-ShareBar--notconnected"> 1170 <span class="ob-ShareBar-plus">+</span> 1171 <span class="ob-ShareBar--mobile_text">Créer mon blog</span> 1172 </a> 1173 1174 <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar--mobile_follow" href="https://admin.canalblog.com/_follow/412041" target="_blank" rel="nofollow"> 1175 <span class="ob-ShareBar--mobile_text">Suivre ce blog</span> 1176 </a> 1177 1178 <a href="https://admin.canalblog.com/" class="ob-ShareBar--mobile_admin ob-ShareBar--connected"> 1179 <img src="https://assets.canalblog.com/c/blog/v2026.07.04/images/lock-alt-light.svg" class="ob-ShareBar-lock"> 1180 <span class="ob-ShareBar--mobile_text">Administration</span> 1181 </a> 1182 1183 <div class="ob-ShareBar--mobile_share"> 1184 <b> Partager</b> 1185 <div class="ob-ShareBar--mobile_share-wrapper"> 1186 <div> 1187 <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> 1188 </div> 1189 <div> 1190 <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&
1190text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> 1191 </div> 1192 <div> 1193 <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a> 1194 </div> 1195 </div> 1196 </div> 1197 </div> 1198 </div> 1199 </div> 1200 1201
1201<script> 1202 var trigger = document.getElementById('ob-ShareBar--mobile_menu-trigger'); 1203 var mask = document.getElementById('ob-ShareBar--mobile_mask'); 1204 trigger.addEventListener('click', function(){ 1205 document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened'); 1206 }); 1207 mask.addEventListener('click', function(){ 1208 document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened'); 1209 }); 1210 </script>
1210 1211 1212
1212<script src="https://assets.canalblog.com/c/blog/v2026.07.04/sharebar.682fbc93.js"></script>
1212 1213
1213<script> 1214 const postTitle = "startinblog" 1215 const socialShares = document.querySelectorAll('.ob-ShareBar-share--facebook, .ob-ShareBar-share--twitter') 1216 1217 socialShares.forEach((socialShareEl) => { 1218 socialShare(socialShareEl, postTitle) 1219 }) 1220 </script>
1220 <div class="root"> 1221 <div class="container"> 1222 <header class="header"> 1223 <a class="header_link" href="https://www.startinblog.com"> 1224 <div class="ob-h1"> 1225 <img src="http://storage.canalblog.com/38/50/166426/65245868.jpg" alt="startinblog"/> 1226 </div> 1227 </a> 1228 </header> 1229 1230 1231 <!-- HEADER_AD --> 1232 1233 <div class="special content-wrapper"> 1234 1235 1236 <div class="content"> 1237 1238<nav class="breadcrumb"> 1239 <ul style="display: flex"> 1240 <li><a href="/">startinblog</a></li> 1241 <span class="breadcrumb-separator"> > </span> 1242 <li><a href="/summary">Categories</a></li> 1243 <span class="breadcrumb-separator"> > </span> 1244 <li>startinblog</li> 1245 </ul> 1246</nav> 1247 1248 <div class="ob-contact"> 1249 <h3>Contact</h3> 1250 <form name="contact_message" method="post" class="ob-form" id="contact-form"> 1251 <div id="contact_message"><div class="ob-form-field"><label class="ob-label required" for="contact_message_name">Nom</label><input type="text" id="contact_message_name" name="contact_message[name]" required="required" class="ob-input ob-input-text" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_email">Email</label><input type="email" id="contact_message_email" name="contact_message[email]" required="required" class="ob-input ob-input-email" class="ob-input ob-input-email" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_title">Titre</label><input type="text" id="contact_message_title" name="contact_message[title]" required="required" class="ob-input ob-input-text" /></div><div class="ob-form-field"><label class="ob-label required" for="contact_message_message">Message</label><textarea id="contact_message_message" name="contact_message[message]" required="required" class="ob-input ob-input-textarea"></textarea></div><input type="hidden" id="contact_message_recaptcha" name="contact_message[recaptcha]" required="required" class="ob-input ob-input-hidden" /></div> 1252 <button class="g-recaptcha ob-input ob-input-submit" data-sitekey="6LcAbbUsAAAAAPFqtAXa3RhRGi_5dW_4IsJp7gUw" data-callback="onFormWithRecaptchaSubmit"> 1253 envoyer 1254 </button> 1255
1255<script> 1256 function onFormWithRecaptchaSubmit(token) { 1257 document.getElementById("contact-form").submit(); 1258 } 1259 </script>
1259 1260 <!-- invisible reCAPTCHA script -->
vendor: 83 bytes, lines 1260-1262
1260 1261 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 1262
1262</form> 1263 <p>Les informations saisies sur ce formulaire seront communiquées au propriétaire de ce blog via email. Vous pouvez exercer vos droits relatifs à vos données personnelles (accès, effacement, rectification, portabilitéâ¦) directement depuis ce formulaire contact. Le propriétaire du blog est informé quâil dispose dâ un mois pour vous répondre. Pour en savoir plus sur la protection de vos données personnelles, <a href="https://www.over-blog.com/privacy-policy" target="_blank">cliquez ici</a>.</p> 1264 </div> 1265 1266 </div> 1267 <div class="right-zone"> 1268 <div class="side-zone"> 1269 1270 1271<div class="ob-widgets"> 1272 <div class="ob-widget ob-widget_search" > 1273 <div class="ob-h3 ob-widget_search_title ob-widget_title"> 1274 Recherche 1275 </div> 1276 <form action="/search" method="post"> 1277 <input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" /> 1278 <input type="submit" value="Recherche" class="ob-widget_search_submit" /> 1279 </form> 1280 </div> 1281 1282 <div class="ob-widget ob-widget_rss"> 1283 <div class="ob-widget_rss_element ob-widget_social-share"> 1284 <a class="ob-widget_rss_link" href="/rss" target="_blank"> 1285 <i class="fa-solid fa-rss"></i> 1286 <span>Flux RSS</span> 1287 </a> 1288 </div> 1289 </div> 1290 1291 <div class="ob-widget ob-widget_archives"> 1292 <div class="ob-widget_archives_title ob-widget_title ob-h3"> 1293 Archives 1294 </div> 1295 <ul id="ob-widget_archives_list"> 1296 <li class="ob-widget_archives_year-list" data-year="2022"> 1297 <div class="ob-widget_archives_year">2022<span class="ob-widget_archives_trigger"></span></div> 1298 <ul class="ob-widget_archives_month-list"> 1299 <li><a href="/archive/2022-06/">Juin</a> (1)</li> 1300 <li><a href="/archive/2022-03/">Mars</a> (3)</li> 1301 </ul> 1302 </li> 1303 <li class="ob-widget_archives_year-list" data-year="2021"> 1304 <div class="ob-widget_archives_year">2021<span class="ob-widget_archives_trigger"></span></div> 1305 <ul class="ob-widget_archives_month-list"> 1306 <li><a href="/archive/2021-07/">Juillet</a> (3)</li> 1307 <li><a href="/archive/2021-06/">Juin</a> (10)</li> 1308 </ul> 1309 </li> 1310 <li class="ob-widget_archives_year-list" data-year="2017"> 1311 <div class="ob-widget_archives_year">2017<span class="ob-widget_archives_trigger"></span></div> 1312 <ul class="ob-widget_archives_month-list"> 1313 <li><a href="/archive/2017-03/">Mars</a> (1)</li> 1314 </ul> 1315 </li> 1316 <li class="ob-widget_archives_year-list" data-year="2016"> 1317 <div class="ob-widget_archives_year">2016<span class="ob-widget_archives_trigger"></span></div> 1318 <ul class="ob-widget_archives_month-list"> 1319 <li><a href="/archive/2016-01/">Janvier</a> (1)</li> 1320 </ul> 1321 </li> 1322 <li class="ob-widget_archives_year-list" data-year="2013"> 1323 <div class="ob-widget_archives_year">2013<span class="ob-widget_archives_trigger"></span></div> 1324 <ul class="ob-widget_archives_month-list"> 1325 <li><a href="/archive/2013-06/">Juin</a> (1)</li> 1326 <li><a href="/archive/2013-02/">Février</a> (1)</li> 1327 </ul> 1328 </li> 1329 <li class="ob-widget_archives_year-list" data-year="2012"> 1330 <div class="ob-widget_archives_year">2012<span class="ob-widget_archives_trigger"></span></div> 1331 <ul class="ob-widget_archives_month-list"> 1332 <li><a href="/archive/2012-10/">Octobre</a> (4)</li> 1333 <li><a href="/archive/2012-09/">Septembre</a> (7)</li> 1334 <li><a href="/archive/2012-07/">Juillet</a> (2)</li> 1335 </ul> 1336 </li> 1337 <li class="ob-widget_archives_year-list" data-year="2011"> 1338 <div class="ob-widget_archives_year">2011<span class="ob-widget_archives_trigger"></span></div> 1339 <ul class="ob-widget_archives_month-list"> 1340 <li><a href="/archive/2011-07/">Juillet</a> (2)</li> 1341 <li><a href="/archive/2011-06/">Juin</a> (2)</li> 1342 </ul> 1343 </li> 1344 <li class="ob-widget_archives_year-list" data-year="2010"> 1345 <div class="ob-widget_archives_year">2010<span class="ob-widget_archives_trigger"></span></div> 1346 <ul class="ob-widget_archives_month-list"> 1347 <li><a href="/archive/2010-10/">Octobre</a> (4)</li> 1348 <li><a href="/archive/2010-09/">Septembre</a> (3)</li> 1349 <li><a href="/archive/2010-01/">Janvier</a> (4)</li> 1350 </ul> 1351 </li> 1352 <li class="ob-widget_archives_year-list" data-year="2009"> 1353 <div class="ob-widget_archives_year">2009<span class="ob-widget_archives_trigger"></span></div> 1354 <ul class="ob-widget_archives_month-list"> 1355 <li><a href="/archive/2009-12/">Décembre</a> (2)</li> 1356 <li><a href="/archive/2009-11/">Novembre</a> (2)</li> 1357 <li><a href="/archive/2009-10/">Octobre</a> (2)</li> 1358 <li><a href="/archive/2009-07/">Juillet</a> (1)</li> 1359 <li><a href="/archive/2009-06/">Juin</a> (5)</li> 1360 <li><a href="/archive/2009-05/">Mai</a> (6)</li> 1361 <li><a href="/archive/2009-04/">Avril</a> (5)</li> 1362 <li><a href="/archive/2009-03/">Mars</a> (5)</li> 1363 </ul> 1364 </li> 1365 <li class="ob-widget_archives_year-list" data-year="2008"> 1366 <div class="ob-widget_archives_year">2008<span class="ob-widget_archives_trigger"></span></div> 1367 <ul class="ob-widget_archives_month-list"> 1368 <li><a href="/archive/2008-11/">Novembre</a> (4)</li> 1369 <li><a href="/archive/2008-10/">Octobre</a> (22)</li> 1370 <li><a href="/archive/2008-09/">Septembre</a> (1)</li> 1371 <li><a href="/archive/2008-08/">Août</a> (3)</li> 1372 <li><a href="/archive/2008-07/">Juillet</a> (5)</li> 1373 <li><a href="/archive/2008-06/">Juin</a> (2)</li> 1374 <li><a href="/archive/2008-04/">Avril</a> (2)</li> 1375 <li><a href="/archive/2008-03/">Mars</a> (6)</li> 1376 <li><a href="/archive/2008-01/">Janvier</a> (4)</li> 1377 </ul> 1378 </li> 1379 <li class="ob-widget_archives_year-list" data-year="2007"> 1380 <div class="ob-widget_archives_year">2007<span class="ob-widget_archives_trigger"></span></div> 1381 <ul class="ob-widget_archives_month-list"> 1382 <li><a href="/archive/2007-12/">Décembre</a> (5)</li> 1383 <li><a href="/archive/2007-11/">Novembre</a> (3)</li> 1384 <li><a href="/archive/2007-10/">Octobre</a> (6)</li> 1385 <li><a href="/archive/2007-09/">Septembre</a> (7)</li> 1386 <li><a href="/archive/2007-08/">Août</a> (9)</li> 1387 <li><a href="/archive/2007-07/">Juillet</a> (6)</li> 1388 <li><a href="/archive/2007-06/">Juin</a> (8)</li> 1389 <li><a href="/archive/2007-05/">Mai</a> (16)</li> 1390 <li><a href="/archive/2007-03/">Mars</a> (9)</li> 1391 <li><a href="/archive/2007-02/">Février</a> (8)</li> 1392 <li><a href="/archive/2007-01/">Janvier</a> (17)</li> 1393 </ul> 1394 </li> 1395 <li class="ob-widget_archives_year-list" data-year="2006"> 1396 <div class="ob-widget_archives_year">2006<span class="ob-widget_archives_trigger"></span></div> 1397 <ul class="ob-widget_archives_month-list"> 1398 <li><a href="/archive/2006-12/">Décembre</a> (9)</li> 1399 <li><a href="/archive/2006-11/">Novembre</a> (11)</li> 1400 <li><a href="/archive/2006-10/">Octobre</a> (11)</li> 1401 <li><a href="/archive/2006-09/">Septembre</a> (19)</li> 1402 <li><a href="/archive/2006-08/">Août</a> (20)</li> 1403 <li><a href="/archive/2006-07/">Juillet</a> (6)</li> 1404 </ul> 1405 </li> 1406 </ul> 1407 </div> 1408 1409
1409<script> 1410 var years = document.querySelectorAll(".ob-widget_archives_year") 1411 var monthList = document.querySelectorAll(".ob-widget_archives_month-list") 1412 1413 const handleClick = (e) => { 1414 var target = e.target.nextElementSibling; 1415 if (target) { 1416 if (target.classList.contains("ob-archives-hidden")) { 1417 target.style.height = target.scrollHeight + "px" 1418 target.classList.remove("ob-archives-hidden") 1419 e.target.classList.add("ob-widget_archives--open") 1420 target.classList.add("ob-archives-visible") 1421 1422 } else { 1423 target.style.height = "0px" 1424 target.classList.remove("ob-archives-visible") 1425 e.target.classList.remove("ob-widget_archives--open") 1426 target.classList.add("ob-archives-hidden") 1427 } 1428 } 1429 } 1430 1431 document.addEventListener("DOMContentLoaded", function() { 1432 monthList.forEach(function(month) { 1433 month.classList.add("ob-archives-hidden") 1434 }) 1435 1436 years.forEach((year) => { 1437 year.addEventListener("click", handleClick) 1438 }) 1439 }) 1440 </script>
1440 1441 1442 <div class="ob-widget ob-widget_last-posts"> 1443 <div class="ob-h3 ob-widget_last-posts_title ob-widget_title"> 1444 Articles récents 1445 </div> 1446 <ul class="ob-widget_last-posts_list"> 1447 <li class="ob-widget_last-posts_post"> 1448 <a href="https://www.startinblog.com/archives/2022/06/16/39520387.html" title="C'est Jérôme." class="ob-widget_last-posts_link"> 1449 C'est Jérôme. 1450 </a> 1451 </li> 1452 <li class="ob-widget_last-posts_post"> 1453 <a href="https://www.startinblog.com/archives/2022/03/27/39407653.html" title="Concert de Boule." class="ob-widget_last-posts_link"> 1454 Concert de Boule. 1455 </a> 1456 </li> 1457 <li class="ob-widget_last-posts_post"> 1458 <a href="https://www.startinblog.com/archives/2022/03/21/39398696.html" title="Désolé pour le retard mais merci pour les fantômes !" class="ob-widget_last-posts_link"> 1459 Désolé pour le retard mais merci pour les fantômes ! 1460 </a> 1461 </li> 1462 <li class="ob-widget_last-posts_post"> 1463 <a href="https://www.startinblog.com/archives/2022/03/21/39398682.html" title="Quand un ami s'en va...." class="ob-widget_last-posts_link"> 1464 Quand un ami s'en va.... 1465 </a> 1466 </li> 1467 <li class="ob-widget_last-posts_post"> 1468 <a href="https://www.startinblog.com/archives/2021/07/17/39061377.html" title="Un avion sans pass sanitaire, ça vous intéresse ?" class="ob-widget_last-posts_link"> 1469 Un avion sans pass sanitaire, ça vous intéresse ? 1470 </a> 1471 </li> 1472 <li class="ob-widget_last-posts_post"> 1473 <a href="https://www.startinblog.com/archives/2021/07/16/39061362.html" title="Souvenir de nuit." class="ob-widget_last-posts_link"> 1474 Souvenir de nuit. 1475 </a> 1476 </li> 1477 <li class="ob-widget_last-posts_post"> 1478 <a href="https://www.startinblog.com/archives/2021/07/06/39061438.html" title="La côte d'opale" class="ob-widget_last-posts_link"> 1479 La côte d'opale 1480 </a> 1481 </li> 1482 <li class="ob-widget_last-posts_post"> 1483 <a href="https://www.startinblog.com/archives/2021/06/26/39030176.html" title="Tour de France 2021." class="ob-widget_last-posts_link"> 1484 Tour de France 2021. 1485 </a> 1486 </li> 1487 <li class="ob-widget_last-posts_post"> 1488 <a href="https://www.startinblog.com/archives/2021/06/25/39030378.html" title="Message à tata Simone..." class="ob-widget_last-posts_link"> 1489 Message à tata Simone... 1490 </a> 1491 </li> 1492 <li class="ob-widget_last-posts_post"> 1493 <a href="https://www.startinblog.com/archives/2021/06/24/39030119.html" title="Minuit." class="ob-widget_last-posts_link"> 1494 Minuit. 1495 </a> 1496 </li> 1497 </ul> 1498 </div> 1499 1500 <div class="ob-widget ob-widget_navigation"> 1501 <div class="ob-h3 ob-widget_navigation_title ob-widget_title"> 1502 startinblog 1503 </div> 1504 <ul> 1505 <li> 1506 Des billets d'humeur, des critiques musicales. Il a tout pour la musique. 1507 </li> 1508 <li> 1509 <a href="/"> 1510 Accueil du blog 1511 </a> 1512 </li> 1513 <li> 1514 <a href="https://www.canalblog.com/creation" target="_blank"> 1515 Créer un blog avec CanalBlog 1516 </a> 1517 </li> 1518 </ul> 1519</div> 1520 1521 </div> 1522 </div> 1523 </div> 1524 1525</div> 1526 1527 </div> 1528 </div> 1529 1530
1530<script> 1531 document.addEventListener("DOMContentLoaded", function () { 1532 function createDropdownTrigger() { 1533 var trigger = document.createElement("span") 1534 trigger.classList.add("trigger") 1535 1536 return trigger 1537 } 1538 1539 function addTriggers() { 1540 var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span") 1541 elementsToTriggers.forEach(function (elementToTrigger) { 1542 elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) 1543 }) 1544 } 1545 1546 addTriggers() 1547 }) 1548</script>
1548 1549 1550 <div class="ob-footer" id="legals" > 1551 <ul> 1552 <li class="ob-footer-item">Voir le profil de <a href="https://www.canalblog.com/user/42617.html" target="_blank">chti31</a> sur le portail Canalblog</li> 1553 <li class="ob-footer-item"><a href="/top">Top articles</a></li> 1554 <li class="ob-footer-item"><a href="/contact">Contact</a></li> 1555 <li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/412041"> Signaler un abus </a></li> 1556 <li class="ob-footer-item"><a href="https://www.canalblog.com/terms-of-use" target="_blank">C.G.U.</a></li> 1557 <li class="ob-footer-item"><a href="https://www.canalblog.com/cookies" target="_blank">Cookies et données personnelles</a></li> 1558 <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> 1559 </ul> 1560</div> 1561 1562 1563 1564
1564<script defer async> 1565 document.addEventListener('DOMContentLoaded', function() { 1566 async function syncRating() { 1567 const isPreview = /\/preview\/|\.preview\./.test(window.location.href) 1568 1569 if (isPreview) { 1570 return 1571 } 1572 1573 const res = await fetch(`/api/section-container/rates`, { 1574 method: "POST", 1575 headers: { 1576 "Content-Type": "application/json", 1577 }, 1578 body: JSON.stringify({ 1579 id: [], 1580 }) 1581 }) 1582 1583 if (res.ok) { 1584 const data = await res.json() 1585 1586 Object.keys(data).forEach(function(key) { 1587 const postRate = data[key] 1588 const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`) 1589 1590 input.checked = true 1591 1592 // check if it's half-star rate 1593 if (!Number.isInteger(postRate.rate)) { 1594 const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`) 1595 1596 label.classList.add("half-star") 1597 } 1598 1599 const ratersEl = document.querySelector(`.rating-raters-${key}`) 1600 1601 ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote` 1602 }) 1603 } 1604 } 1605 1606 syncRating() 1607 }) 1608 </script>
1608 1609
1609<script>
vendor: 375 bytes, lines 1609-1614
1609 1610 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1611 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1612 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1613 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1614 })(window,document,'script','dataLayer', "
1614GTM-WG3SK3P
vendor: 6 bytes, lines 1614-1615
1614"); 1615
1615</script>
1615 1616
1616<script src="https://assets.canalblog.com/c/blog/v2026.07.04/obfuscated_link.4b3f12e9.js"></script>
1616 1617 </body> 1618</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.