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-Mode-Beaute', 19 'category' : 'Fashion, Art & Design', 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' : '991293', 28 'blog_name': "Boutons, bobines etc...", 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>Boutons, bobines etc...</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="Agnes_d" /> 182 183 <link rel="canonical" href="https://www.boutonsbobines.fr" /> 184 185 <meta property="og:site_name" content="Boutons, bobines etc..." /> 186 <meta property="og:title" content="Boutons, bobines etc..." /> 187 <meta name="twitter:title" content="Boutons, bobines etc..." /> 188 <meta name="description" content="La petite boutique d'Agn&egrave;s..." /> 189 <meta property="og:description" content="La petite boutique d'Agn&egrave;s..." /> 190 <meta name="twitter:description" content="La petite boutique d'Agn&egrave;s..." /> 191 <meta property="og:locale" content="fr_FR" /> 192 <meta name="keywords" content="" /> 193 194 <meta property="og:image" content="https://image.canalblog.com/Ir1j2_Enn7craDjOPgcTFT2etkY=/filters:no_upscale()/image%2F0991293%2F20240503%2Fob_570bfa_agnes.png" /> 195 <meta name="twitter:image:src" content="https://image.canalblog.com/Ir1j2_Enn7craDjOPgcTFT2etkY=/filters:no_upscale()/image%2F0991293%2F20240503%2Fob_570bfa_agnes.png" /> 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://image.canalblog.com/Ir1j2_Enn7craDjOPgcTFT2etkY=/filters:no_upscale()/image%2F0991293%2F20240503%2Fob_570bfa_agnes.png" /> 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=Georgia: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: #996699; 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: Georgia; 432 color: #99B2CC; 433 font-size: 32px; 434 font-weight: 700 435 ; 436 font-style: italic; 437 text-align: center; 438 background-color: #FFFFFF; 439 border-width: 1px; 440 border-color: #9933CC; 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: initial; } 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: #999900; 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: #FFFFFF; 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: #FFFFFF; 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: #996699; } 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: #FFCCFF; 765 min-height: 100vh; 766 margin: auto; 767 width: 1260px; 768 border-radius: 10px 10px 0 0; 769 border-width: 5px; 770 border-color: #9933FF; 771 border-top-style: dotted; 772 border-right-style: dotted; 773 border-bottom-style: dotted; 774 border-left-style: dotted; } 775 body .content-wrapper { 776 display: flex; 777 line-height: 150%; } 778 body .content-wrapper a { 779 color: #9933FF; 780 text-decoration: underline 781 ; } 782 body .content-wrapper a:visited { 783 color: #9933FF; 784 text-decoration: none 785 ; } 786 body .content-wrapper a:active { 787 color: #9933FF; 788 text-decoration: underline 789 ; } 790 body .content-wrapper a:hover { 791 color: #9933FF; 792 text-decoration: underline 793 ; } 794 body .right-zone { 795 width: 340px; 796 background-color: #FFCCFF; 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: #FFCCFF; 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: 580px; 818 background-color: #FFCCFF; 819 border-width: 1px; 820 border-color: #FFFFFF; 821 border-top-style: none; 822 border-right-style: none; 823 border-bottom-style: none; 824 border-left-style: none; 825 font-family: Verdana,sans-serif; 826 color: #999900; 827 font-size: 16px; 828 font-weight: 700 829 ; 830 font-style: normal; 831 text-transform: none; 832 text-align: center; 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: #660099; 842 font-size: 18px; 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: #660099; 858 font-size: 18px; 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: #FFCCFF; 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: #9933FF; 923 font-size: 16px; 924 font-weight: 400 925 ; 926 font-style: normal; } 927 body .ob-pagination a { 928 font-family: Verdana,sans-serif; 929 color: #9933FF; 930 font-size: 16px; 931 font-weight: 400 932 ; 933 font-style: normal; } 934 body .ob-pagination a:visited { 935 color: #9933FF; } 936 body .ob-pagination a:active { 937 color: #9933FF; } 938 body .ob-pagination a:hover { 939 color: #9933FF; } 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: #FFCCFF; } 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: #FFCCFF; } 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: #660099; 977 font-size: 18px; 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: 'fashion-art-design', 1032 dimension5: '0', 1033 dimension6: '0', 1034 dimension7: '0', 1035 dimension10: '991293', 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: '991293', 1042 dimension17: "Boutons, bobines etc...", 1043 dimension24: '20100727', 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/991293/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-8"> 1092 <span class="ob-ShareBar--mobile_text">Top blogs Mode, Art & Design</span> 1093 </a> 1094 <a class="ob-ShareBar-portalLink" href="https://www.canalblog.com/mag/mode-beaute"> 1095 <span class="ob-ShareBar--mobile_text">Tous les blogs Mode, Art & Design</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/991293" 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-8"> 1151 <span class="ob-ShareBar--mobile_text">Top blogs Mode, Art & Design</span> 1152 </a> 1153 <a href="https://www.canalblog.com/mag/mode-beaute"> 1154 <span class="ob-ShareBar--mobile_text">Tous les blogs Mode, Art & Design</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/991293" 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 = "Boutons, bobines etc..." 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.boutonsbobines.fr"> 1224 <div class="ob-h1"> 1225 <img src="https://storage.canalblog.com/33/90/767025/66905634.jpg" alt="Boutons, bobines etc..."/> 1226 </div> 1227 </a> 1228 </header> 1229 1230 <nav class="menu menu-main" role="navigation"> 1231 <ul> 1232 1233 <li class="home-link"> <a href="/">Home</a> 1234 </li> 1235 1236 1237 <li> <a href="http://boutonsbobines.canalblog.com/archives/2012/11/14/18682542.html">accueil</a> 1238 </li> 1239 1240 1241 <li> <a href="http://boutonsbobines.canalblog.com/archives/2016/08/10/34175277.html">badges</a> 1242 </li> 1243 1244 1245 <li> <a href="http://boutonsbobines.canalblog.com/archives/2012/01/06/29127464.html">boucles d'oreilles</a> 1246 </li> 1247 1248 1249 <li> <a href="http://boutonsbobines.canalblog.com/archives/2018/10/04/36756866.html">breloques à stylo</a> 1250 </li> 1251 1252 1253 <li> <a href="http://boutonsbobines.canalblog.com/archives/2010/11/09/18697558.html">porte clés/bijoux de sac</a> 1254 </li> 1255 1256 1257 <li> <a href="http://boutonsbobines.canalblog.com/archives/2012/01/08/18700011.html">sautoirs</a> 1258 </li> 1259 1260 1261 <li class="last"> <a href="http://boutonsbobines.canalblog.com/archives/2012/01/04/18697460.html">broches/epingles</a> 1262 </li> 1263 1264 1265 </ul> 1266 1267</nav> 1268 1269 <!-- HEADER_AD --> 1270 1271 <div class="special content-wrapper"> 1272 1273 <div class="left-zone"> 1274 <div class="side-zone"> 1275 1276 1277<div class="ob-widgets"> 1278 <div class="ob-widget ob-widget_ownerAvatar"> 1279 <img class="ob-widget_ownerAvatar_img" src="https://image.canalblog.com/nBcB8_QiLoK2hAnzke4ilXE9M-0=/150x150/smart/filters:no_upscale()/image%2F0991293%2F20240503%2Fob_570bfa_agnes.png" alt="Boutons, bobines etc..." /> 1280 </div> 1281 1282 <div class="ob-widget ob-widget_subscribe"> 1283 <div class="ob-h3 ob-widget_subscribe_title ob-widget_title"> 1284 Newsletter 1285 </div> 1286 <div class="ob-widget_subscribe_content"> 1287 <!-- subscription form --> 1288<form action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post" class="ob-form ob-form-subscription"> 1289 <div class="ob-form-field"> 1290 <label class="ob-label required" for="form_email">Email</label> 1291 <input type="email" id="form_email" name="email" placeholder="Saisissez votre email ici" required="required" class="ob-input ob-input-email" /> 1292 </div> 1293 <input type="submit" value="S'abonner" class="ob-input ob-input-submit" /> 1294</form> 1295 </div> 1296 </div> 1297 1298 <div class="ob-widget ob-widget_navigation"> 1299 <div class="ob-h3 ob-widget_navigation_title ob-widget_title"> 1300 Boutons, bobines etc... 1301 </div> 1302 <ul> 1303 <li> 1304 La petite boutique d'Agnès... 1305 </li> 1306 <li> 1307 <a href="/"> 1308 Accueil du blog 1309 </a> 1310 </li> 1311 <li> 1312 <a href="https://www.canalblog.com/creation" target="_blank"> 1313 Créer un blog avec CanalBlog 1314 </a> 1315 </li> 1316 </ul> 1317</div> 1318 1319 <div class="ob-widget ob-widget_last-posts"> 1320 <div class="ob-h3 ob-widget_last-posts_title ob-widget_title"> 1321 Articles récents 1322 </div> 1323 <ul class="ob-widget_last-posts_list"> 1324 <li class="ob-widget_last-posts_post"> 1325 <a href="https://www.boutonsbobines.fr/2026/08/marqueurs-de-tricot.html" title="Marqueurs de tricot" class="ob-widget_last-posts_link"> 1326 Marqueurs de tricot 1327 </a> 1328 </li> 1329 <li class="ob-widget_last-posts_post"> 1330 <a href="https://www.boutonsbobines.fr/2026/05/ma-page-instagram.html" title="Ma page instagram" class="ob-widget_last-posts_link"> 1331 Ma page instagram 1332 </a> 1333 </li> 1334 <li class="ob-widget_last-posts_post"> 1335 <a href="https://www.boutonsbobines.fr/2024/08/les-petites-betes-a-plantes.html" title="Les petites bêtes à plantes" class="ob-widget_last-posts_link"> 1336 Les petites bêtes à plantes 1337 </a> 1338 </li> 1339 <li class="ob-widget_last-posts_post"> 1340 <a href="https://www.boutonsbobines.fr/archives/2024/01/25/40186718.html" title="Porte aiguilles aimanté " class="ob-widget_last-posts_link"> 1341 Porte aiguilles aimanté 1342 </a> 1343 </li> 1344 <li class="ob-widget_last-posts_post"> 1345 <a href="https://www.boutonsbobines.fr/archives/2016/08/10/34175277.html" title="Badges" class="ob-widget_last-posts_link"> 1346 Badges 1347 </a> 1348 </li> 1349 <li class="ob-widget_last-posts_post"> 1350 <a href="https://www.boutonsbobines.fr/archives/2012/11/14/18682542.html" title="Accueil" class="ob-widget_last-posts_link"> 1351 Accueil 1352 </a> 1353 </li> 1354 <li class="ob-widget_last-posts_post"> 1355 <a href="https://www.boutonsbobines.fr/archives/2012/01/06/29127464.html" title="Boucles d'oreilles" class="ob-widget_last-posts_link"> 1356 Boucles d'oreilles 1357 </a> 1358 </li> 1359 <li class="ob-widget_last-posts_post"> 1360 <a href="https://www.boutonsbobines.fr/archives/2021/12/18/39267160.html" title="Pin's " class="ob-widget_last-posts_link"> 1361 Pin's 1362 </a> 1363 </li> 1364 <li class="ob-widget_last-posts_post"> 1365 <a href="https://www.boutonsbobines.fr/archives/2018/10/04/36756866.html" title="breloques à stylo" class="ob-widget_last-posts_link"> 1366 breloques à stylo 1367 </a> 1368 </li> 1369 <li class="ob-widget_last-posts_post"> 1370 <a href="https://www.boutonsbobines.fr/archives/2010/11/09/18697558.html" title="bijoux de sac" class="ob-widget_last-posts_link"> 1371 bijoux de sac 1372 </a> 1373 </li> 1374 </ul> 1375 </div> 1376 1377 <div class="ob-widget ob-widget_contact-owner"> 1378 <div class="ob-h3 ob-widget_contact-owner_title ob-widget_title"> 1379 1380 </div> 1381 <div class="ob-widget_contact-owner_link"> 1382 <a href="/contact">Contacter le propriétaire du blog</a> 1383 </div> 1384 </div> 1385 1386 </div> 1387 </div> 1388 </div> 1389 1390 <div class="content"> 1391 1392<nav class="breadcrumb"> 1393 <ul style="display: flex"> 1394 <li><a href="/">Boutons, bobines etc...</a></li>
1395 <span class="breadcrumb-separator"> > </span> 1396 <li><a href="/summary">Categories</a></li> 1397 <span class="breadcrumb-separator"> > </span> 1398 <li>Boutons, bobines etc...</li> 1399 </ul> 1400</nav> 1401 1402 <div class="ob-contact"> 1403 <h3>Contact</h3> 1404 <form name="contact_message" method="post" class="ob-form" id="contact-form"> 1405 <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> 1406 <button class="g-recaptcha ob-input ob-input-submit" data-sitekey="6LcAbbUsAAAAAPFqtAXa3RhRGi_5dW_4IsJp7gUw" data-callback="onFormWithRecaptchaSubmit"> 1407 envoyer 1408 </button> 1409
1409<script> 1410 function onFormWithRecaptchaSubmit(token) { 1411 document.getElementById("contact-form").submit(); 1412 } 1413 </script>
1413 1414 <!-- invisible reCAPTCHA script -->
vendor: 83 bytes, lines 1414-1416
1414 1415 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 1416
1416</form> 1417 <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> 1418 </div> 1419 1420 </div> 1421 <div class="right-zone"> 1422 <div class="side-zone"> 1423 1424 1425<div class="ob-widgets"> 1426 <div class="ob-widget ob-widget_search" > 1427 <div class="ob-h3 ob-widget_search_title ob-widget_title"> 1428 Recherche 1429 </div> 1430 <form action="/search" method="post"> 1431 <input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" /> 1432 <input type="submit" value="Recherche" class="ob-widget_search_submit" /> 1433 </form> 1434 </div> 1435 1436 <div class="ob-widget ob-widget_last-comments"> 1437 <div class="ob-h3 ob-widget_last-comments_title ob-widget_title"> 1438 Derniers commentaires 1439 </div> 1440 <div id="ob-widget_last-comments_root"> 1441 <div class="ob-widget_last-comments_loading"></div> 1442 <div class="ob-widget_last-comments_loading"></div> 1443 <div class="ob-widget_last-comments_loading"></div> 1444 </div> 1445 </div> 1446 1447
1447<script> 1448 var isLastCommentsWidgetInitialized = false; 1449 1450 function initLastCommentsWidget(){ 1451 if(!isLastCommentsWidgetInitialized){ 1452 ob.initLastCommentsWidget(document.querySelector("#ob-widget_last-comments_root"), {"blogID":991293,"locale":"fr","I18N":{"on":"sur","graphError":"Veuillez nous excuser, une erreur est survenue lors du chargement des derniers commentaires."}}); 1453 isLastCommentsWidgetInitialized = true 1454 } 1455 } 1456 1457 window.addEventListener('DOMContentLoaded', initLastCommentsWidget) 1458 </script>
1458 1459 1460 <div class="ob-widget ob-widget_stats"> 1461 <div class="ob-widget_stats_title ob-widget_title"> 1462 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><path d="M128,496H48V304h80Z"/><path d="M352,496H272V208h80Z"/><path d="M464,496H384V96h80Z"/><path d="M240,496H160V16h80Z"/></svg> 1463 Visiteurs 1464 </div> 1465 <div class="ob-widget_stats_content"> 1466 <div class="ob-widget_stats_stats-wrapper"> 1467 <span>Depuis la création</span> 1468 <span class="ob-widget_stats_stats-count">309 696</span> 1469 </div> 1470 </div> 1471 1472</div> 1473 1474 1475 </div> 1476 </div> 1477 </div> 1478 1479</div> 1480 1481 </div> 1482 </div> 1483 1484
1484<script> 1485 document.addEventListener("DOMContentLoaded", function () { 1486 function createDropdownTrigger() { 1487 var trigger = document.createElement("span") 1488 trigger.classList.add("trigger") 1489 1490 return trigger 1491 } 1492 1493 function addTriggers() { 1494 var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span") 1495 elementsToTriggers.forEach(function (elementToTrigger) { 1496 elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger()) 1497 }) 1498 } 1499 1500 addTriggers() 1501 }) 1502</script>
1502 1503 1504 <div class="ob-footer" id="legals" > 1505 <ul> 1506 <li class="ob-footer-item">Voir le profil de <a href="https://www.canalblog.com/user/764779.html" target="_blank">Agnes_d</a> sur le portail Canalblog</li> 1507 <li class="ob-footer-item"><a href="/top">Top articles</a></li> 1508 <li class="ob-footer-item"><a href="/contact">Contact</a></li> 1509 <li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/991293"> Signaler un abus </a></li> 1510 <li class="ob-footer-item"><a href="https://www.canalblog.com/terms-of-use" target="_blank">C.G.U.</a></li> 1511 <li class="ob-footer-item"><a href="https://www.canalblog.com/cookies" target="_blank">Cookies et données personnelles</a></li> 1512 <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> 1513 </ul> 1514</div> 1515 1516 1517 1518
1518<script defer async> 1519 document.addEventListener('DOMContentLoaded', function() { 1520 async function syncRating() { 1521 const isPreview = /\/preview\/|\.preview\./.test(window.location.href) 1522 1523 if (isPreview) { 1524 return 1525 } 1526 1527 const res = await fetch(`/api/section-container/rates`, { 1528 method: "POST", 1529 headers: { 1530 "Content-Type": "application/json", 1531 }, 1532 body: JSON.stringify({ 1533 id: [], 1534 }) 1535 }) 1536 1537 if (res.ok) { 1538 const data = await res.json() 1539 1540 Object.keys(data).forEach(function(key) { 1541 const postRate = data[key] 1542 const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`) 1543 1544 input.checked = true 1545 1546 // check if it's half-star rate 1547 if (!Number.isInteger(postRate.rate)) { 1548 const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`) 1549 1550 label.classList.add("half-star") 1551 } 1552 1553 const ratersEl = document.querySelector(`.rating-raters-${key}`) 1554 1555 ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote` 1556 }) 1557 } 1558 } 1559 1560 syncRating() 1561 }) 1562 </script>
1562 1563
1563<script>
vendor: 375 bytes, lines 1563-1568
1563 1564 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1565 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1566 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1567 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1568 })(window,document,'script','dataLayer', "
1568GTM-WG3SK3P
vendor: 6 bytes, lines 1568-1569
1568"); 1569
1569</script>
1569 1570
1570<script src="https://assets.canalblog.com/c/blog/v2026.07.04/obfuscated_link.4b3f12e9.js"></script>
1570 1571 </body> 1572</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.