PageSourceSearch

https://www.nanoupatch.fr/contact

html nanoupatch.fr collected 2026-09-30 12:22:00 UTC 113,848 bytes, 1,677 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3    <head>           
4  
5        
6        
7                                                                                                    
8                                                                                                                                                                            
9    
9<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/runtime.7c91fa82.js"></script>
9<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/ads.930ed0c8.js"></script>
9
10  
10<script>
11      dataLayer = [{
12        'source'   : 'OVERBLOG',
13        'theme'    : '72',
14        'adUnitID' : '/6783/BLOGS_FR_WEB/fr',
15        'group'    : 'Blog-Deco',
16        'category' : 'Home, Crafting & DIY',
17        'rating'   : 'BS',
18        'unused'   : 'No',
19        'adult'    : 'No',
20        'pda'      : 'No',
21        'hasAds'   : 'No',
22        'lang'     : 'fr',
23        'adblock'  : '__ads_loaded__' in window ? 'No' : 'Yes',
24        'blog_id'  : '1452270',
25        'blog_name': "Patchwork, Quilting et Art Textile",
26        'premium'  : 'Yes',
27        'slots'    : {},
28              }];
29  </script>
29
30          <!-- DIDOMI CPM TAG STARTS -->
31<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)}
32    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}
33        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)}}
34        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){
35        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>
35
36<!-- DIDOMI CPM TAG ENDS -->
37
38
39<script>
40    // Paywall Bounce Rate pixel
41    function sendCustomPixel(method, consent, tcfStatus) {
42        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
43        var img = document.createElement('img');
44        img.style = "display: none;"
45        img.src = pixelUrl;
46        document.body.appendChild(img);
47    }
48
49    function triggerOnReadyOrTimeout(action, tcfStatus) {
50
51        var done = false;
52
53        function doItIfNotDone(method, consent, tcfStatus) {
54            if (!done) {
55                action(method, consent, tcfStatus);
56                done = true;
57            }
58        }
59
60        window.didomiOnReady = window.didomiOnReady || [];
61        window.didomiOnReady.push(function (Didomi) {
62            var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true;
63            var consentToString = consent == undefined ? "undefined" : consent;
64            doItIfNotDone("didomiOnReady", consentToString, tcfStatus);
65        });
66
67        setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000);
68    }
69
70    var tcfok = false;
71
72    var tryTcfApiTimer = 0;
73
74    var tryToReachTcfApi = setInterval(function() {
75        if (typeof __tcfapi !== "undefined") {
76            clearInterval(tryToReachTcfApi);
77            launchTcfApi()
78        } else if (tryTcfApiTimer > 3000) {
79            clearInterval(tryToReachTcfApi);
80            triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
81        }
82        tryTcfApiTimer += 200;
83    }, 200)
84
85    function launchTcfApi() {
86        __tcfapi('addEventListener', 2, function(tcData, success) {
87            if (success) {
88                try{
89                    switch (tcData.eventStatus) {
90                        case "useractioncomplete":
91                            triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
92                            __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
93                            break;
94                        case "cmpuishown":
95                            triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
96                            break;
97                        case "tcloaded":
98                            triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
99                            __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
100                            break;
101                        default:
102                            triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
103                    }
104                } catch (error) {
105                    triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
106                }
107                tcfok = true;
108            }
109        });
110
111        setTimeout(function() {
112            if (!tcfok) {
113                triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
114            }
115        }, 2000);
116    }
117</script>
117  <style>
118    [class^=app_gdpr] a {
119        color: white !important;
120    }
121    [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) {
122        text-decoration: underline;
123    }
124    [class^=app_gdpr] a svg {
125        fill: white !important;
126    }
127    [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{
128        z-index: 2147483647 !important;
129    }
130</style>
131    
131<script>
132    if (window.parent !== window) {
133      if (typeof btoa !== "function") {
134        window.btoa = function (input) {
135          var str = String(input);
136          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)) {
137            charCode = str.charCodeAt(idx += 3/4)
138            block = block << 8 | charCode
139          }
140          return output
141        }
142      }
143      var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i
144      var res = re.exec(document.referrer)
145      var domain = res[1]
146      var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",]
147      if (forbidden.indexOf(btoa(domain)) > -1) {
148        document.location = document.location.origin + "/system/noframed"
149      }
150    }
151  </script>
151
152  <link rel="stylesheet" href="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/overblog-main.f3114561.css">
153          <!-- Basic theme id 72 [Classical] - last modified : 2025-09-03T15:36:34+02:00 -->
154         <!-- shortcut:[Meta] -->
155        <!-- title -->
156                
157
158
159                    
160
161        <!-- Title -->
162        <title>Patchwork, Quilting et Art Textile</title>
163        <!-- metas description, keyword, robots -->
164        <!-- Metas -->
165        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
166        <meta charset="UTF-8">
167        <meta name="viewport" content="width=device-width">
168        <meta name="author" content="nanoupatch" />
169  
170        <link rel="canonical" href="https://www.nanoupatch.fr" />
171
172        <meta property="og:site_name" content="Patchwork, Quilting et Art Textile" />
173        <meta property="og:title" content="Patchwork, Quilting et Art Textile" />
174        <meta name="twitter:title" content="Patchwork, Quilting et Art Textile" />
175        <meta name="description" content=" Ouvrages patchwork, cr&amp;eacute;ations personnelles dans le domaine des arts textiles, tutos, quilting et reportages." />
176        <meta property="og:description" content=" Ouvrages patchwork, cr&amp;eacute;ations personnelles dans le domaine des arts textiles, tutos, quilting et reportages." />
177        <meta name="twitter:description" content=" Ouvrages patchwork, cr&amp;eacute;ations personnelles dans le domaine des arts textiles, tutos, quilting et reportages." />
178        <meta property="og:locale" content="fr_FR" />
179        <meta name="keywords" content="" />
180
181        <meta property="og:image" content="https://img.over-blog-kiwi.com/1/45/22/70/20200906/ob_30c474_dsc-0940.JPG" />
182        <meta name="twitter:image:src" content="https://img.over-blog-kiwi.com/1/45/22/70/20200906/ob_30c474_dsc-0940.JPG" />
183        <meta property="og:type" content="blog" />
184        <meta name="twitter:card" content="summary" />
185        <meta name="twitter:site" content="@overblog" />
186        <meta name="twitter:creator" content="@" />
187        <meta property="fb:app_id" content="284865384904712" />
188
189    
190    
191
192        <!-- Robots -->
193        <meta name="robots" content="noindex,nofollow" />
194
195        <!-- RSS -->
196        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss" />
197
198
199<!-- Analytics -->
200
201        <!-- shortcut:[Includes] -->
202        <!-- favicon -->
203        <!-- Metas -->
204    <link rel="icon" type="image/png" href="https://img.over-blog-kiwi.com/1/45/22/70/20200906/ob_30c474_dsc-0940.JPG" />
205
206        <!-- shortcut:[Options] -->
207        
208                
209                                                                                                                
210        
211                                                                                
212                
213                                                                                                                                                                
214                
215                
216        
217        <!-- includes -->
218        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss" />
219
220        <!-- NivoSlider -->
221        <link rel="stylesheet" href="https://assets.over-blog.com/t/catalog/jquery/nivo-slider/3.2/nivo-slider.css" type="text/css" media="screen" />
222        <link rel="stylesheet" href="https://assets.over-blog.com/t/catalog/jquery/nivo-slider/3.2/themes/default/default.css" type="text/css" />
223
224        <!-- Fancybox -->
225        <link rel="stylesheet" type="text/css" href="https://assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.css" media="screen" />
226
227        <!-- Template resources -->
228        <link href="https://fonts.over-blog.com/?family=Georgia:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' />
229
230        <style type="text/css">
231            @font-face {
232                font-family: Montserrat;
233                font-style: normal;
234                font-weight: 400;
235                font-display: swap;
236                src:  url(https://assets.over-blog-kiwi.com/t/fonts/montserrat/montserrat-400.woff2) format('woff2'),
237                url(https://assets.over-blog-kiwi.com/t/fonts/montserrat/montserrat-400.woff) format('woff');
238            }
239
240            @font-face {
241                font-family: Montserrat;
242                font-style: normal;
243                font-weight: 700;
244                font-display: swap;
245                src:  url(https://assets.over-blog-kiwi.com/t/fonts/montserrat/montserrat-700.woff2) format('woff2'),
246                url(https://assets.over-blog-kiwi.com/t/fonts/montserrat/montserrat-700.woff) format('woff');
247            }
248
249            .ob-h1 {
250                display: block;
251                font-size: 2em;
252                margin-top: 0.67em;
253                margin-bottom: 0.67em;
254                font-weight: bold;
255            }
256            .ob-h2 {
257                display: block;
258                font-size: 1.5em;
259                margin-top: 0.83em;
260                margin-bottom: 0.83em;
261                font-weight: bold;
262            }
263            .ob-h3 {
264                display: block;
265                font-size: 1.17em;
266                margin-top: 1em;
267                margin-bottom: 1em;
268                font-weight: bold;
269            }
270            .ob-h4 {
271                display: block;
272                margin-top: 1.33em;
273                margin-bottom: 1.33em;
274                font-weight: bold;
275            }
276            .ob-h5 {
277                display: block;
278                font-size: 0.83em;
279                margin-top: 1.67em;
280                margin-bottom: 1.67em;
281                font-weight: bold;
282            }
283            .ob-h6 {
284                display: block;
285                font-size: 0.67em;
286                margin-top: 2.33em;
287                margin-bottom: 2.33em;
288                font-weight: bold;
289            }
290        /*----- Reset -----*/
291        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,.ob-h1, .ob-h2, .ob-h3, .ob-h4, .ob-h5, .ob-h6,pre,form,fieldset,input,p,textarea,blockquote,th,td{ margin:0; padding:0;}
292        table{ border-collapse:collapse; border-spacing:0;}
293        fieldset,img{ border:0;}
294        address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
295        ol,ul{ list-style:none;}
296        caption,th{ text-align:left;}
297        h1,h2,h3,h4,h5,h6,.ob-h1, .ob-h2, .ob-h3, .ob-h4, .ob-h5, .ob-h6, .blog-title, .widget-title{ font-size:100%; font-weight:normal;}
298        q:before,q:after{ content:'';}
299        abbr,acronym{ border:0;}
300
301        /*----- Intro -----*/
302        body {background: url("https://assets.over-blog.com/t/classical/images/bg.jpg") repeat; color: #232323; font-family:Arial,Helvetica,sans-serif; font-size: 13px; line-height: 20px;}
303        textarea{ resize:none;}
304        body.withsharebar {
305            margin-top: 0;
306        }
307        a:link, a:visited, a:hover, a:active { outline:none }
308        a{cursor:pointer;outline:none;position:relative;text-decoration:none;}
309        a:hover{text-decoration:underline;}
310        ::-moz-focus-inner{ border:0; }
311        input[type=text]::-ms-clear {
312            display: none;
313        }
314        .wrap{ margin:0 auto; position:relative; width: 986px; }
315        .cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width: 0 !important;}
316        .cl { clear:left;}
317        .cr { clear:right;}
318        .cb { clear:both;}
319        .bold {font-weight:bold;}
320        h1, .ob-h1, .blog-title {
321            font-size: 30px;
322            font-weight: bold;
323            margin-bottom: 15px;
324        }
325        h1 a:hover, .ob-h1 a:hover, .blog-title a {color: #FFF; text-decoration: none;}
326        h1 a, .ob-h1 a, .blog-title a {color: #FFF;}
327        h2, .ob-h2 {font-size: 16px; font-weight: bold; letter-spacing: -0.5px;}
328        h1, h2, .ob-h1, .ob-h2 {
329            font-family: Georgia;
330        }
331        h4, .ob-h4 {letter-spacing: -0.8px;}
332
333        .article ul,
334        .article ol {
335            margin:0 0 15px 20px;
336        }
337        .article ul li {list-style: disc;}
338        .article ol li {list-style: decimal;}
339        .article pre,
340        .article .ob-section-text blockquote,
341        .article .ob-section-html blockquote{
342            border-left: 2px solid #000;
343            margin-bottom: 20px;
344            padding-left: 4px;
345        }
346
347        /*----- TOP  -----*/
348        .top {background: #202224; height: 38px; border-bottom: 1px solid #383b3d; line-height: 38px; color: white; font-weight: bold; text-shadow: 0px 1px 0px #000; font-size: 11px;}
349        .header {background: url("https://assets.over-blog.com/t/classical/images/bg-header.jpg") repeat;}
350
351        .head {background: url("https://assets.over-blog.com/t/classical/images/header.jpg") repeat-y; width: 986px; padding-top: 40px;}
352body.withsharebar .head {
353            padding-top: 70px;
354                    }
355        .avatar{
356            float:left;
357            margin-right:20px;
358        }
359
360        /*---- Logo ----*/
361        .logo {
362            float: left;
363            overflow: hidden;
364                            border-left: 1px solid #1a1a1a;
365                padding-left: 10px;
366                width: 560px;
367                    }
368        .logo .blog-title {float: left;}
369        .logo a,
370        .logo a:visited,
371        .logo a:hover {line-height: 34px; margin-right: 10px;  text-shadow: 0px 2px 1px #000;
371  color: #FFF; font-size: 30px; text-decoration: none;}
372        .slogan {float:left; color: #a6a5a5; font-style: italic; font-size: 14px; line-height: 34px; text-shadow: 0px 1px 0px #000;}
373
374        /*---- Search ----*/
375        .search {float: right; position: relative;}
376        .search input[type="text"] {background: url("https://assets.over-blog.com/t/classical/images/search.png"); border:none; height: 19px; padding: 10px; width: 272px; color: #a6a5a5; text-shadow: 0px 1px 0px #000;}
377        .search input[type="text"]:focus { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; color: white;}
378        .search input[type="submit"] {background: url("https://assets.over-blog.com/t/classical/images/search-submit.png") no-repeat; width: 17px; height: 17px; border: none; cursor: pointer; position: absolute;right: 10px;top: 12px;text-indent: -1337px;font-size: 0; display:block; line-height: 0;}
379
380        /*---- Navigation ----*/
381        .navigation {background: url("https://assets.over-blog.com/t/classical/images/nav.png") no-repeat; width: 926px; margin: 20px auto 36px; float: left; height: 61px; overflow: hidden; padding: 0 30px;}
382        .navigation li {float: left; background: url("https://assets.over-blog.com/t/classical/images/nav-sep.png") no-repeat scroll 0 10px transparent; margin-right: 20px; padding-left: 20px;}
383        .navigation li.first {padding-left: 0px;background: none;}
384        .navigation li.last {margin-right: 0px;}
385        .navigation a {color: white; display: block; font-weight: bold; margin: 2px 0; padding: 17px 0; text-shadow: 0px 1px 0px #000; text-transform: uppercase;}
386        .navigation a:hover {text-decoration: none;  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
387
388        /*---- Content ----*/
389        .main {margin-top: 0px; padding-bottom: 20px; position: relative;z-index: 3;}
390        .content:before {content: url("https://assets.over-blog.com/t/classical/images/content-top.png"); left: 0; position: absolute; top: -19px;}
391        .content {
392          background: url("https://assets.over-blog.com/t/classical/images/content.png") repeat-y scroll 0 0 transparent;
393          margin: 0 auto 0 1px;
394          padding: 0 10px 7px;
395          position: relative;
396          width: 964px;
397          display: flex;
398        }
399        .content:after {content: url("https://assets.over-blog.com/t/classical/images/content-bottom.png"); left: 0; position: absolute; bottom: -21px;}
400        .content-left {float: left; width: 622px; margin-right: 21px; padding-left: 10px; padding-right: 10px;}
401        .sidebar {float: right; width: 300px;}
402
403        /*---- Slideshow ----*/
404        .slideshow {position: relative; width: 622px; height: 299px;}
405        .slideshow .nivo-prevNav {position: absolute; z-index:100; top: 125px; left: 20px;}
406        .slideshow .nivo-nextNav {position: absolute; z-index:100; top: 125px; right: 20px;}
407        .slideshow .caption {color: white; position: absolute; background: url("https://assets.over-blog.com/t/classical/images/caption.png") repeat; width: 582px; bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; font-size: 12px; border-radius: 0 0 6px 6px; z-index:2;}
408        .slideshow .nivo-caption p {padding-left: 10px; font-family: 'Montserrat', Arial, sans-serif; font-size: 16px;}
409        #slider {display: none;}
410        #slider.nivoslider {display: block; margin-bottom: 35px; width: 622px; height: 299px; overflow: hidden;}
411        #slider a.nivo-prevNav {background: url("https://assets.over-blog.com/t/classical/images/slider-left.png") no-repeat; text-indent: -1337px; width: 32px; height: 30px; display: block;}
412        #slider a.nivo-nextNav {background: url("https://assets.over-blog.com/t/classical/images/slider-right.png") no-repeat; text-indent: -1337px; width: 32px; height: 30px; display: block;}
413
414        /*---- Articles on One ----*/
415        .on-one {float: left; width: 622px;}
416        .on-one ul {float: left;}
417        .on-one li {width: 200px; float: left; margin-right: 10px;}
418        .on-one li.last {margin-right: 0px;}
419        .on-one li .picture {overflow:hidden;position:relative;}
420        .on-one li .picture img {border-radius:6px;background:red; z-index:10;}
421        .on-one li .picture .caption-comment {color: white; position: absolute; background: url("https://assets.over-blog.com/t/classical/images/caption.png") repeat; height:20px; right: 5px; bottom: 10px; padding: 5px 10px; font-size: 12px; border-radius: 4px; z-index:2;}
422        .on-one li .picture .bubble {background: url("https://assets.over-blog.com/t/classical/images/bulle-icon.png") no-repeat; float: left; height: 15px; width: 15px; margin-right: 5px; margin-top: 4px;}
423        .on-one .meta {color: #85a5ba; font-size: 11px;}
424        .on-one h2, .on-one .ob-h2  {margin-top: 25px; margin-bottom: 25px; background: url("https://assets.over-blog.com/t/classical/images/title-sep.png") no-repeat scroll 130px 7px transparent;}
425        .on-one h4, .on-one .ob-h4  {font-size: 14px;margin-top: 5px;}
426
427        /*---- Articles ----*/
428        .articles { width: 622px; font-size: 14px; line-height: 20px;}
429        .index-title,
430        .tag-title,
431        .search-title,
432        .articles .special h3, .articles .special .ob-h3 { font-size: 18px; font-style: italic; font-weight: bold; margin-bottom: 15px; background: url("https://assets.over-blog.com/t/classical/images/title-sep.png") no-repeat scroll 130px 6px transparent;}
433        .articles > h2, .articles > .ob-h2 {background-position: 194px 6px; margin-top: 23px;}
434        .articles .special h3, .articles .special .ob-h3 {background-position: 83px 6px;}
435
436        .article h1.post-title, .article .ob-h1.post-title,
437        .article h2.post-title, .article .ob-h2.post-title {
438            font-family: Arial;
439            font-size: 16px;
440            font-weight: bold;
441            letter-spacing: -0.5px;
442            margin-bottom: 0;
443        }
444
445        .articles .meta,
446        .articles .meta a {color: #85a5ba; font-size: 11px;}
447        .articles .meta {margin-bottom: 25px;}
448        .articles .meta .tags {float: right;}
449        .article h1, .article .ob-h1 { font-size: 18px; font-family: 'Montserrat', Arial, sans-serif; margin-bottom: 5px;}
450        .articles h3, .articles .ob-h3,
451        .articles h4, .articles .ob-h4 {font-size: 18px;}
452        .articles a.readmore {border: 1px solid #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #FFF; display: inline-block; float: left; font-weight: bold; line-height: 18px; margin-right: 50px; margin-top: 3px; padding: 7px 10px; text-align: center; text-decoration: none;}
453        .article {margin-top: 20px; margin-bottom: 40px; word-wrap:break-word;}
454        .article .share {margin-top: 9px;}
455
456        .articles.single .meta {margin-bottom: 15px;}
457        .articles.single .ob-text {padding-top: 15px; padding-bottom: 15px;}
458        .articles .ob-text h2, .articles .ob-text .ob-h2 {background: none;}
459        .articles .ob-section-text p,
460        .articles .ob-section-html p {margin-bottom: 20px; text-align: justify;}
461        .articles .ob-section li p {margin-bottom: 0;}
462        .articles.single .meta {margin-bottom: 10px;}
463        .articles .ob-section {clear: both; margin-bottom: 25px; width: 100%;}
464        .articles .ob-section-text {margin-bottom: 10px;}
465
466        .articles .ob-section-text .ob-media-left {margin-right: 30px;}
467        .articles .ob-section-text .ob-media-right {margin-left: 30px;}
468        .articles .ob-section-text img,
469        .articles .ob-section-images img {max-width: 622px; margin: auto; box-shadow: 0px 0px 5px #aeaeae;}
470        .articles .ob-section-text img {margin-top: 14px;}
471        .articles .bloc-infos { width: 100%;  padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2;}
472        .articles.single .bloc-comment {margin-top: 25px;}
473        .articles.single .bloc-comment h4, .articles.single .bloc-comment .ob-h4 {margin-bottom: 5px;}
474
475        /* Repost banner */
476        .ob-repost {background: #E6E6E6; border-radius: 3px; font-weight: bold; border: 1px solid #D3D3D3; font-size: 13px; padding: 0.4em 0.8em; text-align: center; text-shadow: 1px 1px 1px #F6F6F6;}
477        .ob-repost .ob-link {text-decoration: underline;}
478
479        /* Section image */
480        .ob-section-images {width: 100%;}
481        .ob-section-images img {max-width: 622px;}
482        .ob-row-1-col img {width: 100%;}
483        .ob-row-2-col img {width: 50%;}
484        .ob-row-3-col img {width: 33.3%}
485        .ob-section-images .ob-slideshow {width: 622px;}
486        .ob-section-images .ob-slideshow .ob-img {width: 622px;}
487
488        /* twitter box */
489        .ob-section .twitter-tweet-rendered {width: 100%;}
490        .ob-section .twt-border {max-width: 100% !important;}
491
492        /* description */
493        .ob-desc {font-style: italic;}
494
495        .return {text-align: center; margin-top: 20px;}
496        .return a {font-weight:bold;}
497
498        /* IndexPage Excerpt*/
499        .excerpt .images {display: none;}
500        .excerpt .picture {position: relative; float: left; margin-right: 15px; min-height: 150px;}
501        .excerpt .picture img {border-radius:6px; max-width: 200px;}
502        .excerpt .picture img:hover {opacity: 0.6;transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
503        .excerpt .picture:hover .plus{opacity: 0.8; transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: z-index:99; max-width: 200px;border-radius:6px; background: #000;}
504        .comments-counter {display: block; position: absolute; bottom: 10px; right: 5px; white-space: nowrap; padding: 2px 5px 1px 20px; background: #111 url('https://assets.over-blog.com/t/classical/images/mini-bulle-icon.png') no-repeat 5px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -moz-transition: opacity 300ms; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; border-radius: 4px; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; text-align: center;}
505        .excerpt .picture:hover .comments-counter, .comments-counter:hover {-moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7;
505 opacity: 0.7; color: #FFF; text-decoration: none;}
506
507        /*---- Contact ----*/
508        .ob-form {margin-bottom: 120px;}
509        .ob-label {margin-left: 50px; width: 22%;}
510        .ob-input-text,
511        .ob-input-email,
512        .ob-input-textarea {background: #EEE; border: 1px solid #CCC; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
513        .ob-input-text:focus,
514        .ob-input-email:focus,
515        .ob-input-textarea:focus {background: #F3F3F3; outline: blue;}
516        .ob-input-text,
517        .ob-input-email {height: 25px; }
518        .ob-input-submit { border: 0; color: #FFFFFF; display: inline-block; font-family:Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; height: 31px; text-align: center; width: 91px; margin-top: 9px; float: left; margin-right: 10px;}
519        .ob-input-submit:hover { text-decoration: none; cursor: pointer;}
520        .ob-input-submit:active { text-decoration: none;}
521        .ob-terms {display: block; font-size: 13px; margin: 0 auto; text-align: center;}
522
523        /*---- Pagination ----*/
524        .ob-PostNavigation {
525            width: 622px;
526            margin-top: 20px;
527        }
528        .ob-PostNavigation-link {
529            box-shadow: inset 0 1px 0 0 #ffffff;
530            background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
531            background-color: #f9f9f9;
532            border-radius: 4px;
533            border: 1px solid #dcdcdc;
534            font-weight: bold;
535            color: #303030;
536            font-size: 10px;
537            padding: 2px 8px
538        }
539        .ob-PostNavigation-link:hover {
540            color: #303030;
541            text-decoration: none;
542            border: 1px solid #c0c0c0;
543        }
544        .ob-PostNavigation-link:active {
545            background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
546            background-color: #e9e9e9;
547        }
548
549        .ob-pagination{
550            margin-top: 20px;
551            text-align: center;
552        }
553        .ob-page{
554            background: url("https://assets.over-blog.com/t/classical/images/btn-page.png") no-repeat;
555            display: inline-block;
556            height: 26px;
557            line-height: 26px;
558            margin: 0 1px;
559            text-align: center;
560            width: 26px;
561        }
562        .ob-page-link{
563            color: #303030;
564            text-shadow: 0px 1px 0px #FFF;
565        }
566        .ob-page-link:hover {
567            background-position: 0 -27px;
568            text-decoration: none;
569        }
570        .ob-page-link:active {
571            background-position: 0 -54px;
572            text-decoration: none;
573        }
574        .ob-page-current{
575            background-position: 0 -81px;
576            color: #FFF;
577            text-shadow: 0 1px 1px #21496F;
578        }
579
580        /*---- Sidebar ----*/
581        .sidebar .widget-title {font-size: 16px; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 15px; background: url("https://assets.over-blog.com/t/classical/images/title-sep.png") repeat-x scroll 10px 6px transparent; width: 290px;}
582        .sidebar > div{
583            word-wrap:break-word;
584            padding:10px;
585        }
586        .sidebar .widget-title span{
587            background: #FAFAFA;
588            padding-right: 20px;
589        }
590        .sidebar .social .widget-title {background-position: 130px 6px;}
591        .sidebar .social li {min-height: 41px; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px;}
592        .sidebar .social .facebook {background: url("https://assets.over-blog.com/t/classical/images/social-fb.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
593        .sidebar .social .twitter {background: url("https://assets.over-blog.com/t/classical/images/social-twitter.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
594        .sidebar .social .rss {background: url("https://assets.over-blog.com/t/classical/images/social-rss.png") no-repeat scroll 0 3px transparent; padding-left: 40px;}
595        .sidebar .social li a {font-size: 14px; font-weight: bold;}
596        .sidebar .social li a.link {color: #aeb8c1; display: block; font-size: 12px; font-weight: normal; margin-top: -2px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
597
598        .subscribe .widget-title {
599            background-position: 130px 6px;
600        }
601        .subscribe p {
602            margin-bottom: 0.5em;
603        }
604        .subscribe .ob-form {
605            margin-bottom: 10px;
606        }
607        .subscribe label {
608            margin-left: 0px;
609            line-height: 25px;
610            position: absolute;
611            top: -5000px;
612        }
613        .subscribe .ob-form-field {
614            float: left;
615            width: 60%;
616        }
617        .subscribe input[type=email] {
618            padding: 2px 3px;
619            width: 100%
620        }
621        .subscribe input[type=submit] {
622            float: right;
623            margin: 5px 0;
624        }
625        .sidebar .widget {float: left; margin: 10px 0px 10px 0px;}
626
627        .sidebar .widget-video .widget-title {background-position: 100px 6px transparent;}
628        .sidebar .widget-video {float: left;}
629
630        .sidebar .list {float: left;}
631        .sidebar .list li {padding: 10px; border-bottom: 1px solid #f2f2f2;width: 270px;float: left;}
632        .sidebar .list li:hover {background: #f1f5f8;}
633        .sidebar .categories .widget-title {background-position: 95px 6px;}
634        .sidebar .categories .number {float: right;  height: 22px; line-height: 22px; padding:0 10px;color: #FFF;font-family: 'Montserrat', Arial, sans-serif; font-size: 14px; }
635        .sidebar .categories li a{
636            float: left;
637            max-width: 80%;
638            word-wrap:break-word;
639        }
640
641        .sidebar .archives {float: left;}
642        .sidebar .archives .widget-title {background-position:  80px 6px;}
643        .sidebar .archives .plustext {font-size: 14px; font-weight: bold;}
644        .sidebar .archives .arch_year {padding: 10px; width: 270px;float: left;}
645        .sidebar .archives .arch_month li {padding: 10px; border-bottom: 1px solid #f2f2f2; width: 260px;float: left;}
646        .sidebar .archives .arch_month li:hover {background: #f1f5f8;}
647        .sidebar .archives .arch_month .number {float: right;  height: 22px; line-height: 22px; padding:0 10px; color: #FFF;font-family: 'Montserrat', Arial, sans-serif; font-size: 14px; }
648
649        /*---- Footer ----*/
650        .footer {padding-bottom: 40px; position: relative;}
651        .footer p {float: left; text-align: center; width: 100%;}
652        .footer p span {display: inline-block;}
653        .footer .gotop {position: absolute;right: 20px;top: 0;}
654
655        .ob-section-html h1, .ob-section-html .ob-h1,
656        .ob-section-html h2, .ob-section-html .ob-h2,
657        .ob-text h3, .ob-text .ob-h3,
658        .ob-section-html h3, .ob-section-html .ob-h3,
659        .ob-text h4, .ob-text .ob-h4,
660        .ob-section-html h4, .ob-section-html .ob-h4,
661        .ob-text h5, .ob-text .ob-h5,
662        .ob-section-html h5, .ob-section-html .ob-h5,
663        .ob-section-html h6, .ob-section-html .ob-h6{
664            font-family: 'Montserrat', Arial, sans-serif;
665            margin: 15px 0 5px;
666            line-height: 1.5em;
667        }
668        .ob-section-html h1, .ob-section-html .ob-h1 {
669            font-size: 24px;
670        }
671        .ob-section-html h2, .ob-section-html .ob-h2 {
672            font-size: 20px;
673        }
674        .ob-text h3,
675        .ob-section-html h3, .ob-text .ob-h3, .ob-section-html .ob-h3 {
676            font-size: 18px;
677        }
678        .ob-text h4,
679        .ob-section-html h4, .ob-text .ob-h4, .ob-section-html .ob-h4 {
680            font-size: 16px;
681        }
682        .ob-text h5,
683        .ob-section-html h5, .ob-text .ob-h5, .ob-section-html .ob-h5 {
684            font-size: 14px;
685            font-weight: bold;
686        }
687        .ob-section-html h6, .ob-section-html .ob-h6 {
688            font-style: italic;
689        }
690        .ob-section-text a,
691        .ob-section-html a {
692            text-decoration: underline;
693        }
694        .ob-text pre {margin: 0 0 5px 0; white-space: pre-wrap;}
695        .post-tags {margin-left: 12px;}
696
697        /*-- Ads --*/
698        .ads{
699            margin: 0 auto;
700        }
701        .ads iframe{
702            background: #eef1f3;
703            border:1px solid #CCC !important;
704        }
705        .sidebar .ads{
706           margin-left: -3px;
707           margin-bottom:7px;
708           padding:0px;
709        }
710        #slider + .ads{
711            margin-top:-15px;
712            margin-bottom:15px;
713        }
714        .head .ads{
715            margin-top: -30px;
716            margin-bottom: 30px;
717        }
718        .ads-728x90{
719            height: 90px;
720            width: 728px;
721        }
722        .ads-300x250{
723            height: 250px;
724            width: 300px;
725        }
726        .ads-600x250{
727            height: 250px;
728            margin-top: 20px;
729            width: 622px;
730        }
731        .ads.ads-600x250 div{
732            float : left;
733        }
734        .ads.ads-600x250 div:first-child {
735            margin-right: 9px;
736        }
737        .ads-300{
738            text-align: center;
739            position: relative;
740            height: 1000px;
741        }
742        .ads-300 > * {
743            position: sticky;
744            top: 10px;
745        }
746        .shareBarOpened .ads-300 > * {
747            top: 50px;
748        }
749                    .share.all-post {
750                float: left;
751            }
752            .articles .bloc-infos {
753                float : left;
754            }
755        
756        /*****************
757        ** Top articles **
758        *****************/
759
760        .ob-top-posts h2, .ob-top-posts .ob-h2{
761            background: url("https://assets.over-blog.com/t/classical/images/title-sep.png") no-repeat scroll 130px 6px transparent;
762            font-size: 18px;
763            font-style: italic;
764            font-weight: bold;
765            margin-bottom: 15px;
766        }
767        .ob-top-posts .ob-top-article h3, .ob-top-posts .ob-top-article .ob-h3{
768            font-size: 16px;
769            font-style: normal;
770            font-weight: bold;
771            margin: 15px 0 0;
772            background: none;
773        }
774        .ob-top-posts .ob-top-meta{
775            color: #85a5ba;
776            font-size: 11px;
777            margin-bottom: 25px;
778        }
779        .ob-top-list .ob-top-article{
780            list-style: none;
781        }
782
783                    ::selection {color: white;  background: #00a2ff;}
784            ::-moz-selection {color: white;  background: #00a2ff;}
785            ::-webkit-selection {color: white;  background: #00a2ff;}
786
787            a{
788                color: #254C67;
789            }
790            a:hover{
791                color: #2577b0;
792            }
793            h2,
794            .ob-h2,
795            h4,
796            .ob-h4,
797            .articles .special h3, .articles .special .ob-h3,
798            .article h1, .article .ob-h1,
799            .blue,
800            .ob-section-html h1,
801            .ob-section-html .ob-h1,
802            .ob-section-html h2,
803            .ob-section-html .ob-h2,
804            .ob-text h3,
805            .ob-text .ob-h3,
806            .ob-section-html h3,
807            .ob-section-html .ob-h3,
808            .ob-text h4,
809            .ob-text .ob-h4,
810            .ob-section-html h4,
811            .ob-section-html .ob-h4,
812            .ob-text h5,
813            .ob-text .ob-h5,
814            .ob-section-html h5,
815            .ob-section-html .ob-h5,
816            .ob-section-html h6,
817            .ob-section-html .ob-h6 {
818                color: #254c67;
819            }
820            .articles a.readmore,
821            .ob-input-submit,
822            .sidebar .number  {
823                background-color: #24578e;
824                background: -moz-linear-gradient(#24578e 0%, #133d6e 100%);
825                background: -webkit-linear-gradient(#24578e 0%, #133d6e 100%);
826                background: -o-linear-gradient(#24578e 0%, #133d6e 100%);
827                background: -ms-linear-gradient(#24578e 0%, #133d6e 100%);
828                background: linear-gradient(#24578e 0%, #133d6e 100%);
829            }
830            .articles a.readmore:hover,
831            .ob-input-submit:hover  {
832                background-color: #3781b2;
833                background: -moz-linear-gradient(#3781b2 0%, #133d6e 55.63%);
834                background: -webkit-linear-gradient(#3781b2 0%, #133d6e 55.63%);
835                background: -o-linear-gradient(#3781b2 0%, #133d6e 55.63%);
836                background: -ms-linear-gradient(#3781b2 0%, #133d6e 55.63%);
837                background: linear-gradient(#3781b2 0%, #133d6e 55.63%);
838            }
839            .articles a.readmore:active,
840            .ob-input-submit:active {
841                background-color: #224F86;
842                background: -moz-linear-gradient(#1D467A 0%, #224F86 100%);
843                background: -webkit-linear-gradient(#1D467A 0%, #224F86 100%);
844                background: -o-linear-gradient(#1D467A 0%, #224F86 100%);
845                background: -ms-linear-gradient(#1D467A 0%, #224F86 100%);
846                background: linear-gradient(#1D467A 0%, #224F86 100%);
847            }
848            .sidebar .widget-title {
849                color: #254C67;
850            }
851            .article pre,
852            .article .ob-section-text blockquote,
853            .article .ob-section-html blockquote{
854                border-left-color: #254C67;
855            }
856             .articles a.readmore{
857                border-color:#1D3E71;
858            }
859            .search input[type="text"]:focus {
860                box-shadow: 0px 0px 4px #00a2ff;
861            }
862            .sidebar .categories .number,
863            .sidebar .archives .arch_month .number,
864            .ob-input-submit,
865            .articles a.readmore  {
866                text-shadow: 0 1px 0px #21496F;
867            }
868            .navigation li.active a,
869            .navigation a:hover {
870                color: white;
871                text-shadow: 0px 0px 4px #00a2ff;
872            }
873            .ob-section-file .ob-button-link {
874                background: #254C67;
875                color: #FFFFFF;
876            }
877                .ob-Outbrain_title, .ob-Related-title, .ob-Shares-title { margin-bottom: 9px; }
878
879        body .menu-main {
880  background: linear-gradient(to bottom, #333538 0%, #252729 100%);
881  width: 956px;
882  margin: 20px auto 36px;
883  float: left;
884  padding: 0 15px;
885  border-radius: 4px;
886  border: 1px solid #000; }
887  body .menu-main a, body .menu-main span {
888    text-transform: uppercase;
889    white-space: nowrap;
890    overflow: initial;
891    text-overflow: initial;
892    color: #fff;
893    font-weight: bold;
894    line-height: 50px;
895    text-shadow: 0px 1px 0px #000; }
896    body .menu-main a:hover, body .menu-main span:hover {
897      text-shadow: 0px 0px 4px #00a2ff;
898      text-decoration: none; }
899  body .menu-main li {
900    background: url(https://assets.over-blog.com/t/classical/images/nav-sep.png) no-repeat scroll 0 10px transparent; }
901  body .menu-main li:first-child {
902    background: none; }
903  body .menu-main ul li ul {
904    background: linear-gradient(to bottom, #333538 0%, #252729 100%);
905    border: 1px solid #000;
906    border-radius: 4px; }
907    body .menu-main ul li ul li > a, body .menu-main ul li ul li > span {
908      line-height: 40px; }
909  @media only screen and (max-width: 970px) {
910  body .menu-main {
911    display: initial; }
912    body .menu-main ul {
913      display: flex; }
914      body .menu-main ul li > a, body .menu-main ul li > span {
915        line-height: 50px; }
916        body .menu-main ul li ul {
917          display: none;
918          position: absolute;
919          top: 100%;
920          left: 0;
921          margin-left: initial;
922          text-align: center;
923          margin-bottom: initial; }
924          body .menu-main ul li ul li > a, body .menu-main ul li ul li > span {
925            padding: 2px 15px; }
926            body .menu-main ul li ul li > .menu_level_0 {
927              margin-left: initial;
928              transition: none; }
929            body .menu-main ul li ul li ul {
930              display: none;
931              position: absolute;
932              top: 0;
933              left: 100%;
934              margin-left: initial; } }
935  body .sidebar {
936    height: auto; }
937  body .sidebar .common-ads-container.half_page {
938    float: left;
939    padding: 0; }
940
941
942        </style>
943         
943<script>
944  function loadGA() {
945    window.dataLayer = window.dataLayer || []
946    var s = document.createElement("script")
947    s.async = true
948    s.src = "https://cdn.lib.getjan.io/library/overblog.js"
949    s.setAttribute("importance", "high")
950    var g = document.getElementsByTagName("head")[0]
951    g.parentNode.insertBefore(s, g)
952    window.jan = window.jan || {}
953    jan.cmd = jan.cmd || []
954    jancmd = function(){jan.cmd.push(arguments);}
955
956    // 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.
957    var dimensions = {
958      dimension1: '__ads_loaded__' in window ? '0' : '1',
959      dimension2: 'fr',
960      dimension3: 'BS',
961      dimension4: 'home-crafting-diy',
962      dimension5: '0',
963      dimension6: '0',
964      dimension7: '1',
965      dimension10: '1452270',
966      dimension11: '1',
967      dimension12: '2',
968      dimension13: '0',
969      dimension14: '__ads_loaded__' in window ? '1' : '0',
970      dimension15: '__ads_loaded__' in window ? '0' : '1',
971      dimension16: '1452270',
972      dimension17: "Patchwork, Quilting et Art Textile",
973            dimension24: '20090528',
974      dimension25: 'overblog',
975    }
976
977    if (location) {
978      dimensions.dimension22 = '' + location.hostname
979    }
980
981    jancmd("setConfig", {
982      metadata: dimensions,
983    });
984
985    jancmd("sendEvent", "pageview");
986  }
987
988  loadGA()
989</script>
989
990  
991<script>
992  function isConnected(connected, connected_owner, timestamp, user_id) {
993    if (connected) {
994      document.querySelector('html').classList.add('ob-connected')
995    }
996    if (connected_owner) {
997      document.querySelector('html').classList.add('ob-connected-blog')
998    }
999  }
1000</script>
vendor: 1 bytes, line 1000
1000
1001<script src="//connect.over-blog.com/ping/1452270/isConnected" async></script>
1001
1002
1003<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/overblog-main.5a6bdd1e.js"></script>
1003
1004
1005
1006  
1007  
1008 </head>
1009    <body id="top"> 
1010            
1011          
1012                  
1013  <div class="ob-ShareBar ob-ShareBar--desktop ob-ShareBar--dark js-ob-ShareBar">
1014    <div class="ob-ShareBar-container ob-ShareBar-container--left">
1015                                  
1016      
1017      <img class="ob-ShareBar-brandingImg" src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/shareicon-branding-ob--dark.png" alt="Overblog">
1018      <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com" rel="noopener,noreferrer">
1019        <span class="ob-ShareBar--mobile_text">Tous les blogs</span>
1020      </a>
1021              <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com/blogs/categorie-4">
1022          <span class="ob-ShareBar--mobile_text">Top blogs  Maison, Déco & Bricolage</span>
1023        </a>
1024                    <a class="ob-ShareBar-portalLink" href="https://www.over-blog.com/mag/deco">
1025          <span class="ob-ShareBar--mobile_text">Tous les blogs  Maison, Déco & Bricolage</span>
1026        </a>
1027          </div>
1028
1029    <div class="ob-ShareBar-container ob-ShareBar-container--right">
1030                      <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a>
1031        <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&amp;
1031text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a>
1032        <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a>
1033
1034        <form action="/search" method="post" accept-charset="utf-8" class="ob-ShareBar-search">
1035          <input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher">
1036          <button class="ob-ShareBar-submit"></button>
1037        </form>
1038
1039        
1040                  <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.over-blog.com/_follow/1452270" target="_blank" rel="nofollow">
1041              Suivre ce blog
1042          </a>
1043        
1044        <a href="https://admin.over-blog.com/" class="ob-ShareBar-admin ob-ShareBar--connected">
1045          <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-dark.svg" class="ob-ShareBar-lock">
1046          <span class="ob-ShareBar-text">Administration</span>
1047        </a>
1048      
1049      <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar-login ob-ShareBar--notconnected">
1050        <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-dark.svg" class="ob-ShareBar-lock">
1051        <span class="ob-ShareBar-text">Connexion</span>
1052      </a>
1053      <a href="https://www.over-blog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected">
1054        <span class="ob-ShareBar-plus">+</span>
1055        <span class="ob-ShareBar-text">Créer mon blog</span>
1056      </a>
1057
1058              <span class="ob-ShareBar-toggle ob-ShareBar-toggle--hide js-ob-ShareBar-toggle"></span>
1059          </div>
1060  </div>
1061
1062      <div class="ob-ShareBar ob-ShareBar--minified js-ob-ShareBar--minified">
1063      <div class="ob-ShareBar-container">
1064        <span class="ob-ShareBar-toggle ob-ShareBar-toggle--show js-ob-ShareBar-toggle"></span>
1065      </div>
1066    </div>
1067  
1068  <div id="ob-ShareBar--mobile_mask" class="ob-ShareBar--mobile_mask"></div>
1069  <div class="ob-ShareBar ob-ShareBar--mobile ob-ShareBar--dark js-ob-ShareBar">
1070    <img class="ob-ShareBar--mobile_logo" src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/shareicon-branding-ob--dark.png" width="80" height="21" alt="overblog"/>
1071    <div id="ob-ShareBar--mobile_menu-trigger" class="ob-ShareBar--mobile_menu-trigger">
1072      <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>
1073      <span>MENU</span>
1074    </div>
1075    <div id="ob-ShareBar--mobile_menu" class="ob-ShareBar--mobile_menu">
1076      <div class="ob-ShareBar--mobile_menu-wrapper">
1077        <a href="https://www.over-blog.com" rel="noopener,noreferrer">
1078          <span class="ob-ShareBar--mobile_text">Tous les blogs</span>
1079        </a>
1080                  <a href="https://www.over-blog.com/blogs/categorie-4">
1081            <span class="ob-ShareBar--mobile_text">Top blogs  Maison, Déco & Bricolage</span>
1082          </a>
1083                          <a href="https://www.over-blog.com/mag/deco">
1084            <span class="ob-ShareBar--mobile_text">Tous les blogs  Maison, Déco & Bricolage</span>
1085          </a>
1086                <form method="post" action="/search" accept-charset="utf-8" class="ob-ShareBar--mobile_search">
1087          <b>Recherche</b>
1088          <div class="ob-ShareBar--mobile_search-wrapper">
1089            <div class="ob-ShareBar--mobile_search-input">
1090              <input name="q" type="search" placeholder="Tapez un mot clé"/>
1091            </div>
1092            <button type="submit">Rechercher</button>
1093          </div>
1094        </form>
1095        <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar--mobile_login ob-ShareBar--notconnected">
1096          <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-dark.svg" class="ob-ShareBar-lock">
1097          <span class="ob-ShareBar--mobile_text">Connexion</span>
1098        </a>
1099        <a href="https://www.over-blog.com/creation" class="ob-ShareBar--mobile_create ob-ShareBar--notconnected">
1100          <span class="ob-ShareBar-plus">+</span>
1101          <span class="ob-ShareBar--mobile_text">Créer mon blog</span>
1102        </a>
1103                            
1104                      <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar--mobile_follow" href="https://admin.over-blog.com/_follow/1452270" target="_blank" rel="nofollow">
1105              <span class="ob-ShareBar--mobile_text">Suivre ce blog</span>
1106            </a>
1107          
1108          <a href="https://admin.over-blog.com/" class="ob-ShareBar--mobile_admin ob-ShareBar--connected">
1109            <img src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/images/lock-alt-dark.svg" class="ob-ShareBar-lock">
1110            <span class="ob-ShareBar--mobile_text">Administration</span>
1111          </a>
1112        
1113        <div class="ob-ShareBar--mobile_share">
1114          <b> Partager</b>
1115          <div class="ob-ShareBar--mobile_share-wrapper">
1116            <div>
1117              <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a>
1118            </div>
1119            <div>
1120              <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&amp;
1120text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a>
1121            </div>
1122            <div>
1123              <a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a>
1124            </div>
1125          </div>
1126        </div>
1127      </div>
1128    </div>
1129  </div>
1130
1131  
1131<script>
1132    var trigger = document.getElementById('ob-ShareBar--mobile_menu-trigger');
1133    var mask = document.getElementById('ob-ShareBar--mobile_mask');
1134    trigger.addEventListener('click', function(){
1135      document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened');
1136    });
1137    mask.addEventListener('click', function(){
1138      document.scrollingElement.classList.toggle('ob-ShareBar--mobile_menu-opened');
1139    });
1140  </script>
1140
1141
1142  
1142<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/sharebar.682fbc93.js"></script>
1142
1143  
1143<script>
1144        const postTitle = "Patchwork, Quilting et Art Textile"
1145        const socialShares = document.querySelectorAll('.ob-ShareBar-share--facebook, .ob-ShareBar-share--twitter')
1146
1147        socialShares.forEach((socialShareEl) => {
1148          socialShare(socialShareEl, postTitle)
1149        })
1150      </script>
1150                       <div id="fb-root"></div>
1151                <div class="header">
1152            <div class="wrap">
1153                <div class="head">
1154                                                                 <div class="avatar">
1155                            <a href="https://www.nanoupatch.fr"><img src="https://image.over-blog.com/1xLnk2WDLD8ojWgxt9S3B5C4BLM=/100x100/smart/filters:no_upscale()/image%2F1452270%2F20200906%2Fob_30c474_dsc-0940.JPG" alt="Patchwork, Quilting et Art Textile" width="100" height="100"  /></a>
1156                        </div>
1157                                        <div class="logo">
1158                                                <p class="blog-title">
1159                            <a href="https://www.nanoupatch.fr" title=" Ouvrages patchwork, cr&eacute;ations personnelles dans le domaine des arts textiles, tutos, quilting et reportages.">Patchwork, Quilting et Art Textile</a>
1160                        </p>
1161                                                <p class="slogan"> Ouvrages patchwork, cr&eacute;ations personnelles dans le domaine des arts textiles, tutos, quilting et reportages.</p>
1162                    </div>
1163                                            <div class="search">
1164                            <form class="search" method="post" action="/search">
1165                                <input type="text" name="q" placeholder="Recherche..." value="" />
1166                                <input type="submit" value="Recherche" />
1167                            </form>
1168                        </div>
1169                                                                                      <div class="navigation">
1170                          <ul>
1171                            <li class="first"><a href="https://www.nanoupatch.fr" title="Accueil">Accueil</a></li>
1172                                                                                                                                                                                                                                <li class="active"><a href="https://www.nanoupatch.fr/contact" title="Contact">Contact</a></li>
1173                          </ul>
1174                        </div>
1175                                                              <div class="cb"></div>
1176                </div>
1177            </div>
1178        </div>
1179        <div class="main">
1180            <div class="wrap">
1181               <div class="content">
1182                    <div class="content-left">
1183
1184                        
1185                        <div class="articles ">
1186                            
1187                                                            <div class="article">
1188                                    <div class="excerpt">
1189                                        <div class="bloc-text special">
1190                                            <div class="ob-contact">
1191    <h3>Contact</h3>
1192        <form name="contact_message" method="post" class="ob-form" id="contact-form">
1193        <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>
1194          <button class="g-recaptcha ob-input ob-input-submit" data-sitekey="6LcAbbUsAAAAAPFqtAXa3RhRGi_5dW_4IsJp7gUw" data-callback="onFormWithRecaptchaSubmit">
1195    envoyer
1196  </button>
1197  
1197<script>
1198    function onFormWithRecaptchaSubmit(token) {
1199      document.getElementById("contact-form").submit();
1200    }
1201  </script>
1201
1202  <!-- invisible reCAPTCHA script -->
vendor: 83 bytes, lines 1202-1204
1202
1203  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
1204    
1204</form>
1205    <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>
1206  </div>
1207
1208                                        </div>
1209                                                                            </div>
1210                                </div>
1211                                                    </div>
1212
1213                        <!-- Pagination -->
1214                        
1215                        <div class="cb"></div>
1216                    </div>
1217                    <div class="sidebar">
1218                                                                                                    <div class="social">
1219                                <p class="widget-title"><span>Suivez-moi</span></p>
1220                                <ul>
1221                                                                            <li class="facebook">
1222                                            <a class="follow" href="https://facebook.com/Anne Cascales">Suivez-moi sur Facebook</a>
1223                                            <a class="link" href="https://facebook.com/Anne Cascales">//facebook.com/Anne Cascales</a>
1224                                        </li>
1225                                                                                                            <li class="rss">
1226                                        <a class="follow" href="/rss">S'abonner au flux RSS</a>
1227                                        <a class="link" href="/rss">https://www.nanoupatch.fr/rss</a>
1228                                    </li>
1229                                </ul>
1230                            </div>
1231                        
1232                                                    <div class="subscribe">
1233                                <p class="widget-title"><span>Newsletter</span></p>
1234                                <p>Abonnez-vous pour être averti des nouveaux articles publiés.</p>
1235                                <!-- subscription form -->
1236<form action="/mail/subscribe?utm_source=_ob_abo_newsletter&amp;utm_medium=_ob_sidebar" method="post" class="ob-form ob-form-subscription">
1237    <div class="ob-form-field">
1238        <label class="ob-label required" for="form_email">Email</label>
1239        <input type="email" id="form_email" name="email" placeholder="Saisissez votre email ici" required="required" class="ob-input ob-input-email" />
1240    </div>
1241    <input type="submit" value="S'abonner" class="ob-input ob-input-submit" />
1242</form>
1243                                <div class="cb"></div>
1244                            </div>
1245                                                                            <div class="list pages">
1246                                <p class="widget-title"><span>Pages</span></p>
1247                                <ul>
1248                                                                        <li><a href="https://www.nanoupatch.fr/album-1875860.html"></a></li>
1249                                                                        <li><a href="https://www.nanoupatch.fr/album.html"></a></li>
1250                                                                        <li><a href="https://www.nanoupatch.fr/album-1985094.html">Album - balades</a></li>
1251                                                                        <li><a href="https://www.nanoupatch.fr/album-1594484.html">Album - challenge</a></li>
1252                                                                        <li><a href="https://www.nanoupatch.fr/album-1503114.html">Album - club à Arches</a></li>
1253                                                                        <li><a href="https://www.nanoupatch.fr/album-2145977.html">Album - dear-jane</a></li>
1254                                                                        <li><a href="https://www.nanoupatch.fr/album-2202133.html">Album - exposition--2014-a-Masevaux</a></li>
1255                                                                        <li><a href="https://www.nanoupatch.fr/album-1986660.html">Album - exposition-a-Bruyeres-2011</a></li>
1256                                                                        <li><a href="https://www.nanoupatch.fr/album-1517745.html">Album - exposition à Bruyères/ quilting show in Bruyères</a></li>
1257                                                                        <li><a href="https://www.nanoupatch.fr/album-2058239.html">Album - exposition-a-Chantraine</a></li>
1258                                                                        <li><a href="https://www.nanoupatch.fr/album-1986662.html">Album - exposition-a-Cornimont</a></li>
1259                                                                        <li><a href="https://www.nanoupatch.fr/album-2095355.html">Album - exposition-Epinal-2012</a></li>
1260                                                                        <li><a href="https://www.nanoupatch.fr/album-1436623.html">Album - exposition-remiremont</a></li>
1261                                                                        <li><a href="https://www.nanoupatch.fr/album-1620774.html">Album - exposition Xonrupt-Longemer</a></li>
1262                                                                        <li><a href="https://www.nanoupatch.fr/album-1481751.html">Album - expo-Ste-Marie : Hongrie et Turquie</a></li>
1263                                                                        <li><a href="https://www.nanoupatch.fr/album-1481690.html">Album - expo Ste Marie : plissage</a></li>
1264                                                                        <li><a href="https://www.nanoupatch.fr/album-1481724.html">Album - expo Ste Marie : quilts-japonais</a></li>
1265                                                                        <li><a href="https://www.nanoupatch.fr/album-1481707.html">Album - expo Ste Marie :un peu de tout</a></li>
1266                                                                        <li><a href="https://www.nanoupatch.fr/album-2117372.html">Album - freezer-paper</a></li>
1267                                                                        <li><a href="https://www.nanoupatch.fr/album-1595792.html">Album - journee-amitie</a></li>
1268                                                                        <li><a href="https://www.nanoupatch.fr/album-1505620.html">Album - kaléidoscope</a></li>
1269                                                                        <li><a href="https://www.nanoupatch.fr/album-1557996.html">Album - les-maisons</a></li>
1270                                                                        <li><a href="https://www.nanoupatch.fr/album-2112433.html">Album - nuit-des-petites-mains-2012</a></li>
1271                                                                        <li><a href="https://www.nanoupatch.fr/album-1503300.html">Album - nuit-des-petites-mains/little hands'night</a></li>
1272                                                                        <li><a href="https://www.nanoupatch.fr/album-1405582.html">Album - patchwork</a></li>
1273                                                                        <li><a href="https://www.nanoupatch.fr/album-1985982.html">Album - ribbon-weave</a></li>
1274                                                                        <li><a href="https://www.nanoupatch.fr/album-1481675.html">Album - Ste-Marie-aux-Mines---Afrique</a></li>
1275                                                                        <li><a href="https://www.nanoupatch.fr/album-1481577.html">Album - Ste Marie-aux-Mines : Nouvelle-Zélande</a></li>
1276                                                                        <li><a href="https://www.nanoupatch.fr/album-1514909.html">Album - trousse/ needle case</a></li>
1277                                                                        <li><a href="https://www.nanoupatch.fr/album-1875875.html">Album - vetements-patch</a></li>
1278                                                                        <li><a href="https://www.nanoupatch.fr/album-1527568.html">Album - village-enchante</a></li>
1279                                                                    </ul>
1280                            </div>
1281                                                                            <div class="list categories">
1282                                <p class="widget-title"><span>Catégories</span></p>
1283                                <ul>
1284                                                                    <li>
1285                                        <span class="number">341</span>
1286                                        <a href="/tag/patchwork/">patchwork</a>
1287                                    </li>
1288                                                                    <li>
1289                                        <span class="number">83</span>
1290                                        <a href="/tag/divers/">divers</a>
1291                                    </li>
1292                                                                    <li>
1293                                        <span class="number">45</span>
1294                                        <a href="/tag/amitie%20franco-americaine%20-%20french-american%20friends/">amitié franco-américaine - french-american friends</a>
1295                                    </li>
1296                                                                    <li>
1297                                        <span class="number">11</span>
1298                                        <a href="/tag/photos/">photos</a>
1299                                    </li>
1300                                                                    <li>
1301                                        <span class="number">10</span>
1302                                        <a href="/tag/recettes/">recettes</a>
1303                                    </li>
1304                                                                    <li>
1305                                        <span class="number">9</span>
1306                                        <a href="/tag/country/">country</a>
1307                                    </li>
1308                                                                    <li>
1309                                        <span class="number">7</span>
1310                                        <a href="/tag/tutos/">tutos</a>
1311                                    </li>
1312                                                                    <li>
1313                                        <span class="number">6</span>
1314                                        <a href="/tag/belgique/">belgique</a>
1315                                    </li>
1316                                                                    <li>
1317                                        <span class="number">4</span>
1318                                        <a href="/tag/balades/">balades</a>
1319                                    </li>
1320                                                                    <li>
1321                                        <span class="number">3</span>
1322                                        <a href="/tag/musique/">musique</a>
1323                                    </li>
1324                                                                    <li>
1325                                        <span class="number">1</span>
1326                                        <a href="/tag/histoire/">histoire</a>
1327                                    </li>
1328                                                                    <li>
1329                                        <span class="number">1</span>
1330                                        <a href="/tag/papotages/">papotages</a>
1331                                    </li>
1332                                                                </ul>
1333                            </div>
1334                                                
1335                                                    <div class="archives">
1336                                <p class="widget-title"><span>Archives</span></p>
1337                                <ul id="archivelist">
1338                                                                             <li class="arch_year">
1339                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2026')">2026</a>
1340                                            <ul id="arch_2026" class="arch_month" style="display:block;">
1341                                                                                                                                                            <li><a href="/archive/2026-02/">Février</a> <span class="number">1</span></li>
1342                                                                                                                                                </ul>
1343                                        </li>
1344                                                                             <li class="arch_year">
1345                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2025')">2025</a>
1346                                            <ul id="arch_2025" class="arch_month" >
1347                                                                                                                                                            <li><a href="/archive/2025-05/">Mai</a> <span class="number">5</span></li>
1348                                                                                                                                                                                                                <li><a href="/archive/2025-04/">Avril</a> <span class="number">6</span></li>
1349                                                                                                                                                                                                                <li><a href="/archive/2025-02/">Février</a> <span class="number">1</span></li>
1350                                                                                                                                                                                                                <li><a href="/archive/2025-01/">Janvier</a> <span class="number">4</span></li>
1351                                                                                                                                                </ul>
1352                                        </li>
1353                                                                             <li class="arch_year">
1354                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2024')">2024</a>
1355                                            <ul id="arch_2024" class="arch_month" >
1356                                                                                                                                                            <li><a href="/archive/2024-08/">Août</a> <span class="number">8</span></li>
1357                                                                                                                                                                                                                <li><a href="/archive/2024-07/">Juillet</a> <span class="number">8</span></li>
1358                                                                                                                                                </ul>
1359                                        </li>
1360                                                                             <li class="arch_year">
1361                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2023')">2023</a>
1362                                            <ul id="arch_2023" class="arch_month" >
1363                                                                                                                                                            <li><a href="/archive/2023-01/">Janvier</a> <span class="number">3</span></li>
1364                                                                                                                                                </ul>
1365                                        </li>
1366                                                                             <li class="arch_year">
1367                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2022')">2022</a>
1368                                            <ul id="arch_2022" class="arch_month" >
1369                                                                                                                                                            <li><a href="/archive/2022-09/">Septembre</a> <span class="number">1</span></li>
1370                                                                                                                                                                                                                <li><a href="/archive/2022-03/">Mars</a> <span class="number">1</span></li>
1371                                                                                                                                                                                                                <li><a href="/archive/2022-02/">Février</a> <span class="number">1</span></li>
1372                                                                                                                                                </ul>
1373                                        </li>
1374                                                                             <li class="arch_year">
1375                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2019')">2019</a>
1376                                            <ul id="arch_2019" class="arch_month" >
1377                                                                                                                                                            <li><a href="/archive/2019-07/">Juillet</a> <span class="number">1</span></li>
1378                                                                                                                                                                                                                <li><a href="/archive/2019-05/">Mai</a> <span class="number">1</span></li>
1379                                                                                                                                                                                                                <li><a href="/archive/2019-03/">Mars</a> <span class="number">3</span></li>
1380                                                                                                                                                </ul>
1381                                        </li>
1382                                                                             <li class="arch_year">
1383                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2018')">2018</a>
1384                                            <ul id="arch_2018" class="arch_month" >
1385                                                                                                                                                            <li><a href="/archive/2018-10/">Octobre</a> <span class="number">3</span></li>
1386                                                                                                                                                                                                                <li><a href="/archive/2018-07/">Juillet</a> <span class="number">1</span></li>
1387                                                                                                                                                                                                                <li><a href="/archive/2018-01/">Janvier</a> <span class="number">1</span></li>
1388                                                                                                                                                </ul>
1389                                        </li>
1390                                                                             <li class="arch_year">
1391                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2017')">2017</a>
1392                                            <ul id="arch_2017" class="arch_month" >
1393                                                                                                                                                            <li><a href="/archive/2017-11/">Novembre</a> <span class="number">1</span></li>
1394                                                                                                                                                                                                                <li><a href="/archive/2017-08/">Août</a> <span class="number">6</span></li>
1395                                                                                                                                                                                                                <li><a href="/archive/2017-07/">Juillet</a> <span class="number">1</span></li>
1396                                                                                                                                                                                                                <li><a href="/archive/2017-06/">Juin</a> <span class="number">2</span></li>
1397                                                                                                                                                                                                                <li><a href="/archive/2017-02/">Février</a> <span class="number">2</span></li>
1398                                                                                                                                                </ul>
1399                                        </li>
1400                                                                             <li class="arch_year">
1401                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2016')">2016</a>
1402                                            <ul id="arch_2016" class="arch_month" >
1403                                                                                                                                                            <li><a href="/archive/2016-12/">Décembre</a> <span class="number">1</span></li>
1404                                                                                                                                                                                                                <li><a href="/archive/2016-11/">Novembre</a> <span class="number">1</span></li>
1405                                                                                                                                                                                                                <li><a href="/archive/2016-08/">Août</a> <span class="number">1</span></li>
1406                                                                                                                                                                                                                <li><a href="/archive/2016-03/">Mars</a> <span class="number">1</span></li>
1407                                                                                                                                                </ul>
1408                                        </li>
1409                                                                             <li class="arch_year">
1410                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2015')">2015</a>
1411                                            <ul id="arch_2015" class="arch_month" >
1412                                                                                                                                                            <li><a href="/archive/2015-09/">Septembre</a> <span class="number">1</span></li>
1413                                                                                                                                                                                                                <li><a href="/archive/2015-08/">Août</a> <span class="number">1</span></li>
1414                                                                                                                                                                                                                <li><a href="/archive/2015-07/">Juillet</a> <span class="number">1</span></li>
1415                                                                                                                                                                                                                <li
1415><a href="/archive/2015-05/">Mai</a> <span class="number">3</span></li>
1416                                                                                                                                                                                                                <li><a href="/archive/2015-04/">Avril</a> <span class="number">1</span></li>
1417                                                                                                                                                                                                                <li><a href="/archive/2015-02/">Février</a> <span class="number">2</span></li>
1418                                                                                                                                                                                                                <li><a href="/archive/2015-01/">Janvier</a> <span class="number">11</span></li>
1419                                                                                                                                                </ul>
1420                                        </li>
1421                                                                             <li class="arch_year">
1422                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2014')">2014</a>
1423                                            <ul id="arch_2014" class="arch_month" >
1424                                                                                                                                                            <li><a href="/archive/2014-12/">Décembre</a> <span class="number">1</span></li>
1425                                                                                                                                                                                                                <li><a href="/archive/2014-07/">Juillet</a> <span class="number">4</span></li>
1426                                                                                                                                                                                                                <li><a href="/archive/2014-06/">Juin</a> <span class="number">4</span></li>
1427                                                                                                                                                                                                                <li><a href="/archive/2014-05/">Mai</a> <span class="number">3</span></li>
1428                                                                                                                                                                                                                <li><a href="/archive/2014-04/">Avril</a> <span class="number">6</span></li>
1429                                                                                                                                                                                                                <li><a href="/archive/2014-03/">Mars</a> <span class="number">3</span></li>
1430                                                                                                                                                                                                                <li><a href="/archive/2014-02/">Février</a> <span class="number">21</span></li>
1431                                                                                                                                                                                                                <li><a href="/archive/2014-01/">Janvier</a> <span class="number">2</span></li>
1432                                                                                                                                                </ul>
1433                                        </li>
1434                                                                             <li class="arch_year">
1435                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2013')">2013</a>
1436                                            <ul id="arch_2013" class="arch_month" >
1437                                                                                                                                                            <li><a href="/archive/2013-12/">Décembre</a> <span class="number">8</span></li>
1438                                                                                                                                                                                                                <li><a href="/archive/2013-10/">Octobre</a> <span class="number">3</span></li>
1439                                                                                                                                                                                                                <li><a href="/archive/2013-09/">Septembre</a> <span class="number">3</span></li>
1440                                                                                                                                                                                                                <li><a href="/archive/2013-07/">Juillet</a> <span class="number">3</span></li>
1441                                                                                                                                                                                                                <li><a href="/archive/2013-06/">Juin</a> <span class="number">32</span></li>
1442                                                                                                                                                                                                                <li><a href="/archive/2013-05/">Mai</a> <span class="number">2</span></li>
1443                                                                                                                                                                                                                <li><a href="/archive/2013-04/">Avril</a> <span class="number">2</span></li>
1444                                                                                                                                                                                                                <li><a href="/archive/2013-03/">Mars</a> <span class="number">23</span></li>
1445                                                                                                                                                                                                                <li><a href="/archive/2013-02/">Février</a> <span class="number">4</span></li>
1446                                                                                                                                                                                                                <li><a href="/archive/2013-01/">Janvier</a> <span class="number">3</span></li>
1447                                                                                                                                                </ul>
1448                                        </li>
1449                                                                             <li class="arch_year">
1450                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2012')">2012</a>
1451                                            <ul id="arch_2012" class="arch_month" >
1452                                                                                                                                                            <li><a href="/archive/2012-12/">Décembre</a> <span class="number">7</span></li>
1453                                                                                                                                                                                                                <li><a href="/archive/2012-11/">Novembre</a> <span class="number">6</span></li>
1454                                                                                                                                                                                                                <li><a href="/archive/2012-10/">Octobre</a> <span class="number">15</span></li>
1455                                                                                                                                                                                                                <li><a href="/archive/2012-09/">Septembre</a> <span class="number">2</span></li>
1456                                                                                                                                                                                                                <li><a href="/archive/2012-08/">Août</a> <span class="number">4</span></li>
1457                                                                                                                                                                                                                <li><a href="/archive/2012-07/">Juillet</a> <span class="number">3</span></li>
1458                                                                                                                                                                                                                <li><a href="/archive/2012-06/">Juin</a> <span class="number">21</span></li>
1459                                                                                                                                                                                                                <li><a href="/archive/2012-05/">Mai</a> <span class="number">14</span></li>
1460                                                                                                                                                                                                                <li><a href="/archive/2012-04/">Avril</a> <span class="number">12</span></li>
1461                                                                                                                                                                                                                <li><a href="/archive/2012-03/">Mars</a> <span class="number">6</span></li>
1462                                                                                                                                                                                                                <li><a href="/archive/2012-02/">Février</a> <span class="number">1</span></li>
1463                                                                                                                                                </ul>
1464                                        </li>
1465                                                                             <li class="arch_year">
1466                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2011')">2011</a>
1467                                            <ul id="arch_2011" class="arch_month" >
1468                                                                                                                                                            <li><a href="/archive/2011-12/">Décembre</a> <span class="number">6</span></li>
1469                                                                                                                                                                                                                <li><a href="/archive/2011-11/">Novembre</a> <span class="number">20</span></li>
1470                                                                                                                                                                                                                <li><a href="/archive/2011-10/">Octobre</a> <span class="number">18</span></li>
1471                                                                                                                                                                                                                <li><a href="/archive/2011-09/">Septembre</a> <span class="number">2</span></li>
1472                                                                                                                                                                                                                <li><a href="/archive/2011-08/">Août</a> <span class="number">1</span></li>
1473                                                                                                                                                                                                                <li><a href="/archive/2011-07/">Juillet</a> <span class="number">4</span></li>
1474                                                                                                                                                                                                                <li><a href="/archive/2011-06/">Juin</a> <span class="number">6</span></li>
1475                                                                                                                                                                                                                <li><a href="/archive/2011-05/">Mai</a> <span class="number">21</span></li>
1476                                                                                                                                                                                                                <li><a href="/archive/2011-04/">Avril</a> <span class="number">24</span></li>
1477                                                                                                                                                                                                                <li><a href="/archive/2011-02/">Février</a> <span class="number">8</span></li>
1478                                                                                                                                                                                                                <li><a href="/archive/2011-01/">Janvier</a> <span class="number">1</span></li>
1479                                                                                                                                                </ul>
1480                                        </li>
1481                                                                             <li class="arch_year">
1482                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2010')">2010</a>
1483                                            <ul id="arch_2010" class="arch_month" >
1484                                                                                                                                                            <li><a href="/archive/2010-12/">Décembre</a> <span class="number">9</span></li>
1485                                                                                                                                                                                                                <li><a href="/archive/2010-11/">Novembre</a> <span class="number">8</span></li>
1486                                                                                                                                                                                                                <li><a href="/archive/2010-10/">Octobre</a> <span class="number">8</span></li>
1487                                                                                                                                                                                                                <li><a href="/archive/2010-09/">Septembre</a> <span class="number">3</span></li>
1488                                                                                                                                                                                                                <li><a href="/archive/2010-08/">Août</a> <span class="number">24</span></li>
1489                                                                                                                                                                                                                <li><a href="/archive/2010-07/">Juillet</a> <span class="number">19</span></li>
1490       
1490                                                                                                                                                                                                         <li><a href="/archive/2010-06/">Juin</a> <span class="number">22</span></li>
1491                                                                                                                                                                                                                <li><a href="/archive/2010-05/">Mai</a> <span class="number">7</span></li>
1492                                                                                                                                                                                                                <li><a href="/archive/2010-04/">Avril</a> <span class="number">6</span></li>
1493                                                                                                                                                                                                                <li><a href="/archive/2010-03/">Mars</a> <span class="number">13</span></li>
1494                                                                                                                                                                                                                <li><a href="/archive/2010-02/">Février</a> <span class="number">10</span></li>
1495                                                                                                                                                                                                                <li><a href="/archive/2010-01/">Janvier</a> <span class="number">11</span></li>
1496                                                                                                                                                </ul>
1497                                        </li>
1498                                                                             <li class="arch_year">
1499                                            <a href="#" class="plustext" onclick="javascript:switch_arch('2009')">2009</a>
1500                                            <ul id="arch_2009" class="arch_month" >
1501                                                                                                                                                            <li><a href="/archive/2009-12/">Décembre</a> <span class="number">7</span></li>
1502                                                                                                                                                                                                                <li><a href="/archive/2009-11/">Novembre</a> <span class="number">15</span></li>
1503                                                                                                                                                                                                                <li><a href="/archive/2009-10/">Octobre</a> <span class="number">3</span></li>
1504                                                                                                                                                                                                                <li><a href="/archive/2009-08/">Août</a> <span class="number">5</span></li>
1505                                                                                                                                                                                                                <li><a href="/archive/2009-07/">Juillet</a> <span class="number">1</span></li>
1506                                                                                                                                                                                                                <li><a href="/archive/2009-06/">Juin</a> <span class="number">15</span></li>
1507                                                                                                                                                </ul>
1508                                        </li>
1509                                                                    </ul>
1510                            </div>
1511                        
1512                                                    <div class="widget blogroll">
1513                                <p class="widget-title"><span>Liens</span></p>
1514                                <ul class="list">
1515                                                                            <li>
1516                                            <a href=" <div align="center"> <a href=" https://quiltingpatch.blogspot.com/" title="Quilting Patchwork Appliqué" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeee8rlKoEQp26IiP2mHCHeTuEltTmSr1CTHu7tE-YDE7fk9F0lhoM_3bSDugsEWwCLqGFY7ZQkfHYSSIZhFReoO2R2Q6R1K8Lt0EvPQwgYhvub1zCesq7CLyKLVvQd77xEbfLFIb2iVNIM9ZR6aGqKwS1Jx51Ar66qQhNIY3beJSYCsa5u8LaKWgSw9k/s1600/Link%20Party_Patchwork&Quilts_QPA_2025_pt.png" alt="QPA" style="border:none;" /></a></div>" target="_blank">
1517                                                                                                    Link Party
1518                                                                                            </a>
1519                                        </li>
1520                                                                                                                                                                                                                                                                                                                                                                                                        </ul>
1521                            </div>
1522                        
1523                                                                    </div>
1524                    <div class="cb"></div>
1525                </div>
1526            </div>
1527        </div>
1528
1529        
1530        <div class="footer">
1531            <div class="wrap">
1532                <p>
1533                    <span class="bold blue">
1534                        Theme: Classical © 2026 - <span>Hébergé par</span> <a href="https://www.over-blog.com" target="_bank">Overblog</a>
1535                    </span>
1536                </p>
1537                <a href="#top" class="gotop">
1538                    <img alt="GoTop" src="https://assets.over-blog.com/t/classical/images/gotop.png" />
1539                </a>
1540            </div>
1541        </div>
1542
1543        
1543<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
1543
1544        
1544<script src="https://assets.over-blog.com/t/catalog/jquery/nivo-slider/3.2/jquery.nivo.slider.pack.js"></script>
1544
1545        
1545<script src="https://assets.over-blog.com/t/catalog/jquery/fancybox/2.5/source/jquery.fancybox.pack.js"></script>
1545
1546
1547        
1547<script>
1548                        $(document).ready(function() {
1549                
1550                // Fancybox
1551                $(".ob-link-img, .author-avatar, .blog-avatar, .asset-img-link, .avatar").attr("rel", "fancybox");
1552                $("a[rel=fancybox]").fancybox({
1553                    'overlayShow'   : true,
1554                    'transitionIn'  : 'fadin',
1555                    'transitionOut' : 'fadin',
1556                    'type'          : 'image'
1557                });
1558
1559                                    if($.browser.msie && $.browser.version <= 9.0 ){
1560                        $('input[placeholder]').each(function(){
1561                            var input = $(this);
1562                            $(input).val(input.attr('placeholder'));
1563                            $(input).focus(function(){
1564                                 if (input.val() == input.attr('placeholder')) {
1565                                     input.val('');
1566                                 }
1567                            });
1568                            $(input).blur(function(){
1569                                if (input.val() == '' || input.val() == input.attr('placeholder')) {
1570                                    input.val(input.attr('placeholder'));
1571                                }
1572                            });
1573                        });
1574                    }
1575                            });
1576
1577            // Google + button
1578            window.___gcfg = {lang: 'fr'};
1579
1580            (function() {
1581                var po = document.createElement('script');
1582                    po.type = 'text/javascript';
1583                    po.async = true;
1584                    po.src = 'https://apis.google.com/js/plusone.js';
1585                var s = document.getElementsByTagName('script')[0];
1586                    s.parentNode.insertBefore(po, s);
1587            })();
1588
1589                            // Facebook share + comments
1590                (function(d, s, id) {
1591                    var js, fjs = d.getElementsByTagName(s)[0];
1592                    if (d.getElementById(id)) return;
1593                        js = d.createElement(s);
1594                        js.id = id;
1595                        js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1&appId=284865384904712";
1596                        fjs.parentNode.insertBefore(js, fjs);
1597                }(document, 'script', 'facebook-jssdk'));
1598            
1599            // Twitter share + posts
1600            !function(d,s,id){
1601                var js,fjs=d.getElementsByTagName(s)[0];
1602                if(!d.getElementById(id)){
1603                    js = d.createElement(s);
1604                    js.id = id;
1605                    js.src = "https://platform.twitter.com/widgets.js";
1606                    fjs.parentNode.insertBefore(js,fjs);
1607                }
1608            }(document,"script","twitter-wjs");
1609
1610                            // Archives
1611                function switch_arch(year) {
1612                    'use strict';
1613                    var archiveYear,
1614                        archiveMonths,
1615                        displayStyle;
1616                        displayStyle = '';
1617                        archiveYear = document.getElementById('arch_' + year);
1618                    if (typeof (archiveYear) !== 'undefined') {
1619                        if (archiveYear.style.display !== 'none') {
1620
1621                            // Hide years without months
1622                                archiveMonths = archiveYear.getElementsByTagName('li');
1623                            if (!archiveMonths.length) {
1624                                archiveYear.parentNode.style.display = 'none';
1625                            }
1626                            // Onclick management
1627                            displayStyle = 'none';
1628                        }
1629                        archiveYear.style.display = displayStyle;
1630                    }
1631                    return false;
1632                }
1633
1634                $(document).ready(function(){
1635                    $('.plustext').click(function(e) {
1636                        return false;
1637                    });
1638                });
1639
1640                                                                                                switch_arch('2025');
1641                                                                                switch_arch('2024');
1642                                                                                switch_arch('2023');
1643                                                                                switch_arch('2022');
1644                                                                                switch_arch('2019');
1645                                                                                switch_arch('2018');
1646                                                                                switch_arch('2017');
1647                                                                                switch_arch('2016');
1648                                                                                switch_arch('2015');
1649                                                                                switch_arch('2014');
1650                                                                                switch_arch('2013');
1651                                                                                switch_arch('2012');
1652                                                                                switch_arch('2011');
1653                                                                                switch_arch('2010');
1654                                                                                switch_arch('2009');
1655                                                        </script>
1655
1656             <div class="ob-footer" id="legals" >
1657    <ul>
1658        <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/1351730.html" target="_blank">nanoupatch</a> sur le portail Overblog</li>
1659                <li class="ob-footer-item"><a href="/top">Top articles</a></li>
1660        <li class="ob-footer-item"><a href="/contact">Contact</a></li>
1661        <li class="ob-footer-item"><a href="https://www.over-blog.com/abuse/1452270"> Signaler un abus </a></li>
1662        <li class="ob-footer-item"><a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a></li>
1663            <li class="ob-footer-item"><a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a></li>
1664        <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li>
1665    </ul>
1666</div>
1667
1668        
1668<script>
vendor: 375 bytes, lines 1668-1673
1668
1669    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1670              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1671            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1672            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1673    })(window,document,'script','dataLayer', "
1673GTM-WG3SK3P
vendor: 6 bytes, lines 1673-1674
1673");
1674  
1674</script>
1674
1675    
1675<script src="https://assets.over-blog-kiwi.com/b/blog/v2026.07.04/obfuscated_link.4b3f12e9.js"></script>
1675
1676 </body>
1677</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.