PageSourceSearch

https://www.boutonsbobines.fr/contact

html boutonsbobines.fr collected 2026-10-07 17:16:22 UTC 56,200 bytes, 1,572 lines download raw bytes

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&#039;Agn&amp;egrave;s..." />
189        <meta property="og:description" content="La petite boutique d&#039;Agn&amp;egrave;s..." />
190        <meta name="twitter:description" content="La petite boutique d&#039;Agn&amp;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}&amp;
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}&amp;
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&amp;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&egrave;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.