PageSourceSearch

https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html

html schwarzkopf.fr collected 2026-10-06 18:02:43 UTC 757,698 bytes, 29,692 lines download raw bytes

1
2
3<!DOCTYPE HTML>
4<html lang="fr-FR" dir="ltr">
5
6<head>
7    
8    <meta name="content-page-ref" content="8vT_nEZQpvmkodvDB4YpDQZHrK8PU8jD8gUr2QJt537dElCnlu325t6EeAb0nle7tPFSRV_dfAhN1Kd6JHVXRafgGC06coSTtTsWg8ebQWNN3FMcqTy__5Ton3wLt2yoha0tA2DRuPfS_5s4dQBvnQ">
9<script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/micro.js"></script>
9
10<link href="https://dm.henkel-dam.com" rel="preconnect"/>
11    
11<script>
12        performance.mark('HTML head start');
13    </script>
13
14    <meta charset="UTF-8"/>
15    
16<link rel="icon" sizes="16x16" href="https://dm.henkel-dam.com/is/image/henkel/SKP-FAVICON-16x16?fmt=png-alpha&qlt=90&wid=16"/>
17<link rel="apple-touch-icon" href="https://dm.henkel-dam.com/is/image/henkel/SKP-FAVICON-16x16?fmt=png-alpha&qlt=90&wid=128"/>
18<link rel="apple-touch-icon" sizes="128x128" href="https://dm.henkel-dam.com/is/image/henkel/SKP-FAVICON-16x16?fmt=png-alpha&qlt=90&wid=128"/>
19<link rel="apple-touch-icon" sizes="196x196" href="https://dm.henkel-dam.com/is/image/henkel/SKP-FAVICON-16x16?fmt=png-alpha&qlt=90&wid=196"/>
20    <meta name="template" content="content-page"/>
21    <meta name="viewport" content="width=device-width, initial-scale=1"/>
22    
23    
24     
25
26    
27  
28
29    <meta name="google-site-verification" content="MD7fSiu9Rr4X72tWp0lCuhFE-8Ij9Hog8e9QdbyzB_A"/>
30
31
32    
33    
34    <link rel="canonical" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html"/>
35    
36
37    
37<script type="application/ld+json" id="page-seo-jsonLD">
38        [{"parentOrganization":{"name":"Henkel","@type":"Organization"},"contactPoint":{"@type":"ContactPoint","contactType":"","telephone":""},"sameAs":[""],"brand":{"@type":"Organization"},"description":"","url":"","@context":"https://schema.org","@type":"Organization"},{"description":"","url":"https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html","name":"Par type de coloration","@context":"https://schema.org","@id":"https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html","@type":"WebPage"}]
39    </script>
39
40    
41
42    
43    
44
45	
46
47
48
49    
50    
51    
52
53<script>
54  window.raqnCIAM = window.raqnCIAM || {};
55  window.raqnCIAM.isEnabled = false;
56  window.raqnCIAM.isInit = window.raqnCIAM.isInit || false;
57</script>
57
58
59
60
61
62
63
64<script>
65  window.heliuxGigyaService = window.heliuxGigyaService || {};
66  window.heliuxGigyaService.isEnabled = false;
67  window.heliuxGigyaService.isInit = window.heliuxGigyaService.isInit || false;
68</script>
68
69
70
71
72
73
74
75    
76    
77
78
79
80  
81
82
83
84  
85
86
87
88  
89
90
91
92    
93    <title id="pageTitle">Par type de coloration</title>
94    
95    
96
97    
98
99
100
101
102    
103    
104    
105    
106    
107    
108        
108<script type="text/javascript">(self.heliuxModules=self.heliuxModules||[]).push([[3076],{22453(){!function(){"use strict";const e=e=>"connection"in navigator?e.indexOf(navigator.connection.effectiveType)>=0?"slow":"fast":"unknown",n=e=>null!==sessionStorage.getItem(e),o=e=>{try{return n(e)?JSON.parse(sessionStorage.getItem(e)):{}}catch(e){return 0}},t={settings:{lowRAM:4,lowCPU:4,slowConnectionTypes:["slow-2g","2g","3g"]},sessionStorageKey:"progressiveUserSettings"};window.progUX=r=>{const s={...t,...r},{sessionStorageKey:i}=s,c=o(i),a=n(i)?(n=>{const{slowConnectionTypes:o}=n;return{connectionSpeed:e(o)}})(s.settings):(n=>{const{lowRAM:o,lowCPU:t,slowConnectionTypes:r}=n;return{memoryLevel:(e=>{if(!("deviceMemory"in navigator))return"unknown";const n=navigator.deviceMemory;return n===e?"mid":n>e?"high":"low"})(o),cpuLevel:(e=>{if(!("hardwareConcurrency"in navigator))return"unknown";const n=navigator.hardwareConcurrency;return n===e?"mid":n>e?"high":"low"})(t),connectionSpeed:e(r),saveData:"connection"in navigator?navigator.connection.saveData:0,reducedMotion:window.matchMedia("(prefers-reduced-motion: reduce)").matches,doNotTrack:(()=>{const e="doNotTrack"in navigator,n="1"===navigator.doNotTrack;return e&&n})()}})(s.settings);((e,n)=>{((e,n)=>{try{sessionStorage.setItem(n,JSON.stringify(e))}catch(e){}})(e,n),function(e){const n=o(e),t=document.getElementsByTagName("html")[0];Object.entries(n).forEach(e=>{const[n,o]=e,r=`${n}-${o}`;t.classList.add(r)})}(n)})(Object.assign(c,a),i)}}()},26766(e,n,o){o(22453),window.progUX()}},e=>{e(26766)}]);</script>
108
109
110    
111
112    
113
114
115    
116
117
118    
119    
120    
121
122
123
124    
125
126    
127
128    
128<script type="text/plain" class="optanon-category-C0004" src="//assets.adobedtm.com/6f3e7fc3f999/d025b59d2158/launch-7b34ddcc5411.min.js" async>
129    </script>
129
130
131    
132
133
134    
135    
136        
137    
138
139    
140    
141    
142    
143
144
145<template class="adobeanalytics__base" data-components="AdobeAnalytics" data-components-params-AdobeAnalytics='{ "damDomains": "[dm.henkel-dam.com,datasheets.tdx.henkel.com]" ,
146               "cookieCategoryIdsForTracking": "C0004",
147               "itemsToTrackConfigs": {
148                    "pageViewOnInitAnalyticsConfig": {
149                         "trackingProperties": {&#34;_henkel&#34;:{&#34;page&#34;:{&#34;country&#34;:&#34;FR&#34;,&#34;businessUnit&#34;:&#34;HCB&#34;,&#34;subGroup&#34;:&#34;&#34;,&#34;publishDate&#34;:&#34;2025-01-23&#34;,&#34;language&#34;:&#34;fr&#34;,&#34;category&#34;:&#34;Brand&#34;,&#34;group&#34;:&#34;sk France&#34;},&#34;brand&#34;:&#34;skr&#34;},&#34;web&#34;:{&#34;webPageDetails&#34;:{&#34;name&#34;:&#34;par-type-de-coloration&#34;,&#34;isHomePage&#34;:false,&#34;isErrorPage&#34;:false}},&#34;environment&#34;:{&#34;type&#34;:&#34;prod&#34;}},
150                         "trackingParams": {
151                              "identitySchema": "b2c"
152                         }
153                    }
154               },
155               "userConditionalBehavior": {}
156          }'>
157</template>
158
159
160    
161	    
162    
163        
163<script src="/etc.clientlibs/heliux/clientlibs/commons/tracking.lc-2742e8fc79900c737c14e9fee0539356-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 163
163
164<script src="/etc.clientlibs/heliux/clientlibs/publish/components/tracking/adobeanalytics/v1/adobeanalytics.lc-76c91f5f1e3a045ed28e969d5c468fd7-lc.min.js" defer type="text/javascript"></script>
164
165
166    
167
168	    
169	    
170    
171    
172
173
174
175
176
177
178
179    
180
181    
181<script type="text/plain" class="optanon-category-C0002">
182        (function (w, d, s, l, i) {
183            w[l] = w[l] || [];
184            w[l].push(
185                {'gtm.start': new Date().getTime(), event: 'gtm.js'});
186            var f = d.getElementsByTagName(s)[0],
187                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
188            j.async = true;
189            j.src =
190                'https://www.googletagmanager.com/gtm.js?id=' + i + dl + '';
191            f.parentNode.insertBefore(j, f);
192        })(window, document, 'script', 'dataLayer', 'GTM\u002DPFDPQL');
193    </script>
193
194
195    
196    
197    
198    
199    
200        
201    
202
203    
204    
205    
206    
207
208    
209    <template class="googleanalytics__base" data-components='GoogleAnalytics' data-components-params-GoogleAnalytics='{"cookieCategoryIdsForTracking": "C0002", "itemsToTrackConfigs": { "pageMetaOnInitAnalyticsConfig": { "trackingProperties": {&#34;page_category&#34;:&#34;Brand&#34;,&#34;page_group&#34;:&#34;sk France&#34;,&#34;page_subgroup&#34;:null,&#34;website_brand&#34;:&#34;SKR&#34;,&#34;page_bu&#34;:&#34;HCB&#34;,&#34;language&#34;:&#34;fr&#34;,&#34;country&#34;:&#34;FR&#34;,&#34;page_url&#34;:&#34;https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html&#34;,&#34;environment&#34;:&#34;prod&#34;} } }}'>
210    </template>
211
212    
213    
214	    
215    
216        
216<script src="/etc.clientlibs/heliux/clientlibs/publish/components/tracking/googleanalytics/v1/googleanalytics.lc-9a302e8ecc3b0461aa3823c783b9bbb5-lc.min.js" defer type="text/javascript"></script>
216
217
218    
219
220	    
221	    
222    
223    
224
225 
226
227
228
229
230    
231    <meta property="og:type" content="website"/>
232<meta property="og:image:alt" content="Par type de coloration"/>
233<meta property="twitter:title" content="Par type de coloration"/>
234<meta property="twitter:card" content="website"/>
235<meta property="twitter:image:alt" content="Par type de coloration"/>
236<meta property="og:title" content="Par type de coloration"/>
237<meta property="og:url" content="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html"/>
238
239    
240
241
242
243  <style>
244    body,raqn-theme {
245  --global-color-default-main-color:#161616;
246  --global-color-default-accent2:#a62139;
247  --global-color-default-accent1:#161616;
248  --global-color-default-accent1-hover:#818181;
249  --global-color-default-accent1-disabled:#dcdcdc;
250  --global-color-default-accent2-text:#ffffff;
251  --global-color-default-alt-color:#818181;
252  --global-color-default-accent1-hover-text:#ffffff;
253  --global-color-default-success-color:#00FF00;
254  --global-color-default-accent2-disabled:#ffffff;
255  --global-color-default-accent2-hover:#e65d71;
256  --global-color-default-background:#ffffff;
257  --global-color-default-accent2-disabled-text:#dcdcdc;
258  --global-color-default-accent1-text:#ffffff;
259  --global-color-default-error-color:#ae0000;
260  --global-color-default-accent1-disabled-text:#ffffff;
261  --global-color-default-accent2-hover-text:#ffffff;
262  --global-color-primary-main-color:#161616;
263  --global-color-primary-accent2:#818181;
264  --global-color-primary-accent1:#161616;
265  --global-color-primary-accent1-hover:#818181;
266  --global-color-primary-accent1-disabled:#dcdcdc;
267  --global-color-primary-accent2-text:#161616;
268  --global-color-primary-alt-color:#a62139;
269  --global-color-primary-accent1-hover-text:#ffffff;
270  --global-color-primary-success-color:#00FF00;
271  --global-color-primary-accent2-disabled:#f5f5f5;
272  --global-color-primary-accent2-hover:#f5f5f5;
273  --global-color-primary-background:#f7f7f7;
274  --global-color-primary-accent2-disabled-text:#dcdcdc;
275  --global-color-primary-accent1-text:#ffffff;
276  --global-color-primary-error-color:#ae0000;
277  --global-color-primary-accent1-disabled-text:#ffffff;
278  --global-color-primary-accent2-hover-text:#818181;
279  --global-color-secondary-main-color:#161616;
280  --global-color-secondary-background-2:#ffffff;
281  --global-color-secondary-background-1:#1b33ae;
282  --global-color-secondary-accent2:#161616;
283  --global-color-secondary-accent1:#ffffff;
284  --global-color-secondary-accent1-hover:#161616;
285  --global-color-secondary-accent1-disabled:#f5f5f5;
286  --global-color-secondary-accent2-text:#ffffff;
287  --global-color-secondary-alt-color:#a62139;
288  --global-color-secondary-accent1-hover-text:#ffffff;
289  --global-color-secondary-success-color:#00FF00;
290  --global-color-secondary-accent2-disabled:#dcdcdc;
291  --global-color-secondary-accent2-hover:#818181;
292  --global-color-secondary-background:#ffffff;
293  --global-color-secondary-accent2-disabled-text:#ffffff;
294  --global-color-secondary-accent1-text:#161616;
295  --global-color-secondary-error-color:#ae0000;
296  --global-color-secondary-accent1-disabled-text:#dcdcdc;
297  --global-color-secondary-accent2-hover-text:#ffffff;
298  --global-layout-header-height-mobile:70px;
299  --global-layout-header-height-desktop:138px;
300  --global-layout-default-grid-gutter:20px;
301  --global-layout-default-row-gap:20px;
302  --global-layout-default-row-gap-small:20px;
303  --global-layout-default-grid-gutter-small:20px;
304  --global-layout-default-margin:20px;
305  --global-layout-default-grid-gutter-medium:20px;
306  --global-layout-default-row-gap-medium:20px;
307  --global-layout-big-margin:40px;
308  --global-layout-small-margin:10px;
309  --global-layout-negative-margin:-20px;
310  --global-layout-content-max-width-xl:1160px;
311  --global-layout-content-max-width-l:990px;
312  --global-layout-content-max-width-m:1023px;
313  --global-layout-content-max-width-xxl:1160px;
314  --global-fonts-body-device-family:Helvetica Neue, Helvetica, Arial, sans-serif;
315  --global-fonts-body-custom-family:body;
316  --global-fonts-body-custom-family-file-bold:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd-Bold.woff;
317  --global-fonts-body-custom-family-file-normal:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd.woff;
318  --global-fonts-headings-device-family:Helvetica Neue, Helvetica, Arial, sans-serif;
319  --global-fonts-headings-custom-family:headings;
320  --global-fonts-headings-custom-family-file-bold:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd-Bold.woff;
321  --global-fonts-headings-custom-family-file-normal:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd.woff;
322  --global-fonts-navigation-device-family:Helvetica Neue, Helvetica, Arial, sans-serif;
323  --global-fonts-navigation-custom-family:navigation;
324  --global-fonts-navigation-custom-family-file-bold:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd-Bold.woff;
325  --global-fonts-navigation-custom-family-file-normal:\2f content\2f dam\2fheliux\2f beauty\2fskr\2f fonts\2fTradeGothicLTStd.woff;
326  --global-type-heading1-font-size-tablet:80px;
327  --global-type-heading1-font-size-extra-large-desktop:120px;
328  --global-type-heading1-font-size-desktop:94px;
329  --global-type-heading1-font-weight:bold;
330  --global-type-heading1-letter-spacing:0px;
331  --global-type-heading1-font-size-large-desktop:108px;
332  --global-type-heading1-font-size-mobile:40px;
333  --global-type-heading1-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
334  --global-type-heading1-line-height:1em;
335  --global-type-heading2-font-size-tablet:30px;
336  --global-type-heading2-font-size-desktop:32px;
337  --global-type-heading2-font-weight:bold;
338  --global-type-heading2-letter-spacing:0px;
339  --global-type-heading2-font-size-mobile:30px;
340  --global-type-heading2-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
341  --global-type-heading2-line-height:1.2em;
342  --global-type-heading3-font-size-tablet:24px;
343  --global-type-heading3-font-size-desktop:28px;
344  --global-type-heading3-font-weight:bold;
345  --global-type-heading3-letter-spacing:0px;
346  --global-type-heading3-font-size-mobile:24px;
347  --global-type-heading3-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
348  --global-type-heading3-line-height:1.2em;
349  --global-type-heading4-font-size-tablet:22px;
350  --global-type-heading4-font-size-desktop:26px;
351  --global-type-heading4-font-weight:normal;
352  --global-type-heading4-letter-spacing:0px;
353  --global-type-heading4-font-size-mobile:22px;
354  --global-type-heading4-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
355  --global-type-heading4-line-height:1.2em;
356  --global-type-heading5-font-size-tablet:20px;
357  --global-type-heading5-font-size-desktop:20px;
358  --global-type-heading5-font-weight:normal;
359  --global-type-heading5-letter-spacing:0px;
360  --global-type-heading5-font-size-mobile:20px;
361  --global-type-heading5-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
362  --global-type-heading5-line-height:1.2em;
363  --global-type-heading6-font-size-tablet:18px;
364  --global-type-heading6-font-size-desktop:18px;
365  --global-type-heading6-font-weight:normal;
366  --global-type-heading6-letter-spacing:0px;
367  --global-type-heading6-font-size-mobile:18px;
368  --global-type-heading6-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
369  --global-type-heading6-line-height:1.2em;
370  --global-type-heading7-font-size-tablet:14px;
371  --global-type-heading7-font-size-desktop:16px;
372  --global-type-heading7-font-weight:normal;
373  --global-type-heading7-letter-spacing:0px;
374  --global-type-heading7-font-size-mobile:14px;
375  --global-type-heading7-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
376  --global-type-heading7-line-height:1.2em;
377  --global-type-linklist-font-size-tablet:14px;
378  --global-type-linklist-font-size-desktop:14px;
379  --global-type-linklist-font-weight:lighter;
380  --global-type-linklist-letter-spacing:0px;
381  --global-type-linklist-font-size-mobile:11px;
382  --global-type-linklist-font-family:body, Helvetica Neue, Helvetica, Arial, sans-serif;
383  --global-type-linklist-line-height:2.3em;
384  --global-type-body-font-size-tablet:16px;
385  --global-type-body-font-size-desktop:18px;
386  --global-type-body-font-weight:normal;
387  --global-type-body-letter-spacing:0px;
388  --global-type-body-font-size-mobile:16px;
389  --global-type-body-font-family:body, Helvetica Neue, Helvetica, Arial, sans-serif;
390  --global-type-body-line-height:1.5em;
391  --global-type-label-font-size-tablet:14px;
392  --global-type-label-font-size-desktop:16px;
393  --global-type-label-font-weight:bold;
394  --global-type-label-letter-spacing:0px;
395  --global-type-label-font-size-mobile:14px;
396  --global-type-label-font-family:body, Helvetica Neue, Helvetica, Arial, sans-serif;
397  --global-type-label-line-height:1.2em;
398  --global-type-cta-font-size-tablet:14px;
399  --global-type-cta-font-size-desktop:14px;
400  --global-type-cta-font-weight:normal;
401  --global-type-cta-letter-spacing:1;
402  --global-type-cta-font-size-mobile:14px;
403  --global-type-cta-font-family:body, Helvetica Neue, Helvetica, Arial, sans-serif;
404  --global-type-cta-line-height:1.73em;
405  --global-type-caption-font-size-tablet:14px;
406  --global-type-caption-font-size-desktop:14px;
407  --global-type-caption-font-weight:normal;
408  --global-type-caption-letter-spacing:0px;
409  --global-type-caption-font-size-mobile:14px;
410  --global-type-caption-font-family:body, Helvetica Neue, Helvetica, Arial, sans-serif;
411  --global-type-caption-line-height:1.2em;
412  --global-type-navigation-font-size-tablet:14px;
413  --global-type-navigation-font-size-desktop:14px;
414  --global-type-navigation-font-weight:bold;
415  --global-type-navigation-letter-spacing:0px;
416  --global-type-navigation-font-size-mobile:16px;
417  --global-type-navigation-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
418  --global-type-navigation-line-height:1em;
419  --global-type-navigationLevel2-font-size-tablet:18px;
420  --global-type-navigationLevel2-font-size-desktop:18px;
421  --global-type-navigationLevel2-font-weight:bold;
422  --global-type-navigationLevel2-letter-spacing:0px;
423  --global-type-navigationLevel2-font-size-mobile:16px;
424  --global-type-navigationLevel2-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
425  --global-type-navigationLevel2-line-height:1em;
426  --global-type-navigationLevel3-font-size-tablet:16px;
427  --global-type-navigationLevel3-font-size-desktop:16px;
428  --global-type-navigationLevel3-font-weight:normal;
429  --global-type-navigationLevel3-letter-spacing:0px;
430  --global-type-navigationLevel3-font-size-mobile:14px;
431  --global-type-navigationLevel3-font-family:headings, Helvetica Neue, Helvetica, Arial, sans-serif;
432  --global-type-navigationLevel3-line-height:1em;
433  --global-type-meta-font-size-tablet:14px;
434  --global-type-meta-font-size-desktop:14px;
435  --global-type-meta-font-weight:normal;
436  --global-type-meta-letter-spacing:0px;
437  --global-type-meta-font-size-mobile:14px;
438  --global-type-meta-font-family:navigation, Helvetica Neue, Helvetica, Arial, sans-serif;
439  --global-type-meta-line-height:2.3em;
440  --global-type-bulletedList-list-style-type:disc;
441}
442@font-face {
443  font-family: body;
444  font-style: normal;
445  font-weight: 400;
446  font-display: swap;
447  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd.woff') format('woff2');
448}
449@font-face {
450  font-family: body;
451  font-style: normal;
452  font-weight: 700;
453  font-display: swap;
454  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd-Bold.woff') format('woff2');
455}
456@font-face {
457  font-family: headings;
458  font-style: normal;
459  font-weight: 400;
460  font-display: swap;
461  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd.woff') format('woff2');
462}
463@font-face {
464  font-family: headings;
465  font-style: normal;
466  font-weight: 700;
467  font-display: swap;
468  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd-Bold.woff') format('woff2');
469}
470@font-face {
471  font-family: navigation;
472  font-style: normal;
473  font-weight: 400;
474  font-display: swap;
475  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd.woff') format('woff2');
476}
477@font-face {
478  font-family: navigation;
479  font-style: normal;
480  font-weight: 700;
481  font-display: swap;
482  src: url('/content/dam/heliux/beauty/skr/fonts/TradeGothicLTStd-Bold.woff') format('woff2');
483}
484
485  </style>
486
487  <style>
488    body.dark {
489  --global-color-default-main-color:#ffffff;
490  --global-color-default-accent2:#505050;
491  --global-color-default-accent1:#636363;
492  --global-color-default-accent1-hover:#3b3b3b;
493  --global-color-default-accent1-disabled:#c9bbaa;
494  --global-color-default-accent2-text:#ffffff;
495  --global-color-default-alt-color:#808080;
496  --global-color-default-accent1-hover-text:#ffffff;
497  --global-color-default-success-color:#00FF00;
498  --global-color-default-accent2-disabled:#a7a6a6;
499  --global-color-default-accent2-hover:#1a1a1a;
500  --global-color-default-background:#000000;
501  --global-color-default-accent2-disabled-text:#aaaaaa;
502  --global-color-default-accent1-text:#ffffff;
503  --global-color-default-error-color:#ae0000;
504  --global-color-default-accent1-disabled-text:#aaaaaa;
505  --global-color-default-accent2-hover-text:#ffffff;
506  --global-color-primary-main-color:#ffffff;
507  --global-color-primary-accent2:#703c00;
508  --global-color-primary-accent1:#505050;
509  --global-color-primary-accent1-hover:#1a1a1a;
510  --global-color-primary-accent1-disabled:#585858;
511  --global-color-primary-accent2-text:#ffffff;
512  --global-color-primary-alt-color:#ffffff;
513  --global-color-primary-accent1-hover-text:#ffffff;
514  --global-color-primary-success-color:#00FF00;
515  --global-color-primary-accent2-disabled:#c9bbaa;
516  --global-color-primary-accent2-hover:#a36600;
517  --global-color-primary-background:#222222;
518  --global-color-primary-accent2-disabled-text:#aaaaaa;
519  --global-color-primary-accent1-text:#ffffff;
520  --global-color-primary-error-color:#ae0000;
521  --global-color-primary-accent1-disabled-text:#aaaaaa;
522  --global-color-primary-accent2-hover-text:#ffffff;
523  --global-color-secondary-main-color:#ffffff;
524  --global-color-secondary-accent2:#505050;
525  --global-color-secondary-accent1:#703c00;
526  --global-color-secondary-accent1-hover:#a36600;
527  --global-color-secondary-accent1-disabled:#c9bbaa;
528  --global-color-secondary-accent2-text:#ffffff;
529  --global-color-secondary-alt-color:#ffffff;
530  --global-color-secondary-accent1-hover-text:#ffffff;
531  --global-color-secondary-success-color:#00FF00;
532  --global-color-secondary-accent2-disabled:#a7a6a6;
533  --global-color-secondary-accent2-hover:#1a1a1a;
534  --global-color-secondary-background:#2B2B2B;
535  --global-color-secondary-accent2-disabled-text:#aaaaaa;
536  --global-color-secondary-accent1-text:#ffffff;
537  --global-color-secondary-error-color:#ae0000;
538  --global-color-secondary-accent1-disabled-text:#aaaaaa;
539  --global-color-secondary-accent2-hover-text:#ffffff;
540}
541
542  </style>
543
544
545
546    
547        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/atomic/accessibility.lc-18b7fe24be78d93bdf103340ec4fe909-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/atomic/type.lc-d5ce0f8248e74b180cadc9136af2a0a7-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/atomic/visibility.lc-db60a95b5ca07b852d27f5eec3aa0d7d-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/atomic/grid.lc-3ba4a949d708821248b18cad4c653e30-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/atomic/color.lc-e1b6d460eff90572bb4e6d274b965849-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/animations/v1/animations.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish.lc-7b423f798eb36cc2c4e206b6e9533558-lc.min.css" type="text/css">
548    
549
550
551
552
553    
554        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/print.lc-d1697c04ed784abf1679ab80b69be408-lc.min.css" type="text/css" media="print">
555    
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575<style>
576    heliux-inlinesection {
577        display: flex;
578    }
579
580    heliux-banner {
581        display: none;
582    }
583</style>
584
585
586    
587    
588    
589
590    
591
592    
593    
594    
595
596    
597    
598    
599    
600    
601    
601<script>
602        performance.mark('HTML head end');
603    </script>
603
604</head>
605
606
607
608
609<body class="page basicpage page-type-content" data-client-country="AM">
610<script>
611    (() => {
612      if (window.localStorage.getItem('raqn.theme') === 'dark') {
613        const body = document.querySelector('body');
614        body.classList.add('dark');
615      }
616    })();
617</script>
617
618
619
620<script>
621    performance.mark('HTML body start');
622</script>
622
623
624
625    
626    
627    
628    
629
630
631
632    
633<div class="cookiebanner">
634
635
636    
637    
638        
639    
640
641    
642    
643    
644    
645
646
647
648
649    <div class="scriptinjector__base" data-components="ScriptInjector" data-components-params-scriptinjector='{
650             "src": "https://cdn.cookielaw.org/scripttemplates/otSDKStub.js",
651             "name": "onetrust",
652             "postLoadCallback": "",
653             "attributes": {
654                "data-domain-script":"dcb215bc-59c6-449a-ae50-58dee44502b6",
655                "charset":"UTF-8",
656                "data-language":"",
657                "data-document-language":"true",
658                "data-dlayer-name": "dataLayer"
659            }
660         }'>
661    </div>
662
663
664    
664<script type="text/javascript">
665        var oneTrustBlockedStyles=document.createElement('style');
666        oneTrustBlockedStyles.setAttribute('type','text/css');
667        document.head.appendChild(oneTrustBlockedStyles);
668
669        function OptanonWrapper() {
670            // When 'OneTrustGroupsUpdated' is called for the first time, 'window.OneTrust' is not initialised yet.
671            // Therefor, we are calling another custom RAQN `RAQNOneTrustGroupsUpdated` event, to trigger some actions
672            // on OneTrust changed callback
673            window.dispatchEvent(new Event('RAQNOneTrustGroupsUpdated'));
674
675            var activeGroups=OptanonActiveGroups.split(',').filter(function(n){return n;});
676            oneTrustBlockedStyles.innerHTML=activeGroups.map(function(x){return activeGroups.map(function(y){return '.cookie-blocked-'+(x==y?x:x+"-"+y);}).join(',');}).join(',')+'{display:none}';
677            document.body.setAttribute('data-wp-page-cookie',activeGroups.length>1?activeGroups.join(','):'not-accepted');
678        }
679    </script>
679
680
681    <div data-components="OneTrustCookieBanner"></div>
682
683
684
685    
686
687
688    
689	    
690    
691        
691<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/scriptinjector/v1/scriptinjector.lc-9d8426f672baf241fa00beed73bc0c19-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 691
691
692<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/onetrust/cookiebanner/v1/cookiebanner.lc-87cd101d09fb1f238b461de12ecb96ee-lc.min.js" defer type="text/javascript"></script>
692
693
694    
695
696	    
697	    
698    
699    
700</div>
701<div class="root responsivegrid">
702
703
704<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
705    
706    <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"><div id="experiencefragment-4825bb645c" class="cmp-experiencefragment cmp-experiencefragment--header"><div class="xf-content-height">
707 
708
709
710<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
711    
712    <heliux-header class="header default aem-GridColumn aem-GridColumn--default--12">
713
714
715    
716    
717        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header.lc-6d94121bfcdb56d64c06eeedbff64f17-lc.min.css" type="text/css">
718    
719
720    
721    
722    
723    
724
725
726
727<style class="customizations__css">@media all{.header .header1739368634767::after{border-top:0px;}}@media all{.header .header1739368634767{box-shadow:0px 4px 14px #0000000d;}}@media (min-width: 768px) and (max-width: 1023px){.header .header1739368634767 .header__logo{min-width:114px;position:absolute;left:50%;transform:translate3d(-50%, 0, 0);}}@media all{.header .header1739368634767 .header__container{display:flex;}}@media all{.header .header1739368634767 .header__logo{padding:15px 10px 10px;}}@media (max-width: 767px){.header .header1739368634767 .header__logo{min-width:114px;position:absolute;transform:translate3d(-50%, 0, 0);left:10%;}}</style>
728
729
730    
731    
732        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header/mobile/layout1.lc-5de891b4a585a590354bd1f4d817d0f7-lc.min.css" type="text/css">
733    
734
735    
736    
737    
738    
739
740
741
742    
743    
744        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header/tablet/layout2.lc-e0b9de9bd74fc8360240d31758de8ecf-lc.min.css" type="text/css">
745    
746
747    
748    
749    
750    
751
752
753
754    
755    
756        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header/desktop/layout5.lc-b4db4fbc4e9d81c196dc842552a439e3-lc.min.css" type="text/css">
757    
758
759    
760    
761    
762    
763
764
765
766
767
768    
769    
770    
771        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header/sticky.lc-f0d7b1769c82b3cf6952858ce4f4274f-lc.min.css" type="text/css">
772    
773
774    
775    
776    
777    
778
779
780
781<a class="header__skipContent" href="#maincontent" target="_self">Skip to Content</a>
782
783
784
785
786
787
788
789<div class="header__wrapper">
790<header class="header__base container-max header__base--isSticky header__base--isStickyAtTop header1739368634767" data-components="StickyHeader" data-components-params-StickyHeader="{&#34;mode&#34;:&#34;DesktopAndMobile&#34;,&#34;stickyDirection&#34;:&#34;UP&#34;}">
791    <div class="header__container">
792        <div class="header__logo">
793
794
795
796
797    
798    
799    <heliux-image class="image alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-none">
800
801<style class="customizations__css">@media all{.image .image1652436138600 .image__imgPreview{flex-direction:inherit;height:unset !important;}}@media all{.image .image1652436138600 .image--withRatio{height:0;padding-bottom:calc(var(--image-h, 1)/var(--image-w,1)*100%);}}</style>
802
803
804
805    
806    
807        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/image/v1/image.lc-d19996582cb5011fc8d035d9d2129ebc-lc.min.css" type="text/css">
808    
809
810    
811    
812    
813    
814
815
816
817
818
819
820
821    <div id="image-0521ec2fab" class="image__base image1652436138600 image--no-mobile-img  image--hfit,1 image--initializing " data-adobe-tracking-configs="{&#34;imageComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:null,&#34;name&#34;:&#34;image&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;image&#34;}}}},&#34;imageAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;}}}}}" data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/skr_logo-new&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;],&#34;dimensions&#34;:{&#34;mobileHeight&#34;:&#34;1&#34;,&#34;width&#34;:&#34;400&#34;,&#34;mobileWidth&#34;:&#34;2&#34;,&#34;height&#34;:&#34;200&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
822
823        <a class="image__link" href="/" target="_self">
824            
825    
826        
827        <style type="text/css">
828         #ratioimage-0521ec2fab {
829          --image-w: 400;
830          --image-h: 200;
831          --image-mw: 2;
832          --image-mh: 1;
833          --image-mobile-w: var(--image-mw, var(--image-w));
834          --image-mobile-h: var(--image-mh, var(--image-h));
835         }
836        </style>
837    
838
839            
840                
841                    <div id="ratioimage-0521ec2fab" class="image--withRatio">
842                        <picture class="image__imgPreview  image__imgPreview--lazy">
843                            
844
845                            
846
847                            
848                            
849                                
850                            
851
852                            
853                            
854                            
855
856
857                            <img elementtiming="image-0521ec2fab" decoding="async" role="presentation" alt="" class="image__img" width="400" height="200" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
858                            
859                        </picture>
860
861                        
862                        
863                    </div>
864                    
865                    
866                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/skr_logo-new" content="https://dm.henkel-dam.com/is/image/henkel/skr_logo-new"/>
867                
868                
869  
870
871            
872            
873  
874
875        </a>
876    </div>
877
878
879
880    
881
882
883    
884	    
885    
886        
886<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/image/v1/image.lc-6c7c0b93da75713484ab260fb68b6f74-lc.min.js" defer type="text/javascript"></script>
886
887
888    
889
890	    
891	    
892    
893    
894
895</heliux-image>
896
897
898</div>
899
900        <div class="header__navigationWrapper">
901            
902    <div class="header__navigationContainer">
903        <div class="header__navigation icon--medium" id="header__navigation">
904            
905            
906            <heliux-nav-adjustable class="adjustablenavigation">
907
908
909  
910  
911
912  <div style="display: none" data-components="Animations" data-components-params-animations='{"componentName": "adjustablenavigation", "name":"", "data":{"name":"adjustablenavigation1659525063335","isDefault":true,"animations":[{"type":"transition","duration":400,"trigger":":hover","delay":0,"bounce":false,"wrapper":" heliux-navigation heliux-desktopnav .navigation__item-link--level-0","element":"::after","timing-function":"ease","initial":{"opacity":"0","height":"4px","background":"#a62139","top":"72%","width":"calc(100% - 30px)","left":"15px"},"final":{"opacity":"1","height":"4px","background":"#a62139","top":"72%","width":"calc(100% - 30px)","left":"15px"},"viewport":"@media (min-width: 1024px)","name":"Element1659525074796","label":"item-underlink"},{"type":"transition","duration":"100","trigger":":hover","delay":0,"bounce":false,"wrapper":" heliux-navigation heliux-desktopnav .navigation__item-link--level-2","element":"","timing-function":"ease","initial":{"color":"var(--scope-color-main-color)"},"final":{"color":"var(--scope-color-alt-color)"},"viewport":"@media all","name":"Element1659526589094","label":"item-lvl-2-color"}],"resourceType":"heliux/components/structure/adjustablenavigation/v1/adjustablenavigation","label":"adjustablenavigation-item-underline"}}'>
913  </div>
914
915
916
917
918
919
920
921    
922    
923        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/integration/externalcomponent/v1/externalcomponent.lc-9955d293962d38fb74238290aef160cb-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/modal/v1/modal.lc-0ac56b0dae6e0d1cc0c2bb3ef3354598-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/icon/v1/icon.lc-b36177a5e1c8fde82bb1c5f57476db3b-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/navigation/v1/navigation.lc-7320253366f83abadce8a63644fee92d-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/adjustablenavigation/v1/adjustablenavigation.lc-22ab0cfdd69b01f969dd17cc0e009ec3-lc.min.css" type="text/css">
924    
925
926    
927    
928    
929    
930
931
932
933
934
935
936
937<heliux-navigation data-components="Navigation" data-components-params-Visibility='{
938                       &quot;hideParent&quot;: false,
939                       &quot;target&quot;: {
940                        &quot;mobile&quot;:&quot;.navigation__group--level-0&quot;
941                       }
942                   }' data-components-params-Navigation='{
943                    "mobileExperienceFragment": ""
944                   }' class="customizations__adjustablenavigation">
945    
946  <button class="navigation__toogle" aria-expanded="false">
947    <span class="a11y-visually-hidden">Mobile navigation</span>
948    <span class="navigation__toogle-open">
949      
950  
951  <heliux-icon class="icon__menu"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_menu"/></svg></heliux-icon>
952
953    </span>
954    <span class="navigation__toogle-close">
955      
956  
957  <heliux-icon class="icon__close"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close"/></svg></heliux-icon>
958
959    </span>
960  </button>
961
962    
963  <span class="navigation__returnIcon" hidden aria-hidden="true">
964      
965
966<heliux-icon class="icon__return"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_return"/></svg></heliux-icon>
967
968  </span>
969
970    <div class="navigation__content navigation--adjustable">
971        <nav id="adjustablenavigation-50d86dbd0c" class=" navigation__nav  navigation__narrowFlyout" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
972            
973            <ul class=" navigation__group navigation__group--level-0">
974
975                
976                <li class="navigation__item navigation__item--level-0">
977                    <div class="navigation__item-content">
978                        
979                        <a class="navigation__item-link
980                                navigation__item-link--level-0
981                                " data-level="0" aria-label="RECHERCHE DE PRODUIT " href="/recherche-de-produit.html" itemprop="url" target="_self">
982                            <span class="navigation__item-text navigation__item-text--lines">
983                                
984                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">RECHERCHE DE PRODUIT</span>
985                                
986                            </span>
987                            
988                            
989                            
990                        </a>
991                        
992                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
993  
994  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
995</div>
996                    </div>
997                    
998                </li>
999<li class="navigation__item navigation__item--level-0 navigation__item--has-children">
1000                    <div class="navigation__item-content">
1001                        
1002                        <button class="navigation__item-link
1003                                navigation__item-link--level-0 navigation__item-link--button navigation__submenu-trigger
1004                                " data-level="0" aria-label="ARTICLES " aria-expanded="false" aria-haspopup="true">
1005                            <span class="navigation__item-text navigation__item-text--lines">
1006                                
1007                                <span class="navigation__item-text-line navigation__item-text-line--1">ARTICLES</span>
1008                                
1009                            </span>
1010                            <span class="navigation__icon navigation__icon--right">
1011                                
1012  
1013  <heliux-icon class="icon__chevronRight"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_chevron-right"/></svg></heliux-icon>
1014
1015                            </span>
1016                            
1017                            
1018                        </button>
1019                        
1020                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
1021  
1022  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1023</div>
1024                    </div>
1025                    <div class="navigation__group navigation__group--level-1 navigation__group--flyout ">
1026                        <section class="columncontrol container responsivegrid container-max">
1027
1028
1029
1030
1031    
1032    
1033        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/columncontrol/v1/columncontrol.lc-f9551c158ce0956c250b07c4f31ccf8c-lc.min.css" type="text/css">
1034    
1035
1036    
1037    
1038    
1039    
1040
1041<style type="text/css">
1042  #columncontrol-1519b5f998 {
1043    --scope-grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) ;
1044    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
1045  }
1046</style>
1047
1048
1049    
1050    
1051    <style type="text/css">
1052      #columncontrol-1519b5f998 {
1053          --scope-grid-area: 1 / 13
1054      }
1055    </style>
1056
1057
1058    
1059    
1060    <style type="text/css">
1061      #columncontrol-1519b5f998 {
1062          --scope-grid-area-mobile: 1 / 11
1063      }
1064    </style>
1065
1066
1067<div class="heliux-grid__wrapper customizations__columncontrol" id="columncontrol-1519b5f998">
1068  <heliux-grid class="product__columncontrol">
1069    
1070      <div class="columncontrol__wrapper  ">
1071        
1072          
1073            
1074            
1075              <heliux-nav-linklist class="navigationlinklist linklist">
1076
1077
1078
1079
1080
1081
1082
1083
1084    
1085    
1086        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/accordion/v1/accordion.lc-bd27b3fe705b912ffa4b53de3b694eae-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/linklist/v1/linklist.lc-71c4cd0a756f762424956a1220100401-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/adjustablenavigation/v1/adjustablenavigation/navigationlinklist.lc-adc3c3ed9d01c7283ddbac83683293c8-lc.min.css" type="text/css">
1087    
1088
1089    
1090    
1091    
1092    
1093
1094
1095
1096
1097    
1098    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1099        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1100
1101            <div class="navigation__item-content">
1102                <a data-image-id="image-5e9a58df-3aa4-3dbc-88d3-8e5afbc88030" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="COLORATIONS" aria-expanded="false" aria-haspopup="true" href="/articles/coloration.html" target="_self">
1103                    
1104                    <span class="navigation__item-text">
1105                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">COLORATIONS</span>
1106                            
1107                    </span>
1108                    
1109                    
1110                </a>
1111                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for COLORATIONS">
1112                    <span class="a11y-visually-hidden">Show Submenu for COLORATIONS</span>
1113                    <span class="navigation__icon navigation__icon--expand">
1114                        
1115  
1116  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1117
1118                    </span>
1119                    <span class="navigation__icon navigation__icon--collapse">
1120                        
1121  
1122  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1123
1124                    </span>
1125                </button>
1126            </div>
1127
1128            <ul class="navigation__group navigation__group--level-2">
1129                <li class="navigation__item navigation__item--level-2">
1130                    <div class="navigation__item-content">
1131                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-5aba3861-945e-3d44-90ad-796d2746c8d7" itemprop="url" href="https://www.schwarzkopf.fr/articles/coloration.html" target="_self">
1132                            
1133                            <span class="navigation__item-text">
1134                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par couleur</span>
1135                                
1136                            </span>
1137                        </a>
1138                    </div>
1139                </li>
1140<li class="navigation__item navigation__item--level-2">
1141                    <div class="navigation__item-content">
1142                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-2c418cf0-c405-3888-80b8-c4226978710c" itemprop="url" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html" target="_self">
1143                            
1144                            <span class="navigation__item-text">
1145                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par type de coloration</span>
1146                                
1147                            </span>
1148                        </a>
1149                    </div>
1150                </li>
1151<li class="navigation__item navigation__item--level-2">
1152                    <div class="navigation__item-content">
1153                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-6377e51b-f383-348a-8ee0-ba8ce75822b2" itemprop="url" href="https://www.schwarzkopf.fr/articles/coloration/nos-conseils-coloration.html" target="_self">
1154                            
1155                            <span class="navigation__item-text">
1156                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Nos conseils coloration</span>
1157                                
1158                            </span>
1159                        </a>
1160                    </div>
1161                </li>
1162<li class="navigation__item navigation__item--level-2">
1163                    <div class="navigation__item-content">
1164                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-463cd80f-28fd-3b16-85fe-9263e7180018" itemprop="url" href="https://www.schwarzkopf.fr/articles/coloration/dernieres-tendances1.html" target="_self">
1165                            
1166                            <span class="navigation__item-text">
1167                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Dernières tendances</span>
1168                                
1169                            </span>
1170                        </a>
1171                    </div>
1172                </li>
1173
1174            </ul>
1175        </li>
1176    </ul>
1177
1178
1179
1180    
1181
1182
1183
1184    
1185	    
1186    
1187        
1187<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/accordion/v1/accordion.lc-09dde108308f94090c2c07d6f646666d-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1187
1187
1188<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/integration/iframeresizer/v1/iframeresizer.lc-aacfb1c6b1f1d45d331210514fc13c4d-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1188
1188
1189<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/integration/externalcomponent/v1/externalcomponent.lc-cbea31827e14fbe0145390678ed3b708-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1189
1189
1190<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/modal/v1/modal.lc-6763bba21bef6d0af316fedb03d24b28-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1190
1190
1191<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/calltoaction/v1/calltoaction/modalcontrol.lc-8d79204e09963f45d63ba0b1b6d18d9c-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1191
1191
1192<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/calltoaction/v1/calltoaction/setactivelink.lc-3c909c964eaf06b32396f3f92fed89c3-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1192
1192
1193<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/linklist/v1/linklist.lc-d118e05f30b09cda22c05ca5bf202a40-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1193
1193
1194<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/user/visibilityconditionalbehavior/v1/visibilityconditionalbehavior.lc-9e36d693843ee48441734ae852352559-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 1194
1194
1195<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/navigation/v1/navigation.lc-def4d30d8d7438b6779f278c1faac0db-lc.min.js" defer type="text/javascript"></script>
1195
1196
1197    
1198
1199	    
1200	    
1201    
1202    
1203
1204</heliux-nav-linklist>
1205
1206            
1207          
1208        
1209      </div>
1210    
1211      <div class="columncontrol__wrapper  ">
1212        
1213          
1214            
1215            
1216              <heliux-nav-linklist class="navigationlinklist linklist">
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228    
1229    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1230        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1231
1232            <div class="navigation__item-content">
1233                <a data-image-id="image-9ab4c002-21d4-3c2a-bf54-d4ae774d264c" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="SOINS" aria-expanded="false" aria-haspopup="true" href="/articles/soin.html" target="_self">
1234                    
1235                    <span class="navigation__item-text">
1236                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">SOINS</span>
1237                            
1238                    </span>
1239                    
1240                    
1241                </a>
1242                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for SOINS">
1243                    <span class="a11y-visually-hidden">Show Submenu for SOINS</span>
1244                    <span class="navigation__icon navigation__icon--expand">
1245                        
1246  
1247  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1248
1249                    </span>
1250                    <span class="navigation__icon navigation__icon--collapse">
1251                        
1252  
1253  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1254
1255                    </span>
1256                </button>
1257            </div>
1258
1259            <ul class="navigation__group navigation__group--level-2">
1260                <li class="navigation__item navigation__item--level-2">
1261                    <div class="navigation__item-content">
1262                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-6949f1fa-21d8-37d7-9eb3-6767f4764343" itemprop="url" href="https://www.schwarzkopf.fr/articles/soin.html" target="_self">
1263                            
1264                            <span class="navigation__item-text">
1265                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par catégorie</span>
1266                                
1267                            </span>
1268                        </a>
1269                    </div>
1270                </li>
1271<li class="navigation__item navigation__item--level-2">
1272                    <div class="navigation__item-content">
1273                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-e1398860-f6bf-3f7a-8d44-197a5ab311b6" itemprop="url" href="https://www.schwarzkopf.fr/articles/soin/par-type-de-cheveux.html" target="_self">
1274                            
1275                            <span class="navigation__item-text">
1276                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par type de cheveux</span>
1277                                
1278                            </span>
1279                        </a>
1280                    </div>
1281                </li>
1282<li class="navigation__item navigation__item--level-2">
1283                    <div class="navigation__item-content">
1284                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-89f754ba-fc60-32e1-91eb-65f510ebb482" itemprop="url" href="https://www.schwarzkopf.fr/articles/soin/par-etat-des-cheveux.html" target="_self">
1285                            
1286                            <span class="navigation__item-text">
1287                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par état des cheveux</span>
1288                                
1289                            </span>
1290                        </a>
1291                    </div>
1292                </li>
1293<li class="navigation__item navigation__item--level-2">
1294                    <div class="navigation__item-content">
1295                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-55304a88-7ce9-38c5-8842-21ec1f1958e4" itemprop="url" href="https://www.schwarzkopf.fr/articles/soin/nos-conseils.html" target="_self">
1296                            
1297                            <span class="navigation__item-text">
1298                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Nos conseils</span>
1299                                
1300                            </span>
1301                        </a>
1302                    </div>
1303                </li>
1304
1305            </ul>
1306        </li>
1307    </ul>
1308
1309
1310
1311    
1312
1313
1314
1315</heliux-nav-linklist>
1316
1317            
1318          
1319        
1320      </div>
1321    
1322      <div class="columncontrol__wrapper  ">
1323        
1324          
1325            
1326            
1327              <heliux-nav-linklist class="navigationlinklist linklist">
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339    
1340    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1341        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1342
1343            <div class="navigation__item-content">
1344                <a data-image-id="image-4323e22b-ed62-3146-ae87-d775309f0501" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="COIFFANTS" aria-expanded="false" aria-haspopup="true" href="/articles/coiffants.html" target="_self">
1345                    
1346                    <span class="navigation__item-text">
1347                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">COIFFANTS</span>
1348                            
1349                    </span>
1350                    
1351                    
1352                </a>
1353                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for COIFFANTS">
1354                    <span class="a11y-visually-hidden">Show Submenu for COIFFANTS</span>
1355                    <span class="navigation__icon navigation__icon--expand">
1356                        
1357  
1358  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1359
1360                    </span>
1361                    <span class="navigation__icon navigation__icon--collapse">
1362                        
1363  
1364  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1365
1366                    </span>
1367                </button>
1368            </div>
1369
1370            <ul class="navigation__group navigation__group--level-2">
1371                <li class="navigation__item navigation__item--level-2">
1372                    <div class="navigation__item-content">
1373                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-104d0556-5804-3643-8a8d-33fce73470ea" itemprop="url" href="https://www.schwarzkopf.fr/articles/coiffants.html" target="_self">
1374                            
1375                            <span class="navigation__item-text">
1376                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par couleur de cheveux</span>
1377                                
1378                            </span>
1379                        </a>
1380                    </div>
1381                </li>
1382<li class="navigation__item navigation__item--level-2">
1383                    <div class="navigation__item-content">
1384                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-e8774894-8770-36d2-9a5b-1a589c8ba338" itemprop="url" href="https://www.schwarzkopf.fr/articles/coiffants/par-coupe-de-cheveux.html" target="_self">
1385                            
1386                            <span class="navigation__item-text">
1387                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par coupe de cheveux</span>
1388                                
1389                            </span>
1390                        </a>
1391                    </div>
1392                </li>
1393<li class="navigation__item navigation__item--level-2">
1394                    <div class="navigation__item-content">
1395                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-6c0add67-4f68-3051-9b67-ea50cae84ba0" itemprop="url" href="https://www.schwarzkopf.fr/articles/coiffants/par-type-de-cheveux.html" target="_self">
1396                            
1397                            <span class="navigation__item-text">
1398                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Par type de cheveux</span>
1399                                
1400                            </span>
1401                        </a>
1402                    </div>
1403                </li>
1404<li class="navigation__item navigation__item--level-2">
1405                    <div class="navigation__item-content">
1406                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-2e0855c1-acd4-36d6-86c8-ef837a6e3462" itemprop="url" href="https://www.schwarzkopf.fr/articles/coiffants/selon-la-forme-du-visage.html" target="_self">
1407                            
1408                            <span class="navigation__item-text">
1409                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Selon la forme du visage</span>
1410                                
1411                            </span>
1412                        </a>
1413                    </div>
1414                </li>
1415
1416            </ul>
1417        </li>
1418    </ul>
1419
1420
1421
1422    
1423
1424
1425
1426</heliux-nav-linklist>
1427
1428            
1429          
1430        
1431      </div>
1432    
1433    
1434    
1435
1436  </heliux-grid>
1437</div>
1438
1439
1440
1441    
1442	    
1443    
1444        
1445    
1446
1447	    
1448	    
1449    
1450    
1451
1452</section>
1453
1454                    </div>
1455                </li>
1456<li class="navigation__item navigation__item--level-0">
1457                    <div class="navigation__item-content">
1458                        
1459                        <a class="navigation__item-link
1460                                navigation__item-link--level-0
1461                                " data-level="0" aria-label="FOR EVERY YOU " href="/for-every-you.html" itemprop="url" target="_self">
1462                            <span class="navigation__item-text navigation__item-text--lines">
1463                                
1464                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">FOR EVERY YOU</span>
1465                                
1466                            </span>
1467                            
1468                            
1469                            
1470                        </a>
1471                        
1472                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
1473  
1474  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1475</div>
1476                    </div>
1477                    
1478                </li>
1479<li class="navigation__item navigation__item--level-0 navigation__item--has-children">
1480                    <div class="navigation__item-content">
1481                        
1482                        <a class="navigation__item-link
1483                                navigation__item-link--level-0
1484                                " data-level="0" aria-label="NOS MARQUES " aria-haspopup="true" href="/nos-marques.html" itemprop="url" target="_self">
1485                            <span class="navigation__item-text navigation__item-text--lines">
1486                                
1487                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">NOS MARQUES</span>
1488                                
1489                            </span>
1490                            
1491                            
1492                            
1493                        </a>
1494                        <button class="navigation__submenu-trigger" aria-expanded="false">
1495                            <span class="a11y-visually-hidden">Show Submenu for NOS MARQUES </span>
1496                            <span class="navigation__icon navigation__icon--right">
1497                                
1498  
1499  <heliux-icon class="icon__chevronRight"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_chevron-right"/></svg></heliux-icon>
1500
1501                            </span>
1502                        </button>
1503                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
1504  
1505  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1506</div>
1507                    </div>
1508                    <div class="navigation__group navigation__group--level-1 navigation__group--flyout ">
1509                        <section class="columncontrol container responsivegrid container-max">
1510
1511
1512
1513
1514<style type="text/css">
1515  #columncontrol-59016009b2 {
1516    --scope-grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) ;
1517    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
1518  }
1519</style>
1520
1521
1522    
1523    
1524    <style type="text/css">
1525      #columncontrol-59016009b2 {
1526          --scope-grid-area: 1 / 13
1527      }
1528    </style>
1529
1530
1531    
1532    
1533    <style type="text/css">
1534      #columncontrol-59016009b2 {
1535          --scope-grid-area-mobile: 1 / 11
1536      }
1537    </style>
1538
1539
1540<div class="heliux-grid__wrapper columncontrol1653909775276" id="columncontrol-59016009b2">
1541  <heliux-grid class="product__columncontrol">
1542    
1543      <div class="columncontrol__wrapper  ">
1544        
1545          
1546            
1547            
1548              <heliux-nav-linklist class="navigationlinklist linklist">
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560    
1561    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1562        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1563
1564            <div class="navigation__item-content">
1565                <a data-image-id="image-b9ef40f0-773e-3cf6-bb7d-516752fef5c5" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="Coiffants" aria-expanded="false" aria-haspopup="true" href="/nos-marques/coiffants.html" target="_self">
1566                    
1567                    <span class="navigation__item-text">
1568                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Coiffants</span>
1569                            
1570                    </span>
1571                    
1572                    
1573                </a>
1574                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for Coiffants">
1575                    <span class="a11y-visually-hidden">Show Submenu for Coiffants</span>
1576                    <span class="navigation__icon navigation__icon--expand">
1577                        
1578  
1579  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1580
1581                    </span>
1582                    <span class="navigation__icon navigation__icon--collapse">
1583                        
1584  
1585  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1586
1587                    </span>
1588                </button>
1589            </div>
1590
1591            <ul class="navigation__group navigation__group--level-2">
1592                <li class="navigation__item navigation__item--level-2">
1593                    <div class="navigation__item-content">
1594                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-3dda4efb-0dea-3ba4-8a31-944c99ed2db8" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coiffants/taft.html" target="_self">
1595                            
1596                            <span class="navigation__item-text">
1597                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">
1597Taft</span>
1598                                
1599                            </span>
1600                        </a>
1601                    </div>
1602                </li>
1603<li class="navigation__item navigation__item--level-2">
1604                    <div class="navigation__item-content">
1605                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-ff01ff76-2219-30ae-a4e2-591ed78831ae" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coiffants/schwarzkopf.html" target="_self">
1606                            
1607                            <span class="navigation__item-text">
1608                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Schwarzkopf</span>
1609                                
1610                            </span>
1611                        </a>
1612                    </div>
1613                </li>
1614
1615            </ul>
1616        </li>
1617    </ul>
1618
1619
1620
1621    
1622
1623
1624
1625</heliux-nav-linklist>
1626
1627            
1628          
1629        
1630      </div>
1631    
1632      <div class="columncontrol__wrapper  ">
1633        
1634          
1635            
1636            
1637              <heliux-nav-linklist class="navigationlinklist linklist">
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649    
1650    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1651        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1652
1653            <div class="navigation__item-content">
1654                <a data-image-id="image-d8414805-5056-3fd2-8293-d34e5c8eed0b" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="Colorations" aria-expanded="false" aria-haspopup="true" href="/nos-marques/coloration.html" target="_self">
1655                    
1656                    <span class="navigation__item-text">
1657                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Colorations</span>
1658                            
1659                    </span>
1660                    
1661                    
1662                </a>
1663                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for Colorations">
1664                    <span class="a11y-visually-hidden">Show Submenu for Colorations</span>
1665                    <span class="navigation__icon navigation__icon--expand">
1666                        
1667  
1668  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1669
1670                    </span>
1671                    <span class="navigation__icon navigation__icon--collapse">
1672                        
1673  
1674  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1675
1676                    </span>
1677                </button>
1678            </div>
1679
1680            <ul class="navigation__group navigation__group--level-2">
1681                <li class="navigation__item navigation__item--level-2">
1682                    <div class="navigation__item-content">
1683                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-35bdd050-ea6d-3cf7-a6fc-5c591b6bea23" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/creme-supreme.html" target="_self">
1684                            
1685                            <span class="navigation__item-text">
1686                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Creme Supreme</span>
1687                                
1688                            </span>
1689                        </a>
1690                    </div>
1691                </li>
1692<li class="navigation__item navigation__item--level-2">
1693                    <div class="navigation__item-content">
1694                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-578b14ad-6a9b-363b-9ae2-b2b4395a94fd" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/perfect-mousse.html" target="_self">
1695                            
1696                            <span class="navigation__item-text">
1697                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Perfect Mousse</span>
1698                                
1699                            </span>
1700                        </a>
1701                    </div>
1702                </li>
1703<li class="navigation__item navigation__item--level-2">
1704                    <div class="navigation__item-content">
1705                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-8d12a481-9b09-32ea-9717-df01aaa9e6fc" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/brillance.html" target="_self">
1706                            
1707                            <span class="navigation__item-text">
1708                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Brillance</span>
1709                                
1710                            </span>
1711                        </a>
1712                    </div>
1713                </li>
1714<li class="navigation__item navigation__item--level-2">
1715                    <div class="navigation__item-content">
1716                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-4ebaf2fc-74f9-3c36-9a38-96b302a0c946" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/retouche-racines.html" target="_self">
1717                            
1718                            <span class="navigation__item-text">
1719                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Racines</span>
1720                                
1721                            </span>
1722                        </a>
1723                    </div>
1724                </li>
1725<li class="navigation__item navigation__item--level-2">
1726                    <div class="navigation__item-content">
1727                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-3a8d4100-bcee-3113-8b5f-db4a8a9ff5c0" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/nordic-blonde.html" target="_self">
1728                            
1729                            <span class="navigation__item-text">
1730                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Nordic Blonde</span>
1731                                
1732                            </span>
1733                        </a>
1734                    </div>
1735                </li>
1736<li class="navigation__item navigation__item--level-2">
1737                    <div class="navigation__item-content">
1738                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-694d0359-013f-360a-a09e-18f05e9691ba" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/men-perfect.html" target="_self">
1739                            
1740                            <span class="navigation__item-text">
1741                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Men Perfect</span>
1742                                
1743                            </span>
1744                        </a>
1745                    </div>
1746                </li>
1747<li class="navigation__item navigation__item--level-2">
1748                    <div class="navigation__item-content">
1749                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-c5263e79-89fa-395d-ba2e-9158896a1cd9" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/oleo-supreme.html" target="_self">
1750                            
1751                            <span class="navigation__item-text">
1752                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Oleo Suprême</span>
1753                                
1754                            </span>
1755                        </a>
1756                    </div>
1757                </li>
1758<li class="navigation__item navigation__item--level-2">
1759                    <div class="navigation__item-content">
1760                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-221a4d67-233e-33c4-80b7-e2e9f293f64c" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/coloration/hair-gloss.html" target="_self">
1761                            
1762                            <span class="navigation__item-text">
1763                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Hair Gloss</span>
1764                                
1765                            </span>
1766                        </a>
1767                    </div>
1768                </li>
1769
1770            </ul>
1771        </li>
1772    </ul>
1773
1774
1775
1776    
1777
1778
1779
1780</heliux-nav-linklist>
1781
1782            
1783          
1784        
1785      </div>
1786    
1787      <div class="columncontrol__wrapper  ">
1788        
1789          
1790            
1791            
1792              <heliux-nav-linklist class="navigationlinklist linklist">
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804    
1805    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1806        <li class="navigation__item navigation__item--level-1-adjustable navigation__item--has-children">
1807
1808            <div class="navigation__item-content">
1809                <a data-image-id="image-b54dc79a-2468-3f75-aa2f-5b50dad523c6" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="Soins" aria-expanded="false" aria-haspopup="true" href="/nos-marques/soin.html" target="_self">
1810                    
1811                    <span class="navigation__item-text">
1812                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Soins</span>
1813                            
1814                    </span>
1815                    
1816                    
1817                </a>
1818                <button class="navigation__submenu-trigger" aria-expanded="false" aria-label="Show Submenu for Soins">
1819                    <span class="a11y-visually-hidden">Show Submenu for Soins</span>
1820                    <span class="navigation__icon navigation__icon--expand">
1821                        
1822  
1823  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1824
1825                    </span>
1826                    <span class="navigation__icon navigation__icon--collapse">
1827                        
1828  
1829  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
1830
1831                    </span>
1832                </button>
1833            </div>
1834
1835            <ul class="navigation__group navigation__group--level-2">
1836                <li class="navigation__item navigation__item--level-2">
1837                    <div class="navigation__item-content">
1838                        <a class="navigation__item-staticLink navigation__item-link navigation__item-link--level-2" data-image-id="image-8f278199-30c5-3c9c-9678-ab2bb59c249b" itemprop="url" href="https://www.schwarzkopf.fr/nos-marques/soin/gliss.html" target="_self">
1839                            
1840                            <span class="navigation__item-text">
1841                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Gliss</span>
1842                                
1843                            </span>
1844                        </a>
1845                    </div>
1846                </li>
1847
1848            </ul>
1849        </li>
1850    </ul>
1851
1852
1853
1854    
1855
1856
1857
1858</heliux-nav-linklist>
1859
1860            
1861          
1862        
1863      </div>
1864    
1865    
1866    
1867
1868  </heliux-grid>
1869</div>
1870
1871
1872
1873</section>
1874
1875                    </div>
1876                </li>
1877<li class="navigation__item navigation__item--level-0">
1878                    <div class="navigation__item-content">
1879                        
1880                        <a class="navigation__item-link
1881                                navigation__item-link--level-0
1882                                " data-level="0" aria-label="TROUVEZ VOTRE ROUTINE " href="/trouvez-votre-routine.html" itemprop="url" target="_self">
1883                            <span class="navigation__item-text navigation__item-text--lines">
1884                                
1885                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">
1885TROUVEZ VOTRE ROUTINE</span>
1886                                
1887                            </span>
1888                            
1889                            
1890                            
1891                        </a>
1892                        
1893                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
1894  
1895  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1896</div>
1897                    </div>
1898                    
1899                </li>
1900<li class="navigation__item navigation__item--level-0 navigation__item--has-children">
1901                    <div class="navigation__item-content">
1902                        
1903                        <a class="navigation__item-link
1904                                navigation__item-link--level-0
1905                                " data-level="0" aria-label="COLOR LOUNGE " aria-haspopup="true" href="/color-lounge.html" itemprop="url" target="_self">
1906                            <span class="navigation__item-text navigation__item-text--lines">
1907                                
1908                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">COLOR LOUNGE</span>
1909                                
1910                            </span>
1911                            
1912                            
1913                            
1914                        </a>
1915                        <button class="navigation__submenu-trigger" aria-expanded="false">
1916                            <span class="a11y-visually-hidden">Show Submenu for COLOR LOUNGE </span>
1917                            <span class="navigation__icon navigation__icon--right">
1918                                
1919  
1920  <heliux-icon class="icon__chevronRight"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_chevron-right"/></svg></heliux-icon>
1921
1922                            </span>
1923                        </button>
1924                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
1925  
1926  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
1927</div>
1928                    </div>
1929                    <div class="navigation__group navigation__group--level-1 navigation__group--flyout ">
1930                        <section class="columncontrol container responsivegrid container-max">
1931
1932
1933
1934
1935<style type="text/css">
1936  #columncontrol-93e6d2d577 {
1937    --scope-grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) ;
1938    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
1939  }
1940</style>
1941
1942
1943    
1944    
1945    <style type="text/css">
1946      #columncontrol-93e6d2d577 {
1947          --scope-grid-area: 1 / 13
1948      }
1949    </style>
1950
1951
1952    
1953    
1954    <style type="text/css">
1955      #columncontrol-93e6d2d577 {
1956          --scope-grid-area-mobile: 1 / 11
1957      }
1958    </style>
1959
1960
1961<div class="heliux-grid__wrapper columncontrol1653909775276" id="columncontrol-93e6d2d577">
1962  <heliux-grid class="product__columncontrol">
1963    
1964      <div class="columncontrol__wrapper  ">
1965        
1966          
1967            
1968            
1969              <heliux-nav-linklist class="navigationlinklist linklist">
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981    
1982    <ul class="navigation__group navigation__group--level-1-adjustable navigation__group--link-icon-after customizations__navigationlinklist">
1983        <li class="navigation__item navigation__item--level-1-adjustable">
1984
1985            <div class="navigation__item-content">
1986                <a data-image-id="image-8cc3d313-5bed-32e4-aeba-e52ba7244eac" class="navigation__item-staticLink navigation__item-link navigation__item-link--level-1" data-level="1" itemprop="url" aria-label="Find Your Color" href="https://findyourcolor.schwarzkopf.com/fr/fr/henkel" target="_blank">
1987                    
1988                    <span class="navigation__item-text">
1989                            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Find Your Color</span>
1990                            
1991                    </span>
1992                    
1993                    
1994                </a>
1995                
1996            </div>
1997
1998            
1999        </li>
2000    </ul>
2001
2002
2003
2004    
2005
2006
2007
2008</heliux-nav-linklist>
2009
2010            
2011          
2012        
2013      </div>
2014    
2015      <div class="columncontrol__wrapper  ">
2016        
2017          
2018            
2019            
2020          
2021        
2022      </div>
2023    
2024      <div class="columncontrol__wrapper  ">
2025        
2026          
2027            
2028            
2029          
2030        
2031      </div>
2032    
2033    
2034    
2035
2036  </heliux-grid>
2037</div>
2038
2039
2040
2041</section>
2042
2043                    </div>
2044                </li>
2045<li class="navigation__item navigation__item--level-0 navigation__item--has-children">
2046                    <div class="navigation__item-content">
2047                        
2048                        <a class="navigation__item-link
2049                                navigation__item-link--level-0
2050                                " data-level="0" aria-label="NOS ENGAGEMENTS " aria-haspopup="true" href="/nos-engagements.html" itemprop="url" target="_self">
2051                            <span class="navigation__item-text navigation__item-text--lines">
2052                                
2053                                <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">NOS ENGAGEMENTS</span>
2054                                
2055                            </span>
2056                            
2057                            
2058                            
2059                        </a>
2060                        <button class="navigation__submenu-trigger" aria-expanded="false">
2061                            <span class="a11y-visually-hidden">Show Submenu for NOS ENGAGEMENTS </span>
2062                            <span class="navigation__icon navigation__icon--right">
2063                                
2064  
2065  <heliux-icon class="icon__chevronRight"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_chevron-right"/></svg></heliux-icon>
2066
2067                            </span>
2068                        </button>
2069                        <div tabindex="0" class="navigation__expandIcon" aria-hidden="false" aria-haspopup="true" style="opacity:.0;position: absolute">
2070  
2071  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
2072</div>
2073                    </div>
2074                    <div class="navigation__group navigation__group--level-1 navigation__group--flyout ">
2075                        <section class="columncontrol container responsivegrid container-max alignment-vertical-top">
2076
2077
2078
2079
2080<style type="text/css">
2081  #columncontrol-3a44a40a91 {
2082    --scope-grid-template-columns:minmax(0,1fr) ;
2083    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
2084  }
2085</style>
2086
2087
2088    
2089    
2090    <style type="text/css">
2091      #columncontrol-3a44a40a91 {
2092          --scope-grid-area: 1 / 13
2093      }
2094    </style>
2095
2096
2097    
2098    
2099    <style type="text/css">
2100      #columncontrol-3a44a40a91 {
2101          --scope-grid-area-mobile: 1 / 11
2102      }
2103    </style>
2104
2105
2106<div class="heliux-grid__wrapper customizations__columncontrol" id="columncontrol-3a44a40a91">
2107  <heliux-grid class="product__columncontrol">
2108    
2109      <div class="columncontrol__wrapper  ">
2110        
2111          
2112            
2113            
2114              <heliux-nav-dynamiclinks class="navigationdynamiclinks navigation">
2115
2116    
2117    
2118        
2119    
2120
2121    
2122    
2123    
2124    
2125
2126
2127
2128    <ul role="menubar" class="navigation__group navigation__group--level-1-adjustable">
2129        
2130    <li role="none" class="navigation__item navigation__item--level-1">
2131        <div class="navigation__item-content">
2132            
2133    <a role="menuitem" href="https://www.schwarzkopf.fr/nos-engagements/innover-pour-reduire-les-impacts-de-nos-produits.html" title="Innover pour réduire les impacts de nos produits" tabindex="0" itemprop="url" class="navigation__item-link navigation__item-link--level-1" data-image-id="image-33fc4965-01ed-32c3-9104-574ab02924eb" data-level="1" aria-label="Innover pour réduire les impacts de nos produits" target="_self">
2134        
2135        <span class="navigation__item-text">
2136            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Innover pour réduire les impacts de nos produits</span>
2137        </span>
2138    </a>
2139
2140
2141            
2142        </div>
2143
2144        
2145    </li>
2146
2147    </ul>
2148
2149
2150    
2151
2152
2153    
2154	    
2155    
2156        
2157    
2158
2159	    
2160	    
2161    
2162    
2163
2164</heliux-nav-dynamiclinks>
2165
2166            
2167              <heliux-nav-dynamiclinks class="navigationdynamiclinks navigation">
2168
2169
2170
2171    <ul role="menubar" class="navigation__group navigation__group--level-1-adjustable">
2172        
2173    <li role="none" class="navigation__item navigation__item--level-1">
2174        <div class="navigation__item-content">
2175            
2176    <a role="menuitem" href="https://www.schwarzkopf.fr/nos-engagements/participer-a-la-transition-au-sein-de-notre-ecosysteme.html" title="Participer à la transition au sein de notre écosystème" tabindex="0" itemprop="url" class="navigation__item-link navigation__item-link--level-1" data-image-id="image-7e3f5a96-38e3-34df-8cfe-a838649c6257" data-level="1" aria-label="Participer à la transition au sein de notre écosystème" target="_self">
2177        
2178        <span class="navigation__item-text">
2179            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Participer à la transition au sein de notre écosystème</span>
2180        </span>
2181    </a>
2182
2183
2184            
2185        </div>
2186
2187        
2188    </li>
2189
2190    </ul>
2191
2192
2193    
2194
2195
2196</heliux-nav-dynamiclinks>
2197
2198            
2199              <heliux-nav-dynamiclinks class="navigationdynamiclinks navigation">
2200
2201
2202
2203    <ul role="menubar" class="navigation__group navigation__group--level-1-adjustable">
2204        
2205    <li role="none" class="navigation__item navigation__item--level-1">
2206        <div class="navigation__item-content">
2207            
2208    <a role="menuitem" href="https://www.schwarzkopf.fr/nos-engagements/faconner-un-monde-plus-inclusif.html" title="Façonner un monde plus inclusif" tabindex="0" itemprop="url" class="navigation__item-link navigation__item-link--level-1" data-image-id="image-a289310d-9b3a-346f-9ca1-dd0185a99d0f" data-level="1" aria-label="Façonner un monde plus inclusif" target="_self">
2209        
2210        <span class="navigation__item-text">
2211            <span class="navigation__item-text-line navigation__item-text-line--1" itemprop="name">Façonner un monde plus inclusif</span>
2212        </span>
2213    </a>
2214
2215
2216            
2217        </div>
2218
2219        
2220    </li>
2221
2222    </ul>
2223
2224
2225    
2226
2227
2228</heliux-nav-dynamiclinks>
2229
2230            
2231          
2232        
2233      </div>
2234    
2235    
2236    
2237
2238  </heliux-grid>
2239</div>
2240
2241
2242
2243</section>
2244
2245                    </div>
2246                </li>
2247
2248            </ul>
2249        </nav>
2250    </div>
2251</heliux-navigation>
2252
2253
2254
2255
2256
2257
2258
2259
2260
2261    
2262	    
2263    
2264        
2265    
2266
2267	    
2268	    
2269    
2270    
2271
2272</heliux-nav-adjustable>
2273
2274        </div>
2275        <div class="header__ctas" id="header-controls-cta">
2276
2277
2278
2279
2280</div>
2281    </div>
2282
2283            <div class="header__controls" id="header-controls">
2284
2285
2286
2287
2288    
2289    
2290    <div class="icon">
2291    
2292
2293    
2294    
2295    
2296        
2297    
2298
2299    
2300    
2301    
2302    
2303
2304
2305    
2306    
2307
2308    
2309
2310    <style>
2311		#icon-a0c96afebf {
2312			
2313			
2314			
2315		}
2316    </style>
2317
2318    
2319
2320    
2321
2322    
2323
2324    
2325
2326    
2327
2328    
2329
2330    <div class="icon__wrapper icon__wrapper customizations__icon">
2331        <heliux-icon id="icon-a0c96afebf" class="icon__icon " data-components="CallToActionModalControl,CallToActionSetActiveLink" data-components-params-CallToActionModalControl='{"active":false,"autoCloseDelay":5,"visible":true,"autoCloseEnabled":false,"addToCart":false,"modal":false,"action":""}' data-customizationclass="customizations__icon" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;&#34;,&#34;name&#34;:&#34;icon&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;icon&#34;}}}},&#34;iconClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;icon&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;&#34;,&#34;href&#34;:&#34;https://www.schwarzkopf.fr/rechercher.html&#34;}}}}}">
2332            <a href="https://www.schwarzkopf.fr/rechercher.html" class="icon__link  icon__link--interactive" target="_self">
2333
2334                <span class="icon__svgWrap icon__svgWrap--initial icon__svgWrap--initial-only"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_magnifying-glass"/></svg></span>
2335                
2336
2337                
2338                
2339                
2340            </a>
2341            
2342        </heliux-icon>
2343    </div>
2344
2345
2346    
2347    
2348
2349    
2350    
2351	    
2352    
2353        
2354    
2355
2356	    
2357	    
2358    
2359    
2360
2361</div>
2362
2363
2364    
2365    
2366    <heliux-languagenavigation class="languagenavigation">
2367
2368
2369    
2370    
2371        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/popup/v1/popup.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/calltoaction/v1/calltoaction.lc-d72a779ed97ee40ea5f73ac31ffe0bed-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/languagenavigation/languagenavpopup/v1/languagenavpopup.lc-b3366f07b5617bebdcee43b5f623faba-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/languagenavigation/v1/languagenavigation.lc-4d3e954d74e5705effe7c99de4baf8fd-lc.min.css" type="text/css">
2372    
2373
2374    
2375    
2376    
2377    
2378
2379<style class="customizations__css">@media all{.languagenavigation .languagenavigation1669640946976 .languagenavigation__basic__country{background:none;}}@media all{.languagenavigation .languagenavigation1669640946976 heliux-languagenavpopup .languagenavpopup__languages__item .languagenavpopup__languages__link--active{background:#d7d7d7;padding:3px 1px 3px 1px;border:solid 1px;}}@media all{.languagenavigation .languagenavigation1669640946976 heliux-languagenavpopup .languagenavpopup__countries__item--active{font-weight:bold;}}@media all{.languagenavigation .languagenavigation1669640946976 heliux-languagenavpopup .languagenavpopup__languages__item{--languagenavpopup-text-link-hover:red;}}@media all{.languagenavigation .languagenavigation1669640946976 heliux-languagenavpopup .languagenavpopup__countries__item{--languagenavpopup-text-link-hover:red;}}</style>
2380
2381<div class="languagenavigation__wrapper languagenavigation1669640946976 languagenavigation__wrapper--simple" data-components="LanguageNavigation" data-components-params-languagenavigation="{&#34;modal&#34;: &#34;/content/experience-fragments/heliux/beauty/skr/fr/fr/header/master/jcr:content/root/header/parsysicon/languagenavigation_c&#34;}">
2382
2383    <div class="languagenavigation__popup"></div>
2384
2385    <div class="languagenavigation__basic">
2386        
2387        
2388            <button class="languagenavigation__basic__country heading6" aria-haspopup="true" aria-label="Select location and language. Selected is France (schwarzkopf.fr)" data-country-code="fr">
2389                <span class="languagenavigation__basic__countryTitle">fr</span>
2390                
2391            </button>
2392            
2393        
2394    </div>
2395</div>
2396
2397
2398    
2399
2400
2401    
2402	    
2403    
2404        
2404<script src="/etc.clientlibs/heliux/clientlibs/commons/integrations/ciam/commons.lc-1f804a3dbd0c449e6e8d5fd2fb3f2663-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2404
2404
2405<script src="/etc.clientlibs/heliux/clientlibs/commons/treeshaking.lc-1db1cb0989856194ed644740e147cf67-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2405
2405
2406<script src="/etc.clientlibs/heliux/clientlibs/commons/vendors.lc-473fca976d0ecef9081ae8b84d6a4c10-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2406
2406
2407<script src="/etc.clientlibs/heliux/clientlibs/commons/commons.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2407
2407
2408<script src="/etc.clientlibs/heliux/clientlibs/commons/api.lc-8bc521070b8daf980b8a77611b2e6afd-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2408
2408
2409<script src="/etc.clientlibs/heliux/clientlibs/commons/integrations/ciam/fetch.lc-b7d4d4827a009b5fcac773a3c81d42b7-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2409
2409
2410<script src="/etc.clientlibs/heliux/clientlibs/commons/integrations/ciam/user.lc-ca1d28164d5e74d8aa55f54aca442fb9-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2410
2410
2411<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/popup/v1/popup.lc-763fe47b2a8742d170010ad7d8e9faed-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2411
2411
2412<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/calltoaction/v1/calltoaction/dropdowncontrol.lc-b4ef6f282b2d6956a91ed9d0c82841bf-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2412
2412
2413<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/languagenavigation/languagenavpopup/v1/languagenavpopup.lc-223fc194686c4f74afdd0d5b579b062b-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2413
2413
2414<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/languagenavigation/v1/languagenavigation.lc-7fa482c4e67592c42edb984120a61e0c-lc.min.js" defer type="text/javascript"></script>
2414
2415
2416    
2417
2418	    
2419	    
2420    
2421    
2422
2423</heliux-languagenavigation>
2424
2425
2426</div>
2427        </div>
2428        <div class="header__metaNav" id="header-metaNav"><heliux-linklist class="metanav linklist accent1">
2429
2430
2431
2432
2433
2434    
2435    
2436        
2437    
2438
2439    
2440    
2441    
2442    
2443
2444
2445
2446    
2447    
2448
2449    
2450    
2451
2452    <div class="linklist__wrapper customizations__metanav" data-components="LinkList" data-components-params-accordion='{"isCollapsable": "true"}'>
2453        
2454        
2455    </div>
2456
2457
2458
2459    
2460
2461
2462    
2463	    
2464    
2465        
2466    
2467
2468	    
2469	    
2470    
2471    
2472
2473</heliux-linklist>
2474</div>
2475
2476    </div>
2477</header>
2478</div>
2479
2480
2481
2482
2483    
2484	    
2485    
2486        
2487    
2488
2489	    
2490	    
2491    
2492    
2493
2494
2495
2496
2497     
2498    
2499	    
2500    
2501        
2501<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/header/v1/header/sticky.lc-802bc046d9d0c9683bad9a8eb8609aac-lc.min.js" defer type="text/javascript"></script>
2501
2502
2503    
2504
2505	    
2506	    
2507    
2508    
2509
2510
2511
2512
2513
2514</heliux-header>
2515<div class="parsys aem-GridColumn aem-GridColumn--default--12">
2516
2517
2518
2519
2520</div>
2521
2522    
2523</div>
2524
2525</div>
2526</div>
2527
2528    
2529</div>
2530<heliux-notifications class="notifications aem-GridColumn aem-GridColumn--default--12">
2531
2532    
2533    
2534        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/notifications/v1/notifications.lc-08267e59a6aa079350903ef1c8e8ddf6-lc.min.css" type="text/css">
2535    
2536
2537    
2538    
2539    
2540    
2541
2542<div class="notifications__base" data-components="Notifications">
2543    <div class="notifications__content"></div>
2544    
2545<template class="notifications__elements">
2546    <div class="notifications__icons">
2547        <div class="notifications__icon notifications__icon--success">
2548
2549
2550</div>
2551        <div class="notifications__icon notifications__icon--error">
2552
2553
2554</div>
2555    </div>
2556    <button class="notifications__close">
2557        <div class="notifications__close-icon">
2558  
2559  <heliux-icon class="icon__close"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close"/></svg></heliux-icon>
2560</div>
2561        <span class="a11y-visually-hidden">Close the notifications</span>
2562    </button>
2563</template>
2564
2565</div>
2566
2567    
2568	    
2569    
2570        
2570<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/notifications/v1/notifications.lc-c4e580a89028aa386c61554c144571f3-lc.min.js" defer type="text/javascript"></script>
2570
2571
2572    
2573
2574	    
2575	    
2576    
2577    
2578</heliux-notifications>
2579<heliux-breadcrumb class="breadcrumb container-max default aem-GridColumn aem-GridColumn--default--12">
2580    
2581
2582    
2583
2584    
2585
2586    
2587    
2588    
2589        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/breadcrumb/v1/breadcrumb.lc-68cb44058a25d80291bf2749d9b80d34-lc.min.css" type="text/css">
2590    
2591
2592    
2593    
2594    
2595    
2596
2597
2598    
2599
2600    
2601    <nav class="breadcrumb__nav
2602                breadcrumb__nav--allLevelsVisible customizations__breadcrumb
2603                
2604                 breadcrumb__nav--shortMobile
2605                ">
2606         <ol class="breadcrumb__list" itemscope itemtype="https://schema.org/BreadcrumbList">
2607            
2608              <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" data-level="0">
2609                  <a href="/" class="breadcrumb__link" data-level="0" itemprop="item" target="_self">
2610                    <span class="breadcrumb__text" itemprop="name">Accueil</span>
2611                  </a>
2612                  
2613  
2614  <heliux-icon class="icon__breadcrumb"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_breadcrumb"/></svg></heliux-icon>
2615
2616                  <meta itemprop="position" content="1"/>
2617              </li>
2618            
2619              <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" data-level="1">
2620                  <a href="/articles.html" class="breadcrumb__link" data-level="1" itemprop="item" target="_self">
2621                    <span class="breadcrumb__text" itemprop="name">Articles</span>
2622                  </a>
2623                  
2624  
2625  <heliux-icon class="icon__breadcrumb"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_breadcrumb"/></svg></heliux-icon>
2626
2627                  <meta itemprop="position" content="2"/>
2628              </li>
2629            
2630              <li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" data-level="2">
2631                  <a href="/articles/coloration.html" class="breadcrumb__link" data-level="2" itemprop="item" target="_self">
2632                    <span class="breadcrumb__text" itemprop="name">Colorations</span>
2633                  </a>
2634                  
2635  
2636  <heliux-icon class="icon__breadcrumb"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_breadcrumb"/></svg></heliux-icon>
2637
2638                  <meta itemprop="position" content="3"/>
2639              </li>
2640            
2641        </ol>
2642    </nav>
2643
2644
2645    
2646
2647    
2648    
2649
2650
2651    
2652    
2653	    
2654    
2655        
2656    
2657
2658	    
2659	    
2660    
2661    
2662
2663
2664    
2665
2666</heliux-breadcrumb>
2667<div class="main responsivegrid aem-GridColumn aem-GridColumn--default--12">
2668
2669
2670<main class="main__base aem-Grid aem-Grid--12 aem-Grid--default--12  " id="maincontent">
2671      
2672    <div class="main__baseWrapper">
2673        
2674        <heliux-section class="section container responsivegrid primary container-max-grid aem-GridColumn aem-GridColumn--default--12">
2675
2676
2677    
2678    
2679        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/section/v1/section.lc-f701bb6a17561f82be8384fba16efd3e-lc.min.css" type="text/css">
2680    
2681
2682    
2683    
2684    
2685    
2686
2687
2688
2689
2690
2691
2692
2693    
2694    
2695
2696    
2697    <div class="gradient__background customizations__section" id="background_section-1e43a6f01a"></div>
2698
2699
2700
2701
2702
2703<div class="section__img
2704  customizations__section
2705  
2706  
2707  ">
2708    
2709</div>
2710
2711
2712
2713    
2714    
2715    
2716    <style type="text/css">
2717      #section-1e43a6f01a {
2718          --scope-grid-area: 1 / 13
2719      }
2720    </style>
2721
2722
2723
2724<div id="section-1e43a6f01a" class="section__content content limited-container customizations__section  ">
2725    
2726    
2727    
2728    
2729    <heliux-section class="section container responsivegrid container-max-grid">
2730
2731
2732
2733
2734
2735
2736
2737
2738    
2739    
2740
2741    
2742    <div class="gradient__background customizations__section" id="background_section-d98f9653be"></div>
2743
2744
2745
2746
2747
2748<div class="section__img
2749  customizations__section
2750  
2751  
2752  ">
2753    
2754</div>
2755
2756
2757
2758    
2759    
2760    
2761    <style type="text/css">
2762      #section-d98f9653be {
2763          --scope-grid-area: 1 / 13
2764      }
2765    </style>
2766
2767
2768
2769<div id="section-d98f9653be" class="section__content content limited-container customizations__section  ">
2770    
2771    
2772    
2773    
2774    <heliux-text class="title container-max-grid alignment-horizontal-center margin-block-start-big margin-block-end-big">
2775
2776
2777
2778<style class="customizations__css">@media all{.title .title1644217771039 .title__heading{text-transform:uppercase;}}</style>
2779
2780
2781
2782
2783    
2784    
2785        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/tooltip.lc-3d39a31501b47e0761b4156729deb740-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/text.lc-d07fd4860e51158ca0b149ff7b8db4f7-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/title/v1/title.lc-1a2e724c274828adaa428526624c082a-lc.min.css" type="text/css">
2786    
2787
2788    
2789    
2790    
2791    
2792
2793
2794
2795    
2796    
2797    
2798    <style type="text/css">
2799      #title-b6f04a0fde {
2800          --scope-grid-area: 1 / 13
2801      }
2802    </style>
2803
2804
2805
2806
2807
2808
2809    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-b6f04a0fde" data-type="h1">
2810        
2811        
2812        <h1 class="heading1 hide-if-empty-placeholder apply-margins apply-font-style title__heading">COLORATIONS</h1>
2813    </div>
2814
2815
2816
2817
2818    
2819
2820
2821
2822    
2823	    
2824    
2825        
2825<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/tooltip.lc-9f87efe0ccbe3bb21e6a96fcbe49b027-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 2825
2825
2826<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/text.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.js" defer type="text/javascript"></script>
2826
2827
2828    
2829
2830	    
2831	    
2832    
2833    
2834
2835</heliux-text>
2836<heliux-section class="section container responsivegrid default container-max-grid">
2837
2838
2839
2840
2841
2842
2843
2844
2845    
2846    
2847
2848    
2849    <div class="gradient__background customizations__section" id="background_section-7b088165a6"></div>
2850
2851
2852
2853
2854
2855<div class="section__img
2856  customizations__section
2857  
2858  
2859  ">
2860    
2861</div>
2862
2863
2864
2865    
2866    
2867    
2868    <style type="text/css">
2869      #section-7b088165a6 {
2870          --scope-grid-area: 1 / 13
2871      }
2872    </style>
2873
2874
2875
2876<div id="section-7b088165a6" class="section__content content limited-container customizations__section  ">
2877    
2878    
2879    
2880    
2881    <section class="columncontrol container responsivegrid secondary container-max alignment-vertical-top order-default-mobile">
2882
2883<style class="customizations__css">@media all{.columncontrol .columncontrol1733847861536 heliux-grid{gap:0px;}}</style>
2884
2885
2886<style type="text/css">
2887  #columncontrol-48430f5603 {
2888    --scope-grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) ;
2889    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
2890  }
2891</style>
2892
2893
2894    
2895    
2896    <style type="text/css">
2897      #columncontrol-48430f5603 {
2898          --scope-grid-area: 1 / 13
2899      }
2900    </style>
2901
2902
2903    
2904    
2905    <style type="text/css">
2906      #columncontrol-48430f5603 {
2907          --scope-grid-area-mobile: 1 / 11
2908      }
2909    </style>
2910
2911
2912<div class="heliux-grid__wrapper columncontrol1733847861536" id="columncontrol-48430f5603">
2913  <heliux-grid>
2914    
2915      <div class="columncontrol__wrapper  ">
2916        
2917          
2918            
2919            
2920              <heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-center margin-block-end-none">
2921
2922      
2923      
2924      
2925    
2926    
2927      <style class="customizations__css">@media all{.calltoaction .calltoaction1652327526905.calltoaction__wrapper{display:block;border:1px solid #dfdfdf;width:100%;}}@media all{.calltoaction .calltoaction1652327526905 .calltoaction__link{justify-content:center;}}@media (min-width: 1024px){.calltoaction .calltoaction1652327526905 .calltoaction__text{font-size:0.9em;line-height:var(--global-type-heading7-line-height);}}@media (max-width: 767px){.calltoaction .calltoaction1652327526905 .calltoaction__text{font-size:0.9rem;line-height:var(--global-type-heading7-line-height);}}@media all{.calltoaction .calltoaction1652327526905 .calltoaction__text{text-transform:uppercase;}}@media (min-width: 768px) and (max-width: 1023px){.calltoaction .calltoaction1652327526905 .calltoaction__text{font-size:0.8em;line-height:var(--global-type-heading7-line-height);}}@media all{.calltoaction .calltoaction1652327526905 .calltoaction__link{border:1px solid black;}}@media all{.calltoaction .calltoaction1652327526905 .calltoaction__text{white-space:nowrap;}}@media all{.calltoaction .calltoaction1652327526905.calltoaction__wrapper{display:none;}}</style>
2928      
2929      
2930    
2931    
2932        
2933    
2934
2935    
2936    
2937    
2938    
2939
2940
2941      
2942      
2943      
2944      
2945      
2946    
2947    <div class="calltoaction__wrapper cta
2948            calltoaction1652327526905
2949            calltoaction__linkclick
2950            " id="wrapper-calltoaction-ba141d508d">
2951        
2952        <div class="calltoaction__background">
2953            <a id="calltoaction-ba141d508d" data-customizationclass="calltoaction1652327526905" class="calltoaction__link cta " href="/articles/coloration.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Par couleur&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Par couleur&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
2954                
2955                <span class="calltoaction__text calltoaction__text--initial">Par couleur</span>
2956            </a>
2957            
2958        </div>
2959        
2960
2961    </div>
2962    
2963
2964      
2965    
2966
2967      
2968    
2969	    
2970    
2971        
2972    
2973
2974	    
2975	    
2976    
2977    
2978
2979    
2980
2981
2982</heliux-calltoaction>
2983
2984            
2985          
2986        
2987      </div>
2988    
2989      <div class="columncontrol__wrapper  ">
2990        
2991          
2992            
2993            
2994              <heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton margin-block-end-none">
2995
2996      
2997      
2998      
2999    
3000    
3001      
3002      
3003      
3004
3005      
3006      
3007      
3008      
3009      
3010    
3011    <div class="calltoaction__wrapper cta
3012            calltoaction1652327526905
3013            calltoaction__linkclick
3014            " id="wrapper-calltoaction-5594e03193">
3015        
3016        <div class="calltoaction__background">
3017            <a id="calltoaction-5594e03193" data-customizationclass="calltoaction1652327526905" class="calltoaction__link cta active" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:true,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl">
3018                
3019                <span class="calltoaction__text calltoaction__text--initial">Par type de coloration</span>
3020            </a>
3021            
3022        </div>
3023        
3024
3025    </div>
3026    
3027
3028      
3029    
3030
3031      
3032    
3033
3034
3035</heliux-calltoaction>
3036
3037            
3038          
3039        
3040      </div>
3041    
3042      <div class="columncontrol__wrapper  ">
3043        
3044          
3045            
3046            
3047              <heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton margin-block-end-none">
3048
3049      
3050      
3051      
3052    
3053    
3054      
3055      
3056      
3057
3058      
3059      
3060      
3061      
3062      
3063    
3064    <div class="calltoaction__wrapper cta
3065            calltoaction1652327526905
3066            calltoaction__linkclick
3067            " id="wrapper-calltoaction-2441025eb0">
3068        
3069        <div class="calltoaction__background">
3070            <a id="calltoaction-2441025eb0" data-customizationclass="calltoaction1652327526905" class="calltoaction__link cta " href="/articles/coloration/nos-conseils-coloration.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Nos conseils coloration&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Nos conseils coloration&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/nos-conseils-coloration.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/nos-conseils-coloration.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
3071                
3072                <span class="calltoaction__text calltoaction__text--initial">Nos conseils coloration</span>
3073            </a>
3074            
3075        </div>
3076        
3077
3078    </div>
3079    
3080
3081      
3082    
3083
3084      
3085    
3086
3087
3088</heliux-calltoaction>
3089
3090            
3091          
3092        
3093      </div>
3094    
3095      <div class="columncontrol__wrapper  ">
3096        
3097          
3098            
3099            
3100              <heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton margin-block-end-none">
3101
3102      
3103      
3104      
3105    
3106    
3107      
3108      
3109      
3110
3111      
3112      
3113      
3114      
3115      
3116    
3117    <div class="calltoaction__wrapper cta
3118            calltoaction1652327526905
3119            calltoaction__linkclick
3120            " id="wrapper-calltoaction-038c603a3b">
3121        
3122        <div class="calltoaction__background">
3123            <a id="calltoaction-038c603a3b" data-customizationclass="calltoaction1652327526905" class="calltoaction__link cta " href="/articles/coloration/dernieres-tendances1.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Dernières tendances&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Dernières tendances&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dernieres-tendances1.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dernieres-tendances1.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
3124                
3125                <span class="calltoaction__text calltoaction__text--initial">Dernières tendances</span>
3126            </a>
3127            
3128        </div>
3129        
3130
3131    </div>
3132    
3133
3134      
3135    
3136
3137      
3138    
3139
3140
3141</heliux-calltoaction>
3142
3143            
3144          
3145        
3146      </div>
3147    
3148    
3149    
3150
3151  </heliux-grid>
3152</div>
3153
3154
3155
3156</section>
3157<heliux-tabs class="tabs panelcontainer">
3158
3159
3160
3161
3162
3163<style class="customizations__css">@media all{.tabs .tabs1737556836532 .tabs__tab{background:#fff;margin:0px;width:100%;display:flex;justify-content:center;border-bottom:none;border-right:1px solid #dfdfdf;padding:10px 30px;}}@media all{.tabs .tabs1737556836532 .tabs__list{border:1px solid #dfdfdf;display:flex;justify-content:flex-start;}}@media all{.tabs .tabs1737556836532 .tabs__tab.tabs--visible{background:var(--scope-color-main-color);color:var(--scope-color-background);}}@media all{.tabs .tabs1737556836532 .icon__next{right:-25px;visibility:visible;z-index:10;}}@media all{.tabs .tabs1737556836532 .icon__previous{left:-25px;visibility:visible;z-index:10;}}@media all{.tabs .tabs1737556836532 .tabs__tab span{text-transform:uppercase;font-size:0.8rem;}}@media (max-width: 767px){.tabs .tabs1737556836532 .icon__next{right :-15px;}}@media (max-width: 767px){.tabs .tabs1737556836532 .icon__previous{left:-15px;}}</style>
3164
3165
3166    
3167    
3168        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/accordionpanel/v1/accordionpanel.lc-36a918293e0dce1c875aa8b6280b47ff-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/tabs/v1/tabs.lc-e67850dcc61fa831b470f426a911b633-lc.min.css" type="text/css">
3169    
3170
3171    
3172    
3173    
3174    
3175
3176    <div id="tabs-c97f298b27" class="tabs__base
3177        tabs1737556836532
3178        
3179        tabs--m-gradient
3180        tabs--d-gradientArrow" data-components="Tabs" data-components-tabs='{"activeItem":"item_1652966562180"}'>
3181
3182        <button class="tabs__arrow tabs__arrowPrev">
3183          
3184
3185<heliux-icon class="icon__previous"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_previous"/></svg></heliux-icon>
3186
3187        </button>
3188        <button class="tabs__arrow tabs__arrowNext">
3189          
3190
3191<heliux-icon class="icon__next"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_next"/></svg></heliux-icon>
3192
3193        </button>
3194        <div class="tabs__sticky">
3195          <div class="tabs__scroll">
3196            <ol role="tablist" class="tabs__list" data-name="tab.name" aria-multiselectable="false">
3197
3198                <li role="tab" tabindex="0" class="tabs__tab tabs--visible">
3199                    
3200                    <span class="heading7">Haptiq system</span>
3201                </li>
3202            
3203
3204                <li role="tab" tabindex="0" class="tabs__tab ">
3205                    
3206                    <span class="heading7">Sans ammoniaque</span>
3207                </li>
3208            
3209
3210                <li role="tab" tabindex="0" class="tabs__tab ">
3211                    
3212                    <span class="heading7">Homme</span>
3213                </li>
3214            
3215
3216                <li role="tab" tabindex="0" class="tabs__tab ">
3217                    
3218                    <span class="heading7">Permanente</span>
3219                </li>
3220            
3221
3222                <li role="tab" tabindex="0" class="tabs__tab ">
3223                    
3224                    <span class="heading7">Temporaire</span>
3225                </li>
3226            </ol>
3227          </div>
3228        </div>
3229    <div class="tabs__panelsContainer">
3230      
3231          <div id="tabs-c97f298b27-item-49df9a1bee" role="tabpanel" data-label="Haptiq system" aria-labelledby="tabs-c97f298b27-item-49df9a1bee" class="tabs__panel tabs--visible"><heliux-section class="section container responsivegrid container-max-grid">
3232
3233
3234
3235
3236
3237
3238
3239
3240    
3241    
3242
3243    
3244    <div class="gradient__background customizations__section" id="background_section-49df9a1bee"></div>
3245
3246
3247
3248
3249
3250<div class="section__img
3251  customizations__section
3252  
3253  
3254  ">
3255    
3256</div>
3257
3258
3259
3260    
3261    
3262    
3263    <style type="text/css">
3264      #section-49df9a1bee {
3265          --scope-grid-area: 1 / 13
3266      }
3267    </style>
3268
3269
3270
3271<div id="section-49df9a1bee" class="section__content content limited-container customizations__section  ">
3272    
3273    
3274    
3275    
3276    <heliux-section class="section container responsivegrid primary container-max-grid margin-block-start-default margin-block-end-none">
3277
3278
3279
3280
3281
3282
3283
3284
3285    
3286    
3287
3288    
3289    <div class="gradient__background customizations__section" id="background_section-0853eed99a"></div>
3290
3291
3292
3293
3294
3295<div class="section__img
3296  customizations__section
3297  
3298  
3299  ">
3300    
3301</div>
3302
3303
3304
3305    
3306    
3307    
3308    <style type="text/css">
3309      #section-0853eed99a {
3310          --scope-grid-area: 1 / 13
3311      }
3312    </style>
3313
3314
3315
3316<div id="section-0853eed99a" class="section__content content limited-container customizations__section  ">
3317    
3318    
3319    
3320    
3321    <heliux-teaserlist-v2 class="teaserlist list margin-block-start-none margin-inline-end-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
3322    
3323    
3324
3325    
3326
3327    
3328    
3329    
3330        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/carousel/v1/carousel.lc-7755425e18c64ceb5263bd0e9b918a82-lc.min.css" type="text/css"><link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/teaserlist/v2/teaserlist.lc-b81d8bf73da48a96f750ee980cf48e22-lc.min.css" type="text/css">
3331    
3332
3333    
3334    
3335    
3336    
3337
3338
3339    
3340    
3341
3342    <style class="customizations__css">@media all{.teaserlist .customizations__teaserlist .teaserlist__loadmore{background:var(--scope-color-background);border:2px solid black;color:var(--scope-color-accent1);padding:10px 60px;margin-left:auto;margin-right:auto;margin-top:30px;}}</style>
3343
3344    
3345
3346  
3347
3348  <div id="teaserlist-27d154e25f" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/item_1643367568400_c/tabs_copy/item_1652966562180/section_copy_copy_co/productcardlist_copy&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:1,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
3349      <style>
3350          #teaserlist-27d154e25f {
3351          --teaserlist-xxs-columns: 2;
3352          --teaserlist-xs-s-columns: 2;
3353          --teaserlist-m-l-columns: 3;
3354          --teaserlist-xl-xxl-columns: 4;
3355          }
3356      </style>
3357
3358      
3359    
3360
3361
3362      
3363
3364      
3365          
3366          
3367
3368          
3369              <style>
3370                  #teaserlist-27d154e25f {
3371                    --carousel-items-number: calc(1 / var(--teaserlist-columns));
3372                  }
3373              </style>
3374
3375              <heliux-teaserlist-sliding-v2 carousel="{&#34;autoplay&#34;:false,&#34;autoplayTime&#34;:3000,&#34;labelPrev&#34;:&#34;Prev&#34;,&#34;labelNext&#34;:&#34;Next&#34;,&#34;labelStop&#34;:&#34;Stop&#34;,&#34;labelPlay&#34;:&#34;Play&#34;,&#34;descriptionLabel&#34;:&#34;Carousel&#34;,&#34;slideLabel&#34;:&#34;0 of 0&#34;,&#34;navigation&#34;:&#34;arrows-and-dots&#34;,&#34;arrowsPosition&#34;:&#34;outside-component&#34;,&#34;navigationMobile&#34;:&#34;dots&#34;,&#34;thumbnailsNavigation&#34;:null,&#34;thumbnailsAction&#34;:null,&#34;nextSlideViewport&#34;:&#34;default&#34;,&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;itemsLabels&#34;:[],&#34;cookieBanner&#34;:true,&#34;lazyLoad&#34;:false}" params='{
3376                        "navigation": "arrows-and-dots",
3377                        "navigationMobile": "dots",
3378                        "arrowsPosition": "outside-component",
3379                        "nextSlideViewport": "default",
3380                        "nextSlideViewportMobile": "default",
3381                        "lazyLoad": "false"
3382                      }'>
3383
3384                  <ul class="teaserlist__items atomic--target
3385                    
3386                    
3387                    
3388                    ">
3389                      
3390    
3391
3392    
3393
3394    
3395        
3396        <li class="teaserlist__item ">
3397            
3398            <a class="teaserlist__item-link" title="Coloration brune : nos conseils et astuces " href="/articles/coloration/brune/reussir-sa-coloration-brune.html" target="_self">
3399            </a>
3400            <div class="xf-content-height">
3401 
3402
3403
3404<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
3405    
3406    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
3407
3408
3409
3410
3411
3412
3413
3414
3415    
3416    
3417
3418    
3419    <div class="gradient__background section_1626772440950" id="background_section-24788a548c"></div>
3420
3421
3422
3423
3424
3425<div class="section__img
3426  section_1626772440950
3427  
3428  
3429  ">
3430    
3431</div>
3432
3433
3434
3435    
3436    
3437    
3438    <style type="text/css">
3439      #section-24788a548c {
3440          --scope-grid-area: 1 / 13
3441      }
3442    </style>
3443
3444
3445
3446<div id="section-24788a548c" class="section__content content limited-container section_1626772440950  ">
3447    
3448    
3449    
3450    
3451    <heliux-section class="section container responsivegrid container-max-grid">
3452
3453
3454
3455
3456
3457
3458
3459
3460    
3461    
3462
3463    
3464    <div class="gradient__background customizations__section" id="background_section-70ccbe580b"></div>
3465
3466
3467
3468
3469
3470<div class="section__img
3471  customizations__section
3472  
3473  
3474  ">
3475    
3476</div>
3477
3478
3479
3480    
3481    
3482    
3483    <style type="text/css">
3484      #section-70ccbe580b {
3485          --scope-grid-area: 1 / 13
3486      }
3487    </style>
3488
3489
3490
3491<div id="section-70ccbe580b" class="section__content content limited-container customizations__section  ">
3492    
3493    
3494    
3495    
3496    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
3497
3498
3499
3500
3501
3502
3503    
3504    
3505        
3506    
3507
3508    
3509    
3510    
3511    
3512
3513
3514
3515  
3516    
3517    
3518    <style type="text/css">
3519      #text-8e084de163 {
3520          --scope-grid-area: 1 / 13
3521      }
3522    </style>
3523
3524
3525
3526
3527
3528
3529
3530
3531    
3532        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/copytoclipboard.lc-ab7945ba720ff6d9f4aa9c9ca66b3900-lc.min.css" type="text/css">
3533    
3534
3535
3536    
3537        
3537<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/copytoclipboard.lc-dc88fe7c40a1213fdaf84500a337c53d-lc.min.js" defer type="text/javascript"></script>
3537
3538
3539    
3540
3541
3542
3543
3544
3545
3546
3547    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-8e084de163" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
3548            "hoverMessage": "",
3549            "clickMessage": ""
3550        }' data-components-params-limittext='{
3551            "useModal": false, 
3552            "XFContentPath": ""
3553        }'>
3554        
3555            
3556                <p>Brune</p>
3557
3558                
3559                
3560                
3561            
3562        
3563    </div>
3564
3565
3566
3567
3568
3569    
3570	    
3571    
3572        
3573    
3574
3575	    
3576	    
3577    
3578    
3579
3580</heliux-text>
3581<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
3582
3583
3584
3585
3586
3587
3588
3589
3590  
3591    
3592    
3593    <style type="text/css">
3594      #text-9ddafd58d1 {
3595          --scope-grid-area: 1 / 13
3596      }
3597    </style>
3598
3599
3600
3601
3602
3603
3604  
3605  
3606    
3607        
3607<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/limittext.lc-63cb3241b2e2fc168d122bc7b2ab4b5f-lc.min.js" defer type="text/javascript"></script>
3607
3608
3609    
3610
3611  
3612    
3613        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/text/v1/limittext.lc-7d9d286550876be54c083f464945b1f0-lc.min.css" type="text/css">
3614    
3615
3616
3617
3618
3619    
3620
3621
3622    
3623
3624
3625
3626
3627
3628
3629
3630    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-9ddafd58d1" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
3631            "hoverMessage": "",
3632            "clickMessage": ""
3633        }' data-components-params-limittext='{
3634            "useModal": false, 
3635            "XFContentPath": ""
3636        }'>
3637        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
3638            
3639                <h5><b>Coloration brune : nos conseils et astuces </b></h5>
3640
3641                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
3642                    <span class="heliux-text__readMore-dots">...</span>
3643                    <span class="heliux-text__readMore-label"></span>
3644                </div>
3645                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
3646                    <span class="heliux-text__readLess-label"></span>
3647                </div>
3648                
3649            
3650        </div>
3651    </div>
3652
3653
3654
3655
3656
3657</heliux-text>
3658<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
3659
3660      
3661      
3662      
3663    
3664    
3665      
3666      
3667      
3668
3669      
3670      
3671      
3672      
3673      
3674    
3675    <div class="calltoaction__wrapper cta
3676            customizations__calltoaction
3677            calltoaction__linkclick
3678            " id="wrapper-calltoaction-5f94cff8ca">
3679        
3680        <div class="calltoaction__background">
3681            <a id="calltoaction-5f94cff8ca" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/reussir-sa-coloration-brune.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/reussir-sa-coloration-brune.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/reussir-sa-coloration-brune.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
3682                
3683                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
3684            </a>
3685            
3686        </div>
3687        
3688
3689    </div>
3690    
3691
3692      
3693    
3694
3695      
3696    
3697
3698
3699</heliux-calltoaction>
3700
3701    
3702
3703</div>
3704
3705
3706</heliux-section>
3707
3708    
3709
3710</div>
3711
3712
3713</heliux-section>
3714
3715    
3716</div>
3717
3718</div>
3719
3720        </li>
3721    
3722
3723    
3724    
3725
3726                  </ul>
3727
3728                  <button aria-label="Prev" class="carousel__arrow carousel__arrowPrev carousel__arrow--outside-component">
3729                      
3730
3731<heliux-icon class="icon__previous"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_previous"/></svg></heliux-icon>
3732
3733                  </button>
3734                  <button aria-label="Next" class="carousel__arrow carousel__arrowNext carousel__arrow--outside-component">
3735                      
3736
3737<heliux-icon class="icon__next"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_next"/></svg></heliux-icon>
3738
3739                  </button>
3740                  
3741                  
3742              </heliux-teaserlist-sliding-v2>
3743          
3744
3745          
3746      
3747  </div>
3748
3749
3750    
3751
3752    
3753    
3754	    
3755    
3756        
3756<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/carousel/v1/carousel.lc-8c413468aa6857ed23078a5c708c3417-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 3756
3756
3757<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/teaserlist/v2/teaserlist.lc-7e35a9e38e6b71fb0f6dd96f2bb0880b-lc.min.js" defer type="text/javascript"></script>
3757
3758
3759    
3760
3761	    
3762	    
3763    
3764    
3765
3766    
3767    
3768
3769</heliux-teaserlist-v2></heliux-teaserlist-v2>
3770
3771    
3772
3773</div>
3774
3775
3776</heliux-section>
3777
3778    
3779
3780</div>
3781
3782
3783</heliux-section>
3784</div>
3785          
3786      
3787          
3788          <div id="tabs-c97f298b27-item-0c18f6f2fe" role="tabpanel" data-label="Sans ammoniaque" data-lazy-load-url="/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/par-type-de-coloration/jcr:content/root/main/section_copy_copy_co/section/item_1643367568400_c/tabs_copy/item_1643368119577_c" aria-labelledby="tabs-c97f298b27-item-0c18f6f2fe" class="tabs__panel">
3789          </div>
3790      
3791          
3792          <div id="tabs-c97f298b27-item-209106d406" role="tabpanel" data-label="Homme" data-lazy-load-url="/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/par-type-de-coloration/jcr:content/root/main/section_copy_copy_co/section/item_1643367568400_c/tabs_copy/item_1643368119577" aria-labelledby="tabs-c97f298b27-item-209106d406" class="tabs__panel">
3793          </div>
3794      
3795          
3796          <div id="tabs-c97f298b27-item-f87c6c9ba9" role="tabpanel" data-label="Permanente" data-lazy-load-url="/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/par-type-de-coloration/jcr:content/root/main/section_copy_copy_co/section/item_1643367568400_c/tabs_copy/item_1643368205092" aria-labelledby="tabs-c97f298b27-item-f87c6c9ba9" class="tabs__panel">
3797          </div>
3798      
3799          
3800          <div id="tabs-c97f298b27-item-c4e6a318da" role="tabpanel" data-label="Temporaire" data-lazy-load-url="/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/par-type-de-coloration/jcr:content/root/main/section_copy_copy_co/section/item_1643367568400_c/tabs_copy/item_1734007381845" aria-labelledby="tabs-c97f298b27-item-c4e6a318da" class="tabs__panel">
3801          </div>
3802      
3803    </div>
3804
3805    
3806
3807</div>
3808
3809    
3810
3811
3812
3813
3814
3815    
3816	    
3817    
3818        
3818<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/accordionpanel/v1/accordionpanel.lc-bd271f547f5f64fd2bd6cee1ed834785-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 3818
3818
3819<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/tabs/v1/tabs.lc-457d9efc5db2709964970d74e018b4e4-lc.min.js" defer type="text/javascript"></script>
3819
3820
3821    
3822
3823	    
3824	    
3825    
3826    
3827
3828</heliux-tabs>
3829
3830    
3831
3832</div>
3833
3834
3835</heliux-section>
3836<heliux-teaserlist-v2 class="teaserlist list margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
3837    
3838    
3839
3840    
3841
3842    
3843
3844    
3845    
3846
3847    
3848
3849    
3850
3851  
3852
3853  <div id="teaserlist-dad26eb811" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/teaserlist_copy&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:3,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
3854      <style>
3855          #teaserlist-dad26eb811 {
3856          --teaserlist-xxs-columns: 1;
3857          --teaserlist-xs-s-columns: 1;
3858          --teaserlist-m-l-columns: 3;
3859          --teaserlist-xl-xxl-columns: 3;
3860          }
3861      </style>
3862
3863      
3864    
3865
3866
3867      
3868
3869      
3870          
3871          
3872
3873          
3874              <style>
3875                  #teaserlist-dad26eb811 {
3876                    --carousel-items-number: calc(3 / var(--teaserlist-columns));
3877                  }
3878              </style>
3879
3880              <heliux-teaserlist-sliding-v2 carousel="{&#34;autoplay&#34;:false,&#34;autoplayTime&#34;:3000,&#34;labelPrev&#34;:&#34;Prev&#34;,&#34;labelNext&#34;:&#34;Next&#34;,&#34;labelStop&#34;:&#34;Stop&#34;,&#34;labelPlay&#34;:&#34;Play&#34;,&#34;descriptionLabel&#34;:&#34;Carousel&#34;,&#34;slideLabel&#34;:&#34;0 of 0&#34;,&#34;navigation&#34;:&#34;arrows-only&#34;,&#34;arrowsPosition&#34;:&#34;outside-component&#34;,&#34;navigationMobile&#34;:&#34;dots&#34;,&#34;thumbnailsNavigation&#34;:null,&#34;thumbnailsAction&#34;:null,&#34;nextSlideViewport&#34;:&#34;default&#34;,&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;itemsLabels&#34;:[],&#34;cookieBanner&#34;:true,&#34;lazyLoad&#34;:false}" params='{
3881                        "navigation": "arrows-only",
3882                        "navigationMobile": "dots",
3883                        "arrowsPosition": "outside-component",
3884                        "nextSlideViewport": "default",
3885                        "nextSlideViewportMobile": "default",
3886                        "lazyLoad": "false"
3887                      }'>
3888
3889                  <ul class="teaserlist__items atomic--target
3890                    
3891                    
3892                    
3893                    ">
3894                      
3895    
3896
3897    
3898
3899    
3900        
3901        <li class="teaserlist__item ">
3902            
3903            <a class="teaserlist__item-link" title="Quelle coloration choisir ? Nos conseils | Schwarzkopf" href="/articles/coloration/choisir-une-coloration/couleur-cheveux-faite-pour-vous.html" target="_self">
3904            </a>
3905            <div class="xf-content-height">
3906 
3907
3908
3909<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
3910    
3911    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
3912
3913
3914
3915
3916
3917
3918
3919
3920    
3921    
3922
3923    
3924    <div class="gradient__background section_1626772440950" id="background_section-0ca06adc77"></div>
3925
3926
3927
3928
3929
3930<div class="section__img
3931  section_1626772440950
3932  
3933  
3934  ">
3935    
3936</div>
3937
3938
3939
3940    
3941    
3942    
3943    <style type="text/css">
3944      #section-0ca06adc77 {
3945          --scope-grid-area: 1 / 13
3946      }
3947    </style>
3948
3949
3950
3951<div id="section-0ca06adc77" class="section__content content limited-container section_1626772440950  ">
3952    
3953    
3954    
3955    
3956    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
3957
3958
3959
3960
3961
3962
3963
3964
3965
3966
3967
3968    <div id="image-a0ca755443" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
3969
3970        
3971            
3972    
3973
3974            
3975                
3976                    
3977                        <picture class="image__imgPreview  image__imgPreview--lazy">
3978                            
3979
3980                            
3981
3982                            
3983                            
3984                                
3985                            
3986
3987                            
3988                            
3989                            
3990
3991
3992                            
3993                            <img decoding="async" elementtiming="image-a0ca755443" alt="Quelle coloration choisir ? Nos conseils | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
3994                        </picture>
3995
3996                        
3997                        
3998                    
3999                    
4000                    
4001                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio" c
4001ontent="https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio"/>
4002                
4003                
4004  
4005
4006            
4007            
4008  
4009
4010        
4011    </div>
4012
4013
4014
4015    
4016
4017
4018</heliux-image>
4019<heliux-section class="section container responsivegrid container-max-grid">
4020
4021
4022
4023
4024
4025
4026
4027
4028    
4029    
4030
4031    
4032    <div class="gradient__background customizations__section" id="background_section-eae18f4785"></div>
4033
4034
4035
4036
4037
4038<div class="section__img
4039  customizations__section
4040  
4041  
4042  ">
4043    
4044</div>
4045
4046
4047
4048    
4049    
4050    
4051    <style type="text/css">
4052      #section-eae18f4785 {
4053          --scope-grid-area: 1 / 13
4054      }
4055    </style>
4056
4057
4058
4059<div id="section-eae18f4785" class="section__content content limited-container customizations__section  ">
4060    
4061    
4062    
4063    
4064    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4065
4066
4067
4068
4069
4070
4071
4072
4073  
4074    
4075    
4076    <style type="text/css">
4077      #text-b9d4b424f6 {
4078          --scope-grid-area: 1 / 13
4079      }
4080    </style>
4081
4082
4083
4084
4085
4086
4087
4088
4089    
4090
4091
4092    
4093
4094
4095
4096
4097
4098
4099
4100    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-b9d4b424f6" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
4101            "hoverMessage": "",
4102            "clickMessage": ""
4103        }' data-components-params-limittext='{
4104            "useModal": false, 
4105            "XFContentPath": ""
4106        }'>
4107        
4108            
4109                <p>Choisir une coloration</p>
4110
4111                
4112                
4113                
4114            
4115        
4116    </div>
4117
4118
4119
4120
4121
4122</heliux-text>
4123<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4124
4125
4126
4127
4128
4129
4130
4131
4132  
4133    
4134    
4135    <style type="text/css">
4136      #text-08bddfb51c {
4137          --scope-grid-area: 1 / 13
4138      }
4139    </style>
4140
4141
4142
4143
4144
4145
4146  
4147  
4148    
4149
4150  
4151    
4152
4153
4154
4155
4156    
4157
4158
4159    
4160
4161
4162
4163
4164
4165
4166
4167    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-08bddfb51c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
4168            "hoverMessage": "",
4169            "clickMessage": ""
4170        }' data-components-params-limittext='{
4171            "useModal": false, 
4172            "XFContentPath": ""
4173        }'>
4174        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
4175            
4176                <h5><b>Quelle coloration choisir ? Nos conseils | Schwarzkopf</b></h5>
4177
4178                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
4179                    <span class="heliux-text__readMore-dots">...</span>
4180                    <span class="heliux-text__readMore-label"></span>
4181                </div>
4182                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
4183                    <span class="heliux-text__readLess-label"></span>
4184                </div>
4185                
4186            
4187        </div>
4188    </div>
4189
4190
4191
4192
4193
4194</heliux-text>
4195<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
4196
4197      
4198      
4199      
4200    
4201    
4202      
4203      
4204      
4205
4206      
4207      
4208      
4209      
4210      
4211    
4212    <div class="calltoaction__wrapper cta
4213            customizations__calltoaction
4214            calltoaction__linkclick
4215            " id="wrapper-calltoaction-b9bd4ac47e">
4216        
4217        <div class="calltoaction__background">
4218            <a id="calltoaction-b9bd4ac47e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/couleur-cheveux-faite-pour-vous.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-c
4218heveux-faite-pour-vous.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-cheveux-faite-pour-vous.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
4219                
4220                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
4221            </a>
4222            
4223        </div>
4224        
4225
4226    </div>
4227    
4228
4229      
4230    
4231
4232      
4233    
4234
4235
4236</heliux-calltoaction>
4237
4238    
4239
4240</div>
4241
4242
4243</heliux-section>
4244
4245    
4246
4247</div>
4248
4249
4250</heliux-section>
4251
4252    
4253</div>
4254
4255</div>
4256
4257        </li>
4258    
4259        
4260        <li class="teaserlist__item ">
4261            
4262            <a class="teaserlist__item-link" title="Comment éclaircir ses cheveux naturellement : astuces et soins" href="/articles/coloration/eclaircissant/eclaircir-naturellement.html" target="_self">
4263            </a>
4264            <div class="xf-content-height">
4265 
4266
4267
4268<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
4269    
4270    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
4271
4272
4273
4274
4275
4276
4277
4278
4279    
4280    
4281
4282    
4283    <div class="gradient__background section_1626772440950" id="background_section-0cd9aa700b"></div>
4284
4285
4286
4287
4288
4289<div class="section__img
4290  section_1626772440950
4291  
4292  
4293  ">
4294    
4295</div>
4296
4297
4298
4299    
4300    
4301    
4302    <style type="text/css">
4303      #section-0cd9aa700b {
4304          --scope-grid-area: 1 / 13
4305      }
4306    </style>
4307
4308
4309
4310<div id="section-0cd9aa700b" class="section__content content limited-container section_1626772440950  ">
4311    
4312    
4313    
4314    
4315    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
4316
4317
4318
4319
4320
4321
4322
4323
4324
4325
4326
4327    <div id="image-84d21cec3a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
4328
4329        
4330            
4331    
4332
4333            
4334                
4335                    
4336                        <picture class="image__imgPreview  image__imgPreview--lazy">
4337                            
4338
4339                            
4340
4341                            
4342                            
4343                                
4344                            
4345
4346                            
4347                            
4348                            
4349
4350
4351                            
4352                            <img decoding="async" elementtiming="image-84d21cec3a" alt="Comment éclaircir ses cheveux naturellement : astuces et soins" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
4353                        </picture>
4354
4355                        
4356                        
4357                    
4358                    
4359                    
4360                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile" content="https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile"/>
4361                
4362                
4363  
4364
4365            
4366            
4367  
4368
4369        
4370    </div>
4371
4372
4373
4374    
4375
4376
4377</heliux-image>
4378<heliux-section class="section container responsivegrid container-max-grid">
4379
4380
4381
4382
4383
4384
4385
4386
4387    
4388    
4389
4390    
4391    <div class="gradient__background customizations__section" id="background_section-e3cfb0feb8"></div>
4392
4393
4394
4395
4396
4397<div class="section__img
4398  customizations__section
4399  
4400  
4401  ">
4402    
4403</div>
4404
4405
4406
4407    
4408    
4409    
4410    <style type="text/css">
4411      #section-e3cfb0feb8 {
4412          --scope-grid-area: 1 / 13
4413      }
4414    </style>
4415
4416
4417
4418<div id="section-e3cfb0feb8" class="section__content content limited-container customizations__section  ">
4419    
4420    
4421    
4422    
4423    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4424
4425
4426
4427
4428
4429
4430
4431
4432  
4433    
4434    
4435    <style type="text/css">
4436      #text-8721af2553 {
4437          --scope-grid-area: 1 / 13
4438      }
4439    </style>
4440
4441
4442
4443
4444
4445
4446
4447
4448    
4449
4450
4451    
4452
4453
4454
4455
4456
4457
4458
4459    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-8721af2553" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
4460            "hoverMessage": "",
4461            "clickMessage": ""
4462        }' data-components-params-limittext='{
4463            "useModal": false, 
4464            "XFContentPath": ""
4465        }'>
4466        
4467            
4468                <p>Eclaircissant</p>
4469
4470                
4471                
4472                
4473            
4474        
4475    </div>
4476
4477
4478
4479
4480
4481</heliux-text>
4482<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4483
4484
4485
4486
4487
4488
4489
4490
4491  
4492    
4493    
4494    <style type="text/css">
4495      #text-ba37fe2486 {
4496          --scope-grid-area: 1 / 13
4497      }
4498    </style>
4499
4500
4501
4502
4503
4504
4505  
4506  
4507    
4508
4509  
4510    
4511
4512
4513
4514
4515    
4516
4517
4518    
4519
4520
4521
4522
4523
4524
4525
4526    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-ba37fe2486" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
4527            "hoverMessage": "",
4528            "clickMessage": ""
4529        }' data-components-params-limittext='{
4530            "useModal": false, 
4531            "XFContentPath": ""
4532        }'>
4533        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
4534            
4535                <h5><b>Comment éclaircir ses cheveux naturellement : astuces et soins</b></h5>
4536
4537                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
4538                    <span class="heliux-text__readMore-dots">...</span>
4539                    <span class="heliux-text__readMore-label"></span>
4540                </div>
4541                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
4542                    <span class="heliux-text__readLess-label"></span>
4543                </div>
4544                
4545            
4546        </div>
4547    </div>
4548
4549
4550
4551
4552
4553</heliux-text>
4554<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
4555
4556      
4557      
4558      
4559    
4560    
4561      
4562      
4563      
4564
4565      
4566      
4567      
4568      
4569      
4570    
4571    <div class="calltoaction__wrapper cta
4572            customizations__calltoaction
4573            calltoaction__linkclick
4574            " id="wrapper-calltoaction-a382ea9337">
4575        
4576        <div class="calltoaction__background">
4577            <a id="calltoaction-a382ea9337" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/eclaircissant/eclaircir-naturellement.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaircir-naturellement.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaircir-naturellement.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
4578                
4579                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
4580            </a>
4581            
4582        </div>
4583        
4584
4585    </div>
4586    
4587
4588      
4589    
4590
4591      
4592    
4593
4594
4595</heliux-calltoaction>
4596
4597    
4598
4599</div>
4600
4601
4602</heliux-section>
4603
4604    
4605
4606</div>
4607
4608
4609</heliux-section>
4610
4611    
4612</div>
4613
4614</div>
4615
4616        </li>
4617    
4618        
4619        <li class="teaserlist__item ">
4620            
4621            <a class="teaserlist__item-link" title="Quelle est la différence entre mèches et balayage ?" href="/articles/coloration/meches/difference-meches-et-balayage.html" target="_self">
4622            </a>
4623            <div class="xf-content-height">
4624 
4625
4626
4627<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
4628    
4629    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
4630
4631
4632
4633
4634
4635
4636
4637
4638    
4639    
4640
4641    
4642    <div class="gradient__background section_1626772440950" id="background_section-4e12c2510b"></div>
4643
4644
4645
4646
4647
4648<div class="section__img
4649  section_1626772440950
4650  
4651  
4652  ">
4653    
4654</div>
4655
4656
4657
4658    
4659    
4660    
4661    <style type="text/css">
4662      #section-4e12c2510b {
4663          --scope-grid-area: 1 / 13
4664      }
4665    </style>
4666
4667
4668
4669<div id="section-4e12c2510b" class="section__content content limited-container section_1626772440950  ">
4670    
4671    
4672    
4673    
4674    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686    <div id="image-b35e7ca9f6" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
4687
4688        
4689            
4690    
4691
4692            
4693                
4694                    
4695                        <picture class="image__imgPreview  image__imgPreview--lazy">
4696                            
4697
4698                            
4699
4700                            
4701                            
4702                                
4703                            
4704
4705                            
4706                            
4707                            
4708
4709
4710                            
4711                            <img decoding="async" elementtiming="image-b35e7ca9f6" alt="Quelle est la différence entre mèches et balayage ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
4712                        </picture>
4713
4714                        
4715                        
4716                    
4717                    
4718                    
4719                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio" c
4719ontent="https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio"/>
4720                
4721                
4722  
4723
4724            
4725            
4726  
4727
4728        
4729    </div>
4730
4731
4732
4733    
4734
4735
4736</heliux-image>
4737<heliux-section class="section container responsivegrid container-max-grid">
4738
4739
4740
4741
4742
4743
4744
4745
4746    
4747    
4748
4749    
4750    <div class="gradient__background customizations__section" id="background_section-4aee413a98"></div>
4751
4752
4753
4754
4755
4756<div class="section__img
4757  customizations__section
4758  
4759  
4760  ">
4761    
4762</div>
4763
4764
4765
4766    
4767    
4768    
4769    <style type="text/css">
4770      #section-4aee413a98 {
4771          --scope-grid-area: 1 / 13
4772      }
4773    </style>
4774
4775
4776
4777<div id="section-4aee413a98" class="section__content content limited-container customizations__section  ">
4778    
4779    
4780    
4781    
4782    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4783
4784
4785
4786
4787
4788
4789
4790
4791  
4792    
4793    
4794    <style type="text/css">
4795      #text-301a9862d3 {
4796          --scope-grid-area: 1 / 13
4797      }
4798    </style>
4799
4800
4801
4802
4803
4804
4805
4806
4807    
4808
4809
4810    
4811
4812
4813
4814
4815
4816
4817
4818    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-301a9862d3" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
4819            "hoverMessage": "",
4820            "clickMessage": ""
4821        }' data-components-params-limittext='{
4822            "useModal": false, 
4823            "XFContentPath": ""
4824        }'>
4825        
4826            
4827                <p>Mèches</p>
4828
4829                
4830                
4831                
4832            
4833        
4834    </div>
4835
4836
4837
4838
4839
4840</heliux-text>
4841<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
4842
4843
4844
4845
4846
4847
4848
4849
4850  
4851    
4852    
4853    <style type="text/css">
4854      #text-962954fff1 {
4855          --scope-grid-area: 1 / 13
4856      }
4857    </style>
4858
4859
4860
4861
4862
4863
4864  
4865  
4866    
4867
4868  
4869    
4870
4871
4872
4873
4874    
4875
4876
4877    
4878
4879
4880
4881
4882
4883
4884
4885    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-962954fff1" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
4886            "hoverMessage": "",
4887            "clickMessage": ""
4888        }' data-components-params-limittext='{
4889            "useModal": false, 
4890            "XFContentPath": ""
4891        }'>
4892        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
4893            
4894                <h5><b>Quelle est la différence entre mèches et balayage ?</b></h5>
4895
4896                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
4897                    <span class="heliux-text__readMore-dots">...</span>
4898                    <span class="heliux-text__readMore-label"></span>
4899                </div>
4900                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
4901                    <span class="heliux-text__readLess-label"></span>
4902                </div>
4903                
4904            
4905        </div>
4906    </div>
4907
4908
4909
4910
4911
4912</heliux-text>
4913<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
4914
4915      
4916      
4917      
4918    
4919    
4920      
4921      
4922      
4923
4924      
4925      
4926      
4927      
4928      
4929    
4930    <div class="calltoaction__wrapper cta
4931            customizations__calltoaction
4932            calltoaction__linkclick
4933            " id="wrapper-calltoaction-d20376b7bf">
4934        
4935        <div class="calltoaction__background">
4936            <a id="calltoaction-d20376b7bf" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/difference-meches-et-balayage.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/difference-meches-et-balayage.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/difference-meches-et-balayage.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
4937                
4938                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
4939            </a>
4940            
4941        </div>
4942        
4943
4944    </div>
4945    
4946
4947      
4948    
4949
4950      
4951    
4952
4953
4954</heliux-calltoaction>
4955
4956    
4957
4958</div>
4959
4960
4961</heliux-section>
4962
4963    
4964
4965</div>
4966
4967
4968</heliux-section>
4969
4970    
4971</div>
4972
4973</div>
4974
4975        </li>
4976    
4977
4978    
4979    
4980
4981                  </ul>
4982
4983                  <button aria-label="Prev" class="carousel__arrow carousel__arrowPrev carousel__arrow--outside-component">
4984                      
4985
4986<heliux-icon class="icon__previous"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_previous"/></svg></heliux-icon>
4987
4988                  </button>
4989                  <button aria-label="Next" class="carousel__arrow carousel__arrowNext carousel__arrow--outside-component">
4990                      
4991
4992<heliux-icon class="icon__next"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_next"/></svg></heliux-icon>
4993
4994                  </button>
4995                  
4996                  
4997              </heliux-teaserlist-sliding-v2>
4998          
4999
5000          
5001      
5002  </div>
5003
5004
5005    
5006
5007    
5008    
5009    
5010
5011</heliux-teaserlist-v2></heliux-teaserlist-v2>
5012<heliux-section class="section container responsivegrid primary container-max-grid margin-block-start-none margin-block-end-none">
5013
5014
5015
5016
5017
5018
5019
5020
5021    
5022    
5023
5024    
5025    <div class="gradient__background customizations__section" id="background_section-a4f260d7ee"></div>
5026
5027
5028
5029
5030
5031<div class="section__img
5032  customizations__section
5033  
5034  
5035  ">
5036    
5037</div>
5038
5039
5040
5041    
5042    
5043    
5044    <style type="text/css">
5045      #section-a4f260d7ee {
5046          --scope-grid-area: 1 / 13
5047      }
5048    </style>
5049
5050
5051
5052<div id="section-a4f260d7ee" class="section__content content limited-container customizations__section  ">
5053    
5054    
5055    
5056    
5057    <heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
5058
5059
5060
5061
5062
5063
5064
5065
5066
5067
5068    
5069    
5070    
5071    <style type="text/css">
5072      #title-34f233f58a {
5073          --scope-grid-area: 1 / 13
5074      }
5075    </style>
5076
5077
5078
5079
5080
5081
5082    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-34f233f58a" data-type="h1">
5083        
5084        
5085        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Autres Tendances</h1>
5086    </div>
5087
5088
5089
5090
5091    
5092
5093
5094
5095</heliux-text>
5096<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
5097    
5098    
5099
5100    
5101
5102    
5103
5104    
5105    
5106
5107    
5108
5109    
5110
5111  
5112
5113  <div id="teaserlist-c3adc39683" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:21,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
5114      <style>
5115          #teaserlist-c3adc39683 {
5116          --teaserlist-xxs-columns: 1;
5117          --teaserlist-xs-s-columns: 2;
5118          --teaserlist-m-l-columns: 3;
5119          --teaserlist-xl-xxl-columns: 3;
5120          }
5121      </style>
5122
5123      
5124    
5125
5126
5127      
5128
5129      
5130          
5131          
5132              <ul class="teaserlist__items atomic--target
5133                teaserlist__items--loadMore
5134                
5135                ">
5136                  
5137    
5138
5139    
5140
5141    
5142        
5143        <li class="teaserlist__item ">
5144            
5145            <a class="teaserlist__item-link" title="Le foilyage, nouvelle tendance | Schwarzkopf" href="/articles/coloration/autres-tendances/foilyage.html" target="_self">
5146            </a>
5147            <div class="xf-content-height">
5148 
5149
5150
5151<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
5152    
5153    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
5154
5155
5156
5157
5158
5159
5160
5161
5162    
5163    
5164
5165    
5166    <div class="gradient__background section_1626772440950" id="background_section-cd53085e2a"></div>
5167
5168
5169
5170
5171
5172<div class="section__img
5173  section_1626772440950
5174  
5175  
5176  ">
5177    
5178</div>
5179
5180
5181
5182    
5183    
5184    
5185    <style type="text/css">
5186      #section-cd53085e2a {
5187          --scope-grid-area: 1 / 13
5188      }
5189    </style>
5190
5191
5192
5193<div id="section-cd53085e2a" class="section__content content limited-container section_1626772440950  ">
5194    
5195    
5196    
5197    
5198    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
5199
5200
5201
5202
5203
5204
5205
5206
5207
5208
5209
5210    <div id="image-2102844c33" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/jessica_biel_cheveux_longs_de_trois_quart-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
5211
5212        
5213            
5214    
5215
5216            
5217                
5218                    
5219                        <picture class="image__imgPreview  image__imgPreview--lazy">
5220                            
5221
5222                            
5223
5224                            
5225                            
5226                                
5227                            
5228
5229                            
5230                            
5231                            
5232
5233
5234                            
5235                            <img decoding="async" elementtiming="image-2102844c33" alt="Le foilyage, nouvelle tendance | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
5236                        </picture>
5237
5238                        
5239                        
5240                    
5241                    
5242                    
5243                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/jessica_biel_cheveux_longs_de_trois_quart-wcms-fr_1-1-ratio" c
5243ontent="https://dm.henkel-dam.com/is/image/henkel/jessica_biel_cheveux_longs_de_trois_quart-wcms-fr_1-1-ratio"/>
5244                
5245                
5246  
5247
5248            
5249            
5250  
5251
5252        
5253    </div>
5254
5255
5256
5257    
5258
5259
5260</heliux-image>
5261<heliux-section class="section container responsivegrid container-max-grid">
5262
5263
5264
5265
5266
5267
5268
5269
5270    
5271    
5272
5273    
5274    <div class="gradient__background customizations__section" id="background_section-01d4d895c0"></div>
5275
5276
5277
5278
5279
5280<div class="section__img
5281  customizations__section
5282  
5283  
5284  ">
5285    
5286</div>
5287
5288
5289
5290    
5291    
5292    
5293    <style type="text/css">
5294      #section-01d4d895c0 {
5295          --scope-grid-area: 1 / 13
5296      }
5297    </style>
5298
5299
5300
5301<div id="section-01d4d895c0" class="section__content content limited-container customizations__section  ">
5302    
5303    
5304    
5305    
5306    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
5307
5308
5309
5310
5311
5312
5313
5314
5315  
5316    
5317    
5318    <style type="text/css">
5319      #text-5b5b74f28c {
5320          --scope-grid-area: 1 / 13
5321      }
5322    </style>
5323
5324
5325
5326
5327
5328
5329
5330
5331    
5332
5333
5334    
5335
5336
5337
5338
5339
5340
5341
5342    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-5b5b74f28c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
5343            "hoverMessage": "",
5344            "clickMessage": ""
5345        }' data-components-params-limittext='{
5346            "useModal": false, 
5347            "XFContentPath": ""
5348        }'>
5349        
5350            
5351                <p>Autres Tendances</p>
5352
5353                
5354                
5355                
5356            
5357        
5358    </div>
5359
5360
5361
5362
5363
5364</heliux-text>
5365<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
5366
5367
5368
5369
5370
5371
5372
5373
5374  
5375    
5376    
5377    <style type="text/css">
5378      #text-dee427156e {
5379          --scope-grid-area: 1 / 13
5380      }
5381    </style>
5382
5383
5384
5385
5386
5387
5388  
5389  
5390    
5391
5392  
5393    
5394
5395
5396
5397
5398    
5399
5400
5401    
5402
5403
5404
5405
5406
5407
5408
5409    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-dee427156e" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
5410            "hoverMessage": "",
5411            "clickMessage": ""
5412        }' data-components-params-limittext='{
5413            "useModal": false, 
5414            "XFContentPath": ""
5415        }'>
5416        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
5417            
5418                <h5><b>Le foilyage, nouvelle tendance | Schwarzkopf</b></h5>
5419
5420                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
5421                    <span class="heliux-text__readMore-dots">...</span>
5422                    <span class="heliux-text__readMore-label"></span>
5423                </div>
5424                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
5425                    <span class="heliux-text__readLess-label"></span>
5426                </div>
5427                
5428            
5429        </div>
5430    </div>
5431
5432
5433
5434
5435
5436</heliux-text>
5437<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
5438
5439      
5440      
5441      
5442    
5443    
5444      
5445      
5446      
5447
5448      
5449      
5450      
5451      
5452      
5453    
5454    <div class="calltoaction__wrapper cta
5455            customizations__calltoaction
5456            calltoaction__linkclick
5457            " id="wrapper-calltoaction-01cedb3b69">
5458        
5459        <div class="calltoaction__background">
5460            <a id="calltoaction-01cedb3b69" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/foilyage.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/foilyage.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/foilyage.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
5461                
5462                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
5463            </a>
5464            
5465        </div>
5466        
5467
5468    </div>
5469    
5470
5471      
5472    
5473
5474      
5475    
5476
5477
5478</heliux-calltoaction>
5479
5480    
5481
5482</div>
5483
5484
5485</heliux-section>
5486
5487    
5488
5489</div>
5490
5491
5492</heliux-section>
5493
5494    
5495</div>
5496
5497</div>
5498
5499        </li>
5500    
5501        
5502        <li class="teaserlist__item ">
5503            
5504            <a class="teaserlist__item-link" title="Brillance des cheveux : Brillance de Schwarzkopf" href="/articles/coloration/autres-tendances/plus-de-brillance.html" target="_self">
5505            </a>
5506            <div class="xf-content-height">
5507 
5508
5509
5510<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
5511    
5512    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
5513
5514
5515
5516
5517
5518
5519
5520
5521    
5522    
5523
5524    
5525    <div class="gradient__background section_1626772440950" id="background_section-3609ba4fa1"></div>
5526
5527
5528
5529
5530
5531<div class="section__img
5532  section_1626772440950
5533  
5534  
5535  ">
5536    
5537</div>
5538
5539
5540
5541    
5542    
5543    
5544    <style type="text/css">
5545      #section-3609ba4fa1 {
5546          --scope-grid-area: 1 / 13
5547      }
5548    </style>
5549
5550
5551
5552<div id="section-3609ba4fa1" class="section__content content limited-container section_1626772440950  ">
5553    
5554    
5555    
5556    
5557    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
5558
5559
5560
5561
5562
5563
5564
5565
5566
5567
5568
5569    <div id="image-bd30d6a1ed" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_longs_lui_cachant_la_moitie_du_visage-wcms-fr1_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
5570
5571        
5572            
5573    
5574
5575            
5576                
5577                    
5578                        <picture class="image__imgPreview  image__imgPreview--lazy">
5579                            
5580
5581                            
5582
5583                            
5584                            
5585                                
5586                            
5587
5588                            
5589                            
5590                            
5591
5592
5593                            
5594                            <img decoding="async" elementtiming="image-bd30d6a1ed" alt="Brillance des cheveux : Brillance de Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
5595                        </picture>
5596
5597                        
5598                        
5599                    
5600                    
5601                    
5602                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_longs_lui_cachant_la_moitie_du_visage-wcms-fr1_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_longs_lui_cachant_la_moitie_du_visage-wcms-fr1_1-1-ratio"/>
5603                
5604                
5605  
5606
5607            
5608            
5609  
5610
5611        
5612    </div>
5613
5614
5615
5616    
5617
5618
5619</heliux-image>
5620<heliux-section class="section container responsivegrid container-max-grid">
5621
5622
5623
5624
5625
5626
5627
5628
5629    
5630    
5631
5632    
5633    <div class="gradient__background customizations__section" id="background_section-2db8e28d2b"></div>
5634
5635
5636
5637
5638
5639<div class="section__img
5640  customizations__section
5641  
5642  
5643  ">
5644    
5645</div>
5646
5647
5648
5649    
5650    
5651    
5652    <style type="text/css">
5653      #section-2db8e28d2b {
5654          --scope-grid-area: 1 / 13
5655      }
5656    </style>
5657
5658
5659
5660<div id="section-2db8e28d2b" class="section__content content limited-container customizations__section  ">
5661    
5662    
5663    
5664    
5665    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
5666
5667
5668
5669
5670
5671
5672
5673
5674  
5675    
5676    
5677    <style type="text/css">
5678      #text-a6e3cf85c0 {
5679          --scope-grid-area: 1 / 13
5680      }
5681    </style>
5682
5683
5684
5685
5686
5687
5688
5689
5690    
5691
5692
5693    
5694
5695
5696
5697
5698
5699
5700
5701    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-a6e3cf85c0" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
5702            "hoverMessage": "",
5703            "clickMessage": ""
5704        }' data-components-params-limittext='{
5705            "useModal": false, 
5706            "XFContentPath": ""
5707        }'>
5708        
5709            
5710                <p>Autres Tendances</p>
5711
5712                
5713                
5714                
5715            
5716        
5717    </div>
5718
5719
5720
5721
5722
5723</heliux-text>
5724<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
5725
5726
5727
5728
5729
5730
5731
5732
5733  
5734    
5735    
5736    <style type="text/css">
5737      #text-d3d8db39c0 {
5738          --scope-grid-area: 1 / 13
5739      }
5740    </style>
5741
5742
5743
5744
5745
5746
5747  
5748  
5749    
5750
5751  
5752    
5753
5754
5755
5756
5757    
5758
5759
5760    
5761
5762
5763
5764
5765
5766
5767
5768    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-d3d8db39c0" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
5769            "hoverMessage": "",
5770            "clickMessage": ""
5771        }' data-components-params-limittext='{
5772            "useModal": false, 
5773            "XFContentPath": ""
5774        }'>
5775        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
5776            
5777                <h5><b>Brillance des cheveux : Brillance de Schwarzkopf</b></h5>
5778
5779                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
5780                    <span class="heliux-text__readMore-dots">...</span>
5781                    <span class="heliux-text__readMore-label"></span>
5782                </div>
5783                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
5784                    <span class="heliux-text__readLess-label"></span>
5785                </div>
5786                
5787            
5788        </div>
5789    </div>
5790
5791
5792
5793
5794
5795</heliux-text>
5796<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
5797
5798      
5799      
5800      
5801    
5802    
5803      
5804      
5805      
5806
5807      
5808      
5809      
5810      
5811      
5812    
5813    <div class="calltoaction__wrapper cta
5814            customizations__calltoaction
5815            calltoaction__linkclick
5816            " id="wrapper-calltoaction-2f17416216">
5817        
5818        <div class="calltoaction__background">
5819            <a id="calltoaction-2f17416216" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/plus-de-brillance.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/plus-de-brillance.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/plus-de-brillance.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
5820                
5821                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
5822            </a>
5823            
5824        </div>
5825        
5826
5827    </div>
5828    
5829
5830      
5831    
5832
5833      
5834    
5835
5836
5837</heliux-calltoaction>
5838
5839    
5840
5841</div>
5842
5843
5844</heliux-section>
5845
5846    
5847
5848</div>
5849
5850
5851</heliux-section>
5852
5853    
5854</div>
5855
5856</div>
5857
5858        </li>
5859    
5860        
5861        <li class="teaserlist__item ">
5862            
5863            <a class="teaserlist__item-link" title="Coloration prune : nos conseils pour l’adopter" href="/articles/coloration/autres-tendances/coloration-prune.html" target="_self">
5864            </a>
5865            <div class="xf-content-height">
5866 
5867
5868
5869<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
5870    
5871    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
5872
5873
5874
5875
5876
5877
5878
5879
5880    
5881    
5882
5883    
5884    <div class="gradient__background section_1626772440950" id="background_section-ce9fa588bb"></div>
5885
5886
5887
5888
5889
5890<div class="section__img
5891  section_1626772440950
5892  
5893  
5894  ">
5895    
5896</div>
5897
5898
5899
5900    
5901    
5902    
5903    <style type="text/css">
5904      #section-ce9fa588bb {
5905          --scope-grid-area: 1 / 13
5906      }
5907    </style>
5908
5909
5910
5911<div id="section-ce9fa588bb" class="section__content content limited-container section_1626772440950  ">
5912    
5913    
5914    
5915    
5916    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
5917
5918
5919
5920
5921
5922
5923
5924
5925
5926
5927
5928    <div id="image-bdf60e550d" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963_frau-ultra-violette-haare-wcms-de_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
5929
5930        
5931            
5932    
5933
5934            
5935                
5936                    
5937                        <picture class="image__imgPreview  image__imgPreview--lazy">
5938                            
5939
5940                            
5941
5942                            
5943                            
5944                                
5945                            
5946
5947                            
5948                            
5949                            
5950
5951
5952                            
5953                            <img decoding="async" elementtiming="image-bdf60e550d" alt="Coloration prune : nos conseils pour l’adopter" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
5954                        </picture>
5955
5956                        
5957                        
5958                    
5959                    
5960                    
5961                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963_frau-ultra-violette-haare-wcms-de_1-1-ratio" c
5961ontent="https://dm.henkel-dam.com/is/image/henkel/2560x963_frau-ultra-violette-haare-wcms-de_1-1-ratio"/>
5962                
5963                
5964  
5965
5966            
5967            
5968  
5969
5970        
5971    </div>
5972
5973
5974
5975    
5976
5977
5978</heliux-image>
5979<heliux-section class="section container responsivegrid container-max-grid">
5980
5981
5982
5983
5984
5985
5986
5987
5988    
5989    
5990
5991    
5992    <div class="gradient__background customizations__section" id="background_section-4f634bbd61"></div>
5993
5994
5995
5996
5997
5998<div class="section__img
5999  customizations__section
6000  
6001  
6002  ">
6003    
6004</div>
6005
6006
6007
6008    
6009    
6010    
6011    <style type="text/css">
6012      #section-4f634bbd61 {
6013          --scope-grid-area: 1 / 13
6014      }
6015    </style>
6016
6017
6018
6019<div id="section-4f634bbd61" class="section__content content limited-container customizations__section  ">
6020    
6021    
6022    
6023    
6024    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6025
6026
6027
6028
6029
6030
6031
6032
6033  
6034    
6035    
6036    <style type="text/css">
6037      #text-e3c751ad89 {
6038          --scope-grid-area: 1 / 13
6039      }
6040    </style>
6041
6042
6043
6044
6045
6046
6047
6048
6049    
6050
6051
6052    
6053
6054
6055
6056
6057
6058
6059
6060    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-e3c751ad89" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
6061            "hoverMessage": "",
6062            "clickMessage": ""
6063        }' data-components-params-limittext='{
6064            "useModal": false, 
6065            "XFContentPath": ""
6066        }'>
6067        
6068            
6069                <p>Autres Tendances</p>
6070
6071                
6072                
6073                
6074            
6075        
6076    </div>
6077
6078
6079
6080
6081
6082</heliux-text>
6083<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6084
6085
6086
6087
6088
6089
6090
6091
6092  
6093    
6094    
6095    <style type="text/css">
6096      #text-0a97191a6e {
6097          --scope-grid-area: 1 / 13
6098      }
6099    </style>
6100
6101
6102
6103
6104
6105
6106  
6107  
6108    
6109
6110  
6111    
6112
6113
6114
6115
6116    
6117
6118
6119    
6120
6121
6122
6123
6124
6125
6126
6127    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-0a97191a6e" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
6128            "hoverMessage": "",
6129            "clickMessage": ""
6130        }' data-components-params-limittext='{
6131            "useModal": false, 
6132            "XFContentPath": ""
6133        }'>
6134        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
6135            
6136                <h5><b>Coloration prune : nos conseils pour l’adopter</b></h5>
6137
6138                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
6139                    <span class="heliux-text__readMore-dots">...</span>
6140                    <span class="heliux-text__readMore-label"></span>
6141                </div>
6142                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
6143                    <span class="heliux-text__readLess-label"></span>
6144                </div>
6145                
6146            
6147        </div>
6148    </div>
6149
6150
6151
6152
6153
6154</heliux-text>
6155<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
6156
6157      
6158      
6159      
6160    
6161    
6162      
6163      
6164      
6165
6166      
6167      
6168      
6169      
6170      
6171    
6172    <div class="calltoaction__wrapper cta
6173            customizations__calltoaction
6174            calltoaction__linkclick
6175            " id="wrapper-calltoaction-c089627217">
6176        
6177        <div class="calltoaction__background">
6178            <a id="calltoaction-c089627217" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/coloration-prune.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration-prune.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration-prune.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
6179                
6180                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
6181            </a>
6182            
6183        </div>
6184        
6185
6186    </div>
6187    
6188
6189      
6190    
6191
6192      
6193    
6194
6195
6196</heliux-calltoaction>
6197
6198    
6199
6200</div>
6201
6202
6203</heliux-section>
6204
6205    
6206
6207</div>
6208
6209
6210</heliux-section>
6211
6212    
6213</div>
6214
6215</div>
6216
6217        </li>
6218    
6219        
6220        <li class="teaserlist__item ">
6221            
6222            <a class="teaserlist__item-link" title="Coloration : le mermaid hair pour une chevelure de sirène" href="/articles/coloration/autres-tendances/coloration---le-mermaid-hair-pour-une-chevelure-de-sirene.html" target="_self">
6223            </a>
6224            <div class="xf-content-height">
6225 
6226
6227
6228<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
6229    
6230    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
6231
6232
6233
6234
6235
6236
6237
6238
6239    
6240    
6241
6242    
6243    <div class="gradient__background section_1626772440950" id="background_section-f20a343963"></div>
6244
6245
6246
6247
6248
6249<div class="section__img
6250  section_1626772440950
6251  
6252  
6253  ">
6254    
6255</div>
6256
6257
6258
6259    
6260    
6261    
6262    <style type="text/css">
6263      #section-f20a343963 {
6264          --scope-grid-area: 1 / 13
6265      }
6266    </style>
6267
6268
6269
6270<div id="section-f20a343963" class="section__content content limited-container section_1626772440950  ">
6271    
6272    
6273    
6274    
6275    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
6276
6277
6278
6279
6280
6281
6282
6283
6284
6285
6286
6287    <div id="image-f52484e66c" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/got2b_color_com_bright_pastel_2560x963-wcms-international_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
6288
6289        
6290            
6291    
6292
6293            
6294                
6295                    
6296                        <picture class="image__imgPreview  image__imgPreview--lazy">
6297                            
6298
6299                            
6300
6301                            
6302                            
6303                                
6304                            
6305
6306                            
6307                            
6308                            
6309
6310
6311                            
6312                            <img decoding="async" elementtiming="image-f52484e66c" alt="Coloration : le mermaid hair pour une chevelure de sirène" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
6313                        </picture>
6314
6315                        
6316                        
6317                    
6318                    
6319                    
6320                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/got2b_color_com_bright_pastel_2560x963-wcms-international_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/got2b_color_com_bright_pastel_2560x963-wcms-international_1-1-ratio"/>
6321                
6322                
6323  
6324
6325            
6326            
6327  
6328
6329        
6330    </div>
6331
6332
6333
6334    
6335
6336
6337</heliux-image>
6338<heliux-section class="section container responsivegrid container-max-grid">
6339
6340
6341
6342
6343
6344
6345
6346
6347    
6348    
6349
6350    
6351    <div class="gradient__background customizations__section" id="background_section-57293f83e1"></div>
6352
6353
6354
6355
6356
6357<div class="section__img
6358  customizations__section
6359  
6360  
6361  ">
6362    
6363</div>
6364
6365
6366
6367    
6368    
6369    
6370    <style type="text/css">
6371      #section-57293f83e1 {
6372          --scope-grid-area: 1 / 13
6373      }
6374    </style>
6375
6376
6377
6378<div id="section-57293f83e1" class="section__content content limited-container customizations__section  ">
6379    
6380    
6381    
6382    
6383    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6384
6385
6386
6387
6388
6389
6390
6391
6392  
6393    
6394    
6395    <style type="text/css">
6396      #text-024619b183 {
6397          --scope-grid-area: 1 / 13
6398      }
6399    </style>
6400
6401
6402
6403
6404
6405
6406
6407
6408    
6409
6410
6411    
6412
6413
6414
6415
6416
6417
6418
6419    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-024619b183" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
6420            "hoverMessage": "",
6421            "clickMessage": ""
6422        }' data-components-params-limittext='{
6423            "useModal": false, 
6424            "XFContentPath": ""
6425        }'>
6426        
6427            
6428                <p>Autres Tendances</p>
6429
6430                
6431                
6432                
6433            
6434        
6435    </div>
6436
6437
6438
6439
6440
6441</heliux-text>
6442<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6443
6444
6445
6446
6447
6448
6449
6450
6451  
6452    
6453    
6454    <style type="text/css">
6455      #text-87d3c6373d {
6456          --scope-grid-area: 1 / 13
6457      }
6458    </style>
6459
6460
6461
6462
6463
6464
6465  
6466  
6467    
6468
6469  
6470    
6471
6472
6473
6474
6475    
6476
6477
6478    
6479
6480
6481
6482
6483
6484
6485
6486    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-87d3c6373d" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
6487            "hoverMessage": "",
6488            "clickMessage": ""
6489        }' data-components-params-limittext='{
6490            "useModal": false, 
6491            "XFContentPath": ""
6492        }'>
6493        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
6494            
6495                <h5><b>Coloration : le mermaid hair pour une chevelure de sirène</b></h5>
6496
6497                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
6498                    <span class="heliux-text__readMore-dots">...</span>
6499                    <span class="heliux-text__readMore-label"></span>
6500                </div>
6501                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
6502                    <span class="heliux-text__readLess-label"></span>
6503                </div>
6504                
6505            
6506        </div>
6507    </div>
6508
6509
6510
6511
6512
6513</heliux-text>
6514<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
6515
6516      
6517      
6518      
6519    
6520    
6521      
6522      
6523      
6524
6525      
6526      
6527      
6528      
6529      
6530    
6531    <div class="calltoaction__wrapper cta
6532            customizations__calltoaction
6533            calltoaction__linkclick
6534            " id="wrapper-calltoaction-8ab2071756">
6535        
6536        <div class="calltoaction__background">
6537            <a id="calltoaction-8ab2071756" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/coloration---le-mermaid-hair-pour-une-chevelure-de-sirene.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration---le-mermaid-hair-pour-une-chevelure-de-sirene.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration---le-mermaid-hair-pour-une-chevelure-de-sirene.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
6538                
6539                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
6540            </a>
6541            
6542        </div>
6543        
6544
6545    </div>
6546    
6547
6548      
6549    
6550
6551      
6552    
6553
6554
6555</heliux-calltoaction>
6556
6557    
6558
6559</div>
6560
6561
6562</heliux-section>
6563
6564    
6565
6566</div>
6567
6568
6569</heliux-section>
6570
6571    
6572</div>
6573
6574</div>
6575
6576        </li>
6577    
6578        
6579        <li class="teaserlist__item ">
6580            
6581            <a class="teaserlist__item-link" title="Tendance coloration : le sombré hair | Schwarzkopf" href="/articles/coloration/autres-tendances/sombre.html" target="_self">
6582            </a>
6583            <div class="xf-content-height">
6584 
6585
6586
6587<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
6588    
6589    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
6590
6591
6592
6593
6594
6595
6596
6597
6598    
6599    
6600
6601    
6602    <div class="gradient__background section_1626772440950" id="background_section-8a3286c274"></div>
6603
6604
6605
6606
6607
6608<div class="section__img
6609  section_1626772440950
6610  
6611  
6612  ">
6613    
6614</div>
6615
6616
6617
6618    
6619    
6620    
6621    <style type="text/css">
6622      #section-8a3286c274 {
6623          --scope-grid-area: 1 / 13
6624      }
6625    </style>
6626
6627
6628
6629<div id="section-8a3286c274" class="section__content content limited-container section_1626772440950  ">
6630    
6631    
6632    
6633    
6634    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
6635
6636
6637
6638
6639
6640
6641
6642
6643
6644
6645
6646    <div id="image-2ffb9ab0e6" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_sombres-wcms-fr1_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
6647
6648        
6649            
6650    
6651
6652            
6653                
6654                    
6655                        <picture class="image__imgPreview  image__imgPreview--lazy">
6656                            
6657
6658                            
6659
6660                            
6661                            
6662                                
6663                            
6664
6665                            
6666                            
6667                            
6668
6669
6670                            
6671                            <img decoding="async" elementtiming="image-2ffb9ab0e6" alt="Tendance coloration : le sombré hair | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
6672                        </picture>
6673
6674                        
6675                        
6676                    
6677                    
6678                    
6679                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_sombres-wcms-fr1_1-1-ratio" c
6679ontent="https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_sombres-wcms-fr1_1-1-ratio"/>
6680                
6681                
6682  
6683
6684            
6685            
6686  
6687
6688        
6689    </div>
6690
6691
6692
6693    
6694
6695
6696</heliux-image>
6697<heliux-section class="section container responsivegrid container-max-grid">
6698
6699
6700
6701
6702
6703
6704
6705
6706    
6707    
6708
6709    
6710    <div class="gradient__background customizations__section" id="background_section-b510f04916"></div>
6711
6712
6713
6714
6715
6716<div class="section__img
6717  customizations__section
6718  
6719  
6720  ">
6721    
6722</div>
6723
6724
6725
6726    
6727    
6728    
6729    <style type="text/css">
6730      #section-b510f04916 {
6731          --scope-grid-area: 1 / 13
6732      }
6733    </style>
6734
6735
6736
6737<div id="section-b510f04916" class="section__content content limited-container customizations__section  ">
6738    
6739    
6740    
6741    
6742    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6743
6744
6745
6746
6747
6748
6749
6750
6751  
6752    
6753    
6754    <style type="text/css">
6755      #text-0a3afeee40 {
6756          --scope-grid-area: 1 / 13
6757      }
6758    </style>
6759
6760
6761
6762
6763
6764
6765
6766
6767    
6768
6769
6770    
6771
6772
6773
6774
6775
6776
6777
6778    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-0a3afeee40" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
6779            "hoverMessage": "",
6780            "clickMessage": ""
6781        }' data-components-params-limittext='{
6782            "useModal": false, 
6783            "XFContentPath": ""
6784        }'>
6785        
6786            
6787                <p>Autres Tendances</p>
6788
6789                
6790                
6791                
6792            
6793        
6794    </div>
6795
6796
6797
6798
6799
6800</heliux-text>
6801<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
6802
6803
6804
6805
6806
6807
6808
6809
6810  
6811    
6812    
6813    <style type="text/css">
6814      #text-c9d9c74f28 {
6815          --scope-grid-area: 1 / 13
6816      }
6817    </style>
6818
6819
6820
6821
6822
6823
6824  
6825  
6826    
6827
6828  
6829    
6830
6831
6832
6833
6834    
6835
6836
6837    
6838
6839
6840
6841
6842
6843
6844
6845    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-c9d9c74f28" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
6846            "hoverMessage": "",
6847            "clickMessage": ""
6848        }' data-components-params-limittext='{
6849            "useModal": false, 
6850            "XFContentPath": ""
6851        }'>
6852        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
6853            
6854                <h5><b>Tendance coloration : le sombré hair | Schwarzkopf</b></h5>
6855
6856                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
6857                    <span class="heliux-text__readMore-dots">...</span>
6858                    <span class="heliux-text__readMore-label"></span>
6859                </div>
6860                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
6861                    <span class="heliux-text__readLess-label"></span>
6862                </div>
6863                
6864            
6865        </div>
6866    </div>
6867
6868
6869
6870
6871
6872</heliux-text>
6873<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
6874
6875      
6876      
6877      
6878    
6879    
6880      
6881      
6882      
6883
6884      
6885      
6886      
6887      
6888      
6889    
6890    <div class="calltoaction__wrapper cta
6891            customizations__calltoaction
6892            calltoaction__linkclick
6893            " id="wrapper-calltoaction-a2dfb1fa43">
6894        
6895        <div class="calltoaction__background">
6896            <a id="calltoaction-a2dfb1fa43" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/sombre.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/sombre.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/sombre.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
6897                
6898                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
6899            </a>
6900            
6901        </div>
6902        
6903
6904    </div>
6905    
6906
6907      
6908    
6909
6910      
6911    
6912
6913
6914</heliux-calltoaction>
6915
6916    
6917
6918</div>
6919
6920
6921</heliux-section>
6922
6923    
6924
6925</div>
6926
6927
6928</heliux-section>
6929
6930    
6931</div>
6932
6933</div>
6934
6935        </li>
6936    
6937        
6938        <li class="teaserlist__item ">
6939            
6940            <a class="teaserlist__item-link" title="Tendance : la coloration des racines" href="/articles/coloration/autres-tendances/coloration-des-racines.html" target="_self">
6941            </a>
6942            <div class="xf-content-height">
6943 
6944
6945
6946<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
6947    
6948    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
6949
6950
6951
6952
6953
6954
6955
6956
6957    
6958    
6959
6960    
6961    <div class="gradient__background section_1626772440950" id="background_section-e71e433262"></div>
6962
6963
6964
6965
6966
6967<div class="section__img
6968  section_1626772440950
6969  
6970  
6971  ">
6972    
6973</div>
6974
6975
6976
6977    
6978    
6979    
6980    <style type="text/css">
6981      #section-e71e433262 {
6982          --scope-grid-area: 1 / 13
6983      }
6984    </style>
6985
6986
6987
6988<div id="section-e71e433262" class="section__content content limited-container section_1626772440950  ">
6989    
6990    
6991    
6992    
6993    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
6994
6995
6996
6997
6998
6999
7000
7001
7002
7003
7004
7005    <div id="image-40d4c57c7a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/actrice_racines_fonces_cheveux_blonds-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
7006
7007        
7008            
7009    
7010
7011            
7012                
7013                    
7014                        <picture class="image__imgPreview  image__imgPreview--lazy">
7015                            
7016
7017                            
7018
7019                            
7020                            
7021                                
7022                            
7023
7024                            
7025                            
7026                            
7027
7028
7029                            
7030                            <img decoding="async" elementtiming="image-40d4c57c7a" alt="Tendance : la coloration des racines" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
7031                        </picture>
7032
7033                        
7034                        
7035                    
7036                    
7037                    
7038                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/actrice_racines_fonces_cheveux_blonds-wcms-fr_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/actrice_racines_fonces_cheveux_blonds-wcms-fr_1-1-ratio"/>
7039                
7040                
7041  
7042
7043            
7044            
7045  
7046
7047        
7048    </div>
7049
7050
7051
7052    
7053
7054
7055</heliux-image>
7056<heliux-section class="section container responsivegrid container-max-grid">
7057
7058
7059
7060
7061
7062
7063
7064
7065    
7066    
7067
7068    
7069    <div class="gradient__background customizations__section" id="background_section-e304875a67"></div>
7070
7071
7072
7073
7074
7075<div class="section__img
7076  customizations__section
7077  
7078  
7079  ">
7080    
7081</div>
7082
7083
7084
7085    
7086    
7087    
7088    <style type="text/css">
7089      #section-e304875a67 {
7090          --scope-grid-area: 1 / 13
7091      }
7092    </style>
7093
7094
7095
7096<div id="section-e304875a67" class="section__content content limited-container customizations__section  ">
7097    
7098    
7099    
7100    
7101    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7102
7103
7104
7105
7106
7107
7108
7109
7110  
7111    
7112    
7113    <style type="text/css">
7114      #text-f6ee538208 {
7115          --scope-grid-area: 1 / 13
7116      }
7117    </style>
7118
7119
7120
7121
7122
7123
7124
7125
7126    
7127
7128
7129    
7130
7131
7132
7133
7134
7135
7136
7137    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-f6ee538208" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
7138            "hoverMessage": "",
7139            "clickMessage": ""
7140        }' data-components-params-limittext='{
7141            "useModal": false, 
7142            "XFContentPath": ""
7143        }'>
7144        
7145            
7146                <p>Autres Tendances</p>
7147
7148                
7149                
7150                
7151            
7152        
7153    </div>
7154
7155
7156
7157
7158
7159</heliux-text>
7160<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7161
7162
7163
7164
7165
7166
7167
7168
7169  
7170    
7171    
7172    <style type="text/css">
7173      #text-97d863dea7 {
7174          --scope-grid-area: 1 / 13
7175      }
7176    </style>
7177
7178
7179
7180
7181
7182
7183  
7184  
7185    
7186
7187  
7188    
7189
7190
7191
7192
7193    
7194
7195
7196    
7197
7198
7199
7200
7201
7202
7203
7204    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-97d863dea7" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
7205            "hoverMessage": "",
7206            "clickMessage": ""
7207        }' data-components-params-limittext='{
7208            "useModal": false, 
7209            "XFContentPath": ""
7210        }'>
7211        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
7212            
7213                <h5><b>
7213Tendance : la coloration des racines</b></h5>
7214
7215                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
7216                    <span class="heliux-text__readMore-dots">...</span>
7217                    <span class="heliux-text__readMore-label"></span>
7218                </div>
7219                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
7220                    <span class="heliux-text__readLess-label"></span>
7221                </div>
7222                
7223            
7224        </div>
7225    </div>
7226
7227
7228
7229
7230
7231</heliux-text>
7232<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
7233
7234      
7235      
7236      
7237    
7238    
7239      
7240      
7241      
7242
7243      
7244      
7245      
7246      
7247      
7248    
7249    <div class="calltoaction__wrapper cta
7250            customizations__calltoaction
7251            calltoaction__linkclick
7252            " id="wrapper-calltoaction-6c07a00d9b">
7253        
7254        <div class="calltoaction__background">
7255            <a id="calltoaction-6c07a00d9b" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/autres-tendances/coloration-des-racines.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration-des-racines.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/hairstyleandhaircolortrends/coloration-des-racines.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
7256                
7257                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
7258            </a>
7259            
7260        </div>
7261        
7262
7263    </div>
7264    
7265
7266      
7267    
7268
7269      
7270    
7271
7272
7273</heliux-calltoaction>
7274
7275    
7276
7277</div>
7278
7279
7280</heliux-section>
7281
7282    
7283
7284</div>
7285
7286
7287</heliux-section>
7288
7289    
7290</div>
7291
7292</div>
7293
7294        </li>
7295    
7296
7297    
7298    
7299
7300              </ul>
7301              
7302  <heliux-calltoaction>
7303  
7304    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
7305  </heliux-calltoaction>
7306
7307              
7308          
7309
7310          
7311
7312          
7313      
7314  </div>
7315
7316
7317    
7318
7319    
7320    
7321    
7322
7323</heliux-teaserlist-v2></heliux-teaserlist-v2>
7324<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
7325
7326
7327
7328
7329
7330
7331
7332
7333
7334
7335    
7336    
7337    
7338    <style type="text/css">
7339      #title-366acb8bfd {
7340          --scope-grid-area: 1 / 13
7341      }
7342    </style>
7343
7344
7345
7346
7347
7348
7349    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-366acb8bfd" data-type="h1">
7350        
7351        
7352        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Blonde</h1>
7353    </div>
7354
7355
7356
7357
7358    
7359
7360
7361
7362</heliux-text>
7363<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
7364    
7365    
7366
7367    
7368
7369    
7370
7371    
7372    
7373
7374    
7375
7376    
7377
7378  
7379
7380  <div id="teaserlist-654e178bf5" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:18,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
7381      <style>
7382          #teaserlist-654e178bf5 {
7383          --teaserlist-xxs-columns: 1;
7384          --teaserlist-xs-s-columns: 2;
7385          --teaserlist-m-l-columns: 3;
7386          --teaserlist-xl-xxl-columns: 3;
7387          }
7388      </style>
7389
7390      
7391    
7392
7393
7394      
7395
7396      
7397          
7398          
7399              <ul class="teaserlist__items atomic--target
7400                teaserlist__items--loadMore
7401                
7402                ">
7403                  
7404    
7405
7406    
7407
7408    
7409        
7410        <li class="teaserlist__item ">
7411            
7412            <a class="teaserlist__item-link" title="Coupes courtes pour blondes : variées et stylées" href="/articles/coloration/blonde/coiffures-courtes-cheveux-blonds.html" target="_self">
7413            </a>
7414            <div class="xf-content-height">
7415 
7416
7417
7418<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
7419    
7420    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
7421
7422
7423
7424
7425
7426
7427
7428
7429    
7430    
7431
7432    
7433    <div class="gradient__background section_1626772440950" id="background_section-e7c8f8b2db"></div>
7434
7435
7436
7437
7438
7439<div class="section__img
7440  section_1626772440950
7441  
7442  
7443  ">
7444    
7445</div>
7446
7447
7448
7449    
7450    
7451    
7452    <style type="text/css">
7453      #section-e7c8f8b2db {
7454          --scope-grid-area: 1 / 13
7455      }
7456    </style>
7457
7458
7459
7460<div id="section-e7c8f8b2db" class="section__content content limited-container section_1626772440950  ">
7461    
7462    
7463    
7464    
7465    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
7466
7467
7468
7469
7470
7471
7472
7473
7474
7475
7476
7477    <div id="image-d217c1f0de" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/KurzhaarfrisurenBlond_420x270-wave2-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
7478
7479        
7480            
7481    
7482
7483            
7484                
7485                    
7486                        <picture class="image__imgPreview  image__imgPreview--lazy">
7487                            
7488
7489                            
7490
7491                            
7492                            
7493                                
7494                            
7495
7496                            
7497                            
7498                            
7499
7500
7501                            
7502                            <img decoding="async" elementtiming="image-d217c1f0de" alt="Coupes courtes pour blondes : variées et stylées" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
7503                        </picture>
7504
7505                        
7506                        
7507                    
7508                    
7509                    
7510                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/KurzhaarfrisurenBlond_420x270-wave2-wcms-fr_1-1-ratio" c
7510ontent="https://dm.henkel-dam.com/is/image/henkel/KurzhaarfrisurenBlond_420x270-wave2-wcms-fr_1-1-ratio"/>
7511                
7512                
7513  
7514
7515            
7516            
7517  
7518
7519        
7520    </div>
7521
7522
7523
7524    
7525
7526
7527</heliux-image>
7528<heliux-section class="section container responsivegrid container-max-grid">
7529
7530
7531
7532
7533
7534
7535
7536
7537    
7538    
7539
7540    
7541    <div class="gradient__background customizations__section" id="background_section-7a32ee573b"></div>
7542
7543
7544
7545
7546
7547<div class="section__img
7548  customizations__section
7549  
7550  
7551  ">
7552    
7553</div>
7554
7555
7556
7557    
7558    
7559    
7560    <style type="text/css">
7561      #section-7a32ee573b {
7562          --scope-grid-area: 1 / 13
7563      }
7564    </style>
7565
7566
7567
7568<div id="section-7a32ee573b" class="section__content content limited-container customizations__section  ">
7569    
7570    
7571    
7572    
7573    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7574
7575
7576
7577
7578
7579
7580
7581
7582  
7583    
7584    
7585    <style type="text/css">
7586      #text-249f0274ed {
7587          --scope-grid-area: 1 / 13
7588      }
7589    </style>
7590
7591
7592
7593
7594
7595
7596
7597
7598    
7599
7600
7601    
7602
7603
7604
7605
7606
7607
7608
7609    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-249f0274ed" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
7610            "hoverMessage": "",
7611            "clickMessage": ""
7612        }' data-components-params-limittext='{
7613            "useModal": false, 
7614            "XFContentPath": ""
7615        }'>
7616        
7617            
7618                <p>Blonde</p>
7619
7620                
7621                
7622                
7623            
7624        
7625    </div>
7626
7627
7628
7629
7630
7631</heliux-text>
7632<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7633
7634
7635
7636
7637
7638
7639
7640
7641  
7642    
7643    
7644    <style type="text/css">
7645      #text-4fb0a4e4cf {
7646          --scope-grid-area: 1 / 13
7647      }
7648    </style>
7649
7650
7651
7652
7653
7654
7655  
7656  
7657    
7658
7659  
7660    
7661
7662
7663
7664
7665    
7666
7667
7668    
7669
7670
7671
7672
7673
7674
7675
7676    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-4fb0a4e4cf" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
7677            "hoverMessage": "",
7678            "clickMessage": ""
7679        }' data-components-params-limittext='{
7680            "useModal": false, 
7681            "XFContentPath": ""
7682        }'>
7683        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
7684            
7685                <h5><b>Coupes courtes pour blondes : variées et stylées</b></h5>
7686
7687                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
7688                    <span class="heliux-text__readMore-dots">...</span>
7689                    <span class="heliux-text__readMore-label"></span>
7690                </div>
7691                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
7692                    <span class="heliux-text__readLess-label"></span>
7693                </div>
7694                
7695            
7696        </div>
7697    </div>
7698
7699
7700
7701
7702
7703</heliux-text>
7704<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
7705
7706      
7707      
7708      
7709    
7710    
7711      
7712      
7713      
7714
7715      
7716      
7717      
7718      
7719      
7720    
7721    <div class="calltoaction__wrapper cta
7722            customizations__calltoaction
7723            calltoaction__linkclick
7724            " id="wrapper-calltoaction-22019e2661">
7725        
7726        <div class="calltoaction__background">
7727            <a id="calltoaction-22019e2661" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/coiffures-courtes-cheveux-blonds.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/coiffures-courtes-cheveux-blonds.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/coiffures-courtes-cheveux-blonds.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
7728                
7729                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
7730            </a>
7731            
7732        </div>
7733        
7734
7735    </div>
7736    
7737
7738      
7739    
7740
7741      
7742    
7743
7744
7745</heliux-calltoaction>
7746
7747    
7748
7749</div>
7750
7751
7752</heliux-section>
7753
7754    
7755
7756</div>
7757
7758
7759</heliux-section>
7760
7761    
7762</div>
7763
7764</div>
7765
7766        </li>
7767    
7768        
7769        <li class="teaserlist__item ">
7770            
7771            <a class="teaserlist__item-link" title="Cheveux blonds : les plus belles nuances de cette coloration" href="/articles/coloration/blonde/cheveux-blonds-tendance.html" target="_self">
7772            </a>
7773            <div class="xf-content-height">
7774 
7775
7776
7777<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
7778    
7779    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
7780
7781
7782
7783
7784
7785
7786
7787
7788    
7789    
7790
7791    
7792    <div class="gradient__background section_1626772440950" id="background_section-3afd195f90"></div>
7793
7794
7795
7796
7797
7798<div class="section__img
7799  section_1626772440950
7800  
7801  
7802  ">
7803    
7804</div>
7805
7806
7807
7808    
7809    
7810    
7811    <style type="text/css">
7812      #section-3afd195f90 {
7813          --scope-grid-area: 1 / 13
7814      }
7815    </style>
7816
7817
7818
7819<div id="section-3afd195f90" class="section__content content limited-container section_1626772440950  ">
7820    
7821    
7822    
7823    
7824    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
7825
7826
7827
7828
7829
7830
7831
7832
7833
7834
7835
7836    <div id="image-2f50f987ac" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_100240903_Jonas_Hafner_cheveux_blonds_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
7837
7838        
7839            
7840    
7841
7842            
7843                
7844                    
7845                        <picture class="image__imgPreview  image__imgPreview--lazy">
7846                            
7847
7848                            
7849
7850                            
7851                            
7852                                
7853                            
7854
7855                            
7856                            
7857                            
7858
7859
7860                            
7861                            <img decoding="async" elementtiming="image-2f50f987ac" alt="Cheveux blonds : les plus belles nuances de cette coloration" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
7862                        </picture>
7863
7864                        
7865                        
7866                    
7867                    
7868                    
7869                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_100240903_Jonas_Hafner_cheveux_blonds_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_100240903_Jonas_Hafner_cheveux_blonds_FR_1-1-ratio"/>
7870                
7871                
7872  
7873
7874            
7875            
7876  
7877
7878        
7879    </div>
7880
7881
7882
7883    
7884
7885
7886</heliux-image>
7887<heliux-section class="section container responsivegrid container-max-grid">
7888
7889
7890
7891
7892
7893
7894
7895
7896    
7897    
7898
7899    
7900    <div class="gradient__background customizations__section" id="background_section-8ae1283429"></div>
7901
7902
7903
7904
7905
7906<div class="section__img
7907  customizations__section
7908  
7909  
7910  ">
7911    
7912</div>
7913
7914
7915
7916    
7917    
7918    
7919    <style type="text/css">
7920      #section-8ae1283429 {
7921          --scope-grid-area: 1 / 13
7922      }
7923    </style>
7924
7925
7926
7927<div id="section-8ae1283429" class="section__content content limited-container customizations__section  ">
7928    
7929    
7930    
7931    
7932    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7933
7934
7935
7936
7937
7938
7939
7940
7941  
7942    
7943    
7944    <style type="text/css">
7945      #text-a005accfb7 {
7946          --scope-grid-area: 1 / 13
7947      }
7948    </style>
7949
7950
7951
7952
7953
7954
7955
7956
7957    
7958
7959
7960    
7961
7962
7963
7964
7965
7966
7967
7968    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-a005accfb7" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
7969            "hoverMessage": "",
7970            "clickMessage": ""
7971        }' data-components-params-limittext='{
7972            "useModal": false, 
7973            "XFContentPath": ""
7974        }'>
7975        
7976            
7977                <p>
7977Blonde</p>
7978
7979                
7980                
7981                
7982            
7983        
7984    </div>
7985
7986
7987
7988
7989
7990</heliux-text>
7991<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
7992
7993
7994
7995
7996
7997
7998
7999
8000  
8001    
8002    
8003    <style type="text/css">
8004      #text-20ab51eeec {
8005          --scope-grid-area: 1 / 13
8006      }
8007    </style>
8008
8009
8010
8011
8012
8013
8014  
8015  
8016    
8017
8018  
8019    
8020
8021
8022
8023
8024    
8025
8026
8027    
8028
8029
8030
8031
8032
8033
8034
8035    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-20ab51eeec" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
8036            "hoverMessage": "",
8037            "clickMessage": ""
8038        }' data-components-params-limittext='{
8039            "useModal": false, 
8040            "XFContentPath": ""
8041        }'>
8042        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
8043            
8044                <h5><b>Cheveux blonds : les plus belles nuances de cette coloration</b></h5>
8045
8046                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
8047                    <span class="heliux-text__readMore-dots">...</span>
8048                    <span class="heliux-text__readMore-label"></span>
8049                </div>
8050                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
8051                    <span class="heliux-text__readLess-label"></span>
8052                </div>
8053                
8054            
8055        </div>
8056    </div>
8057
8058
8059
8060
8061
8062</heliux-text>
8063<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
8064
8065      
8066      
8067      
8068    
8069    
8070      
8071      
8072      
8073
8074      
8075      
8076      
8077      
8078      
8079    
8080    <div class="calltoaction__wrapper cta
8081            customizations__calltoaction
8082            calltoaction__linkclick
8083            " id="wrapper-calltoaction-3c5f7a47c8">
8084        
8085        <div class="calltoaction__background">
8086            <a id="calltoaction-3c5f7a47c8" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/cheveux-blonds-tendance.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/cheveux-blonds-tendance.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/cheveux-blonds-tendance.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
8087                
8088                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
8089            </a>
8090            
8091        </div>
8092        
8093
8094    </div>
8095    
8096
8097      
8098    
8099
8100      
8101    
8102
8103
8104</heliux-calltoaction>
8105
8106    
8107
8108</div>
8109
8110
8111</heliux-section>
8112
8113    
8114
8115</div>
8116
8117
8118</heliux-section>
8119
8120    
8121</div>
8122
8123</div>
8124
8125        </li>
8126    
8127        
8128        <li class="teaserlist__item ">
8129            
8130            <a class="teaserlist__item-link" title="Blond cendré : tout sur la couleur tendance " href="/articles/coloration/blonde/blond-cendre.html" target="_self">
8131            </a>
8132            <div class="xf-content-height">
8133 
8134
8135
8136<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
8137    
8138    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
8139
8140
8141
8142
8143
8144
8145
8146
8147    
8148    
8149
8150    
8151    <div class="gradient__background section_1626772440950" id="background_section-93aed9b2d5"></div>
8152
8153
8154
8155
8156
8157<div class="section__img
8158  section_1626772440950
8159  
8160  
8161  ">
8162    
8163</div>
8164
8165
8166
8167    
8168    
8169    
8170    <style type="text/css">
8171      #section-93aed9b2d5 {
8172          --scope-grid-area: 1 / 13
8173      }
8174    </style>
8175
8176
8177
8178<div id="section-93aed9b2d5" class="section__content content limited-container section_1626772440950  ">
8179    
8180    
8181    
8182    
8183    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
8184
8185
8186
8187
8188
8189
8190
8191
8192
8193
8194
8195    <div id="image-bf0a9faf38" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_shellygraphy_haarkuren-wcms-de-mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
8196
8197        
8198            
8199    
8200
8201            
8202                
8203                    
8204                        <picture class="image__imgPreview  image__imgPreview--lazy">
8205                            
8206
8207                            
8208
8209                            
8210                            
8211                                
8212                            
8213
8214                            
8215                            
8216                            
8217
8218
8219                            
8220                            <img decoding="async" elementtiming="image-bf0a9faf38" alt="Blond cendré : le plus discret des blonds" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
8221                        </picture>
8222
8223                        
8224                        
8225                    
8226                    
8227                    
8228                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_shellygraphy_haarkuren-wcms-de-mobile" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_shellygraphy_haarkuren-wcms-de-mobile"/>
8229                
8230                
8231  
8232
8233            
8234            
8235  
8236
8237        
8238    </div>
8239
8240
8241
8242    
8243
8244
8245</heliux-image>
8246<heliux-section class="section container responsivegrid container-max-grid">
8247
8248
8249
8250
8251
8252
8253
8254
8255    
8256    
8257
8258    
8259    <div class="gradient__background customizations__section" id="background_section-af0c67eff6"></div>
8260
8261
8262
8263
8264
8265<div class="section__img
8266  customizations__section
8267  
8268  
8269  ">
8270    
8271</div>
8272
8273
8274
8275    
8276    
8277    
8278    <style type="text/css">
8279      #section-af0c67eff6 {
8280          --scope-grid-area: 1 / 13
8281      }
8282    </style>
8283
8284
8285
8286<div id="section-af0c67eff6" class="section__content content limited-container customizations__section  ">
8287    
8288    
8289    
8290    
8291    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
8292
8293
8294
8295
8296
8297
8298
8299
8300  
8301    
8302    
8303    <style type="text/css">
8304      #text-f4e7593aef {
8305          --scope-grid-area: 1 / 13
8306      }
8307    </style>
8308
8309
8310
8311
8312
8313
8314
8315
8316    
8317
8318
8319    
8320
8321
8322
8323
8324
8325
8326
8327    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-f4e7593aef" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
8328            "hoverMessage": "",
8329            "clickMessage": ""
8330        }' data-components-params-limittext='{
8331            "useModal": false, 
8332            "XFContentPath": ""
8333        }'>
8334        
8335            
8336                <p>
8336Blonde</p>
8337
8338                
8339                
8340                
8341            
8342        
8343    </div>
8344
8345
8346
8347
8348
8349</heliux-text>
8350<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
8351
8352
8353
8354
8355
8356
8357
8358
8359  
8360    
8361    
8362    <style type="text/css">
8363      #text-7fba09af2c {
8364          --scope-grid-area: 1 / 13
8365      }
8366    </style>
8367
8368
8369
8370
8371
8372
8373  
8374  
8375    
8376
8377  
8378    
8379
8380
8381
8382
8383    
8384
8385
8386    
8387
8388
8389
8390
8391
8392
8393
8394    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-7fba09af2c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
8395            "hoverMessage": "",
8396            "clickMessage": ""
8397        }' data-components-params-limittext='{
8398            "useModal": false, 
8399            "XFContentPath": ""
8400        }'>
8401        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
8402            
8403                <h5><b>Blond cendré : tout sur la couleur tendance </b></h5>
8404
8405                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
8406                    <span class="heliux-text__readMore-dots">...</span>
8407                    <span class="heliux-text__readMore-label"></span>
8408                </div>
8409                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
8410                    <span class="heliux-text__readLess-label"></span>
8411                </div>
8412                
8413            
8414        </div>
8415    </div>
8416
8417
8418
8419
8420
8421</heliux-text>
8422<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
8423
8424      
8425      
8426      
8427    
8428    
8429      
8430      
8431      
8432
8433      
8434      
8435      
8436      
8437      
8438    
8439    <div class="calltoaction__wrapper cta
8440            customizations__calltoaction
8441            calltoaction__linkclick
8442            " id="wrapper-calltoaction-d5f5fb9499">
8443        
8444        <div class="calltoaction__background">
8445            <a id="calltoaction-d5f5fb9499" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/blond-cendre.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/blond-cendre.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/blond-cendre.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
8446                
8447                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
8448            </a>
8449            
8450        </div>
8451        
8452
8453    </div>
8454    
8455
8456      
8457    
8458
8459      
8460    
8461
8462
8463</heliux-calltoaction>
8464
8465    
8466
8467</div>
8468
8469
8470</heliux-section>
8471
8472    
8473
8474</div>
8475
8476
8477</heliux-section>
8478
8479    
8480</div>
8481
8482</div>
8483
8484        </li>
8485    
8486        
8487        <li class="teaserlist__item ">
8488            
8489            <a class="teaserlist__item-link" title="Des mèches blondes pour des reflets intenses | Schwarzkopf" href="/articles/coloration/blonde/meches-blondes.html" target="_self">
8490            </a>
8491            <div class="xf-content-height">
8492 
8493
8494
8495<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
8496    
8497    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
8498
8499
8500
8501
8502
8503
8504
8505
8506    
8507    
8508
8509    
8510    <div class="gradient__background section_1626772440950" id="background_section-0ac97e73e8"></div>
8511
8512
8513
8514
8515
8516<div class="section__img
8517  section_1626772440950
8518  
8519  
8520  ">
8521    
8522</div>
8523
8524
8525
8526    
8527    
8528    
8529    <style type="text/css">
8530      #section-0ac97e73e8 {
8531          --scope-grid-area: 1 / 13
8532      }
8533    </style>
8534
8535
8536
8537<div id="section-0ac97e73e8" class="section__content content limited-container section_1626772440950  ">
8538    
8539    
8540    
8541    
8542    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
8543
8544
8545
8546
8547
8548
8549
8550
8551
8552
8553
8554    <div id="image-1e4cfa1d9c" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/actrice_avec_meches_blondes-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
8555
8556        
8557            
8558    
8559
8560            
8561                
8562                    
8563                        <picture class="image__imgPreview  image__imgPreview--lazy">
8564                            
8565
8566                            
8567
8568                            
8569                            
8570                                
8571                            
8572
8573                            
8574                            
8575                            
8576
8577
8578                            
8579                            <img decoding="async" elementtiming="image-1e4cfa1d9c" alt="Des mèches blondes pour des reflets intenses | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
8580                        </picture>
8581
8582                        
8583                        
8584                    
8585                    
8586                    
8587                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/actrice_avec_meches_blondes-wcms-fr_1-1-ratio" c
8587ontent="https://dm.henkel-dam.com/is/image/henkel/actrice_avec_meches_blondes-wcms-fr_1-1-ratio"/>
8588                
8589                
8590  
8591
8592            
8593            
8594  
8595
8596        
8597    </div>
8598
8599
8600
8601    
8602
8603
8604</heliux-image>
8605<heliux-section class="section container responsivegrid container-max-grid">
8606
8607
8608
8609
8610
8611
8612
8613
8614    
8615    
8616
8617    
8618    <div class="gradient__background customizations__section" id="background_section-fd47bee9e6"></div>
8619
8620
8621
8622
8623
8624<div class="section__img
8625  customizations__section
8626  
8627  
8628  ">
8629    
8630</div>
8631
8632
8633
8634    
8635    
8636    
8637    <style type="text/css">
8638      #section-fd47bee9e6 {
8639          --scope-grid-area: 1 / 13
8640      }
8641    </style>
8642
8643
8644
8645<div id="section-fd47bee9e6" class="section__content content limited-container customizations__section  ">
8646    
8647    
8648    
8649    
8650    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
8651
8652
8653
8654
8655
8656
8657
8658
8659  
8660    
8661    
8662    <style type="text/css">
8663      #text-ef28f6362c {
8664          --scope-grid-area: 1 / 13
8665      }
8666    </style>
8667
8668
8669
8670
8671
8672
8673
8674
8675    
8676
8677
8678    
8679
8680
8681
8682
8683
8684
8685
8686    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-ef28f6362c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
8687            "hoverMessage": "",
8688            "clickMessage": ""
8689        }' data-components-params-limittext='{
8690            "useModal": false, 
8691            "XFContentPath": ""
8692        }'>
8693        
8694            
8695                <p>Blonde</p>
8696
8697                
8698                
8699                
8700            
8701        
8702    </div>
8703
8704
8705
8706
8707
8708</heliux-text>
8709<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
8710
8711
8712
8713
8714
8715
8716
8717
8718  
8719    
8720    
8721    <style type="text/css">
8722      #text-ec6158e0e2 {
8723          --scope-grid-area: 1 / 13
8724      }
8725    </style>
8726
8727
8728
8729
8730
8731
8732  
8733  
8734    
8735
8736  
8737    
8738
8739
8740
8741
8742    
8743
8744
8745    
8746
8747
8748
8749
8750
8751
8752
8753    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-ec6158e0e2" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
8754            "hoverMessage": "",
8755            "clickMessage": ""
8756        }' data-components-params-limittext='{
8757            "useModal": false, 
8758            "XFContentPath": ""
8759        }'>
8760        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
8761            
8762                <h5><b>Des mèches blondes pour des reflets intenses | Schwarzkopf</b></h5>
8763
8764                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
8765                    <span class="heliux-text__readMore-dots">...</span>
8766                    <span class="heliux-text__readMore-label"></span>
8767                </div>
8768                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
8769                    <span class="heliux-text__readLess-label"></span>
8770                </div>
8771                
8772            
8773        </div>
8774    </div>
8775
8776
8777
8778
8779
8780</heliux-text>
8781<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
8782
8783      
8784      
8785      
8786    
8787    
8788      
8789      
8790      
8791
8792      
8793      
8794      
8795      
8796      
8797    
8798    <div class="calltoaction__wrapper cta
8799            customizations__calltoaction
8800            calltoaction__linkclick
8801            " id="wrapper-calltoaction-0165765e8f">
8802        
8803        <div class="calltoaction__background">
8804            <a id="calltoaction-0165765e8f" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/meches-blondes.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/meches-blondes.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/meches-blondes.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
8805                
8806                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
8807            </a>
8808            
8809        </div>
8810        
8811
8812    </div>
8813    
8814
8815      
8816    
8817
8818      
8819    
8820
8821
8822</heliux-calltoaction>
8823
8824    
8825
8826</div>
8827
8828
8829</heliux-section>
8830
8831    
8832
8833</div>
8834
8835
8836</heliux-section>
8837
8838    
8839</div>
8840
8841</div>
8842
8843        </li>
8844    
8845        
8846        <li class="teaserlist__item ">
8847            
8848            <a class="teaserlist__item-link" title="Coloration tendance : le blond californien" href="/articles/coloration/blonde/blond-californien.html" target="_self">
8849            </a>
8850            <div class="xf-content-height">
8851 
8852
8853
8854<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
8855    
8856    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
8857
8858
8859
8860
8861
8862
8863
8864
8865    
8866    
8867
8868    
8869    <div class="gradient__background section_1626772440950" id="background_section-fb4edc83b1"></div>
8870
8871
8872
8873
8874
8875<div class="section__img
8876  section_1626772440950
8877  
8878  
8879  ">
8880    
8881</div>
8882
8883
8884
8885    
8886    
8887    
8888    <style type="text/css">
8889      #section-fb4edc83b1 {
8890          --scope-grid-area: 1 / 13
8891      }
8892    </style>
8893
8894
8895
8896<div id="section-fb4edc83b1" class="section__content content limited-container section_1626772440950  ">
8897    
8898    
8899    
8900    
8901    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
8902
8903
8904
8905
8906
8907
8908
8909
8910
8911
8912
8913    <div id="image-13b2d93a80" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_blonds_californien_sur_la_plage-wcms-fr1_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
8914
8915        
8916            
8917    
8918
8919            
8920                
8921                    
8922                        <picture class="image__imgPreview  image__imgPreview--lazy">
8923                            
8924
8925                            
8926
8927                            
8928                            
8929                                
8930                            
8931
8932                            
8933                            
8934                            
8935
8936
8937                            
8938                            <img decoding="async" elementtiming="image-13b2d93a80" alt="Coloration tendance : le blond californien" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
8939                        </picture>
8940
8941                        
8942                        
8943                    
8944                    
8945                    
8946                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_blonds_californien_sur_la_plage-wcms-fr1_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_blonds_californien_sur_la_plage-wcms-fr1_1-1-ratio"/>
8947                
8948                
8949  
8950
8951            
8952            
8953  
8954
8955        
8956    </div>
8957
8958
8959
8960    
8961
8962
8963</heliux-image>
8964<heliux-section class="section container responsivegrid container-max-grid">
8965
8966
8967
8968
8969
8970
8971
8972
8973    
8974    
8975
8976    
8977    <div class="gradient__background customizations__section" id="background_section-afb35e366d"></div>
8978
8979
8980
8981
8982
8983<div class="section__img
8984  customizations__section
8985  
8986  
8987  ">
8988    
8989</div>
8990
8991
8992
8993    
8994    
8995    
8996    <style type="text/css">
8997      #section-afb35e366d {
8998          --scope-grid-area: 1 / 13
8999      }
9000    </style>
9001
9002
9003
9004<div id="section-afb35e366d" class="section__content content limited-container customizations__section  ">
9005    
9006    
9007    
9008    
9009    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9010
9011
9012
9013
9014
9015
9016
9017
9018  
9019    
9020    
9021    <style type="text/css">
9022      #text-b80375a741 {
9023          --scope-grid-area: 1 / 13
9024      }
9025    </style>
9026
9027
9028
9029
9030
9031
9032
9033
9034    
9035
9036
9037    
9038
9039
9040
9041
9042
9043
9044
9045    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-b80375a741" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
9046            "hoverMessage": "",
9047            "clickMessage": ""
9048        }' data-components-params-limittext='{
9049            "useModal": false, 
9050            "XFContentPath": ""
9051        }'>
9052        
9053            
9054                <p>
9054Blonde</p>
9055
9056                
9057                
9058                
9059            
9060        
9061    </div>
9062
9063
9064
9065
9066
9067</heliux-text>
9068<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9069
9070
9071
9072
9073
9074
9075
9076
9077  
9078    
9079    
9080    <style type="text/css">
9081      #text-188a9c7fc8 {
9082          --scope-grid-area: 1 / 13
9083      }
9084    </style>
9085
9086
9087
9088
9089
9090
9091  
9092  
9093    
9094
9095  
9096    
9097
9098
9099
9100
9101    
9102
9103
9104    
9105
9106
9107
9108
9109
9110
9111
9112    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-188a9c7fc8" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
9113            "hoverMessage": "",
9114            "clickMessage": ""
9115        }' data-components-params-limittext='{
9116            "useModal": false, 
9117            "XFContentPath": ""
9118        }'>
9119        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
9120            
9121                <h5><b>Coloration tendance : le blond californien</b></h5>
9122
9123                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
9124                    <span class="heliux-text__readMore-dots">...</span>
9125                    <span class="heliux-text__readMore-label"></span>
9126                </div>
9127                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
9128                    <span class="heliux-text__readLess-label"></span>
9129                </div>
9130                
9131            
9132        </div>
9133    </div>
9134
9135
9136
9137
9138
9139</heliux-text>
9140<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
9141
9142      
9143      
9144      
9145    
9146    
9147      
9148      
9149      
9150
9151      
9152      
9153      
9154      
9155      
9156    
9157    <div class="calltoaction__wrapper cta
9158            customizations__calltoaction
9159            calltoaction__linkclick
9160            " id="wrapper-calltoaction-19f864d4f9">
9161        
9162        <div class="calltoaction__background">
9163            <a id="calltoaction-19f864d4f9" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/blond-californien.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/blond-californien.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/blond-californien.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
9164                
9165                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
9166            </a>
9167            
9168        </div>
9169        
9170
9171    </div>
9172    
9173
9174      
9175    
9176
9177      
9178    
9179
9180
9181</heliux-calltoaction>
9182
9183    
9184
9185</div>
9186
9187
9188</heliux-section>
9189
9190    
9191
9192</div>
9193
9194
9195</heliux-section>
9196
9197    
9198</div>
9199
9200</div>
9201
9202        </li>
9203    
9204        
9205        <li class="teaserlist__item ">
9206            
9207            <a class="teaserlist__item-link" title="Décoloration : en savoir plus sur l’éclaircissement des cheveux " href="/articles/coloration/blonde/tout-sur-la-decoloration.html" target="_self">
9208            </a>
9209            <div class="xf-content-height">
9210 
9211
9212
9213<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
9214    
9215    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
9216
9217
9218
9219
9220
9221
9222
9223
9224    
9225    
9226
9227    
9228    <div class="gradient__background section_1626772440950" id="background_section-5f58368504"></div>
9229
9230
9231
9232
9233
9234<div class="section__img
9235  section_1626772440950
9236  
9237  
9238  ">
9239    
9240</div>
9241
9242
9243
9244    
9245    
9246    
9247    <style type="text/css">
9248      #section-5f58368504 {
9249          --scope-grid-area: 1 / 13
9250      }
9251    </style>
9252
9253
9254
9255<div id="section-5f58368504" class="section__content content limited-container section_1626772440950  ">
9256    
9257    
9258    
9259    
9260    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
9261
9262
9263
9264
9265
9266
9267
9268
9269
9270
9271
9272    <div id="image-c620802bce" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/d%C3%A9coloration-en-savoir-plus-sur-l%C3%A9claircissement-des-cheveux_mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
9273
9274        
9275            
9276    
9277
9278            
9279                
9280                    
9281                        <picture class="image__imgPreview  image__imgPreview--lazy">
9282                            
9283
9284                            
9285
9286                            
9287                            
9288                                
9289                            
9290
9291                            
9292                            
9293                            
9294
9295
9296                            
9297                            <img decoding="async" elementtiming="image-c620802bce" alt="Décoloration : en savoir plus sur l’éclaircissement des cheveux " class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
9298                        </picture>
9299
9300                        
9301                        
9302                    
9303                    
9304                    
9305                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/d%C3%A9coloration-en-savoir-plus-sur-l%C3%A9claircissement-des-cheveux_mobile" content="https://dm.henkel-dam.com/is/image/henkel/d%C3%A9coloration-en-savoir-plus-sur-l%C3%A9claircissement-des-cheveux_mobile"/>
9306                
9307                
9308  
9309
9310            
9311            
9312  
9313
9314        
9315    </div>
9316
9317
9318
9319    
9320
9321
9322</heliux-image>
9323<heliux-section class="section container responsivegrid container-max-grid">
9324
9325
9326
9327
9328
9329
9330
9331
9332    
9333    
9334
9335    
9336    <div class="gradient__background customizations__section" id="background_section-5d2f18e23c"></div>
9337
9338
9339
9340
9341
9342<div class="section__img
9343  customizations__section
9344  
9345  
9346  ">
9347    
9348</div>
9349
9350
9351
9352    
9353    
9354    
9355    <style type="text/css">
9356      #section-5d2f18e23c {
9357          --scope-grid-area: 1 / 13
9358      }
9359    </style>
9360
9361
9362
9363<div id="section-5d2f18e23c" class="section__content content limited-container customizations__section  ">
9364    
9365    
9366    
9367    
9368    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9369
9370
9371
9372
9373
9374
9375
9376
9377  
9378    
9379    
9380    <style type="text/css">
9381      #text-59da5ddef6 {
9382          --scope-grid-area: 1 / 13
9383      }
9384    </style>
9385
9386
9387
9388
9389
9390
9391
9392
9393    
9394
9395
9396    
9397
9398
9399
9400
9401
9402
9403
9404    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-59da5ddef6" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
9405            "hoverMessage": "",
9406            "clickMessage": ""
9407        }' data-components-params-limittext='{
9408            "useModal": false, 
9409            "XFContentPath": ""
9410        }'>
9411        
9412            
9413                <p>
9413Blonde</p>
9414
9415                
9416                
9417                
9418            
9419        
9420    </div>
9421
9422
9423
9424
9425
9426</heliux-text>
9427<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9428
9429
9430
9431
9432
9433
9434
9435
9436  
9437    
9438    
9439    <style type="text/css">
9440      #text-ec3b537d6d {
9441          --scope-grid-area: 1 / 13
9442      }
9443    </style>
9444
9445
9446
9447
9448
9449
9450  
9451  
9452    
9453
9454  
9455    
9456
9457
9458
9459
9460    
9461
9462
9463    
9464
9465
9466
9467
9468
9469
9470
9471    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-ec3b537d6d" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
9472            "hoverMessage": "",
9473            "clickMessage": ""
9474        }' data-components-params-limittext='{
9475            "useModal": false, 
9476            "XFContentPath": ""
9477        }'>
9478        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
9479            
9480                <h5><b>Décoloration : en savoir plus sur l’éclaircissement des cheveux </b></h5>
9481
9482                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
9483                    <span class="heliux-text__readMore-dots">...</span>
9484                    <span class="heliux-text__readMore-label"></span>
9485                </div>
9486                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
9487                    <span class="heliux-text__readLess-label"></span>
9488                </div>
9489                
9490            
9491        </div>
9492    </div>
9493
9494
9495
9496
9497
9498</heliux-text>
9499<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
9500
9501      
9502      
9503      
9504    
9505    
9506      
9507      
9508      
9509
9510      
9511      
9512      
9513      
9514      
9515    
9516    <div class="calltoaction__wrapper cta
9517            customizations__calltoaction
9518            calltoaction__linkclick
9519            " id="wrapper-calltoaction-b32a8668df">
9520        
9521        <div class="calltoaction__background">
9522            <a id="calltoaction-b32a8668df" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/blonde/tout-sur-la-decoloration.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/tout-sur-la-decoloration.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blondehair/tout-sur-la-decoloration.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
9523                
9524                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
9525            </a>
9526            
9527        </div>
9528        
9529
9530    </div>
9531    
9532
9533      
9534    
9535
9536      
9537    
9538
9539
9540</heliux-calltoaction>
9541
9542    
9543
9544</div>
9545
9546
9547</heliux-section>
9548
9549    
9550
9551</div>
9552
9553
9554</heliux-section>
9555
9556    
9557</div>
9558
9559</div>
9560
9561        </li>
9562    
9563
9564    
9565    
9566
9567              </ul>
9568              
9569  <heliux-calltoaction>
9570  
9571    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
9572  </heliux-calltoaction>
9573
9574              
9575          
9576
9577          
9578
9579          
9580      
9581  </div>
9582
9583
9584    
9585
9586    
9587    
9588    
9589
9590</heliux-teaserlist-v2></heliux-teaserlist-v2>
9591<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
9592
9593
9594
9595
9596
9597
9598
9599
9600
9601
9602    
9603    
9604    
9605    <style type="text/css">
9606      #title-c5bcdc9e00 {
9607          --scope-grid-area: 1 / 13
9608      }
9609    </style>
9610
9611
9612
9613
9614
9615
9616    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-c5bcdc9e00" data-type="h1">
9617        
9618        
9619        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Brune</h1>
9620    </div>
9621
9622
9623
9624
9625    
9626
9627
9628
9629</heliux-text>
9630<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
9631    
9632    
9633
9634    
9635
9636    
9637
9638    
9639    
9640
9641    
9642
9643    
9644
9645  
9646
9647  <div id="teaserlist-f5f62b0790" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:13,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
9648      <style>
9649          #teaserlist-f5f62b0790 {
9650          --teaserlist-xxs-columns: 1;
9651          --teaserlist-xs-s-columns: 2;
9652          --teaserlist-m-l-columns: 3;
9653          --teaserlist-xl-xxl-columns: 3;
9654          }
9655      </style>
9656
9657      
9658    
9659
9660
9661      
9662
9663      
9664          
9665          
9666              <ul class="teaserlist__items atomic--target
9667                teaserlist__items--loadMore
9668                
9669                ">
9670                  
9671    
9672
9673    
9674
9675    
9676        
9677        <li class="teaserlist__item ">
9678            
9679            <a class="teaserlist__item-link" title="La coloration Dirty Brunette" href="/articles/coloration/brune/dirty-brunette.html" target="_self">
9680            </a>
9681            <div class="xf-content-height">
9682 
9683
9684
9685<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
9686    
9687    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
9688
9689
9690
9691
9692
9693
9694
9695
9696    
9697    
9698
9699    
9700    <div class="gradient__background section_1626772440950" id="background_section-a16d1c4532"></div>
9701
9702
9703
9704
9705
9706<div class="section__img
9707  section_1626772440950
9708  
9709  
9710  ">
9711    
9712</div>
9713
9714
9715
9716    
9717    
9718    
9719    <style type="text/css">
9720      #section-a16d1c4532 {
9721          --scope-grid-area: 1 / 13
9722      }
9723    </style>
9724
9725
9726
9727<div id="section-a16d1c4532" class="section__content content limited-container section_1626772440950  ">
9728    
9729    
9730    
9731    
9732    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
9733
9734
9735
9736
9737
9738
9739
9740
9741
9742
9743
9744    <div id="image-69b8051e81" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_Artem_Varnitsin_dirty-brunette1-wave3-wcms-de_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
9745
9746        
9747            
9748    
9749
9750            
9751                
9752                    
9753                        <picture class="image__imgPreview  image__imgPreview--lazy">
9754                            
9755
9756                            
9757
9758                            
9759                            
9760                                
9761                            
9762
9763                            
9764                            
9765                            
9766
9767
9768                            
9769                            <img decoding="async" elementtiming="image-69b8051e81" alt="La coloration Dirty Brunette" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
9770                        </picture>
9771
9772                        
9773                        
9774                    
9775                    
9776                    
9777                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_Artem_Varnitsin_dirty-brunette1-wave3-wcms-de_1-1-ratio" c
9777ontent="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_Artem_Varnitsin_dirty-brunette1-wave3-wcms-de_1-1-ratio"/>
9778                
9779                
9780  
9781
9782            
9783            
9784  
9785
9786        
9787    </div>
9788
9789
9790
9791    
9792
9793
9794</heliux-image>
9795<heliux-section class="section container responsivegrid container-max-grid">
9796
9797
9798
9799
9800
9801
9802
9803
9804    
9805    
9806
9807    
9808    <div class="gradient__background customizations__section" id="background_section-cbd03c5070"></div>
9809
9810
9811
9812
9813
9814<div class="section__img
9815  customizations__section
9816  
9817  
9818  ">
9819    
9820</div>
9821
9822
9823
9824    
9825    
9826    
9827    <style type="text/css">
9828      #section-cbd03c5070 {
9829          --scope-grid-area: 1 / 13
9830      }
9831    </style>
9832
9833
9834
9835<div id="section-cbd03c5070" class="section__content content limited-container customizations__section  ">
9836    
9837    
9838    
9839    
9840    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9841
9842
9843
9844
9845
9846
9847
9848
9849  
9850    
9851    
9852    <style type="text/css">
9853      #text-0e317de244 {
9854          --scope-grid-area: 1 / 13
9855      }
9856    </style>
9857
9858
9859
9860
9861
9862
9863
9864
9865    
9866
9867
9868    
9869
9870
9871
9872
9873
9874
9875
9876    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-0e317de244" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
9877            "hoverMessage": "",
9878            "clickMessage": ""
9879        }' data-components-params-limittext='{
9880            "useModal": false, 
9881            "XFContentPath": ""
9882        }'>
9883        
9884            
9885                <p>Brune</p>
9886
9887                
9888                
9889                
9890            
9891        
9892    </div>
9893
9894
9895
9896
9897
9898</heliux-text>
9899<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
9900
9901
9902
9903
9904
9905
9906
9907
9908  
9909    
9910    
9911    <style type="text/css">
9912      #text-dcf53d7120 {
9913          --scope-grid-area: 1 / 13
9914      }
9915    </style>
9916
9917
9918
9919
9920
9921
9922  
9923  
9924    
9925
9926  
9927    
9928
9929
9930
9931
9932    
9933
9934
9935    
9936
9937
9938
9939
9940
9941
9942
9943    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-dcf53d7120" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
9944            "hoverMessage": "",
9945            "clickMessage": ""
9946        }' data-components-params-limittext='{
9947            "useModal": false, 
9948            "XFContentPath": ""
9949        }'>
9950        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
9951            
9952                <h5><b>La coloration Dirty Brunette</b></h5>
9953
9954                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
9955                    <span class="heliux-text__readMore-dots">...</span>
9956                    <span class="heliux-text__readMore-label"></span>
9957                </div>
9958                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
9959                    <span class="heliux-text__readLess-label"></span>
9960                </div>
9961                
9962            
9963        </div>
9964    </div>
9965
9966
9967
9968
9969
9970</heliux-text>
9971<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
9972
9973      
9974      
9975      
9976    
9977    
9978      
9979      
9980      
9981
9982      
9983      
9984      
9985      
9986      
9987    
9988    <div class="calltoaction__wrapper cta
9989            customizations__calltoaction
9990            calltoaction__linkclick
9991            " id="wrapper-calltoaction-b034801f69">
9992        
9993        <div class="calltoaction__background">
9994            <a id="calltoaction-b034801f69" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/dirty-brunette.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/dirty-brunette.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/dirty-brunette.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
9995                
9996                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
9997            </a>
9998            
9999        </div>
10000        
10001
10002    </div>
10003    
10004
10005      
10006    
10007
10008      
10009    
10010
10011
10012</heliux-calltoaction>
10013
10014    
10015
10016</div>
10017
10018
10019</heliux-section>
10020
10021    
10022
10023</div>
10024
10025
10026</heliux-section>
10027
10028    
10029</div>
10030
10031</div>
10032
10033        </li>
10034    
10035        
10036        <li class="teaserlist__item ">
10037            
10038            <a class="teaserlist__item-link" title="Cheveux châtains : une couleur, mille nuances" href="/articles/coloration/brune/cheveux-chatains.html" target="_self">
10039            </a>
10040            <div class="xf-content-height">
10041 
10042
10043
10044<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
10045    
10046    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
10047
10048
10049
10050
10051
10052
10053
10054
10055    
10056    
10057
10058    
10059    <div class="gradient__background section_1626772440950" id="background_section-26afa56d93"></div>
10060
10061
10062
10063
10064
10065<div class="section__img
10066  section_1626772440950
10067  
10068  
10069  ">
10070    
10071</div>
10072
10073
10074
10075    
10076    
10077    
10078    <style type="text/css">
10079      #section-26afa56d93 {
10080          --scope-grid-area: 1 / 13
10081      }
10082    </style>
10083
10084
10085
10086<div id="section-26afa56d93" class="section__content content limited-container section_1626772440950  ">
10087    
10088    
10089    
10090    
10091    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
10092
10093
10094
10095
10096
10097
10098
10099
10100
10101
10102
10103    <div id="image-39464a05b1" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_Gettyimages_909075600_Westend61_cheveux_chatains_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
10104
10105        
10106            
10107    
10108
10109            
10110                
10111                    
10112                        <picture class="image__imgPreview  image__imgPreview--lazy">
10113                            
10114
10115                            
10116
10117                            
10118                            
10119                                
10120                            
10121
10122                            
10123                            
10124                            
10125
10126
10127                            
10128                            <img decoding="async" elementtiming="image-39464a05b1" alt="Cheveux châtains : une couleur, mille nuances" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
10129                        </picture>
10130
10131                        
10132                        
10133                    
10134                    
10135                    
10136                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_Gettyimages_909075600_Westend61_cheveux_chatains_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_Gettyimages_909075600_Westend61_cheveux_chatains_FR_1-1-ratio"/>
10137                
10138                
10139  
10140
10141            
10142            
10143  
10144
10145        
10146    </div>
10147
10148
10149
10150    
10151
10152
10153</heliux-image>
10154<heliux-section class="section container responsivegrid container-max-grid">
10155
10156
10157
10158
10159
10160
10161
10162
10163    
10164    
10165
10166    
10167    <div class="gradient__background customizations__section" id="background_section-2949107646"></div>
10168
10169
10170
10171
10172
10173<div class="section__img
10174  customizations__section
10175  
10176  
10177  ">
10178    
10179</div>
10180
10181
10182
10183    
10184    
10185    
10186    <style type="text/css">
10187      #section-2949107646 {
10188          --scope-grid-area: 1 / 13
10189      }
10190    </style>
10191
10192
10193
10194<div id="section-2949107646" class="section__content content limited-container customizations__section  ">
10195    
10196    
10197    
10198    
10199    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10200
10201
10202
10203
10204
10205
10206
10207
10208  
10209    
10210    
10211    <style type="text/css">
10212      #text-b60db1ad4d {
10213          --scope-grid-area: 1 / 13
10214      }
10215    </style>
10216
10217
10218
10219
10220
10221
10222
10223
10224    
10225
10226
10227    
10228
10229
10230
10231
10232
10233
10234
10235    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-b60db1ad4d" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
10236            "hoverMessage": "",
10237            "clickMessage": ""
10238        }' data-components-params-limittext='{
10239            "useModal": false, 
10240            "XFContentPath": ""
10241        }'>
10242        
10243            
10244                <p>
10244Brune</p>
10245
10246                
10247                
10248                
10249            
10250        
10251    </div>
10252
10253
10254
10255
10256
10257</heliux-text>
10258<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10259
10260
10261
10262
10263
10264
10265
10266
10267  
10268    
10269    
10270    <style type="text/css">
10271      #text-07df26d806 {
10272          --scope-grid-area: 1 / 13
10273      }
10274    </style>
10275
10276
10277
10278
10279
10280
10281  
10282  
10283    
10284
10285  
10286    
10287
10288
10289
10290
10291    
10292
10293
10294    
10295
10296
10297
10298
10299
10300
10301
10302    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-07df26d806" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
10303            "hoverMessage": "",
10304            "clickMessage": ""
10305        }' data-components-params-limittext='{
10306            "useModal": false, 
10307            "XFContentPath": ""
10308        }'>
10309        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
10310            
10311                <h5><b>Cheveux châtains : une couleur, mille nuances</b></h5>
10312
10313                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
10314                    <span class="heliux-text__readMore-dots">...</span>
10315                    <span class="heliux-text__readMore-label"></span>
10316                </div>
10317                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
10318                    <span class="heliux-text__readLess-label"></span>
10319                </div>
10320                
10321            
10322        </div>
10323    </div>
10324
10325
10326
10327
10328
10329</heliux-text>
10330<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
10331
10332      
10333      
10334      
10335    
10336    
10337      
10338      
10339      
10340
10341      
10342      
10343      
10344      
10345      
10346    
10347    <div class="calltoaction__wrapper cta
10348            customizations__calltoaction
10349            calltoaction__linkclick
10350            " id="wrapper-calltoaction-85120e90f4">
10351        
10352        <div class="calltoaction__background">
10353            <a id="calltoaction-85120e90f4" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/cheveux-chatains.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/cheveux-chatains.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/cheveux-chatains.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
10354                
10355                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
10356            </a>
10357            
10358        </div>
10359        
10360
10361    </div>
10362    
10363
10364      
10365    
10366
10367      
10368    
10369
10370
10371</heliux-calltoaction>
10372
10373    
10374
10375</div>
10376
10377
10378</heliux-section>
10379
10380    
10381
10382</div>
10383
10384
10385</heliux-section>
10386
10387    
10388</div>
10389
10390</div>
10391
10392        </li>
10393    
10394        
10395        <li class="teaserlist__item ">
10396            
10397            <a class="teaserlist__item-link" title="Couleur de cheveux bruns : les nuances " href="/articles/coloration/brune/colorer-cheveux-brun.html" target="_self">
10398            </a>
10399            <div class="xf-content-height">
10400 
10401
10402
10403<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
10404    
10405    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
10406
10407
10408
10409
10410
10411
10412
10413
10414    
10415    
10416
10417    
10418    <div class="gradient__background section_1626772440950" id="background_section-0860ea9894"></div>
10419
10420
10421
10422
10423
10424<div class="section__img
10425  section_1626772440950
10426  
10427  
10428  ">
10429    
10430</div>
10431
10432
10433
10434    
10435    
10436    
10437    <style type="text/css">
10438      #section-0860ea9894 {
10439          --scope-grid-area: 1 / 13
10440      }
10441    </style>
10442
10443
10444
10445<div id="section-0860ea9894" class="section__content content limited-container section_1626772440950  ">
10446    
10447    
10448    
10449    
10450    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
10451
10452
10453
10454
10455
10456
10457
10458
10459
10460
10461
10462    <div id="image-f093256e05" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;
10462https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun-Mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
10463
10464        
10465            
10466    
10467
10468            
10469                
10470                    
10471                        <picture class="image__imgPreview  image__imgPreview--lazy">
10472                            
10473
10474                            
10475
10476                            
10477                            
10478                                
10479                            
10480
10481                            
10482                            
10483                            
10484
10485
10486                            
10487                            <img decoding="async" elementtiming="image-f093256e05" alt="Couleur de cheveux bruns : les nuances " class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
10488                        </picture>
10489
10490                        
10491                        
10492                    
10493                    
10494                    
10495                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun-Mobile" content="https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun-Mobile"/>
10496                
10497                
10498  
10499
10500            
10501            
10502  
10503
10504        
10505    </div>
10506
10507
10508
10509    
10510
10511
10512</heliux-image>
10513<heliux-section class="section container responsivegrid container-max-grid">
10514
10515
10516
10517
10518
10519
10520
10521
10522    
10523    
10524
10525    
10526    <div class="gradient__background customizations__section" id="background_section-b392c4a64b"></div>
10527
10528
10529
10530
10531
10532<div class="section__img
10533  customizations__section
10534  
10535  
10536  ">
10537    
10538</div>
10539
10540
10541
10542    
10543    
10544    
10545    <style type="text/css">
10546      #section-b392c4a64b {
10547          --scope-grid-area: 1 / 13
10548      }
10549    </style>
10550
10551
10552
10553<div id="section-b392c4a64b" class="section__content content limited-container customizations__section  ">
10554    
10555    
10556    
10557    
10558    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10559
10560
10561
10562
10563
10564
10565
10566
10567  
10568    
10569    
10570    <style type="text/css">
10571      #text-e3a9c2e201 {
10572          --scope-grid-area: 1 / 13
10573      }
10574    </style>
10575
10576
10577
10578
10579
10580
10581
10582
10583    
10584
10585
10586    
10587
10588
10589
10590
10591
10592
10593
10594    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-e3a9c2e201" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
10595            "hoverMessage": "",
10596            "clickMessage": ""
10597        }' data-components-params-limittext='{
10598            "useModal": false, 
10599            "XFContentPath": ""
10600        }'>
10601        
10602            
10603                <p>Brune</p>
10604
10605                
10606                
10607                
10608            
10609        
10610    </div>
10611
10612
10613
10614
10615
10616</heliux-text>
10617<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10618
10619
10620
10621
10622
10623
10624
10625
10626  
10627    
10628    
10629    <style type="text/css">
10630      #text-b75c2dfcfe {
10631          --scope-grid-area: 1 / 13
10632      }
10633    </style>
10634
10635
10636
10637
10638
10639
10640  
10641  
10642    
10643
10644  
10645    
10646
10647
10648
10649
10650    
10651
10652
10653    
10654
10655
10656
10657
10658
10659
10660
10661    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-b75c2dfcfe" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
10662            "hoverMessage": "",
10663            "clickMessage": ""
10664        }' data-components-params-limittext='{
10665            "useModal": false, 
10666            "XFContentPath": ""
10667        }'>
10668        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
10669            
10670                <h5><b>Couleur de cheveux bruns : les nuances </b></h5>
10671
10672                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
10673                    <span class="heliux-text__readMore-dots">...</span>
10674                    <span class="heliux-text__readMore-label"></span>
10675                </div>
10676                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
10677                    <span class="heliux-text__readLess-label"></span>
10678                </div>
10679                
10680            
10681        </div>
10682    </div>
10683
10684
10685
10686
10687
10688</heliux-text>
10689<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
10690
10691      
10692      
10693      
10694    
10695    
10696      
10697      
10698      
10699
10700      
10701      
10702      
10703      
10704      
10705    
10706    <div class="calltoaction__wrapper cta
10707            customizations__calltoaction
10708            calltoaction__linkclick
10709            " id="wrapper-calltoaction-ec463a777d">
10710        
10711        <div class="calltoaction__background">
10712            <a id="calltoaction-ec463a777d" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/colorer-cheveux-brun.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/colorer-cheveux-brun.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/colorer-cheveux-brun.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
10713                
10714                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
10715            </a>
10716            
10717        </div>
10718        
10719
10720    </div>
10721    
10722
10723      
10724    
10725
10726      
10727    
10728
10729
10730</heliux-calltoaction>
10731
10732    
10733
10734</div>
10735
10736
10737</heliux-section>
10738
10739    
10740
10741</div>
10742
10743
10744</heliux-section>
10745
10746    
10747</div>
10748
10749</div>
10750
10751        </li>
10752    
10753        
10754        <li class="teaserlist__item ">
10755            
10756            <a class="teaserlist__item-link" title="Une coloration chocolat pour des cheveux brun | Schwarzkopf" href="/articles/coloration/brune/coloration-brun-chocolat.html" target="_self">
10757            </a>
10758            <div class="xf-content-height">
10759 
10760
10761
10762<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
10763    
10764    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
10765
10766
10767
10768
10769
10770
10771
10772
10773    
10774    
10775
10776    
10777    <div class="gradient__background section_1626772440950" id="background_section-e559674e39"></div>
10778
10779
10780
10781
10782
10783<div class="section__img
10784  section_1626772440950
10785  
10786  
10787  ">
10788    
10789</div>
10790
10791
10792
10793    
10794    
10795    
10796    <style type="text/css">
10797      #section-e559674e39 {
10798          --scope-grid-area: 1 / 13
10799      }
10800    </style>
10801
10802
10803
10804<div id="section-e559674e39" class="section__content content limited-container section_1626772440950  ">
10805    
10806    
10807    
10808    
10809    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
10810
10811
10812
10813
10814
10815
10816
10817
10818
10819
10820
10821    <div id="image-2afaf3d81e" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/mannequin_cheveux_bruns_chocolat-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
10822
10823        
10824            
10825    
10826
10827            
10828                
10829                    
10830                        <picture class="image__imgPreview  image__imgPreview--lazy">
10831                            
10832
10833                            
10834
10835                            
10836                            
10837                                
10838                            
10839
10840                            
10841                            
10842                            
10843
10844
10845                            
10846                            <img decoding="async" elementtiming="image-2afaf3d81e" alt="Une coloration chocolat pour des cheveux brun | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
10847                        </picture>
10848
10849                        
10850                        
10851                    
10852                    
10853                    
10854                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/mannequin_cheveux_bruns_chocolat-wcms-fr_1-1-ratio" c
10854ontent="https://dm.henkel-dam.com/is/image/henkel/mannequin_cheveux_bruns_chocolat-wcms-fr_1-1-ratio"/>
10855                
10856                
10857  
10858
10859            
10860            
10861  
10862
10863        
10864    </div>
10865
10866
10867
10868    
10869
10870
10871</heliux-image>
10872<heliux-section class="section container responsivegrid container-max-grid">
10873
10874
10875
10876
10877
10878
10879
10880
10881    
10882    
10883
10884    
10885    <div class="gradient__background customizations__section" id="background_section-9b44cb010e"></div>
10886
10887
10888
10889
10890
10891<div class="section__img
10892  customizations__section
10893  
10894  
10895  ">
10896    
10897</div>
10898
10899
10900
10901    
10902    
10903    
10904    <style type="text/css">
10905      #section-9b44cb010e {
10906          --scope-grid-area: 1 / 13
10907      }
10908    </style>
10909
10910
10911
10912<div id="section-9b44cb010e" class="section__content content limited-container customizations__section  ">
10913    
10914    
10915    
10916    
10917    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10918
10919
10920
10921
10922
10923
10924
10925
10926  
10927    
10928    
10929    <style type="text/css">
10930      #text-ba90c899aa {
10931          --scope-grid-area: 1 / 13
10932      }
10933    </style>
10934
10935
10936
10937
10938
10939
10940
10941
10942    
10943
10944
10945    
10946
10947
10948
10949
10950
10951
10952
10953    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-ba90c899aa" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
10954            "hoverMessage": "",
10955            "clickMessage": ""
10956        }' data-components-params-limittext='{
10957            "useModal": false, 
10958            "XFContentPath": ""
10959        }'>
10960        
10961            
10962                <p>Brune</p>
10963
10964                
10965                
10966                
10967            
10968        
10969    </div>
10970
10971
10972
10973
10974
10975</heliux-text>
10976<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
10977
10978
10979
10980
10981
10982
10983
10984
10985  
10986    
10987    
10988    <style type="text/css">
10989      #text-28a825232a {
10990          --scope-grid-area: 1 / 13
10991      }
10992    </style>
10993
10994
10995
10996
10997
10998
10999  
11000  
11001    
11002
11003  
11004    
11005
11006
11007
11008
11009    
11010
11011
11012    
11013
11014
11015
11016
11017
11018
11019
11020    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-28a825232a" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
11021            "hoverMessage": "",
11022            "clickMessage": ""
11023        }' data-components-params-limittext='{
11024            "useModal": false, 
11025            "XFContentPath": ""
11026        }'>
11027        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
11028            
11029                <h5><b>Une coloration chocolat pour des cheveux brun | Schwarzkopf</b></h5>
11030
11031                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
11032                    <span class="heliux-text__readMore-dots">...</span>
11033                    <span class="heliux-text__readMore-label"></span>
11034                </div>
11035                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
11036                    <span class="heliux-text__readLess-label"></span>
11037                </div>
11038                
11039            
11040        </div>
11041    </div>
11042
11043
11044
11045
11046
11047</heliux-text>
11048<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
11049
11050      
11051      
11052      
11053    
11054    
11055      
11056      
11057      
11058
11059      
11060      
11061      
11062      
11063      
11064    
11065    <div class="calltoaction__wrapper cta
11066            customizations__calltoaction
11067            calltoaction__linkclick
11068            " id="wrapper-calltoaction-099f511548">
11069        
11070        <div class="calltoaction__background">
11071            <a id="calltoaction-099f511548" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/coloration-brun-chocolat.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/coloration-brun-chocolat.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/coloration-brun-chocolat.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
11072                
11073                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
11074            </a>
11075            
11076        </div>
11077        
11078
11079    </div>
11080    
11081
11082      
11083    
11084
11085      
11086    
11087
11088
11089</heliux-calltoaction>
11090
11091    
11092
11093</div>
11094
11095
11096</heliux-section>
11097
11098    
11099
11100</div>
11101
11102
11103</heliux-section>
11104
11105    
11106</div>
11107
11108</div>
11109
11110        </li>
11111    
11112        
11113        <li class="teaserlist__item ">
11114            
11115            <a class="teaserlist__item-link" title="Passer du brun au châtain clair : toutes les astuces" href="/articles/coloration/brune/passer-du-brun-au-chatain-clair---toutes-les-astuces.html" target="_self">
11116            </a>
11117            <div class="xf-content-height">
11118 
11119
11120
11121<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
11122    
11123    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
11124
11125
11126
11127
11128
11129
11130
11131
11132    
11133    
11134
11135    
11136    <div class="gradient__background section_1626772440950" id="background_section-3abdb61e07"></div>
11137
11138
11139
11140
11141
11142<div class="section__img
11143  section_1626772440950
11144  
11145  
11146  ">
11147    
11148</div>
11149
11150
11151
11152    
11153    
11154    
11155    <style type="text/css">
11156      #section-3abdb61e07 {
11157          --scope-grid-area: 1 / 13
11158      }
11159    </style>
11160
11161
11162
11163<div id="section-3abdb61e07" class="section__content content limited-container section_1626772440950  ">
11164    
11165    
11166    
11167    
11168    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
11169
11170
11171
11172
11173
11174
11175
11176
11177
11178
11179
11180    <div id="image-db7667a86a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/article-1_brune---%C3%A9claircir-et-passer-au-ch%C3%A2tain-clair_mobile_2026&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
11181
11182        
11183            
11184    
11185
11186            
11187                
11188                    
11189                        <picture class="image__imgPreview  image__imgPreview--lazy">
11190                            
11191
11192                            
11193
11194                            
11195                            
11196                                
11197                            
11198
11199                            
11200                            
11201                            
11202
11203
11204                            
11205                            <img decoding="async" elementtiming="image-db7667a86a" alt="Passer du brun au châtain clair : toutes les astuces" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
11206                        </picture>
11207
11208                        
11209                        
11210                    
11211                    
11212                    
11213                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/article-1_brune---%C3%A9claircir-et-passer-au-ch%C3%A2tain-clair_mobile_2026" content="https://dm.henkel-dam.com/is/image/henkel/article-1_brune---%C3%A9claircir-et-passer-au-ch%C3%A2tain-clair_mobile_2026"/>
11214                
11215                
11216  
11217
11218            
11219            
11220  
11221
11222        
11223    </div>
11224
11225
11226
11227    
11228
11229
11230</heliux-image>
11231<heliux-section class="section container responsivegrid container-max-grid">
11232
11233
11234
11235
11236
11237
11238
11239
11240    
11241    
11242
11243    
11244    <div class="gradient__background customizations__section" id="background_section-982ad62996"></div>
11245
11246
11247
11248
11249
11250<div class="section__img
11251  customizations__section
11252  
11253  
11254  ">
11255    
11256</div>
11257
11258
11259
11260    
11261    
11262    
11263    <style type="text/css">
11264      #section-982ad62996 {
11265          --scope-grid-area: 1 / 13
11266      }
11267    </style>
11268
11269
11270
11271<div id="section-982ad62996" class="section__content content limited-container customizations__section  ">
11272    
11273    
11274    
11275    
11276    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
11277
11278
11279
11280
11281
11282
11283
11284
11285  
11286    
11287    
11288    <style type="text/css">
11289      #text-021e34422e {
11290          --scope-grid-area: 1 / 13
11291      }
11292    </style>
11293
11294
11295
11296
11297
11298
11299
11300
11301    
11302
11303
11304    
11305
11306
11307
11308
11309
11310
11311
11312    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-021e34422e" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
11313            "hoverMessage": "",
11314            "clickMessage": ""
11315        }' data-components-params-limittext='{
11316            "useModal": false, 
11317            "XFContentPath": ""
11318        }'>
11319        
11320            
11321                <p>
11321Brune</p>
11322
11323                
11324                
11325                
11326            
11327        
11328    </div>
11329
11330
11331
11332
11333
11334</heliux-text>
11335<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
11336
11337
11338
11339
11340
11341
11342
11343
11344  
11345    
11346    
11347    <style type="text/css">
11348      #text-e2d2fa0b31 {
11349          --scope-grid-area: 1 / 13
11350      }
11351    </style>
11352
11353
11354
11355
11356
11357
11358  
11359  
11360    
11361
11362  
11363    
11364
11365
11366
11367
11368    
11369
11370
11371    
11372
11373
11374
11375
11376
11377
11378
11379    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-e2d2fa0b31" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
11380            "hoverMessage": "",
11381            "clickMessage": ""
11382        }' data-components-params-limittext='{
11383            "useModal": false, 
11384            "XFContentPath": ""
11385        }'>
11386        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
11387            
11388                <h5><b>Passer du brun au châtain clair : toutes les astuces</b></h5>
11389
11390                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
11391                    <span class="heliux-text__readMore-dots">...</span>
11392                    <span class="heliux-text__readMore-label"></span>
11393                </div>
11394                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
11395                    <span class="heliux-text__readLess-label"></span>
11396                </div>
11397                
11398            
11399        </div>
11400    </div>
11401
11402
11403
11404
11405
11406</heliux-text>
11407<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
11408
11409      
11410      
11411      
11412    
11413    
11414      
11415      
11416      
11417
11418      
11419      
11420      
11421      
11422      
11423    
11424    <div class="calltoaction__wrapper cta
11425            customizations__calltoaction
11426            calltoaction__linkclick
11427            " id="wrapper-calltoaction-60bd3ea8c7">
11428        
11429        <div class="calltoaction__background">
11430            <a id="calltoaction-60bd3ea8c7" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/passer-du-brun-au-chatain-clair---toutes-les-astuces.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/passer-du-brun-au-chatain-clair---toutes-les-astuces.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/passer-du-brun-au-chatain-clair---toutes-les-astuces.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
11431                
11432                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
11433            </a>
11434            
11435        </div>
11436        
11437
11438    </div>
11439    
11440
11441      
11442    
11443
11444      
11445    
11446
11447
11448</heliux-calltoaction>
11449
11450    
11451
11452</div>
11453
11454
11455</heliux-section>
11456
11457    
11458
11459</div>
11460
11461
11462</heliux-section>
11463
11464    
11465</div>
11466
11467</div>
11468
11469        </li>
11470    
11471        
11472        <li class="teaserlist__item ">
11473            
11474            <a class="teaserlist__item-link" title="Coloration broux : conseils et soins " href="/articles/coloration/brune/broux.html" target="_self">
11475            </a>
11476            <div class="xf-content-height">
11477 
11478
11479
11480<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
11481    
11482    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
11483
11484
11485
11486
11487
11488
11489
11490
11491    
11492    
11493
11494    
11495    <div class="gradient__background section_1626772440950" id="background_section-9dfaa32e5e"></div>
11496
11497
11498
11499
11500
11501<div class="section__img
11502  section_1626772440950
11503  
11504  
11505  ">
11506    
11507</div>
11508
11509
11510
11511    
11512    
11513    
11514    <style type="text/css">
11515      #section-9dfaa32e5e {
11516          --scope-grid-area: 1 / 13
11517      }
11518    </style>
11519
11520
11521
11522<div id="section-9dfaa32e5e" class="section__content content limited-container section_1626772440950  ">
11523    
11524    
11525    
11526    
11527    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
11528
11529
11530
11531
11532
11533
11534
11535
11536
11537
11538
11539    <div id="image-b683c429c4" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963_woman-chestnut-brown-ombre-wcms-se_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
11540
11541        
11542            
11543    
11544
11545            
11546                
11547                    
11548                        <picture class="image__imgPreview  image__imgPreview--lazy">
11549                            
11550
11551                            
11552
11553                            
11554                            
11555                                
11556                            
11557
11558                            
11559                            
11560                            
11561
11562
11563                            
11564                            <img decoding="async" elementtiming="image-b683c429c4" alt="Coloration broux : conseils et soins " class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
11565                        </picture>
11566
11567                        
11568                        
11569                    
11570                    
11571                    
11572                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963_woman-chestnut-brown-ombre-wcms-se_1-1-ratio" c
11572ontent="https://dm.henkel-dam.com/is/image/henkel/2560x963_woman-chestnut-brown-ombre-wcms-se_1-1-ratio"/>
11573                
11574                
11575  
11576
11577            
11578            
11579  
11580
11581        
11582    </div>
11583
11584
11585
11586    
11587
11588
11589</heliux-image>
11590<heliux-section class="section container responsivegrid container-max-grid">
11591
11592
11593
11594
11595
11596
11597
11598
11599    
11600    
11601
11602    
11603    <div class="gradient__background customizations__section" id="background_section-4acde9b1a6"></div>
11604
11605
11606
11607
11608
11609<div class="section__img
11610  customizations__section
11611  
11612  
11613  ">
11614    
11615</div>
11616
11617
11618
11619    
11620    
11621    
11622    <style type="text/css">
11623      #section-4acde9b1a6 {
11624          --scope-grid-area: 1 / 13
11625      }
11626    </style>
11627
11628
11629
11630<div id="section-4acde9b1a6" class="section__content content limited-container customizations__section  ">
11631    
11632    
11633    
11634    
11635    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
11636
11637
11638
11639
11640
11641
11642
11643
11644  
11645    
11646    
11647    <style type="text/css">
11648      #text-5029e76271 {
11649          --scope-grid-area: 1 / 13
11650      }
11651    </style>
11652
11653
11654
11655
11656
11657
11658
11659
11660    
11661
11662
11663    
11664
11665
11666
11667
11668
11669
11670
11671    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-5029e76271" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
11672            "hoverMessage": "",
11673            "clickMessage": ""
11674        }' data-components-params-limittext='{
11675            "useModal": false, 
11676            "XFContentPath": ""
11677        }'>
11678        
11679            
11680                <p>Brune</p>
11681
11682                
11683                
11684                
11685            
11686        
11687    </div>
11688
11689
11690
11691
11692
11693</heliux-text>
11694<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
11695
11696
11697
11698
11699
11700
11701
11702
11703  
11704    
11705    
11706    <style type="text/css">
11707      #text-0bf2b66995 {
11708          --scope-grid-area: 1 / 13
11709      }
11710    </style>
11711
11712
11713
11714
11715
11716
11717  
11718  
11719    
11720
11721  
11722    
11723
11724
11725
11726
11727    
11728
11729
11730    
11731
11732
11733
11734
11735
11736
11737
11738    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-0bf2b66995" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
11739            "hoverMessage": "",
11740            "clickMessage": ""
11741        }' data-components-params-limittext='{
11742            "useModal": false, 
11743            "XFContentPath": ""
11744        }'>
11745        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
11746            
11747                <h5><b>Coloration broux : conseils et soins </b></h5>
11748
11749                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
11750                    <span class="heliux-text__readMore-dots">...</span>
11751                    <span class="heliux-text__readMore-label"></span>
11752                </div>
11753                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
11754                    <span class="heliux-text__readLess-label"></span>
11755                </div>
11756                
11757            
11758        </div>
11759    </div>
11760
11761
11762
11763
11764
11765</heliux-text>
11766<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
11767
11768      
11769      
11770      
11771    
11772    
11773      
11774      
11775      
11776
11777      
11778      
11779      
11780      
11781      
11782    
11783    <div class="calltoaction__wrapper cta
11784            customizations__calltoaction
11785            calltoaction__linkclick
11786            " id="wrapper-calltoaction-2375037b3e">
11787        
11788        <div class="calltoaction__background">
11789            <a id="calltoaction-2375037b3e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/brune/broux.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/broux.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhair/broux.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
11790                
11791                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
11792            </a>
11793            
11794        </div>
11795        
11796
11797    </div>
11798    
11799
11800      
11801    
11802
11803      
11804    
11805
11806
11807</heliux-calltoaction>
11808
11809    
11810
11811</div>
11812
11813
11814</heliux-section>
11815
11816    
11817
11818</div>
11819
11820
11821</heliux-section>
11822
11823    
11824</div>
11825
11826</div>
11827
11828        </li>
11829    
11830
11831    
11832    
11833
11834              </ul>
11835              
11836  <heliux-calltoaction>
11837  
11838    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
11839  </heliux-calltoaction>
11840
11841              
11842          
11843
11844          
11845
11846          
11847      
11848  </div>
11849
11850
11851    
11852
11853    
11854    
11855    
11856
11857</heliux-teaserlist-v2></heliux-teaserlist-v2>
11858<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
11859
11860
11861
11862
11863
11864
11865
11866
11867
11868
11869    
11870    
11871    
11872    <style type="text/css">
11873      #title-bc1b85ec8d {
11874          --scope-grid-area: 1 / 13
11875      }
11876    </style>
11877
11878
11879
11880
11881
11882
11883    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-bc1b85ec8d" data-type="h1">
11884        
11885        
11886        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Noire</h1>
11887    </div>
11888
11889
11890
11891
11892    
11893
11894
11895
11896</heliux-text>
11897<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
11898    
11899    
11900
11901    
11902
11903    
11904
11905    
11906    
11907
11908    
11909
11910    
11911
11912  
11913
11914  <div id="teaserlist-4d6af7b899" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_327936493&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:4,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
11915      <style>
11916          #teaserlist-4d6af7b899 {
11917          --teaserlist-xxs-columns: 1;
11918          --teaserlist-xs-s-columns: 2;
11919          --teaserlist-m-l-columns: 3;
11920          --teaserlist-xl-xxl-columns: 3;
11921          }
11922      </style>
11923
11924      
11925    
11926
11927
11928      
11929
11930      
11931          
11932          
11933              <ul class="teaserlist__items atomic--target
11934                
11935                
11936                ">
11937                  
11938    
11939
11940    
11941
11942    
11943        
11944        <li class="teaserlist__item ">
11945            
11946            <a class="teaserlist__item-link" title="Tendance : quel maquillage avec mes cheveux noirs ?" href="/articles/coloration/noire/tendance---quel-maquillage-avec-mes-cheveux-noirs---.html" target="_self">
11947            </a>
11948            <div class="xf-content-height">
11949 
11950
11951
11952<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
11953    
11954    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
11955
11956
11957
11958
11959
11960
11961
11962
11963    
11964    
11965
11966    
11967    <div class="gradient__background section_1626772440950" id="background_section-d484e56f72"></div>
11968
11969
11970
11971
11972
11973<div class="section__img
11974  section_1626772440950
11975  
11976  
11977  ">
11978    
11979</div>
11980
11981
11982
11983    
11984    
11985    
11986    <style type="text/css">
11987      #section-d484e56f72 {
11988          --scope-grid-area: 1 / 13
11989      }
11990    </style>
11991
11992
11993
11994<div id="section-d484e56f72" class="section__content content limited-container section_1626772440950  ">
11995    
11996    
11997    
11998    
11999    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
12000
12001
12002
12003
12004
12005
12006
12007
12008
12009
12010
12011    <div id="image-d538d95e06" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/cheveux_noirs_feminin_ou_androgyne-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
12012
12013        
12014            
12015    
12016
12017            
12018                
12019                    
12020                        <picture class="image__imgPreview  image__imgPreview--lazy">
12021                            
12022
12023                            
12024
12025                            
12026                            
12027                                
12028                            
12029
12030                            
12031                            
12032                            
12033
12034
12035                            
12036                            <img decoding="async" elementtiming="image-d538d95e06" alt="Tendance : quel maquillage avec mes cheveux noirs ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
12037                        </picture>
12038
12039                        
12040                        
12041                    
12042                    
12043                    
12044                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/cheveux_noirs_feminin_ou_androgyne-wcms-fr_1-1-ratio" c
12044ontent="https://dm.henkel-dam.com/is/image/henkel/cheveux_noirs_feminin_ou_androgyne-wcms-fr_1-1-ratio"/>
12045                
12046                
12047  
12048
12049            
12050            
12051  
12052
12053        
12054    </div>
12055
12056
12057
12058    
12059
12060
12061</heliux-image>
12062<heliux-section class="section container responsivegrid container-max-grid">
12063
12064
12065
12066
12067
12068
12069
12070
12071    
12072    
12073
12074    
12075    <div class="gradient__background customizations__section" id="background_section-70aca0f32a"></div>
12076
12077
12078
12079
12080
12081<div class="section__img
12082  customizations__section
12083  
12084  
12085  ">
12086    
12087</div>
12088
12089
12090
12091    
12092    
12093    
12094    <style type="text/css">
12095      #section-70aca0f32a {
12096          --scope-grid-area: 1 / 13
12097      }
12098    </style>
12099
12100
12101
12102<div id="section-70aca0f32a" class="section__content content limited-container customizations__section  ">
12103    
12104    
12105    
12106    
12107    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12108
12109
12110
12111
12112
12113
12114
12115
12116  
12117    
12118    
12119    <style type="text/css">
12120      #text-6addfa50f3 {
12121          --scope-grid-area: 1 / 13
12122      }
12123    </style>
12124
12125
12126
12127
12128
12129
12130
12131
12132    
12133
12134
12135    
12136
12137
12138
12139
12140
12141
12142
12143    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-6addfa50f3" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
12144            "hoverMessage": "",
12145            "clickMessage": ""
12146        }' data-components-params-limittext='{
12147            "useModal": false, 
12148            "XFContentPath": ""
12149        }'>
12150        
12151            
12152                <p>Noire</p>
12153
12154                
12155                
12156                
12157            
12158        
12159    </div>
12160
12161
12162
12163
12164
12165</heliux-text>
12166<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12167
12168
12169
12170
12171
12172
12173
12174
12175  
12176    
12177    
12178    <style type="text/css">
12179      #text-7fa9eb68d9 {
12180          --scope-grid-area: 1 / 13
12181      }
12182    </style>
12183
12184
12185
12186
12187
12188
12189  
12190  
12191    
12192
12193  
12194    
12195
12196
12197
12198
12199    
12200
12201
12202    
12203
12204
12205
12206
12207
12208
12209
12210    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-7fa9eb68d9" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
12211            "hoverMessage": "",
12212            "clickMessage": ""
12213        }' data-components-params-limittext='{
12214            "useModal": false, 
12215            "XFContentPath": ""
12216        }'>
12217        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
12218            
12219                <h5><b>Tendance : quel maquillage avec mes cheveux noirs ?</b></h5>
12220
12221                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
12222                    <span class="heliux-text__readMore-dots">...</span>
12223                    <span class="heliux-text__readMore-label"></span>
12224                </div>
12225                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
12226                    <span class="heliux-text__readLess-label"></span>
12227                </div>
12228                
12229            
12230        </div>
12231    </div>
12232
12233
12234
12235
12236
12237</heliux-text>
12238<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
12239
12240      
12241      
12242      
12243    
12244    
12245      
12246      
12247      
12248
12249      
12250      
12251      
12252      
12253      
12254    
12255    <div class="calltoaction__wrapper cta
12256            customizations__calltoaction
12257            calltoaction__linkclick
12258            " id="wrapper-calltoaction-9cdbc78b54">
12259        
12260        <div class="calltoaction__background">
12261            <a id="calltoaction-9cdbc78b54" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/noire/tendance---quel-maquillage-avec-mes-cheveux-noirs---.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/tendance---quel-maquillage-avec-mes-cheveux-noirs---.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/tendance---quel-maquillage-avec-mes-cheveux-noirs---.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
12262                
12263                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
12264            </a>
12265            
12266        </div>
12267        
12268
12269    </div>
12270    
12271
12272      
12273    
12274
12275      
12276    
12277
12278
12279</heliux-calltoaction>
12280
12281    
12282
12283</div>
12284
12285
12286</heliux-section>
12287
12288    
12289
12290</div>
12291
12292
12293</heliux-section>
12294
12295    
12296</div>
12297
12298</div>
12299
12300        </li>
12301    
12302        
12303        <li class="teaserlist__item ">
12304            
12305            <a class="teaserlist__item-link" title="Coupe cheveux noirs : mettre votre couleur naturelle en valeur" href="/articles/coloration/noire/idees-coiffures-cheveux-noirs.html" target="_self">
12306            </a>
12307            <div class="xf-content-height">
12308 
12309
12310
12311<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
12312    
12313    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
12314
12315
12316
12317
12318
12319
12320
12321
12322    
12323    
12324
12325    
12326    <div class="gradient__background section_1626772440950" id="background_section-1a46ab77de"></div>
12327
12328
12329
12330
12331
12332<div class="section__img
12333  section_1626772440950
12334  
12335  
12336  ">
12337    
12338</div>
12339
12340
12341
12342    
12343    
12344    
12345    <style type="text/css">
12346      #section-1a46ab77de {
12347          --scope-grid-area: 1 / 13
12348      }
12349    </style>
12350
12351
12352
12353<div id="section-1a46ab77de" class="section__content content limited-container section_1626772440950  ">
12354    
12355    
12356    
12357    
12358    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
12359
12360
12361
12362
12363
12364
12365
12366
12367
12368
12369
12370    <div id="image-b33ec64230" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/coiffure_cheveux_noirs-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
12371
12372        
12373            
12374    
12375
12376            
12377                
12378                    
12379                        <picture class="image__imgPreview  image__imgPreview--lazy">
12380                            
12381
12382                            
12383
12384                            
12385                            
12386                                
12387                            
12388
12389                            
12390                            
12391                            
12392
12393
12394                            
12395                            <img decoding="async" elementtiming="image-b33ec64230" alt="Coupe cheveux noirs : mettre votre couleur naturelle en valeur" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
12396                        </picture>
12397
12398                        
12399                        
12400                    
12401                    
12402                    
12403                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/coiffure_cheveux_noirs-wcms-fr_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/coiffure_cheveux_noirs-wcms-fr_1-1-ratio"/>
12404                
12405                
12406  
12407
12408            
12409            
12410  
12411
12412        
12413    </div>
12414
12415
12416
12417    
12418
12419
12420</heliux-image>
12421<heliux-section class="section container responsivegrid container-max-grid">
12422
12423
12424
12425
12426
12427
12428
12429
12430    
12431    
12432
12433    
12434    <div class="gradient__background customizations__section" id="background_section-9765ce4749"></div>
12435
12436
12437
12438
12439
12440<div class="section__img
12441  customizations__section
12442  
12443  
12444  ">
12445    
12446</div>
12447
12448
12449
12450    
12451    
12452    
12453    <style type="text/css">
12454      #section-9765ce4749 {
12455          --scope-grid-area: 1 / 13
12456      }
12457    </style>
12458
12459
12460
12461<div id="section-9765ce4749" class="section__content content limited-container customizations__section  ">
12462    
12463    
12464    
12465    
12466    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12467
12468
12469
12470
12471
12472
12473
12474
12475  
12476    
12477    
12478    <style type="text/css">
12479      #text-bbd6764aca {
12480          --scope-grid-area: 1 / 13
12481      }
12482    </style>
12483
12484
12485
12486
12487
12488
12489
12490
12491    
12492
12493
12494    
12495
12496
12497
12498
12499
12500
12501
12502    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-bbd6764aca" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
12503            "hoverMessage": "",
12504            "clickMessage": ""
12505        }' data-components-params-limittext='{
12506            "useModal": false, 
12507            "XFContentPath": ""
12508        }'>
12509        
12510            
12511                <p>Noire</p>
12512
12513                
12514                
12515                
12516            
12517        
12518    </div>
12519
12520
12521
12522
12523
12524</heliux-text>
12525<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12526
12527
12528
12529
12530
12531
12532
12533
12534  
12535    
12536    
12537    <style type="text/css">
12538      #text-dc443398a6 {
12539          --scope-grid-area: 1 / 13
12540      }
12541    </style>
12542
12543
12544
12545
12546
12547
12548  
12549  
12550    
12551
12552  
12553    
12554
12555
12556
12557
12558    
12559
12560
12561    
12562
12563
12564
12565
12566
12567
12568
12569    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-dc443398a6" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
12570            "hoverMessage": "",
12571            "clickMessage": ""
12572        }' data-components-params-limittext='{
12573            "useModal": false, 
12574            "XFContentPath": ""
12575        }'>
12576        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
12577            
12578                <h5><b>Coupe cheveux noirs : mettre votre couleur naturelle en valeur</b></h5>
12579
12580                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
12581                    <span class="heliux-text__readMore-dots">...</span>
12582                    <span class="heliux-text__readMore-label"></span>
12583                </div>
12584                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
12585                    <span class="heliux-text__readLess-label"></span>
12586                </div>
12587                
12588            
12589        </div>
12590    </div>
12591
12592
12593
12594
12595
12596</heliux-text>
12597<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
12598
12599      
12600      
12601      
12602    
12603    
12604      
12605      
12606      
12607
12608      
12609      
12610      
12611      
12612      
12613    
12614    <div class="calltoaction__wrapper cta
12615            customizations__calltoaction
12616            calltoaction__linkclick
12617            " id="wrapper-calltoaction-eee8e9dea3">
12618        
12619        <div class="calltoaction__background">
12620            <a id="calltoaction-eee8e9dea3" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/noire/idees-coiffures-cheveux-noirs.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/idees-coiffures-cheveux-noirs.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/idees-coiffures-cheveux-noirs.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
12621                
12622                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
12623            </a>
12624            
12625        </div>
12626        
12627
12628    </div>
12629    
12630
12631      
12632    
12633
12634      
12635    
12636
12637
12638</heliux-calltoaction>
12639
12640    
12641
12642</div>
12643
12644
12645</heliux-section>
12646
12647    
12648
12649</div>
12650
12651
12652</heliux-section>
12653
12654    
12655</div>
12656
12657</div>
12658
12659        </li>
12660    
12661        
12662        <li class="teaserlist__item ">
12663            
12664            <a class="teaserlist__item-link" title="Les coupes pour cheveux foncés et noirs" href="/articles/coloration/noire/coiffures-cheveux-noirs.html" target="_self">
12665            </a>
12666            <div class="xf-content-height">
12667 
12668
12669
12670<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
12671    
12672    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
12673
12674
12675
12676
12677
12678
12679
12680
12681    
12682    
12683
12684    
12685    <div class="gradient__background section_1626772440950" id="background_section-dcae2701e9"></div>
12686
12687
12688
12689
12690
12691<div class="section__img
12692  section_1626772440950
12693  
12694  
12695  ">
12696    
12697</div>
12698
12699
12700
12701    
12702    
12703    
12704    <style type="text/css">
12705      #section-dcae2701e9 {
12706          --scope-grid-area: 1 / 13
12707      }
12708    </style>
12709
12710
12711
12712<div id="section-dcae2701e9" class="section__content content limited-container section_1626772440950  ">
12713    
12714    
12715    
12716    
12717    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
12718
12719
12720
12721
12722
12723
12724
12725
12726
12727
12728
12729    <div id="image-e2ee740ad7" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_women-business-hairstyle-wcms-se1-mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
12730
12731        
12732            
12733    
12734
12735            
12736                
12737                    
12738                        <picture class="image__imgPreview  image__imgPreview--lazy">
12739                            
12740
12741                            
12742
12743                            
12744                            
12745                                
12746                            
12747
12748                            
12749                            
12750                            
12751
12752
12753                            
12754                            <img decoding="async" elementtiming="image-e2ee740ad7" alt="Les coupes pour cheveux foncés et noirs" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
12755                        </picture>
12756
12757                        
12758                        
12759                    
12760                    
12761                    
12762                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_women-business-hairstyle-wcms-se1-mobile" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_women-business-hairstyle-wcms-se1-mobile"/>
12763                
12764                
12765  
12766
12767            
12768            
12769  
12770
12771        
12772    </div>
12773
12774
12775
12776    
12777
12778
12779</heliux-image>
12780<heliux-section class="section container responsivegrid container-max-grid">
12781
12782
12783
12784
12785
12786
12787
12788
12789    
12790    
12791
12792    
12793    <div class="gradient__background customizations__section" id="background_section-c751694fb3"></div>
12794
12795
12796
12797
12798
12799<div class="section__img
12800  customizations__section
12801  
12802  
12803  ">
12804    
12805</div>
12806
12807
12808
12809    
12810    
12811    
12812    <style type="text/css">
12813      #section-c751694fb3 {
12814          --scope-grid-area: 1 / 13
12815      }
12816    </style>
12817
12818
12819
12820<div id="section-c751694fb3" class="section__content content limited-container customizations__section  ">
12821    
12822    
12823    
12824    
12825    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12826
12827
12828
12829
12830
12831
12832
12833
12834  
12835    
12836    
12837    <style type="text/css">
12838      #text-c6d3fb10ff {
12839          --scope-grid-area: 1 / 13
12840      }
12841    </style>
12842
12843
12844
12845
12846
12847
12848
12849
12850    
12851
12852
12853    
12854
12855
12856
12857
12858
12859
12860
12861    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-c6d3fb10ff" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
12862            "hoverMessage": "",
12863            "clickMessage": ""
12864        }' data-components-params-limittext='{
12865            "useModal": false, 
12866            "XFContentPath": ""
12867        }'>
12868        
12869            
12870                <p>Noire</p>
12871
12872                
12873                
12874                
12875            
12876        
12877    </div>
12878
12879
12880
12881
12882
12883</heliux-text>
12884<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
12885
12886
12887
12888
12889
12890
12891
12892
12893  
12894    
12895    
12896    <style type="text/css">
12897      #text-88463d976e {
12898          --scope-grid-area: 1 / 13
12899      }
12900    </style>
12901
12902
12903
12904
12905
12906
12907  
12908  
12909    
12910
12911  
12912    
12913
12914
12915
12916
12917    
12918
12919
12920    
12921
12922
12923
12924
12925
12926
12927
12928    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-88463d976e" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
12929            "hoverMessage": "",
12930            "clickMessage": ""
12931        }' data-components-params-limittext='{
12932            "useModal": false, 
12933            "XFContentPath": ""
12934        }'>
12935        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
12936            
12937                <h5><b>Les coupes pour cheveux foncés et noirs</b></h5>
12938
12939                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
12940                    <span class="heliux-text__readMore-dots">...</span>
12941                    <span class="heliux-text__readMore-label"></span>
12942                </div>
12943                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
12944                    <span class="heliux-text__readLess-label"></span>
12945                </div>
12946                
12947            
12948        </div>
12949    </div>
12950
12951
12952
12953
12954
12955</heliux-text>
12956<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
12957
12958      
12959      
12960      
12961    
12962    
12963      
12964      
12965      
12966
12967      
12968      
12969      
12970      
12971      
12972    
12973    <div class="calltoaction__wrapper cta
12974            customizations__calltoaction
12975            calltoaction__linkclick
12976            " id="wrapper-calltoaction-966d4449bf">
12977        
12978        <div class="calltoaction__background">
12979            <a id="calltoaction-966d4449bf" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/noire/coiffures-cheveux-noirs.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/coiffures-cheveux-noirs.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/coiffures-cheveux-noirs.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
12980                
12981                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
12982            </a>
12983            
12984        </div>
12985        
12986
12987    </div>
12988    
12989
12990      
12991    
12992
12993      
12994    
12995
12996
12997</heliux-calltoaction>
12998
12999    
13000
13001</div>
13002
13003
13004</heliux-section>
13005
13006    
13007
13008</div>
13009
13010
13011</heliux-section>
13012
13013    
13014</div>
13015
13016</div>
13017
13018        </li>
13019    
13020        
13021        <li class="teaserlist__item ">
13022            
13023            <a class="teaserlist__item-link" title="Shampoing colorant noir et brillance" href="/articles/coloration/noire/soins-cheveux-noirs.html" target="_self">
13024            </a>
13025            <div class="xf-content-height">
13026 
13027
13028
13029<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
13030    
13031    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
13032
13033
13034
13035
13036
13037
13038
13039
13040    
13041    
13042
13043    
13044    <div class="gradient__background section_1626772440950" id="background_section-089264dd91"></div>
13045
13046
13047
13048
13049
13050<div class="section__img
13051  section_1626772440950
13052  
13053  
13054  ">
13055    
13056</div>
13057
13058
13059
13060    
13061    
13062    
13063    <style type="text/css">
13064      #section-089264dd91 {
13065          --scope-grid-area: 1 / 13
13066      }
13067    </style>
13068
13069
13070
13071<div id="section-089264dd91" class="section__content content limited-container section_1626772440950  ">
13072    
13073    
13074    
13075    
13076    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
13077
13078
13079
13080
13081
13082
13083
13084
13085
13086
13087
13088    <div id="image-a69bf12514" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_noirs_brillants-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
13089
13090        
13091            
13092    
13093
13094            
13095                
13096                    
13097                        <picture class="image__imgPreview  image__imgPreview--lazy">
13098                            
13099
13100                            
13101
13102                            
13103                            
13104                                
13105                            
13106
13107                            
13108                            
13109                            
13110
13111
13112                            
13113                            <img decoding="async" elementtiming="image-a69bf12514" alt="Shampoing colorant noir et brillance" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
13114                        </picture>
13115
13116                        
13117                        
13118                    
13119                    
13120                    
13121                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_noirs_brillants-wcms-fr_1-1-ratio" c
13121ontent="https://dm.henkel-dam.com/is/image/henkel/femme_cheveux_noirs_brillants-wcms-fr_1-1-ratio"/>
13122                
13123                
13124  
13125
13126            
13127            
13128  
13129
13130        
13131    </div>
13132
13133
13134
13135    
13136
13137
13138</heliux-image>
13139<heliux-section class="section container responsivegrid container-max-grid">
13140
13141
13142
13143
13144
13145
13146
13147
13148    
13149    
13150
13151    
13152    <div class="gradient__background customizations__section" id="background_section-71cf7e9f45"></div>
13153
13154
13155
13156
13157
13158<div class="section__img
13159  customizations__section
13160  
13161  
13162  ">
13163    
13164</div>
13165
13166
13167
13168    
13169    
13170    
13171    <style type="text/css">
13172      #section-71cf7e9f45 {
13173          --scope-grid-area: 1 / 13
13174      }
13175    </style>
13176
13177
13178
13179<div id="section-71cf7e9f45" class="section__content content limited-container customizations__section  ">
13180    
13181    
13182    
13183    
13184    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
13185
13186
13187
13188
13189
13190
13191
13192
13193  
13194    
13195    
13196    <style type="text/css">
13197      #text-bea50ae4f1 {
13198          --scope-grid-area: 1 / 13
13199      }
13200    </style>
13201
13202
13203
13204
13205
13206
13207
13208
13209    
13210
13211
13212    
13213
13214
13215
13216
13217
13218
13219
13220    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-bea50ae4f1" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
13221            "hoverMessage": "",
13222            "clickMessage": ""
13223        }' data-components-params-limittext='{
13224            "useModal": false, 
13225            "XFContentPath": ""
13226        }'>
13227        
13228            
13229                <p>Noire</p>
13230
13231                
13232                
13233                
13234            
13235        
13236    </div>
13237
13238
13239
13240
13241
13242</heliux-text>
13243<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
13244
13245
13246
13247
13248
13249
13250
13251
13252  
13253    
13254    
13255    <style type="text/css">
13256      #text-bfb28bcc02 {
13257          --scope-grid-area: 1 / 13
13258      }
13259    </style>
13260
13261
13262
13263
13264
13265
13266  
13267  
13268    
13269
13270  
13271    
13272
13273
13274
13275
13276    
13277
13278
13279    
13280
13281
13282
13283
13284
13285
13286
13287    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-bfb28bcc02" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
13288            "hoverMessage": "",
13289            "clickMessage": ""
13290        }' data-components-params-limittext='{
13291            "useModal": false, 
13292            "XFContentPath": ""
13293        }'>
13294        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
13295            
13296                <h5><b>Shampoing colorant noir et brillance</b></h5>
13297
13298                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
13299                    <span class="heliux-text__readMore-dots">...</span>
13300                    <span class="heliux-text__readMore-label"></span>
13301                </div>
13302                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
13303                    <span class="heliux-text__readLess-label"></span>
13304                </div>
13305                
13306            
13307        </div>
13308    </div>
13309
13310
13311
13312
13313
13314</heliux-text>
13315<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
13316
13317      
13318      
13319      
13320    
13321    
13322      
13323      
13324      
13325
13326      
13327      
13328      
13329      
13330      
13331    
13332    <div class="calltoaction__wrapper cta
13333            customizations__calltoaction
13334            calltoaction__linkclick
13335            " id="wrapper-calltoaction-3b25b19c0a">
13336        
13337        <div class="calltoaction__background">
13338            <a id="calltoaction-3b25b19c0a" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/noire/soins-cheveux-noirs.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/soins-cheveux-noirs.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/blackhaircolor/soins-cheveux-noirs.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
13339                
13340                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
13341            </a>
13342            
13343        </div>
13344        
13345
13346    </div>
13347    
13348
13349      
13350    
13351
13352      
13353    
13354
13355
13356</heliux-calltoaction>
13357
13358    
13359
13360</div>
13361
13362
13363</heliux-section>
13364
13365    
13366
13367</div>
13368
13369
13370</heliux-section>
13371
13372    
13373</div>
13374
13375</div>
13376
13377        </li>
13378    
13379
13380    
13381    
13382
13383              </ul>
13384              
13385              
13386          
13387
13388          
13389
13390          
13391      
13392  </div>
13393
13394
13395    
13396
13397    
13398    
13399    
13400
13401</heliux-teaserlist-v2></heliux-teaserlist-v2>
13402<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
13403
13404
13405
13406
13407
13408
13409
13410
13411
13412
13413    
13414    
13415    
13416    <style type="text/css">
13417      #title-99dd3593d3 {
13418          --scope-grid-area: 1 / 13
13419      }
13420    </style>
13421
13422
13423
13424
13425
13426
13427    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-99dd3593d3" data-type="h1">
13428        
13429        
13430        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Rousse / Auburn</h1>
13431    </div>
13432
13433
13434
13435
13436    
13437
13438
13439
13440</heliux-text>
13441<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
13442    
13443    
13444
13445    
13446
13447    
13448
13449    
13450    
13451
13452    
13453
13454    
13455
13456  
13457
13458  <div id="teaserlist-e8e6fff66c" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_246253811&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:4,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
13459      <style>
13460          #teaserlist-e8e6fff66c {
13461          --teaserlist-xxs-columns: 1;
13462          --teaserlist-xs-s-columns: 2;
13463          --teaserlist-m-l-columns: 3;
13464          --teaserlist-xl-xxl-columns: 3;
13465          }
13466      </style>
13467
13468      
13469    
13470
13471
13472      
13473
13474      
13475          
13476          
13477              <ul class="teaserlist__items atomic--target
13478                
13479                
13480                ">
13481                  
13482    
13483
13484    
13485
13486    
13487        
13488        <li class="teaserlist__item ">
13489            
13490            <a class="teaserlist__item-link" title="Le grand retour du roux" href="/articles/coloration/rousse-auburn%20/tendances-blogs-cheveux-roux.html" target="_self">
13491            </a>
13492            <div class="xf-content-height">
13493 
13494
13495
13496<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
13497    
13498    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
13499
13500
13501
13502
13503
13504
13505
13506
13507    
13508    
13509
13510    
13511    <div class="gradient__background section_1626772440950" id="background_section-4c9af209fd"></div>
13512
13513
13514
13515
13516
13517<div class="section__img
13518  section_1626772440950
13519  
13520  
13521  ">
13522    
13523</div>
13524
13525
13526
13527    
13528    
13529    
13530    <style type="text/css">
13531      #section-4c9af209fd {
13532          --scope-grid-area: 1 / 13
13533      }
13534    </style>
13535
13536
13537
13538<div id="section-4c9af209fd" class="section__content content limited-container section_1626772440950  ">
13539    
13540    
13541    
13542    
13543    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
13544
13545
13546
13547
13548
13549
13550
13551
13552
13553
13554
13555    <div id="image-24b938d948" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_avec_cheveux_roux-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
13556
13557        
13558            
13559    
13560
13561            
13562                
13563                    
13564                        <picture class="image__imgPreview  image__imgPreview--lazy">
13565                            
13566
13567                            
13568
13569                            
13570                            
13571                                
13572                            
13573
13574                            
13575                            
13576                            
13577
13578
13579                            
13580                            <img decoding="async" elementtiming="image-24b938d948" alt="Le grand retour du roux" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
13581                        </picture>
13582
13583                        
13584                        
13585                    
13586                    
13587                    
13588                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_avec_cheveux_roux-wcms-fr_1-1-ratio" c
13588ontent="https://dm.henkel-dam.com/is/image/henkel/femme_avec_cheveux_roux-wcms-fr_1-1-ratio"/>
13589                
13590                
13591  
13592
13593            
13594            
13595  
13596
13597        
13598    </div>
13599
13600
13601
13602    
13603
13604
13605</heliux-image>
13606<heliux-section class="section container responsivegrid container-max-grid">
13607
13608
13609
13610
13611
13612
13613
13614
13615    
13616    
13617
13618    
13619    <div class="gradient__background customizations__section" id="background_section-3d8d233420"></div>
13620
13621
13622
13623
13624
13625<div class="section__img
13626  customizations__section
13627  
13628  
13629  ">
13630    
13631</div>
13632
13633
13634
13635    
13636    
13637    
13638    <style type="text/css">
13639      #section-3d8d233420 {
13640          --scope-grid-area: 1 / 13
13641      }
13642    </style>
13643
13644
13645
13646<div id="section-3d8d233420" class="section__content content limited-container customizations__section  ">
13647    
13648    
13649    
13650    
13651    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
13652
13653
13654
13655
13656
13657
13658
13659
13660  
13661    
13662    
13663    <style type="text/css">
13664      #text-882d2dc74c {
13665          --scope-grid-area: 1 / 13
13666      }
13667    </style>
13668
13669
13670
13671
13672
13673
13674
13675
13676    
13677
13678
13679    
13680
13681
13682
13683
13684
13685
13686
13687    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-882d2dc74c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
13688            "hoverMessage": "",
13689            "clickMessage": ""
13690        }' data-components-params-limittext='{
13691            "useModal": false, 
13692            "XFContentPath": ""
13693        }'>
13694        
13695            
13696                <p>Rousse / Auburn</p>
13697
13698                
13699                
13700                
13701            
13702        
13703    </div>
13704
13705
13706
13707
13708
13709</heliux-text>
13710<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
13711
13712
13713
13714
13715
13716
13717
13718
13719  
13720    
13721    
13722    <style type="text/css">
13723      #text-b764ac0bf8 {
13724          --scope-grid-area: 1 / 13
13725      }
13726    </style>
13727
13728
13729
13730
13731
13732
13733  
13734  
13735    
13736
13737  
13738    
13739
13740
13741
13742
13743    
13744
13745
13746    
13747
13748
13749
13750
13751
13752
13753
13754    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-b764ac0bf8" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
13755            "hoverMessage": "",
13756            "clickMessage": ""
13757        }' data-components-params-limittext='{
13758            "useModal": false, 
13759            "XFContentPath": ""
13760        }'>
13761        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
13762            
13763                <h5><b>Le grand retour du roux</b></h5>
13764
13765                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
13766                    <span class="heliux-text__readMore-dots">...</span>
13767                    <span class="heliux-text__readMore-label"></span>
13768                </div>
13769                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
13770                    <span class="heliux-text__readLess-label"></span>
13771                </div>
13772                
13773            
13774        </div>
13775    </div>
13776
13777
13778
13779
13780
13781</heliux-text>
13782<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
13783
13784      
13785      
13786      
13787    
13788    
13789      
13790      
13791      
13792
13793      
13794      
13795      
13796      
13797      
13798    
13799    <div class="calltoaction__wrapper cta
13800            customizations__calltoaction
13801            calltoaction__linkclick
13802            " id="wrapper-calltoaction-c5090ad4ab">
13803        
13804        <div class="calltoaction__background">
13805            <a id="calltoaction-c5090ad4ab" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/rousse-auburn%20/tendances-blogs-cheveux-roux.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/tendances-blogs-cheveux-roux.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/tendances-blogs-cheveux-roux.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
13806                
13807                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
13808            </a>
13809            
13810        </div>
13811        
13812
13813    </div>
13814    
13815
13816      
13817    
13818
13819      
13820    
13821
13822
13823</heliux-calltoaction>
13824
13825    
13826
13827</div>
13828
13829
13830</heliux-section>
13831
13832    
13833
13834</div>
13835
13836
13837</heliux-section>
13838
13839    
13840</div>
13841
13842</div>
13843
13844        </li>
13845    
13846        
13847        <li class="teaserlist__item ">
13848            
13849            <a class="teaserlist__item-link" title="Choisir sa couleur d&#39;acajou pour les cheveux" href="/articles/coloration/rousse-auburn%20/cheveux-acajou.html" target="_self">
13850            </a>
13851            <div class="xf-content-height">
13852 
13853
13854
13855<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
13856    
13857    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
13858
13859
13860
13861
13862
13863
13864
13865
13866    
13867    
13868
13869    
13870    <div class="gradient__background section_1626772440950" id="background_section-f52d9b0e10"></div>
13871
13872
13873
13874
13875
13876<div class="section__img
13877  section_1626772440950
13878  
13879  
13880  ">
13881    
13882</div>
13883
13884
13885
13886    
13887    
13888    
13889    <style type="text/css">
13890      #section-f52d9b0e10 {
13891          --scope-grid-area: 1 / 13
13892      }
13893    </style>
13894
13895
13896
13897<div id="section-f52d9b0e10" class="section__content content limited-container section_1626772440950  ">
13898    
13899    
13900    
13901    
13902    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
13903
13904
13905
13906
13907
13908
13909
13910
13911
13912
13913
13914    <div id="image-78aea3deb0" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_eyeem_Steffi-Pipilotta_cheveux-acajou_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
13915
13916        
13917            
13918    
13919
13920            
13921                
13922                    
13923                        <picture class="image__imgPreview  image__imgPreview--lazy">
13924                            
13925
13926                            
13927
13928                            
13929                            
13930                                
13931                            
13932
13933                            
13934                            
13935                            
13936
13937
13938                            
13939                            <img decoding="async" elementtiming="image-78aea3deb0" alt="Cheveux acajou : on craque pour la coloration cuivrée" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
13940                        </picture>
13941
13942                        
13943                        
13944                    
13945                    
13946                    
13947                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_eyeem_Steffi-Pipilotta_cheveux-acajou_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_eyeem_Steffi-Pipilotta_cheveux-acajou_1-1-ratio"/>
13948                
13949                
13950  
13951
13952            
13953            
13954  
13955
13956        
13957    </div>
13958
13959
13960
13961    
13962
13963
13964</heliux-image>
13965<heliux-section class="section container responsivegrid container-max-grid">
13966
13967
13968
13969
13970
13971
13972
13973
13974    
13975    
13976
13977    
13978    <div class="gradient__background customizations__section" id="background_section-4e937251d7"></div>
13979
13980
13981
13982
13983
13984<div class="section__img
13985  customizations__section
13986  
13987  
13988  ">
13989    
13990</div>
13991
13992
13993
13994    
13995    
13996    
13997    <style type="text/css">
13998      #section-4e937251d7 {
13999          --scope-grid-area: 1 / 13
14000      }
14001    </style>
14002
14003
14004
14005<div id="section-4e937251d7" class="section__content content limited-container customizations__section  ">
14006    
14007    
14008    
14009    
14010    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14011
14012
14013
14014
14015
14016
14017
14018
14019  
14020    
14021    
14022    <style type="text/css">
14023      #text-980f57160c {
14024          --scope-grid-area: 1 / 13
14025      }
14026    </style>
14027
14028
14029
14030
14031
14032
14033
14034
14035    
14036
14037
14038    
14039
14040
14041
14042
14043
14044
14045
14046    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-98
140460f57160c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
14047            "hoverMessage": "",
14048            "clickMessage": ""
14049        }' data-components-params-limittext='{
14050            "useModal": false, 
14051            "XFContentPath": ""
14052        }'>
14053        
14054            
14055                <p>Rousse / Auburn</p>
14056
14057                
14058                
14059                
14060            
14061        
14062    </div>
14063
14064
14065
14066
14067
14068</heliux-text>
14069<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14070
14071
14072
14073
14074
14075
14076
14077
14078  
14079    
14080    
14081    <style type="text/css">
14082      #text-bce3b70ece {
14083          --scope-grid-area: 1 / 13
14084      }
14085    </style>
14086
14087
14088
14089
14090
14091
14092  
14093  
14094    
14095
14096  
14097    
14098
14099
14100
14101
14102    
14103
14104
14105    
14106
14107
14108
14109
14110
14111
14112
14113    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-bce3b70ece" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
14114            "hoverMessage": "",
14115            "clickMessage": ""
14116        }' data-components-params-limittext='{
14117            "useModal": false, 
14118            "XFContentPath": ""
14119        }'>
14120        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
14121            
14122                <h5><b>Choisir sa couleur d'acajou pour les cheveux</b></h5>
14123
14124                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
14125                    <span class="heliux-text__readMore-dots">...</span>
14126                    <span class="heliux-text__readMore-label"></span>
14127                </div>
14128                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
14129                    <span class="heliux-text__readLess-label"></span>
14130                </div>
14131                
14132            
14133        </div>
14134    </div>
14135
14136
14137
14138
14139
14140</heliux-text>
14141<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
14142
14143      
14144      
14145      
14146    
14147    
14148      
14149      
14150      
14151
14152      
14153      
14154      
14155      
14156      
14157    
14158    <div class="calltoaction__wrapper cta
14159            customizations__calltoaction
14160            calltoaction__linkclick
14161            " id="wrapper-calltoaction-0af00d6f4d">
14162        
14163        <div class="calltoaction__background">
14164            <a id="calltoaction-0af00d6f4d" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/rousse-auburn%20/cheveux-acajou.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/cheveux-acajou.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/cheveux-acajou.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
14165                
14166                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
14167            </a>
14168            
14169        </div>
14170        
14171
14172    </div>
14173    
14174
14175      
14176    
14177
14178      
14179    
14180
14181
14182</heliux-calltoaction>
14183
14184    
14185
14186</div>
14187
14188
14189</heliux-section>
14190
14191    
14192
14193</div>
14194
14195
14196</heliux-section>
14197
14198    
14199</div>
14200
14201</div>
14202
14203        </li>
14204    
14205        
14206        <li class="teaserlist__item ">
14207            
14208            <a class="teaserlist__item-link" title="Couleur de cheveux cuivrée : tout savoir " href="/articles/coloration/rousse-auburn%20/cheveux-cuivres.html" target="_self">
14209            </a>
14210            <div class="xf-content-height">
14211 
14212
14213
14214<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
14215    
14216    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
14217
14218
14219
14220
14221
14222
14223
14224
14225    
14226    
14227
14228    
14229    <div class="gradient__background section_1626772440950" id="background_section-ac7e3e0a92"></div>
14230
14231
14232
14233
14234
14235<div class="section__img
14236  section_1626772440950
14237  
14238  
14239  ">
14240    
14241</div>
14242
14243
14244
14245    
14246    
14247    
14248    <style type="text/css">
14249      #section-ac7e3e0a92 {
14250          --scope-grid-area: 1 / 13
14251      }
14252    </style>
14253
14254
14255
14256<div id="section-ac7e3e0a92" class="section__content content limited-container section_1626772440950  ">
14257    
14258    
14259    
14260    
14261    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
14262
14263
14264
14265
14266
14267
14268
14269
14270
14271
14272
14273    <div id="image-4407c748de" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;
14273https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun_teaser&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
14274
14275        
14276            
14277    
14278
14279            
14280                
14281                    
14282                        <picture class="image__imgPreview  image__imgPreview--lazy">
14283                            
14284
14285                            
14286
14287                            
14288                            
14289                                
14290                            
14291
14292                            
14293                            
14294                            
14295
14296
14297                            
14298                            <img decoding="async" elementtiming="image-4407c748de" alt="" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
14299                        </picture>
14300
14301                        
14302                        
14303                    
14304                    
14305                    
14306                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun_teaser" content="https://dm.henkel-dam.com/is/image/henkel/Banniere-couleur-cheveux-brun_teaser"/>
14307                
14308                
14309  
14310
14311            
14312            
14313  
14314
14315        
14316    </div>
14317
14318
14319
14320    
14321
14322
14323</heliux-image>
14324<heliux-section class="section container responsivegrid container-max-grid">
14325
14326
14327
14328
14329
14330
14331
14332
14333    
14334    
14335
14336    
14337    <div class="gradient__background customizations__section" id="background_section-5745171e42"></div>
14338
14339
14340
14341
14342
14343<div class="section__img
14344  customizations__section
14345  
14346  
14347  ">
14348    
14349</div>
14350
14351
14352
14353    
14354    
14355    
14356    <style type="text/css">
14357      #section-5745171e42 {
14358          --scope-grid-area: 1 / 13
14359      }
14360    </style>
14361
14362
14363
14364<div id="section-5745171e42" class="section__content content limited-container customizations__section  ">
14365    
14366    
14367    
14368    
14369    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14370
14371
14372
14373
14374
14375
14376
14377
14378  
14379    
14380    
14381    <style type="text/css">
14382      #text-9a3ee43f03 {
14383          --scope-grid-area: 1 / 13
14384      }
14385    </style>
14386
14387
14388
14389
14390
14391
14392
14393
14394    
14395
14396
14397    
14398
14399
14400
14401
14402
14403
14404
14405    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-9a3ee43f03" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
14406            "hoverMessage": "",
14407            "clickMessage": ""
14408        }' data-components-params-limittext='{
14409            "useModal": false, 
14410            "XFContentPath": ""
14411        }'>
14412        
14413            
14414                <p>Rousse / Auburn</p>
14415
14416                
14417                
14418                
14419            
14420        
14421    </div>
14422
14423
14424
14425
14426
14427</heliux-text>
14428<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14429
14430
14431
14432
14433
14434
14435
14436
14437  
14438    
14439    
14440    <style type="text/css">
14441      #text-2fcd0f6bff {
14442          --scope-grid-area: 1 / 13
14443      }
14444    </style>
14445
14446
14447
14448
14449
14450
14451  
14452  
14453    
14454
14455  
14456    
14457
14458
14459
14460
14461    
14462
14463
14464    
14465
14466
14467
14468
14469
14470
14471
14472    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-2fcd0f6bff" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
14473            "hoverMessage": "",
14474            "clickMessage": ""
14475        }' data-components-params-limittext='{
14476            "useModal": false, 
14477            "XFContentPath": ""
14478        }'>
14479        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
14480            
14481                <h5><b>Couleur de cheveux cuivrée : tout savoir </b></h5>
14482
14483                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
14484                    <span class="heliux-text__readMore-dots">...</span>
14485                    <span class="heliux-text__readMore-label"></span>
14486                </div>
14487                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
14488                    <span class="heliux-text__readLess-label"></span>
14489                </div>
14490                
14491            
14492        </div>
14493    </div>
14494
14495
14496
14497
14498
14499</heliux-text>
14500<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
14501
14502      
14503      
14504      
14505    
14506    
14507      
14508      
14509      
14510
14511      
14512      
14513      
14514      
14515      
14516    
14517    <div class="calltoaction__wrapper cta
14518            customizations__calltoaction
14519            calltoaction__linkclick
14520            " id="wrapper-calltoaction-fd33fff67e">
14521        
14522        <div class="calltoaction__background">
14523            <a id="calltoaction-fd33fff67e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/rousse-auburn%20/cheveux-cuivres.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/cheveux-cuivres.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/cheveux-cuivres.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
14524                
14525                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
14526            </a>
14527            
14528        </div>
14529        
14530
14531    </div>
14532    
14533
14534      
14535    
14536
14537      
14538    
14539
14540
14541</heliux-calltoaction>
14542
14543    
14544
14545</div>
14546
14547
14548</heliux-section>
14549
14550    
14551
14552</div>
14553
14554
14555</heliux-section>
14556
14557    
14558</div>
14559
14560</div>
14561
14562        </li>
14563    
14564        
14565        <li class="teaserlist__item ">
14566            
14567            <a class="teaserlist__item-link" title="Cheveux rouge cerise : une coloration tendance et intense" href="/articles/coloration/rousse-auburn%20/la-tendance-coloration-rouge-cerise-et-ses-reflets-intenses.html" target="_self">
14568            </a>
14569            <div class="xf-content-height">
14570 
14571
14572
14573<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
14574    
14575    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
14576
14577
14578
14579
14580
14581
14582
14583
14584    
14585    
14586
14587    
14588    <div class="gradient__background section_1626772440950" id="background_section-01fc4d437b"></div>
14589
14590
14591
14592
14593
14594<div class="section__img
14595  section_1626772440950
14596  
14597  
14598  ">
14599    
14600</div>
14601
14602
14603
14604    
14605    
14606    
14607    <style type="text/css">
14608      #section-01fc4d437b {
14609          --scope-grid-area: 1 / 13
14610      }
14611    </style>
14612
14613
14614
14615<div id="section-01fc4d437b" class="section__content content limited-container section_1626772440950  ">
14616    
14617    
14618    
14619    
14620    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
14621
14622
14623
14624
14625
14626
14627
14628
14629
14630
14631
14632    <div id="image-ee6b96decc" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/La-tendance-coloration-rouge-cerise-teaser&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
14633
14634        
14635            
14636    
14637
14638            
14639                
14640                    
14641                        <picture class="image__imgPreview  image__imgPreview--lazy">
14642                            
14643
14644                            
14645
14646                            
14647                            
14648                                
14649                            
14650
14651                            
14652                            
14653                            
14654
14655
14656                            
14657                            <img decoding="async" elementtiming="image-ee6b96decc" alt="Cheveux rouge cerise : une coloration tendance et intense" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
14658                        </picture>
14659
14660                        
14661                        
14662                    
14663                    
14664                    
14665                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/La-tendance-coloration-rouge-cerise-teaser" content="https://dm.henkel-dam.com/is/image/henkel/La-tendance-coloration-rouge-cerise-teaser"/>
14666                
14667                
14668  
14669
14670            
14671            
14672  
14673
14674        
14675    </div>
14676
14677
14678
14679    
14680
14681
14682</heliux-image>
14683<heliux-section class="section container responsivegrid container-max-grid">
14684
14685
14686
14687
14688
14689
14690
14691
14692    
14693    
14694
14695    
14696    <div class="gradient__background customizations__section" id="background_section-e2f00746b7"></div>
14697
14698
14699
14700
14701
14702<div class="section__img
14703  customizations__section
14704  
14705  
14706  ">
14707    
14708</div>
14709
14710
14711
14712    
14713    
14714    
14715    <style type="text/css">
14716      #section-e2f00746b7 {
14717          --scope-grid-area: 1 / 13
14718      }
14719    </style>
14720
14721
14722
14723<div id="section-e2f00746b7" class="section__content content limited-container customizations__section  ">
14724    
14725    
14726    
14727    
14728    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14729
14730
14731
14732
14733
14734
14735
14736
14737  
14738    
14739    
14740    <style type="text/css">
14741      #text-882cf20d71 {
14742          --scope-grid-area: 1 / 13
14743      }
14744    </style>
14745
14746
14747
14748
14749
14750
14751
14752
14753    
14754
14755
14756    
14757
14758
14759
14760
14761
14762
14763
14764    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-882cf20d71" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
14765            "hoverMessage": "",
14766            "clickMessage": ""
14767        }' data-components-params-limittext='{
14768            "useModal": false, 
14769            "XFContentPath": ""
14770        }'>
14771        
14772            
14773                <p>Rousse / Auburn</p>
14774
14775                
14776                
14777                
14778            
14779        
14780    </div>
14781
14782
14783
14784
14785
14786</heliux-text>
14787<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
14788
14789
14790
14791
14792
14793
14794
14795
14796  
14797    
14798    
14799    <style type="text/css">
14800      #text-26992a6f46 {
14801          --scope-grid-area: 1 / 13
14802      }
14803    </style>
14804
14805
14806
14807
14808
14809
14810  
14811  
14812    
14813
14814  
14815    
14816
14817
14818
14819
14820    
14821
14822
14823    
14824
14825
14826
14827
14828
14829
14830
14831    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-26992a6f46" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
14832            "hoverMessage": "",
14833            "clickMessage": ""
14834        }' data-components-params-limittext='{
14835            "useModal": false, 
14836            "XFContentPath": ""
14837        }'>
14838        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
14839            
14840                <h5><b>Cheveux rouge cerise : une coloration tendance et intense</b></h5>
14841
14842                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
14843                    <span class="heliux-text__readMore-dots">...</span>
14844                    <span class="heliux-text__readMore-label"></span>
14845                </div>
14846                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
14847                    <span class="heliux-text__readLess-label"></span>
14848                </div>
14849                
14850            
14851        </div>
14852    </div>
14853
14854
14855
14856
14857
14858</heliux-text>
14859<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
14860
14861      
14862      
14863      
14864    
14865    
14866      
14867      
14868      
14869
14870      
14871      
14872      
14873      
14874      
14875    
14876    <div class="calltoaction__wrapper cta
14877            customizations__calltoaction
14878            calltoaction__linkclick
14879            " id="wrapper-calltoaction-eac00fd5a2">
14880        
14881        <div class="calltoaction__background">
14882            <a id="calltoaction-eac00fd5a2" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/rousse-auburn%20/la-tendance-coloration-rouge-cerise-et-ses-reflets-intenses.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/la-tendance-coloration-rouge-cerise-et-ses-reflets-intenses.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/redhair/la-tendance-coloration-rouge-cerise-et-ses-reflets-intenses.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
14883                
14884                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
14885            </a>
14886            
14887        </div>
14888        
14889
14890    </div>
14891    
14892
14893      
14894    
14895
14896      
14897    
14898
14899
14900</heliux-calltoaction>
14901
14902    
14903
14904</div>
14905
14906
14907</heliux-section>
14908
14909    
14910
14911</div>
14912
14913
14914</heliux-section>
14915
14916    
14917</div>
14918
14919</div>
14920
14921        </li>
14922    
14923
14924    
14925    
14926
14927              </ul>
14928              
14929              
14930          
14931
14932          
14933
14934          
14935      
14936  </div>
14937
14938
14939    
14940
14941    
14942    
14943    
14944
14945</heliux-teaserlist-v2></heliux-teaserlist-v2>
14946<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
14947
14948
14949
14950
14951
14952
14953
14954
14955
14956
14957    
14958    
14959    
14960    <style type="text/css">
14961      #title-ac3561b044 {
14962          --scope-grid-area: 1 / 13
14963      }
14964    </style>
14965
14966
14967
14968
14969
14970
14971    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-ac3561b044" data-type="h1">
14972        
14973        
14974        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Choisir une coloration</h1>
14975    </div>
14976
14977
14978
14979
14980    
14981
14982
14983
14984</heliux-text>
14985<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
14986    
14987    
14988
14989    
14990
14991    
14992
14993    
14994    
14995
14996    
14997
14998    
14999
15000  
15001
15002  <div id="teaserlist-523fce4151" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_981080786&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:8,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
15003      <style>
15004          #teaserlist-523fce4151 {
15005          --teaserlist-xxs-columns: 1;
15006          --teaserlist-xs-s-columns: 2;
15007          --teaserlist-m-l-columns: 3;
15008          --teaserlist-xl-xxl-columns: 3;
15009          }
15010      </style>
15011
15012      
15013    
15014
15015
15016      
15017
15018      
15019          
15020          
15021              <ul class="teaserlist__items atomic--target
15022                teaserlist__items--loadMore
15023                
15024                ">
15025                  
15026    
15027
15028    
15029
15030    
15031        
15032        <li class="teaserlist__item ">
15033            
15034            <a class="teaserlist__item-link" title="Quelle couleur de cheveux pour les femmes de 60 ans et plus ?" href="/articles/coloration/choisir-une-coloration/couleur-c
15034heveux-femme-60-ans.html" target="_self">
15035            </a>
15036            <div class="xf-content-height">
15037 
15038
15039
15040<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
15041    
15042    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
15043
15044
15045
15046
15047
15048
15049
15050
15051    
15052    
15053
15054    
15055    <div class="gradient__background section_1626772440950" id="background_section-6c97c384b4"></div>
15056
15057
15058
15059
15060
15061<div class="section__img
15062  section_1626772440950
15063  
15064  
15065  ">
15066    
15067</div>
15068
15069
15070
15071    
15072    
15073    
15074    <style type="text/css">
15075      #section-6c97c384b4 {
15076          --scope-grid-area: 1 / 13
15077      }
15078    </style>
15079
15080
15081
15082<div id="section-6c97c384b4" class="section__content content limited-container section_1626772440950  ">
15083    
15084    
15085    
15086    
15087    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
15088
15089
15090
15091
15092
15093
15094
15095
15096
15097
15098
15099    <div id="image-f08eb8b287" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_1821159_Alexey_Kuzma_couleur_cheveux_apres_60_ans_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
15100
15101        
15102            
15103    
15104
15105            
15106                
15107                    
15108                        <picture class="image__imgPreview  image__imgPreview--lazy">
15109                            
15110
15111                            
15112
15113                            
15114                            
15115                                
15116                            
15117
15118                            
15119                            
15120                            
15121
15122
15123                            
15124                            <img decoding="async" elementtiming="image-f08eb8b287" alt="Quelle couleur de cheveux pour les femmes de 60 ans et plus ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
15125                        </picture>
15126
15127                        
15128                        
15129                    
15130                    
15131                    
15132                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_1821159_Alexey_Kuzma_couleur_cheveux_apres_60_ans_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_1821159_Alexey_Kuzma_couleur_cheveux_apres_60_ans_FR_1-1-ratio"/>
15133                
15134                
15135  
15136
15137            
15138            
15139  
15140
15141        
15142    </div>
15143
15144
15145
15146    
15147
15148
15149</heliux-image>
15150<heliux-section class="section container responsivegrid container-max-grid">
15151
15152
15153
15154
15155
15156
15157
15158
15159    
15160    
15161
15162    
15163    <div class="gradient__background customizations__section" id="background_section-1b2f13ce38"></div>
15164
15165
15166
15167
15168
15169<div class="section__img
15170  customizations__section
15171  
15172  
15173  ">
15174    
15175</div>
15176
15177
15178
15179    
15180    
15181    
15182    <style type="text/css">
15183      #section-1b2f13ce38 {
15184          --scope-grid-area: 1 / 13
15185      }
15186    </style>
15187
15188
15189
15190<div id="section-1b2f13ce38" class="section__content content limited-container customizations__section  ">
15191    
15192    
15193    
15194    
15195    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15196
15197
15198
15199
15200
15201
15202
15203
15204  
15205    
15206    
15207    <style type="text/css">
15208      #text-61aee76b8d {
15209          --scope-grid-area: 1 / 13
15210      }
15211    </style>
15212
15213
15214
15215
15216
15217
15218
15219
15220    
15221
15222
15223    
15224
15225
15226
15227
15228
15229
15230
15231    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-61aee76b8d" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
15232            "hoverMessage": "",
15233            "clickMessage": ""
15234        }' data-components-params-limittext='{
15235            "useModal": false, 
15236            "XFContentPath": ""
15237        }'>
15238        
15239            
15240                <p>Choisir une coloration</p>
15241
15242                
15243                
15244                
15245            
15246        
15247    </div>
15248
15249
15250
15251
15252
15253</heliux-text>
15254<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15255
15256
15257
15258
15259
15260
15261
15262
15263  
15264    
15265    
15266    <style type="text/css">
15267      #text-bbbf541bbf {
15268          --scope-grid-area: 1 / 13
15269      }
15270    </style>
15271
15272
15273
15274
15275
15276
15277  
15278  
15279    
15280
15281  
15282    
15283
15284
15285
15286
15287    
15288
15289
15290    
15291
15292
15293
15294
15295
15296
15297
15298    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-bbbf541bbf" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
15299            "hoverMessage": "",
15300            "clickMessage": ""
15301        }' data-components-params-limittext='{
15302            "useModal": false, 
15303            "XFContentPath": ""
15304        }'>
15305        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
15306            
15307                <h5><b>Quelle couleur de cheveux pour les femmes de 60 ans et plus ?</b></h5>
15308
15309                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
15310                    <span class="heliux-text__readMore-dots">...</span>
15311                    <span class="heliux-text__readMore-label"></span>
15312                </div>
15313                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
15314                    <span class="heliux-text__readLess-label"></span>
15315                </div>
15316                
15317            
15318        </div>
15319    </div>
15320
15321
15322
15323
15324
15325</heliux-text>
15326<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
15327
15328      
15329      
15330      
15331    
15332    
15333      
15334      
15335      
15336
15337      
15338      
15339      
15340      
15341      
15342    
15343    <div class="calltoaction__wrapper cta
15344            customizations__calltoaction
15345            calltoaction__linkclick
15346            " id="wrapper-calltoaction-7aa9ab972c">
15347        
15348        <div class="calltoaction__background">
15349            <a id="calltoaction-7aa9ab972c" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/couleur-cheveux-femme-60-ans.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-cheveux-femme-60-ans.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-cheveux-femme-60-ans.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
15350                
15351                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
15352            </a>
15353            
15354        </div>
15355        
15356
15357    </div>
15358    
15359
15360      
15361    
15362
15363      
15364    
15365
15366
15367</heliux-calltoaction>
15368
15369    
15370
15371</div>
15372
15373
15374</heliux-section>
15375
15376    
15377
15378</div>
15379
15380
15381</heliux-section>
15382
15383    
15384</div>
15385
15386</div>
15387
15388        </li>
15389    
15390        
15391        <li class="teaserlist__item ">
15392            
15393            <a class="teaserlist__item-link" title="Quelle coloration choisir ? Nos conseils | Schwarzkopf" href="/articles/coloration/choisir-une-coloration/couleur-cheveux-faite-pour-vous.html" target="_self">
15394            </a>
15395            <div class="xf-content-height">
15396 
15397
15398
15399<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
15400    
15401    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
15402
15403
15404
15405
15406
15407
15408
15409
15410    
15411    
15412
15413    
15414    <div class="gradient__background section_1626772440950" id="background_section-0ca06adc77"></div>
15415
15416
15417
15418
15419
15420<div class="section__img
15421  section_1626772440950
15422  
15423  
15424  ">
15425    
15426</div>
15427
15428
15429
15430    
15431    
15432    
15433    <style type="text/css">
15434      #section-0ca06adc77 {
15435          --scope-grid-area: 1 / 13
15436      }
15437    </style>
15438
15439
15440
15441<div id="section-0ca06adc77" class="section__content content limited-container section_1626772440950  ">
15442    
15443    
15444    
15445    
15446    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
15447
15448
15449
15450
15451
15452
15453
15454
15455
15456
15457
15458    <div id="image-a0ca755443" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
15459
15460        
15461            
15462    
15463
15464            
15465                
15466                    
15467                        <picture class="image__imgPreview  image__imgPreview--lazy">
15468                            
15469
15470                            
15471
15472                            
15473                            
15474                                
15475                            
15476
15477                            
15478                            
15479                            
15480
15481
15482                            
15483                            <img decoding="async" elementtiming="image-a0ca755443" alt="Quelle coloration choisir ? Nos conseils | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
15484                        </picture>
15485
15486                        
15487                        
15488                    
15489                    
15490                    
15491                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio" c
15491ontent="https://dm.henkel-dam.com/is/image/henkel/200818_SCHWARZKOPF_BLONDE_Motiv_06_059_V2_1-1-ratio"/>
15492                
15493                
15494  
15495
15496            
15497            
15498  
15499
15500        
15501    </div>
15502
15503
15504
15505    
15506
15507
15508</heliux-image>
15509<heliux-section class="section container responsivegrid container-max-grid">
15510
15511
15512
15513
15514
15515
15516
15517
15518    
15519    
15520
15521    
15522    <div class="gradient__background customizations__section" id="background_section-eae18f4785"></div>
15523
15524
15525
15526
15527
15528<div class="section__img
15529  customizations__section
15530  
15531  
15532  ">
15533    
15534</div>
15535
15536
15537
15538    
15539    
15540    
15541    <style type="text/css">
15542      #section-eae18f4785 {
15543          --scope-grid-area: 1 / 13
15544      }
15545    </style>
15546
15547
15548
15549<div id="section-eae18f4785" class="section__content content limited-container customizations__section  ">
15550    
15551    
15552    
15553    
15554    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15555
15556
15557
15558
15559
15560
15561
15562
15563  
15564    
15565    
15566    <style type="text/css">
15567      #text-b9d4b424f6 {
15568          --scope-grid-area: 1 / 13
15569      }
15570    </style>
15571
15572
15573
15574
15575
15576
15577
15578
15579    
15580
15581
15582    
15583
15584
15585
15586
15587
15588
15589
15590    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-b9d4b424f6" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
15591            "hoverMessage": "",
15592            "clickMessage": ""
15593        }' data-components-params-limittext='{
15594            "useModal": false, 
15595            "XFContentPath": ""
15596        }'>
15597        
15598            
15599                <p>Choisir une coloration</p>
15600
15601                
15602                
15603                
15604            
15605        
15606    </div>
15607
15608
15609
15610
15611
15612</heliux-text>
15613<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15614
15615
15616
15617
15618
15619
15620
15621
15622  
15623    
15624    
15625    <style type="text/css">
15626      #text-08bddfb51c {
15627          --scope-grid-area: 1 / 13
15628      }
15629    </style>
15630
15631
15632
15633
15634
15635
15636  
15637  
15638    
15639
15640  
15641    
15642
15643
15644
15645
15646    
15647
15648
15649    
15650
15651
15652
15653
15654
15655
15656
15657    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-08bddfb51c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
15658            "hoverMessage": "",
15659            "clickMessage": ""
15660        }' data-components-params-limittext='{
15661            "useModal": false, 
15662            "XFContentPath": ""
15663        }'>
15664        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
15665            
15666                <h5><b>Quelle coloration choisir ? Nos conseils | Schwarzkopf</b></h5>
15667
15668                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
15669                    <span class="heliux-text__readMore-dots">...</span>
15670                    <span class="heliux-text__readMore-label"></span>
15671                </div>
15672                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
15673                    <span class="heliux-text__readLess-label"></span>
15674                </div>
15675                
15676            
15677        </div>
15678    </div>
15679
15680
15681
15682
15683
15684</heliux-text>
15685<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
15686
15687      
15688      
15689      
15690    
15691    
15692      
15693      
15694      
15695
15696      
15697      
15698      
15699      
15700      
15701    
15702    <div class="calltoaction__wrapper cta
15703            customizations__calltoaction
15704            calltoaction__linkclick
15705            " id="wrapper-calltoaction-b9bd4ac47e">
15706        
15707        <div class="calltoaction__background">
15708            <a id="calltoaction-b9bd4ac47e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/couleur-cheveux-faite-pour-vous.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-c
15708heveux-faite-pour-vous.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/couleur-cheveux-faite-pour-vous.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
15709                
15710                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
15711            </a>
15712            
15713        </div>
15714        
15715
15716    </div>
15717    
15718
15719      
15720    
15721
15722      
15723    
15724
15725
15726</heliux-calltoaction>
15727
15728    
15729
15730</div>
15731
15732
15733</heliux-section>
15734
15735    
15736
15737</div>
15738
15739
15740</heliux-section>
15741
15742    
15743</div>
15744
15745</div>
15746
15747        </li>
15748    
15749        
15750        <li class="teaserlist__item ">
15751            
15752            <a class="teaserlist__item-link" title="Conseils coloration pour cheveux gris" href="/articles/coloration/choisir-une-coloration/coloration-anti-age.html" target="_self">
15753            </a>
15754            <div class="xf-content-height">
15755 
15756
15757
15758<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
15759    
15760    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
15761
15762
15763
15764
15765
15766
15767
15768
15769    
15770    
15771
15772    
15773    <div class="gradient__background section_1626772440950" id="background_section-4bb25c1353"></div>
15774
15775
15776
15777
15778
15779<div class="section__img
15780  section_1626772440950
15781  
15782  
15783  ">
15784    
15785</div>
15786
15787
15788
15789    
15790    
15791    
15792    <style type="text/css">
15793      #section-4bb25c1353 {
15794          --scope-grid-area: 1 / 13
15795      }
15796    </style>
15797
15798
15799
15800<div id="section-4bb25c1353" class="section__content content limited-container section_1626772440950  ">
15801    
15802    
15803    
15804    
15805    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
15806
15807
15808
15809
15810
15811
15812
15813
15814
15815
15816
15817    <div id="image-99f1e65ac3" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/michelle_pfeiffer_de_trois_quart_en_blonde-wcms-fr1_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
15818
15819        
15820            
15821    
15822
15823            
15824                
15825                    
15826                        <picture class="image__imgPreview  image__imgPreview--lazy">
15827                            
15828
15829                            
15830
15831                            
15832                            
15833                                
15834                            
15835
15836                            
15837                            
15838                            
15839
15840
15841                            
15842                            <img decoding="async" elementtiming="image-99f1e65ac3" alt="Conseils coloration pour cheveux gris" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
15843                        </picture>
15844
15845                        
15846                        
15847                    
15848                    
15849                    
15850                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/michelle_pfeiffer_de_trois_quart_en_blonde-wcms-fr1_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/michelle_pfeiffer_de_trois_quart_en_blonde-wcms-fr1_1-1-ratio"/>
15851                
15852                
15853  
15854
15855            
15856            
15857  
15858
15859        
15860    </div>
15861
15862
15863
15864    
15865
15866
15867</heliux-image>
15868<heliux-section class="section container responsivegrid container-max-grid">
15869
15870
15871
15872
15873
15874
15875
15876
15877    
15878    
15879
15880    
15881    <div class="gradient__background customizations__section" id="background_section-e7b4c1a5e6"></div>
15882
15883
15884
15885
15886
15887<div class="section__img
15888  customizations__section
15889  
15890  
15891  ">
15892    
15893</div>
15894
15895
15896
15897    
15898    
15899    
15900    <style type="text/css">
15901      #section-e7b4c1a5e6 {
15902          --scope-grid-area: 1 / 13
15903      }
15904    </style>
15905
15906
15907
15908<div id="section-e7b4c1a5e6" class="section__content content limited-container customizations__section  ">
15909    
15910    
15911    
15912    
15913    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15914
15915
15916
15917
15918
15919
15920
15921
15922  
15923    
15924    
15925    <style type="text/css">
15926      #text-62e96b3110 {
15927          --scope-grid-area: 1 / 13
15928      }
15929    </style>
15930
15931
15932
15933
15934
15935
15936
15937
15938    
15939
15940
15941    
15942
15943
15944
15945
15946
15947
15948
15949    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-62e96b3110" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
15950            "hoverMessage": "",
15951            "clickMessage": ""
15952        }' data-components-params-limittext='{
15953            "useModal": false, 
15954            "XFContentPath": ""
15955        }'>
15956        
15957            
15958                <p>Choisir une coloration</p>
15959
15960                
15961                
15962                
15963            
15964        
15965    </div>
15966
15967
15968
15969
15970
15971</heliux-text>
15972<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
15973
15974
15975
15976
15977
15978
15979
15980
15981  
15982    
15983    
15984    <style type="text/css">
15985      #text-8d0db4f4d8 {
15986          --scope-grid-area: 1 / 13
15987      }
15988    </style>
15989
15990
15991
15992
15993
15994
15995  
15996  
15997    
15998
15999  
16000    
16001
16002
16003
16004
16005    
16006
16007
16008    
16009
16010
16011
16012
16013
16014
16015
16016    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-8d0db4f4d8" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
16017            "hoverMessage": "",
16018            "clickMessage": ""
16019        }' data-components-params-limittext='{
16020            "useModal": false, 
16021            "XFContentPath": ""
16022        }'>
16023        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
16024            
16025                <h5><b>Conseils coloration pour cheveux gris</b></h5>
16026
16027                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
16028                    <span class="heliux-text__readMore-dots">...</span>
16029                    <span class="heliux-text__readMore-label"></span>
16030                </div>
16031                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
16032                    <span class="heliux-text__readLess-label"></span>
16033                </div>
16034                
16035            
16036        </div>
16037    </div>
16038
16039
16040
16041
16042
16043</heliux-text>
16044<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
16045
16046      
16047      
16048      
16049    
16050    
16051      
16052      
16053      
16054
16055      
16056      
16057      
16058      
16059      
16060    
16061    <div class="calltoaction__wrapper cta
16062            customizations__calltoaction
16063            calltoaction__linkclick
16064            " id="wrapper-calltoaction-de36a5ec1c">
16065        
16066        <div class="calltoaction__background">
16067            <a id="calltoaction-de36a5ec1c" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/coloration-anti-age.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/coloration-anti-age.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/coloration-anti-age.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
16068                
16069                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
16070            </a>
16071            
16072        </div>
16073        
16074
16075    </div>
16076    
16077
16078      
16079    
16080
16081      
16082    
16083
16084
16085</heliux-calltoaction>
16086
16087    
16088
16089</div>
16090
16091
16092</heliux-section>
16093
16094    
16095
16096</div>
16097
16098
16099</heliux-section>
16100
16101    
16102</div>
16103
16104</div>
16105
16106        </li>
16107    
16108        
16109        <li class="teaserlist__item ">
16110            
16111            <a class="teaserlist__item-link" title="Tester une couleur de cheveux : toutes les options" href="/articles/coloration/choisir-une-coloration/tester-couleur-de-cheveux.html" target="_self">
16112            </a>
16113            <div class="xf-content-height">
16114 
16115
16116
16117<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
16118    
16119    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
16120
16121
16122
16123
16124
16125
16126
16127
16128    
16129    
16130
16131    
16132    <div class="gradient__background section_1626772440950" id="background_section-20211f96f5"></div>
16133
16134
16135
16136
16137
16138<div class="section__img
16139  section_1626772440950
16140  
16141  
16142  ">
16143    
16144</div>
16145
16146
16147
16148    
16149    
16150    
16151    <style type="text/css">
16152      #section-20211f96f5 {
16153          --scope-grid-area: 1 / 13
16154      }
16155    </style>
16156
16157
16158
16159<div id="section-20211f96f5" class="section__content content limited-container section_1626772440950  ">
16160    
16161    
16162    
16163    
16164    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
16165
16166
16167
16168
16169
16170
16171
16172
16173
16174
16175
16176    <div id="image-8d4f261aed" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_gelbstich-in-blondem-ha
16176ar-wcms-de_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
16177
16178        
16179            
16180    
16181
16182            
16183                
16184                    
16185                        <picture class="image__imgPreview  image__imgPreview--lazy">
16186                            
16187
16188                            
16189
16190                            
16191                            
16192                                
16193                            
16194
16195                            
16196                            
16197                            
16198
16199
16200                            
16201                            <img decoding="async" elementtiming="image-8d4f261aed" alt="Tester une couleur de cheveux : toutes les options" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
16202                        </picture>
16203
16204                        
16205                        
16206                    
16207                    
16208                    
16209                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_gelbstich-in-blondem-haar-wcms-de_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_gelbstich-in-blondem-haar-wcms-de_1-1-ratio"/>
16210                
16211                
16212  
16213
16214            
16215            
16216  
16217
16218        
16219    </div>
16220
16221
16222
16223    
16224
16225
16226</heliux-image>
16227<heliux-section class="section container responsivegrid container-max-grid">
16228
16229
16230
16231
16232
16233
16234
16235
16236    
16237    
16238
16239    
16240    <div class="gradient__background customizations__section" id="background_section-414291ce64"></div>
16241
16242
16243
16244
16245
16246<div class="section__img
16247  customizations__section
16248  
16249  
16250  ">
16251    
16252</div>
16253
16254
16255
16256    
16257    
16258    
16259    <style type="text/css">
16260      #section-414291ce64 {
16261          --scope-grid-area: 1 / 13
16262      }
16263    </style>
16264
16265
16266
16267<div id="section-414291ce64" class="section__content content limited-container customizations__section  ">
16268    
16269    
16270    
16271    
16272    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
16273
16274
16275
16276
16277
16278
16279
16280
16281  
16282    
16283    
16284    <style type="text/css">
16285      #text-3d8f4f6049 {
16286          --scope-grid-area: 1 / 13
16287      }
16288    </style>
16289
16290
16291
16292
16293
16294
16295
16296
16297    
16298
16299
16300    
16301
16302
16303
16304
16305
16306
16307
16308    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-3d8f4f6049" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
16309            "hoverMessage": "",
16310            "clickMessage": ""
16311        }' data-components-params-limittext='{
16312            "useModal": false, 
16313            "XFContentPath": ""
16314        }'>
16315        
16316            
16317                <p>Choisir une coloration</p>
16318
16319                
16320                
16321                
16322            
16323        
16324    </div>
16325
16326
16327
16328
16329
16330</heliux-text>
16331<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
16332
16333
16334
16335
16336
16337
16338
16339
16340  
16341    
16342    
16343    <style type="text/css">
16344      #text-17afd5d2d7 {
16345          --scope-grid-area: 1 / 13
16346      }
16347    </style>
16348
16349
16350
16351
16352
16353
16354  
16355  
16356    
16357
16358  
16359    
16360
16361
16362
16363
16364    
16365
16366
16367    
16368
16369
16370
16371
16372
16373
16374
16375    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-17afd5d2d7" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
16376            "hoverMessage": "",
16377            "clickMessage": ""
16378        }' data-components-params-limittext='{
16379            "useModal": false, 
16380            "XFContentPath": ""
16381        }'>
16382        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
16383            
16384                <h5><b>Tester une couleur de cheveux : toutes les options</b></h5>
16385
16386                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
16387                    <span class="heliux-text__readMore-dots">...</span>
16388                    <span class="heliux-text__readMore-label"></span>
16389                </div>
16390                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
16391                    <span class="heliux-text__readLess-label"></span>
16392                </div>
16393                
16394            
16395        </div>
16396    </div>
16397
16398
16399
16400
16401
16402</heliux-text>
16403<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
16404
16405      
16406      
16407      
16408    
16409    
16410      
16411      
16412      
16413
16414      
16415      
16416      
16417      
16418      
16419    
16420    <div class="calltoaction__wrapper cta
16421            customizations__calltoaction
16422            calltoaction__linkclick
16423            " id="wrapper-calltoaction-21cdd107d7">
16424        
16425        <div class="calltoaction__background">
16426            <a id="calltoaction-21cdd107d7" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/tester-couleur-de-cheveux.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/tester-couleur-de-cheveux.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/tester-couleur-de-cheveux.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
16427                
16428                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
16429            </a>
16430            
16431        </div>
16432        
16433
16434    </div>
16435    
16436
16437      
16438    
16439
16440      
16441    
16442
16443
16444</heliux-calltoaction>
16445
16446    
16447
16448</div>
16449
16450
16451</heliux-section>
16452
16453    
16454
16455</div>
16456
16457
16458</heliux-section>
16459
16460    
16461</div>
16462
16463</div>
16464
16465        </li>
16466    
16467        
16468        <li class="teaserlist__item ">
16469            
16470            <a class="teaserlist__item-link" title="Nuances chaudes : les couleurs de ce début de printemps" href="/articles/coloration/choisir-une-coloration/nuances-chaudes.html" target="_self">
16471            </a>
16472            <div class="xf-content-height">
16473 
16474
16475
16476<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
16477    
16478    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
16479
16480
16481
16482
16483
16484
16485
16486
16487    
16488    
16489
16490    
16491    <div class="gradient__background section_1626772440950" id="background_section-588ddeaa99"></div>
16492
16493
16494
16495
16496
16497<div class="section__img
16498  section_1626772440950
16499  
16500  
16501  ">
16502    
16503</div>
16504
16505
16506
16507    
16508    
16509    
16510    <style type="text/css">
16511      #section-588ddeaa99 {
16512          --scope-grid-area: 1 / 13
16513      }
16514    </style>
16515
16516
16517
16518<div id="section-588ddeaa99" class="section__content content limited-container section_1626772440950  ">
16519    
16520    
16521    
16522    
16523    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
16524
16525
16526
16527
16528
16529
16530
16531
16532
16533
16534
16535    <div id="image-ca4aededdd" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/mannequin_rousse_nuances_chaudes-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
16536
16537        
16538            
16539    
16540
16541            
16542                
16543                    
16544                        <picture class="image__imgPreview  image__imgPreview--lazy">
16545                            
16546
16547                            
16548
16549                            
16550                            
16551                                
16552                            
16553
16554                            
16555                            
16556                            
16557
16558
16559                            
16560                            <img decoding="async" elementtiming="image-ca4aededdd" alt="Nuances chaudes : les couleurs de ce début de printemps" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
16561                        </picture>
16562
16563                        
16564                        
16565                    
16566                    
16567                    
16568                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/mannequin_rousse_nuances_chaudes-wcms-fr_1-1-ratio" c
16568ontent="https://dm.henkel-dam.com/is/image/henkel/mannequin_rousse_nuances_chaudes-wcms-fr_1-1-ratio"/>
16569                
16570                
16571  
16572
16573            
16574            
16575  
16576
16577        
16578    </div>
16579
16580
16581
16582    
16583
16584
16585</heliux-image>
16586<heliux-section class="section container responsivegrid container-max-grid">
16587
16588
16589
16590
16591
16592
16593
16594
16595    
16596    
16597
16598    
16599    <div class="gradient__background customizations__section" id="background_section-d898f85d7e"></div>
16600
16601
16602
16603
16604
16605<div class="section__img
16606  customizations__section
16607  
16608  
16609  ">
16610    
16611</div>
16612
16613
16614
16615    
16616    
16617    
16618    <style type="text/css">
16619      #section-d898f85d7e {
16620          --scope-grid-area: 1 / 13
16621      }
16622    </style>
16623
16624
16625
16626<div id="section-d898f85d7e" class="section__content content limited-container customizations__section  ">
16627    
16628    
16629    
16630    
16631    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
16632
16633
16634
16635
16636
16637
16638
16639
16640  
16641    
16642    
16643    <style type="text/css">
16644      #text-85551930ef {
16645          --scope-grid-area: 1 / 13
16646      }
16647    </style>
16648
16649
16650
16651
16652
16653
16654
16655
16656    
16657
16658
16659    
16660
16661
16662
16663
16664
16665
16666
16667    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-85551930ef" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
16668            "hoverMessage": "",
16669            "clickMessage": ""
16670        }' data-components-params-limittext='{
16671            "useModal": false, 
16672            "XFContentPath": ""
16673        }'>
16674        
16675            
16676                <p>Choisir une coloration</p>
16677
16678                
16679                
16680                
16681            
16682        
16683    </div>
16684
16685
16686
16687
16688
16689</heliux-text>
16690<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
16691
16692
16693
16694
16695
16696
16697
16698
16699  
16700    
16701    
16702    <style type="text/css">
16703      #text-7881ac20b3 {
16704          --scope-grid-area: 1 / 13
16705      }
16706    </style>
16707
16708
16709
16710
16711
16712
16713  
16714  
16715    
16716
16717  
16718    
16719
16720
16721
16722
16723    
16724
16725
16726    
16727
16728
16729
16730
16731
16732
16733
16734    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-7881ac20b3" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
16735            "hoverMessage": "",
16736            "clickMessage": ""
16737        }' data-components-params-limittext='{
16738            "useModal": false, 
16739            "XFContentPath": ""
16740        }'>
16741        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
16742            
16743                <h5><b>Nuances chaudes : les couleurs de ce début de printemps</b></h5>
16744
16745                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
16746                    <span class="heliux-text__readMore-dots">...</span>
16747                    <span class="heliux-text__readMore-label"></span>
16748                </div>
16749                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
16750                    <span class="heliux-text__readLess-label"></span>
16751                </div>
16752                
16753            
16754        </div>
16755    </div>
16756
16757
16758
16759
16760
16761</heliux-text>
16762<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
16763
16764      
16765      
16766      
16767    
16768    
16769      
16770      
16771      
16772
16773      
16774      
16775      
16776      
16777      
16778    
16779    <div class="calltoaction__wrapper cta
16780            customizations__calltoaction
16781            calltoaction__linkclick
16782            " id="wrapper-calltoaction-5da1a1b13e">
16783        
16784        <div class="calltoaction__background">
16785            <a id="calltoaction-5da1a1b13e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/nuances-chaudes.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/nuances-chaudes.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/nuances-chaudes.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
16786                
16787                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
16788            </a>
16789            
16790        </div>
16791        
16792
16793    </div>
16794    
16795
16796      
16797    
16798
16799      
16800    
16801
16802
16803</heliux-calltoaction>
16804
16805    
16806
16807</div>
16808
16809
16810</heliux-section>
16811
16812    
16813
16814</div>
16815
16816
16817</heliux-section>
16818
16819    
16820</div>
16821
16822</div>
16823
16824        </li>
16825    
16826        
16827        <li class="teaserlist__item ">
16828            
16829            <a class="teaserlist__item-link" title="Quelle teinture de cheveux choisir ?" href="/articles/coloration/choisir-une-coloration/quelle-teinture-de-cheveux-pour-moi.html" target="_self">
16830            </a>
16831            <div class="xf-content-height">
16832 
16833
16834
16835<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
16836    
16837    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
16838
16839
16840
16841
16842
16843
16844
16845
16846    
16847    
16848
16849    
16850    <div class="gradient__background section_1626772440950" id="background_section-20289d8486"></div>
16851
16852
16853
16854
16855
16856<div class="section__img
16857  section_1626772440950
16858  
16859  
16860  ">
16861    
16862</div>
16863
16864
16865
16866    
16867    
16868    
16869    <style type="text/css">
16870      #section-20289d8486 {
16871          --scope-grid-area: 1 / 13
16872      }
16873    </style>
16874
16875
16876
16877<div id="section-20289d8486" class="section__content content limited-container section_1626772440950  ">
16878    
16879    
16880    
16881    
16882    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
16883
16884
16885
16886
16887
16888
16889
16890
16891
16892
16893
16894    <div id="image-eb6d2ec1d4" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_teinture_grise_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
16895
16896        
16897            
16898    
16899
16900            
16901                
16902                    
16903                        <picture class="image__imgPreview  image__imgPreview--lazy">
16904                            
16905
16906                            
16907
16908                            
16909                            
16910                                
16911                            
16912
16913                            
16914                            
16915                            
16916
16917
16918                            
16919                            <img decoding="async" elementtiming="image-eb6d2ec1d4" alt="Quelle teinture de cheveux choisir ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
16920                        </picture>
16921
16922                        
16923                        
16924                    
16925                    
16926                    
16927                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_teinture_grise_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_teinture_grise_FR_1-1-ratio"/>
16928                
16929                
16930  
16931
16932            
16933            
16934  
16935
16936        
16937    </div>
16938
16939
16940
16941    
16942
16943
16944</heliux-image>
16945<heliux-section class="section container responsivegrid container-max-grid">
16946
16947
16948
16949
16950
16951
16952
16953
16954    
16955    
16956
16957    
16958    <div class="gradient__background customizations__section" id="background_section-f65a8f0c7f"></div>
16959
16960
16961
16962
16963
16964<div class="section__img
16965  customizations__section
16966  
16967  
16968  ">
16969    
16970</div>
16971
16972
16973
16974    
16975    
16976    
16977    <style type="text/css">
16978      #section-f65a8f0c7f {
16979          --scope-grid-area: 1 / 13
16980      }
16981    </style>
16982
16983
16984
16985<div id="section-f65a8f0c7f" class="section__content content limited-container customizations__section  ">
16986    
16987    
16988    
16989    
16990    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
16991
16992
16993
16994
16995
16996
16997
16998
16999  
17000    
17001    
17002    <style type="text/css">
17003      #text-e342a17285 {
17004          --scope-grid-area: 1 / 13
17005      }
17006    </style>
17007
17008
17009
17010
17011
17012
17013
17014
17015    
17016
17017
17018    
17019
17020
17021
17022
17023
17024
17025
17026    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-e342a17285" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
17027            "hoverMessage": "",
17028            "clickMessage": ""
17029        }' data-components-params-limittext='{
17030            "useModal": false, 
17031            "XFContentPath": ""
17032        }'>
17033        
17034            
17035                <p>Choisir une coloration</p>
17036
17037                
17038                
17039                
17040            
17041        
17042    </div>
17043
17044
17045
17046
17047
17048</heliux-text>
17049<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
17050
17051
17052
17053
17054
17055
17056
17057
17058  
17059    
17060    
17061    <style type="text/css">
17062      #text-7d0e40baed {
17063          --scope-grid-area: 1 / 13
17064      }
17065    </style>
17066
17067
17068
17069
17070
17071
17072  
17073  
17074    
17075
17076  
17077    
17078
17079
17080
17081
17082    
17083
17084
17085    
17086
17087
17088
17089
17090
17091
17092
17093    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-7d0e40baed" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
17094            "hoverMessage": "",
17095            "clickMessage": ""
17096        }' data-components-params-limittext='{
17097            "useModal": false, 
17098            "XFContentPath": ""
17099        }'>
17100        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
17101            
17102                <h5><b>Quelle teinture de cheveux choisir ?</b></h5>
17103
17104                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
17105                    <span class="heliux-text__readMore-dots">...</span>
17106                    <span class="heliux-text__readMore-label"></span>
17107                </div>
17108                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
17109                    <span class="heliux-text__readLess-label"></span>
17110                </div>
17111                
17112            
17113        </div>
17114    </div>
17115
17116
17117
17118
17119
17120</heliux-text>
17121<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
17122
17123      
17124      
17125      
17126    
17127    
17128      
17129      
17130      
17131
17132      
17133      
17134      
17135      
17136      
17137    
17138    <div class="calltoaction__wrapper cta
17139            customizations__calltoaction
17140            calltoaction__linkclick
17141            " id="wrapper-calltoaction-5399f56181">
17142        
17143        <div class="calltoaction__background">
17144            <a id="calltoaction-5399f56181" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/choisir-une-coloration/quelle-teinture-de-cheveux-pour-moi.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/quelle-teinture-de-cheveux-pour-moi.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/whichhaircolor/quelle-teinture-de-cheveux-pour-moi.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
17145                
17146                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
17147            </a>
17148            
17149        </div>
17150        
17151
17152    </div>
17153    
17154
17155      
17156    
17157
17158      
17159    
17160
17161
17162</heliux-calltoaction>
17163
17164    
17165
17166</div>
17167
17168
17169</heliux-section>
17170
17171    
17172
17173</div>
17174
17175
17176</heliux-section>
17177
17178    
17179</div>
17180
17181</div>
17182
17183        </li>
17184    
17185
17186    
17187    
17188
17189              </ul>
17190              
17191  <heliux-calltoaction>
17192  
17193    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
17194  </heliux-calltoaction>
17195
17196              
17197          
17198
17199          
17200
17201          
17202      
17203  </div>
17204
17205
17206    
17207
17208    
17209    
17210    
17211
17212</heliux-teaserlist-v2></heliux-teaserlist-v2>
17213<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
17214
17215
17216
17217
17218
17219
17220
17221
17222
17223
17224    
17225    
17226    
17227    <style type="text/css">
17228      #title-c59b10ad7f {
17229          --scope-grid-area: 1 / 13
17230      }
17231    </style>
17232
17233
17234
17235
17236
17237
17238    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-c59b10ad7f" data-type="h1">
17239        
17240        
17241        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Eclaircissant</h1>
17242    </div>
17243
17244
17245
17246
17247    
17248
17249
17250
17251</heliux-text>
17252<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
17253    
17254    
17255
17256    
17257
17258    
17259
17260    
17261    
17262
17263    
17264
17265    
17266
17267  
17268
17269  <div id="teaserlist-6405c1fffa" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_732957469&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:2,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
17270      <style>
17271          #teaserlist-6405c1fffa {
17272          --teaserlist-xxs-columns: 1;
17273          --teaserlist-xs-s-columns: 2;
17274          --teaserlist-m-l-columns: 3;
17275          --teaserlist-xl-xxl-columns: 3;
17276          }
17277      </style>
17278
17279      
17280    
17281
17282
17283      
17284
17285      
17286          
17287          
17288              <ul class="teaserlist__items atomic--target
17289                
17290                
17291                ">
17292                  
17293    
17294
17295    
17296
17297    
17298        
17299        <li class="teaserlist__item ">
17300            
17301            <a class="teaserlist__item-link" title="Eclaircir les cheveux pour changer de look" href="/articles/coloration/eclaircissant/eclaicir-ses-cheveux.html" target="_self">
17302            </a>
17303            <div class="xf-content-height">
17304 
17305
17306
17307<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
17308    
17309    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
17310
17311
17312
17313
17314
17315
17316
17317
17318    
17319    
17320
17321    
17322    <div class="gradient__background section_1626772440950" id="background_section-72ad048acc"></div>
17323
17324
17325
17326
17327
17328<div class="section__img
17329  section_1626772440950
17330  
17331  
17332  ">
17333    
17334</div>
17335
17336
17337
17338    
17339    
17340    
17341    <style type="text/css">
17342      #section-72ad048acc {
17343          --scope-grid-area: 1 / 13
17344      }
17345    </style>
17346
17347
17348
17349<div id="section-72ad048acc" class="section__content content limited-container section_1626772440950  ">
17350    
17351    
17352    
17353    
17354    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
17355
17356
17357
17358
17359
17360
17361
17362
17363
17364
17365
17366    <div id="image-679839ea82" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/surfeuse_blonde_avec_chapeau_de_paille-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
17367
17368        
17369            
17370    
17371
17372            
17373                
17374                    
17375                        <picture class="image__imgPreview  image__imgPreview--lazy">
17376                            
17377
17378                            
17379
17380                            
17381                            
17382                                
17383                            
17384
17385                            
17386                            
17387                            
17388
17389
17390                            
17391                            <img decoding="async" elementtiming="image-679839ea82" alt="Eclaircir les cheveux pour changer de look" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
17392                        </picture>
17393
17394                        
17395                        
17396                    
17397                    
17398                    
17399                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/surfeuse_blonde_avec_chapeau_de_paille-wcms-fr_1-1-ratio" c
17399ontent="https://dm.henkel-dam.com/is/image/henkel/surfeuse_blonde_avec_chapeau_de_paille-wcms-fr_1-1-ratio"/>
17400                
17401                
17402  
17403
17404            
17405            
17406  
17407
17408        
17409    </div>
17410
17411
17412
17413    
17414
17415
17416</heliux-image>
17417<heliux-section class="section container responsivegrid container-max-grid">
17418
17419
17420
17421
17422
17423
17424
17425
17426    
17427    
17428
17429    
17430    <div class="gradient__background customizations__section" id="background_section-e526f34a42"></div>
17431
17432
17433
17434
17435
17436<div class="section__img
17437  customizations__section
17438  
17439  
17440  ">
17441    
17442</div>
17443
17444
17445
17446    
17447    
17448    
17449    <style type="text/css">
17450      #section-e526f34a42 {
17451          --scope-grid-area: 1 / 13
17452      }
17453    </style>
17454
17455
17456
17457<div id="section-e526f34a42" class="section__content content limited-container customizations__section  ">
17458    
17459    
17460    
17461    
17462    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
17463
17464
17465
17466
17467
17468
17469
17470
17471  
17472    
17473    
17474    <style type="text/css">
17475      #text-9e3afb73d7 {
17476          --scope-grid-area: 1 / 13
17477      }
17478    </style>
17479
17480
17481
17482
17483
17484
17485
17486
17487    
17488
17489
17490    
17491
17492
17493
17494
17495
17496
17497
17498    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-9e3afb73d7" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
17499            "hoverMessage": "",
17500            "clickMessage": ""
17501        }' data-components-params-limittext='{
17502            "useModal": false, 
17503            "XFContentPath": ""
17504        }'>
17505        
17506            
17507                <p>Eclaircissant</p>
17508
17509                
17510                
17511                
17512            
17513        
17514    </div>
17515
17516
17517
17518
17519
17520</heliux-text>
17521<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
17522
17523
17524
17525
17526
17527
17528
17529
17530  
17531    
17532    
17533    <style type="text/css">
17534      #text-7d6fde9e93 {
17535          --scope-grid-area: 1 / 13
17536      }
17537    </style>
17538
17539
17540
17541
17542
17543
17544  
17545  
17546    
17547
17548  
17549    
17550
17551
17552
17553
17554    
17555
17556
17557    
17558
17559
17560
17561
17562
17563
17564
17565    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-7d6fde9e93" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
17566            "hoverMessage": "",
17567            "clickMessage": ""
17568        }' data-components-params-limittext='{
17569            "useModal": false, 
17570            "XFContentPath": ""
17571        }'>
17572        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
17573            
17574                <h5><b>Eclaircir les cheveux pour changer de look</b></h5>
17575
17576                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
17577                    <span class="heliux-text__readMore-dots">...</span>
17578                    <span class="heliux-text__readMore-label"></span>
17579                </div>
17580                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
17581                    <span class="heliux-text__readLess-label"></span>
17582                </div>
17583                
17584            
17585        </div>
17586    </div>
17587
17588
17589
17590
17591
17592</heliux-text>
17593<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
17594
17595      
17596      
17597      
17598    
17599    
17600      
17601      
17602      
17603
17604      
17605      
17606      
17607      
17608      
17609    
17610    <div class="calltoaction__wrapper cta
17611            customizations__calltoaction
17612            calltoaction__linkclick
17613            " id="wrapper-calltoaction-b9c4c94c7c">
17614        
17615        <div class="calltoaction__background">
17616            <a id="calltoaction-b9c4c94c7c" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/eclaircissant/eclaicir-ses-cheveux.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaicir-ses-cheveux.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaicir-ses-cheveux.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
17617                
17618                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
17619            </a>
17620            
17621        </div>
17622        
17623
17624    </div>
17625    
17626
17627      
17628    
17629
17630      
17631    
17632
17633
17634</heliux-calltoaction>
17635
17636    
17637
17638</div>
17639
17640
17641</heliux-section>
17642
17643    
17644
17645</div>
17646
17647
17648</heliux-section>
17649
17650    
17651</div>
17652
17653</div>
17654
17655        </li>
17656    
17657        
17658        <li class="teaserlist__item ">
17659            
17660            <a class="teaserlist__item-link" title="Comment éclaircir ses cheveux naturellement : astuces et soins" href="/articles/coloration/eclaircissant/eclaircir-naturellement.html" target="_self">
17661            </a>
17662            <div class="xf-content-height">
17663 
17664
17665
17666<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
17667    
17668    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
17669
17670
17671
17672
17673
17674
17675
17676
17677    
17678    
17679
17680    
17681    <div class="gradient__background section_1626772440950" id="background_section-0cd9aa700b"></div>
17682
17683
17684
17685
17686
17687<div class="section__img
17688  section_1626772440950
17689  
17690  
17691  ">
17692    
17693</div>
17694
17695
17696
17697    
17698    
17699    
17700    <style type="text/css">
17701      #section-0cd9aa700b {
17702          --scope-grid-area: 1 / 13
17703      }
17704    </style>
17705
17706
17707
17708<div id="section-0cd9aa700b" class="section__content content limited-container section_1626772440950  ">
17709    
17710    
17711    
17712    
17713    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
17714
17715
17716
17717
17718
17719
17720
17721
17722
17723
17724
17725    <div id="image-84d21cec3a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
17726
17727        
17728            
17729    
17730
17731            
17732                
17733                    
17734                        <picture class="image__imgPreview  image__imgPreview--lazy">
17735                            
17736
17737                            
17738
17739                            
17740                            
17741                                
17742                            
17743
17744                            
17745                            
17746                            
17747
17748
17749                            
17750                            <img decoding="async" elementtiming="image-84d21cec3a" alt="Comment éclaircir ses cheveux naturellement : astuces et soins" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
17751                        </picture>
17752
17753                        
17754                        
17755                    
17756                    
17757                    
17758                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile" content="https://dm.henkel-dam.com/is/image/henkel/article-9_%C3%A9claircir-ses-cheveux-naturellement_mobile"/>
17759                
17760                
17761  
17762
17763            
17764            
17765  
17766
17767        
17768    </div>
17769
17770
17771
17772    
17773
17774
17775</heliux-image>
17776<heliux-section class="section container responsivegrid container-max-grid">
17777
17778
17779
17780
17781
17782
17783
17784
17785    
17786    
17787
17788    
17789    <div class="gradient__background customizations__section" id="background_section-e3cfb0feb8"></div>
17790
17791
17792
17793
17794
17795<div class="section__img
17796  customizations__section
17797  
17798  
17799  ">
17800    
17801</div>
17802
17803
17804
17805    
17806    
17807    
17808    <style type="text/css">
17809      #section-e3cfb0feb8 {
17810          --scope-grid-area: 1 / 13
17811      }
17812    </style>
17813
17814
17815
17816<div id="section-e3cfb0feb8" class="section__content content limited-container customizations__section  ">
17817    
17818    
17819    
17820    
17821    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
17822
17823
17824
17825
17826
17827
17828
17829
17830  
17831    
17832    
17833    <style type="text/css">
17834      #text-8721af2553 {
17835          --scope-grid-area: 1 / 13
17836      }
17837    </style>
17838
17839
17840
17841
17842
17843
17844
17845
17846    
17847
17848
17849    
17850
17851
17852
17853
17854
17855
17856
17857    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-8721af2553" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
17858            "hoverMessage": "",
17859            "clickMessage": ""
17860        }' data-components-params-limittext='{
17861            "useModal": false, 
17862            "XFContentPath": ""
17863        }'>
17864        
17865            
17866                <p>Eclaircissant</p>
17867
17868                
17869                
17870                
17871            
17872        
17873    </div>
17874
17875
17876
17877
17878
17879</heliux-text>
17880<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
17881
17882
17883
17884
17885
17886
17887
17888
17889  
17890    
17891    
17892    <style type="text/css">
17893      #text-ba37fe2486 {
17894          --scope-grid-area: 1 / 13
17895      }
17896    </style>
17897
17898
17899
17900
17901
17902
17903  
17904  
17905    
17906
17907  
17908    
17909
17910
17911
17912
17913    
17914
17915
17916    
17917
17918
17919
17920
17921
17922
17923
17924    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-ba37fe2486" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
17925            "hoverMessage": "",
17926            "clickMessage": ""
17927        }' data-components-params-limittext='{
17928            "useModal": false, 
17929            "XFContentPath": ""
17930        }'>
17931        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
17932            
17933                <h5><b>Comment éclaircir ses cheveux naturellement : astuces et soins</b></h5>
17934
17935                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
17936                    <span class="heliux-text__readMore-dots">...</span>
17937                    <span class="heliux-text__readMore-label"></span>
17938                </div>
17939                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
17940                    <span class="heliux-text__readLess-label"></span>
17941                </div>
17942                
17943            
17944        </div>
17945    </div>
17946
17947
17948
17949
17950
17951</heliux-text>
17952<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
17953
17954      
17955      
17956      
17957    
17958    
17959      
17960      
17961      
17962
17963      
17964      
17965      
17966      
17967      
17968    
17969    <div class="calltoaction__wrapper cta
17970            customizations__calltoaction
17971            calltoaction__linkclick
17972            " id="wrapper-calltoaction-a382ea9337">
17973        
17974        <div class="calltoaction__background">
17975            <a id="calltoaction-a382ea9337" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/eclaircissant/eclaircir-naturellement.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaircir-naturellement.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/lighten/eclaircir-naturellement.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
17976                
17977                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
17978            </a>
17979            
17980        </div>
17981        
17982
17983    </div>
17984    
17985
17986      
17987    
17988
17989      
17990    
17991
17992
17993</heliux-calltoaction>
17994
17995    
17996
17997</div>
17998
17999
18000</heliux-section>
18001
18002    
18003
18004</div>
18005
18006
18007</heliux-section>
18008
18009    
18010</div>
18011
18012</div>
18013
18014        </li>
18015    
18016
18017    
18018    
18019
18020              </ul>
18021              
18022              
18023          
18024
18025          
18026
18027          
18028      
18029  </div>
18030
18031
18032    
18033
18034    
18035    
18036    
18037
18038</heliux-teaserlist-v2></heliux-teaserlist-v2>
18039<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
18040
18041
18042
18043
18044
18045
18046
18047
18048
18049
18050    
18051    
18052    
18053    <style type="text/css">
18054      #title-d04bdc1815 {
18055          --scope-grid-area: 1 / 13
18056      }
18057    </style>
18058
18059
18060
18061
18062
18063
18064    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-d04bdc1815" data-type="h1">
18065        
18066        
18067        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Entretenir sa coloration</h1>
18068    </div>
18069
18070
18071
18072
18073    
18074
18075
18076
18077</heliux-text>
18078<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
18079    
18080    
18081
18082    
18083
18084    
18085
18086    
18087    
18088
18089    
18090
18091    
18092
18093  
18094
18095  <div id="teaserlist-f2731a62a0" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_262656401&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:4,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
18096      <style>
18097          #teaserlist-f2731a62a0 {
18098          --teaserlist-xxs-columns: 1;
18099          --teaserlist-xs-s-columns: 2;
18100          --teaserlist-m-l-columns: 3;
18101          --teaserlist-xl-xxl-columns: 3;
18102          }
18103      </style>
18104
18105      
18106    
18107
18108
18109      
18110
18111      
18112          
18113          
18114              <ul class="teaserlist__items atomic--target
18115                
18116                
18117                ">
18118                  
18119    
18120
18121    
18122
18123    
18124        
18125        <li class="teaserlist__item ">
18126            
18127            <a class="teaserlist__item-link" title="La patine pour cheveux : l’alliée des cheveux colorés" href="/articles/coloration/entretenir-sa-coloration/patine-cheveux.html" target="_self">
18128            </a>
18129            <div class="xf-content-height">
18130 
18131
18132
18133<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
18134    
18135    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
18136
18137
18138
18139
18140
18141
18142
18143
18144    
18145    
18146
18147    
18148    <div class="gradient__background section_1626772440950" id="background_section-fbb4b90e89"></div>
18149
18150
18151
18152
18153
18154<div class="section__img
18155  section_1626772440950
18156  
18157  
18158  ">
18159    
18160</div>
18161
18162
18163
18164    
18165    
18166    
18167    <style type="text/css">
18168      #section-fbb4b90e89 {
18169          --scope-grid-area: 1 / 13
18170      }
18171    </style>
18172
18173
18174
18175<div id="section-fbb4b90e89" class="section__content content limited-container section_1626772440950  ">
18176    
18177    
18178    
18179    
18180    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
18181
18182
18183
18184
18185
18186
18187
18188
18189
18190
18191
18192    <div id="image-c4e676fbfa" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_women-blond-wavy-hair-wcms-se1-mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
18193
18194        
18195            
18196    
18197
18198            
18199                
18200                    
18201                        <picture class="image__imgPreview  image__imgPreview--lazy">
18202                            
18203
18204                            
18205
18206                            
18207                            
18208                                
18209                            
18210
18211                            
18212                            
18213                            
18214
18215
18216                            
18217                            <img decoding="async" elementtiming="image-c4e676fbfa" alt="La patine pour cheveux : l’alliée des cheveux colorés" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
18218                        </picture>
18219
18220                        
18221                        
18222                    
18223                    
18224                    
18225                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_women-blond-wavy-hair-wcms-se1-mobile" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_women-blond-wavy-hair-wcms-se1-mobile"/>
18226                
18227                
18228  
18229
18230            
18231            
18232  
18233
18234        
18235    </div>
18236
18237
18238
18239    
18240
18241
18242</heliux-image>
18243<heliux-section class="section container responsivegrid container-max-grid">
18244
18245
18246
18247
18248
18249
18250
18251
18252    
18253    
18254
18255    
18256    <div class="gradient__background customizations__section" id="background_section-4443cf4564"></div>
18257
18258
18259
18260
18261
18262<div class="section__img
18263  customizations__section
18264  
18265  
18266  ">
18267    
18268</div>
18269
18270
18271
18272    
18273    
18274    
18275    <style type="text/css">
18276      #section-4443cf4564 {
18277          --scope-grid-area: 1 / 13
18278      }
18279    </style>
18280
18281
18282
18283<div id="section-4443cf4564" class="section__content content limited-container customizations__section  ">
18284    
18285    
18286    
18287    
18288    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
18289
18290
18291
18292
18293
18294
18295
18296
18297  
18298    
18299    
18300    <style type="text/css">
18301      #text-ddd6db37ce {
18302          --scope-grid-area: 1 / 13
18303      }
18304    </style>
18305
18306
18307
18308
18309
18310
18311
18312
18313    
18314
18315
18316    
18317
18318
18319
18320
18321
18322
18323
18324    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-ddd6db37ce" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
18325            "hoverMessage": "",
18326            "clickMessage": ""
18327        }' data-components-params-limittext='{
18328            "useModal": false, 
18329            "XFContentPath": ""
18330        }'>
18331        
18332            
18333                <p>Entretenir sa coloration</p>
18334
18335                
18336                
18337                
18338            
18339        
18340    </div>
18341
18342
18343
18344
18345
18346</heliux-text>
18347<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
18348
18349
18350
18351
18352
18353
18354
18355
18356  
18357    
18358    
18359    <style type="text/css">
18360      #text-cc7aeaf095 {
18361          --scope-grid-area: 1 / 13
18362      }
18363    </style>
18364
18365
18366
18367
18368
18369
18370  
18371  
18372    
18373
18374  
18375    
18376
18377
18378
18379
18380    
18381
18382
18383    
18384
18385
18386
18387
18388
18389
18390
18391    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-cc7aeaf095" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
18392            "hoverMessage": "",
18393            "clickMessage": ""
18394        }' data-components-params-limittext='{
18395            "useModal": false, 
18396            "XFContentPath": ""
18397        }'>
18398        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
18399            
18400                <h5><b>La patine pour cheveux : l’alliée des cheveux colorés</b></h5>
18401
18402                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
18403                    <span class="heliux-text__readMore-dots">...</span>
18404                    <span class="heliux-text__readMore-label"></span>
18405                </div>
18406                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
18407                    <span class="heliux-text__readLess-label"></span>
18408                </div>
18409                
18410            
18411        </div>
18412    </div>
18413
18414
18415
18416
18417
18418</heliux-text>
18419<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
18420
18421      
18422      
18423      
18424    
18425    
18426      
18427      
18428      
18429
18430      
18431      
18432      
18433      
18434      
18435    
18436    <div class="calltoaction__wrapper cta
18437            customizations__calltoaction
18438            calltoaction__linkclick
18439            " id="wrapper-calltoaction-2736355bf9">
18440        
18441        <div class="calltoaction__background">
18442            <a id="calltoaction-2736355bf9" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/entretenir-sa-coloration/patine-cheveux.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/patine-cheveux.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/patine-cheveux.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
18443                
18444                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
18445            </a>
18446            
18447        </div>
18448        
18449
18450    </div>
18451    
18452
18453      
18454    
18455
18456      
18457    
18458
18459
18460</heliux-calltoaction>
18461
18462    
18463
18464</div>
18465
18466
18467</heliux-section>
18468
18469    
18470
18471</div>
18472
18473
18474</heliux-section>
18475
18476    
18477</div>
18478
18479</div>
18480
18481        </li>
18482    
18483        
18484        <li class="teaserlist__item ">
18485            
18486            <a class="teaserlist__item-link" title="Le shampoing pour les brunes | Schwarzkopf" href="/articles/coloration/entretenir-sa-coloration/cheveux-bruns-eclatants.html" target="_self">
18487            </a>
18488            <div class="xf-content-height">
18489 
18490
18491
18492<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
18493    
18494    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
18495
18496
18497
18498
18499
18500
18501
18502
18503    
18504    
18505
18506    
18507    <div class="gradient__background section_1626772440950" id="background_section-0d570299f2"></div>
18508
18509
18510
18511
18512
18513<div class="section__img
18514  section_1626772440950
18515  
18516  
18517  ">
18518    
18519</div>
18520
18521
18522
18523    
18524    
18525    
18526    <style type="text/css">
18527      #section-0d570299f2 {
18528          --scope-grid-area: 1 / 13
18529      }
18530    </style>
18531
18532
18533
18534<div id="section-0d570299f2" class="section__content content limited-container section_1626772440950  ">
18535    
18536    
18537    
18538    
18539    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
18540
18541
18542
18543
18544
18545
18546
18547
18548
18549
18550
18551    <div id="image-52db6d653c" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_aux_cheveux_bruns_eclatants-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
18552
18553        
18554            
18555    
18556
18557            
18558                
18559                    
18560                        <picture class="image__imgPreview  image__imgPreview--lazy">
18561                            
18562
18563                            
18564
18565                            
18566                            
18567                                
18568                            
18569
18570                            
18571                            
18572                            
18573
18574
18575                            
18576                            <img decoding="async" elementtiming="image-52db6d653c" alt="Le shampoing pour les brunes | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
18577                        </picture>
18578
18579                        
18580                        
18581                    
18582                    
18583                    
18584                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_aux_cheveux_bruns_eclatants-wcms-fr_1-1-ratio" c
18584ontent="https://dm.henkel-dam.com/is/image/henkel/femme_aux_cheveux_bruns_eclatants-wcms-fr_1-1-ratio"/>
18585                
18586                
18587  
18588
18589            
18590            
18591  
18592
18593        
18594    </div>
18595
18596
18597
18598    
18599
18600
18601</heliux-image>
18602<heliux-section class="section container responsivegrid container-max-grid">
18603
18604
18605
18606
18607
18608
18609
18610
18611    
18612    
18613
18614    
18615    <div class="gradient__background customizations__section" id="background_section-c64f392561"></div>
18616
18617
18618
18619
18620
18621<div class="section__img
18622  customizations__section
18623  
18624  
18625  ">
18626    
18627</div>
18628
18629
18630
18631    
18632    
18633    
18634    <style type="text/css">
18635      #section-c64f392561 {
18636          --scope-grid-area: 1 / 13
18637      }
18638    </style>
18639
18640
18641
18642<div id="section-c64f392561" class="section__content content limited-container customizations__section  ">
18643    
18644    
18645    
18646    
18647    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
18648
18649
18650
18651
18652
18653
18654
18655
18656  
18657    
18658    
18659    <style type="text/css">
18660      #text-6b04ee0923 {
18661          --scope-grid-area: 1 / 13
18662      }
18663    </style>
18664
18665
18666
18667
18668
18669
18670
18671
18672    
18673
18674
18675    
18676
18677
18678
18679
18680
18681
18682
18683    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-6b04ee0923" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
18684            "hoverMessage": "",
18685            "clickMessage": ""
18686        }' data-components-params-limittext='{
18687            "useModal": false, 
18688            "XFContentPath": ""
18689        }'>
18690        
18691            
18692                <p>Entretenir sa coloration</p>
18693
18694                
18695                
18696                
18697            
18698        
18699    </div>
18700
18701
18702
18703
18704
18705</heliux-text>
18706<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
18707
18708
18709
18710
18711
18712
18713
18714
18715  
18716    
18717    
18718    <style type="text/css">
18719      #text-08b90ef9f4 {
18720          --scope-grid-area: 1 / 13
18721      }
18722    </style>
18723
18724
18725
18726
18727
18728
18729  
18730  
18731    
18732
18733  
18734    
18735
18736
18737
18738
18739    
18740
18741
18742    
18743
18744
18745
18746
18747
18748
18749
18750    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-08b90ef9f4" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
18751            "hoverMessage": "",
18752            "clickMessage": ""
18753        }' data-components-params-limittext='{
18754            "useModal": false, 
18755            "XFContentPath": ""
18756        }'>
18757        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
18758            
18759                <h5><b>Le shampoing pour les brunes | Schwarzkopf</b></h5>
18760
18761                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
18762                    <span class="heliux-text__readMore-dots">...</span>
18763                    <span class="heliux-text__readMore-label"></span>
18764                </div>
18765                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
18766                    <span class="heliux-text__readLess-label"></span>
18767                </div>
18768                
18769            
18770        </div>
18771    </div>
18772
18773
18774
18775
18776
18777</heliux-text>
18778<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
18779
18780      
18781      
18782      
18783    
18784    
18785      
18786      
18787      
18788
18789      
18790      
18791      
18792      
18793      
18794    
18795    <div class="calltoaction__wrapper cta
18796            customizations__calltoaction
18797            calltoaction__linkclick
18798            " id="wrapper-calltoaction-e58c85ed78">
18799        
18800        <div class="calltoaction__background">
18801            <a id="calltoaction-e58c85ed78" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/entretenir-sa-coloration/cheveux-bruns-eclatants.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/cheveux-bruns-eclatants.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/cheveux-bruns-eclatants.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
18802                
18803                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
18804            </a>
18805            
18806        </div>
18807        
18808
18809    </div>
18810    
18811
18812      
18813    
18814
18815      
18816    
18817
18818
18819</heliux-calltoaction>
18820
18821    
18822
18823</div>
18824
18825
18826</heliux-section>
18827
18828    
18829
18830</div>
18831
18832
18833</heliux-section>
18834
18835    
18836</div>
18837
18838</div>
18839
18840        </li>
18841    
18842        
18843        <li class="teaserlist__item ">
18844            
18845            <a class="teaserlist__item-link" title="Shampooing colorant : conseils d’utilisation" href="/articles/coloration/entretenir-sa-coloration/shampooing-colorant.html" target="_self">
18846            </a>
18847            <div class="xf-content-height">
18848 
18849
18850
18851<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
18852    
18853    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
18854
18855
18856
18857
18858
18859
18860
18861
18862    
18863    
18864
18865    
18866    <div class="gradient__background section_1626772440950" id="background_section-88d5a90700"></div>
18867
18868
18869
18870
18871
18872<div class="section__img
18873  section_1626772440950
18874  
18875  
18876  ">
18877    
18878</div>
18879
18880
18881
18882    
18883    
18884    
18885    <style type="text/css">
18886      #section-88d5a90700 {
18887          --scope-grid-area: 1 / 13
18888      }
18889    </style>
18890
18891
18892
18893<div id="section-88d5a90700" class="section__content content limited-container section_1626772440950  ">
18894    
18895    
18896    
18897    
18898    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
18899
18900
18901
18902
18903
18904
18905
18906
18907
18908
18909
18910    <div id="image-c9b0faccd4" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_GettyImages-615595706_shampooing_colorant_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
18911
18912        
18913            
18914    
18915
18916            
18917                
18918                    
18919                        <picture class="image__imgPreview  image__imgPreview--lazy">
18920                            
18921
18922                            
18923
18924                            
18925                            
18926                                
18927                            
18928
18929                            
18930                            
18931                            
18932
18933
18934                            
18935                            <img decoding="async" elementtiming="image-c9b0faccd4" alt="Shampooing colorant : conseils d’utilisation" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
18936                        </picture>
18937
18938                        
18939                        
18940                    
18941                    
18942                    
18943                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_GettyImages-615595706_shampooing_colorant_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_GettyImages-615595706_shampooing_colorant_FR_1-1-ratio"/>
18944                
18945                
18946  
18947
18948            
18949            
18950  
18951
18952        
18953    </div>
18954
18955
18956
18957    
18958
18959
18960</heliux-image>
18961<heliux-section class="section container responsivegrid container-max-grid">
18962
18963
18964
18965
18966
18967
18968
18969
18970    
18971    
18972
18973    
18974    <div class="gradient__background customizations__section" id="background_section-1d48d20096"></div>
18975
18976
18977
18978
18979
18980<div class="section__img
18981  customizations__section
18982  
18983  
18984  ">
18985    
18986</div>
18987
18988
18989
18990    
18991    
18992    
18993    <style type="text/css">
18994      #section-1d48d20096 {
18995          --scope-grid-area: 1 / 13
18996      }
18997    </style>
18998
18999
19000
19001<div id="section-1d48d20096" class="section__content content limited-container customizations__section  ">
19002    
19003    
19004    
19005    
19006    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19007
19008
19009
19010
19011
19012
19013
19014
19015  
19016    
19017    
19018    <style type="text/css">
19019      #text-7bb9a65330 {
19020          --scope-grid-area: 1 / 13
19021      }
19022    </style>
19023
19024
19025
19026
19027
19028
19029
19030
19031    
19032
19033
19034    
19035
19036
19037
19038
19039
19040
19041
19042    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-7bb9a65330" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
19043            "hoverMessage": "",
19044            "clickMessage": ""
19045        }' data-components-params-limittext='{
19046            "useModal": false, 
19047            "XFContentPath": ""
19048        }'>
19049        
19050            
19051                <p>Entretenir sa coloration</p>
19052
19053                
19054                
19055                
19056            
19057        
19058    </div>
19059
19060
19061
19062
19063
19064</heliux-text>
19065<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19066
19067
19068
19069
19070
19071
19072
19073
19074  
19075    
19076    
19077    <style type="text/css">
19078      #text-e9595566d2 {
19079          --scope-grid-area: 1 / 13
19080      }
19081    </style>
19082
19083
19084
19085
19086
19087
19088  
19089  
19090    
19091
19092  
19093    
19094
19095
19096
19097
19098    
19099
19100
19101    
19102
19103
19104
19105
19106
19107
19108
19109    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-e9595566d2" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
19110            "hoverMessage": "",
19111            "clickMessage": ""
19112        }' data-components-params-limittext='{
19113            "useModal": false, 
19114            "XFContentPath": ""
19115        }'>
19116        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
19117            
19118                <h5><b>Shampooing colorant : conseils d’utilisation</b></h5>
19119
19120                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
19121                    <span class="heliux-text__readMore-dots">...</span>
19122                    <span class="heliux-text__readMore-label"></span>
19123                </div>
19124                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
19125                    <span class="heliux-text__readLess-label"></span>
19126                </div>
19127                
19128            
19129        </div>
19130    </div>
19131
19132
19133
19134
19135
19136</heliux-text>
19137<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
19138
19139      
19140      
19141      
19142    
19143    
19144      
19145      
19146      
19147
19148      
19149      
19150      
19151      
19152      
19153    
19154    <div class="calltoaction__wrapper cta
19155            customizations__calltoaction
19156            calltoaction__linkclick
19157            " id="wrapper-calltoaction-a97025b15f">
19158        
19159        <div class="calltoaction__background">
19160            <a id="calltoaction-a97025b15f" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/entretenir-sa-coloration/shampooing-colorant.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/shampooing-colorant.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/shampooing-colorant.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
19161                
19162                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
19163            </a>
19164            
19165        </div>
19166        
19167
19168    </div>
19169    
19170
19171      
19172    
19173
19174      
19175    
19176
19177
19178</heliux-calltoaction>
19179
19180    
19181
19182</div>
19183
19184
19185</heliux-section>
19186
19187    
19188
19189</div>
19190
19191
19192</heliux-section>
19193
19194    
19195</div>
19196
19197</div>
19198
19199        </li>
19200    
19201        
19202        <li class="teaserlist__item ">
19203            
19204            <a class="teaserlist__item-link" title="Combien de temps entre deux colorations sans ammoniaque ?" href="/articles/coloration/entretenir-sa-coloration/combien-de-temps-entre-2-colorations-sans-ammoniaque.html" target="_self">
19205            </a>
19206            <div class="xf-content-height">
19207 
19208
19209
19210<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
19211    
19212    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
19213
19214
19215
19216
19217
19218
19219
19220
19221    
19222    
19223
19224    
19225    <div class="gradient__background section_1626772440950" id="background_section-51100cc7a1"></div>
19226
19227
19228
19229
19230
19231<div class="section__img
19232  section_1626772440950
19233  
19234  
19235  ">
19236    
19237</div>
19238
19239
19240
19241    
19242    
19243    
19244    <style type="text/css">
19245      #section-51100cc7a1 {
19246          --scope-grid-area: 1 / 13
19247      }
19248    </style>
19249
19250
19251
19252<div id="section-51100cc7a1" class="section__content content limited-container section_1626772440950  ">
19253    
19254    
19255    
19256    
19257    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
19258
19259
19260
19261
19262
19263
19264
19265
19266
19267
19268
19269    <div id="image-da53237dd1" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/article_3_hair-combien_de_temps_entre_2_colo_sans_ammoniaque-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
19270
19271        
19272            
19273    
19274
19275            
19276                
19277                    
19278                        <picture class="image__imgPreview  image__imgPreview--lazy">
19279                            
19280
19281                            
19282
19283                            
19284                            
19285                                
19286                            
19287
19288                            
19289                            
19290                            
19291
19292
19293                            
19294                            <img decoding="async" elementtiming="image-da53237dd1" alt="Combien de temps entre deux colorations sans ammoniaque ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
19295                        </picture>
19296
19297                        
19298                        
19299                    
19300                    
19301                    
19302                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/article_3_hair-combien_de_temps_entre_2_colo_sans_ammoniaque-fr_1-1-ratio" c
19302ontent="https://dm.henkel-dam.com/is/image/henkel/article_3_hair-combien_de_temps_entre_2_colo_sans_ammoniaque-fr_1-1-ratio"/>
19303                
19304                
19305  
19306
19307            
19308            
19309  
19310
19311        
19312    </div>
19313
19314
19315
19316    
19317
19318
19319</heliux-image>
19320<heliux-section class="section container responsivegrid container-max-grid">
19321
19322
19323
19324
19325
19326
19327
19328
19329    
19330    
19331
19332    
19333    <div class="gradient__background customizations__section" id="background_section-a3c75edbda"></div>
19334
19335
19336
19337
19338
19339<div class="section__img
19340  customizations__section
19341  
19342  
19343  ">
19344    
19345</div>
19346
19347
19348
19349    
19350    
19351    
19352    <style type="text/css">
19353      #section-a3c75edbda {
19354          --scope-grid-area: 1 / 13
19355      }
19356    </style>
19357
19358
19359
19360<div id="section-a3c75edbda" class="section__content content limited-container customizations__section  ">
19361    
19362    
19363    
19364    
19365    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19366
19367
19368
19369
19370
19371
19372
19373
19374  
19375    
19376    
19377    <style type="text/css">
19378      #text-28d9c01649 {
19379          --scope-grid-area: 1 / 13
19380      }
19381    </style>
19382
19383
19384
19385
19386
19387
19388
19389
19390    
19391
19392
19393    
19394
19395
19396
19397
19398
19399
19400
19401    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-28d9c01649" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
19402            "hoverMessage": "",
19403            "clickMessage": ""
19404        }' data-components-params-limittext='{
19405            "useModal": false, 
19406            "XFContentPath": ""
19407        }'>
19408        
19409            
19410                <p>Entretenir sa coloration</p>
19411
19412                
19413                
19414                
19415            
19416        
19417    </div>
19418
19419
19420
19421
19422
19423</heliux-text>
19424<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19425
19426
19427
19428
19429
19430
19431
19432
19433  
19434    
19435    
19436    <style type="text/css">
19437      #text-19fdb7349b {
19438          --scope-grid-area: 1 / 13
19439      }
19440    </style>
19441
19442
19443
19444
19445
19446
19447  
19448  
19449    
19450
19451  
19452    
19453
19454
19455
19456
19457    
19458
19459
19460    
19461
19462
19463
19464
19465
19466
19467
19468    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-19fdb7349b" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
19469            "hoverMessage": "",
19470            "clickMessage": ""
19471        }' data-components-params-limittext='{
19472            "useModal": false, 
19473            "XFContentPath": ""
19474        }'>
19475        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
19476            
19477                <h5><b>Combien de temps entre deux colorations sans ammoniaque ?</b></h5>
19478
19479                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
19480                    <span class="heliux-text__readMore-dots">...</span>
19481                    <span class="heliux-text__readMore-label"></span>
19482                </div>
19483                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
19484                    <span class="heliux-text__readLess-label"></span>
19485                </div>
19486                
19487            
19488        </div>
19489    </div>
19490
19491
19492
19493
19494
19495</heliux-text>
19496<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
19497
19498      
19499      
19500      
19501    
19502    
19503      
19504      
19505      
19506
19507      
19508      
19509      
19510      
19511      
19512    
19513    <div class="calltoaction__wrapper cta
19514            customizations__calltoaction
19515            calltoaction__linkclick
19516            " id="wrapper-calltoaction-cafd0f31ce">
19517        
19518        <div class="calltoaction__background">
19519            <a id="calltoaction-cafd0f31ce" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/entretenir-sa-coloration/combien-de-temps-entre-2-colorations-sans-ammoniaque.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/combien-de-temps-entre-2-colorations-sans-ammoniaque.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/brownhaircare/combien-de-temps-entre-2-colorations-sans-ammoniaque.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
19520                
19521                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
19522            </a>
19523            
19524        </div>
19525        
19526
19527    </div>
19528    
19529
19530      
19531    
19532
19533      
19534    
19535
19536
19537</heliux-calltoaction>
19538
19539    
19540
19541</div>
19542
19543
19544</heliux-section>
19545
19546    
19547
19548</div>
19549
19550
19551</heliux-section>
19552
19553    
19554</div>
19555
19556</div>
19557
19558        </li>
19559    
19560
19561    
19562    
19563
19564              </ul>
19565              
19566              
19567          
19568
19569          
19570
19571          
19572      
19573  </div>
19574
19575
19576    
19577
19578    
19579    
19580    
19581
19582</heliux-teaserlist-v2></heliux-teaserlist-v2>
19583<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
19584
19585
19586
19587
19588
19589
19590
19591
19592
19593
19594    
19595    
19596    
19597    <style type="text/css">
19598      #title-af1cacf515 {
19599          --scope-grid-area: 1 / 13
19600      }
19601    </style>
19602
19603
19604
19605
19606
19607
19608    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-af1cacf515" data-type="h1">
19609        
19610        
19611        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Le Bronde</h1>
19612    </div>
19613
19614
19615
19616
19617    
19618
19619
19620
19621</heliux-text>
19622<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
19623    
19624    
19625
19626    
19627
19628    
19629
19630    
19631    
19632
19633    
19634
19635    
19636
19637  
19638
19639  <div id="teaserlist-b707237ebd" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_341906377&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:2,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
19640      <style>
19641          #teaserlist-b707237ebd {
19642          --teaserlist-xxs-columns: 1;
19643          --teaserlist-xs-s-columns: 2;
19644          --teaserlist-m-l-columns: 3;
19645          --teaserlist-xl-xxl-columns: 3;
19646          }
19647      </style>
19648
19649      
19650    
19651
19652
19653      
19654
19655      
19656          
19657          
19658              <ul class="teaserlist__items atomic--target
19659                
19660                
19661                ">
19662                  
19663    
19664
19665    
19666
19667    
19668        
19669        <li class="teaserlist__item ">
19670            
19671            <a class="teaserlist__item-link" title="La couleur bronde nouvelle tendance | Schwarzkopf" href="/articles/coloration/le-bronde/couleur-bronde.html" target="_self">
19672            </a>
19673            <div class="xf-content-height">
19674 
19675
19676
19677<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
19678    
19679    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
19680
19681
19682
19683
19684
19685
19686
19687
19688    
19689    
19690
19691    
19692    <div class="gradient__background section_1626772440950" id="background_section-f0638e2da0"></div>
19693
19694
19695
19696
19697
19698<div class="section__img
19699  section_1626772440950
19700  
19701  
19702  ">
19703    
19704</div>
19705
19706
19707
19708    
19709    
19710    
19711    <style type="text/css">
19712      #section-f0638e2da0 {
19713          --scope-grid-area: 1 / 13
19714      }
19715    </style>
19716
19717
19718
19719<div id="section-f0638e2da0" class="section__content content limited-container section_1626772440950  ">
19720    
19721    
19722    
19723    
19724    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
19725
19726
19727
19728
19729
19730
19731
19732
19733
19734
19735
19736    <div id="image-4744d79219" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/mannequin-bronde-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
19737
19738        
19739            
19740    
19741
19742            
19743                
19744                    
19745                        <picture class="image__imgPreview  image__imgPreview--lazy">
19746                            
19747
19748                            
19749
19750                            
19751                            
19752                                
19753                            
19754
19755                            
19756                            
19757                            
19758
19759
19760                            
19761                            <img decoding="async" elementtiming="image-4744d79219" alt="La couleur bronde nouvelle tendance | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
19762                        </picture>
19763
19764                        
19765                        
19766                    
19767                    
19768                    
19769                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/mannequin-bronde-wcms-fr_1-1-ratio" c
19769ontent="https://dm.henkel-dam.com/is/image/henkel/mannequin-bronde-wcms-fr_1-1-ratio"/>
19770                
19771                
19772  
19773
19774            
19775            
19776  
19777
19778        
19779    </div>
19780
19781
19782
19783    
19784
19785
19786</heliux-image>
19787<heliux-section class="section container responsivegrid container-max-grid">
19788
19789
19790
19791
19792
19793
19794
19795
19796    
19797    
19798
19799    
19800    <div class="gradient__background customizations__section" id="background_section-86bd894d53"></div>
19801
19802
19803
19804
19805
19806<div class="section__img
19807  customizations__section
19808  
19809  
19810  ">
19811    
19812</div>
19813
19814
19815
19816    
19817    
19818    
19819    <style type="text/css">
19820      #section-86bd894d53 {
19821          --scope-grid-area: 1 / 13
19822      }
19823    </style>
19824
19825
19826
19827<div id="section-86bd894d53" class="section__content content limited-container customizations__section  ">
19828    
19829    
19830    
19831    
19832    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19833
19834
19835
19836
19837
19838
19839
19840
19841  
19842    
19843    
19844    <style type="text/css">
19845      #text-f390f24c1e {
19846          --scope-grid-area: 1 / 13
19847      }
19848    </style>
19849
19850
19851
19852
19853
19854
19855
19856
19857    
19858
19859
19860    
19861
19862
19863
19864
19865
19866
19867
19868    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-f390f24c1e" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
19869            "hoverMessage": "",
19870            "clickMessage": ""
19871        }' data-components-params-limittext='{
19872            "useModal": false, 
19873            "XFContentPath": ""
19874        }'>
19875        
19876            
19877                <p>Le Bronde</p>
19878
19879                
19880                
19881                
19882            
19883        
19884    </div>
19885
19886
19887
19888
19889
19890</heliux-text>
19891<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
19892
19893
19894
19895
19896
19897
19898
19899
19900  
19901    
19902    
19903    <style type="text/css">
19904      #text-e2c1c25a94 {
19905          --scope-grid-area: 1 / 13
19906      }
19907    </style>
19908
19909
19910
19911
19912
19913
19914  
19915  
19916    
19917
19918  
19919    
19920
19921
19922
19923
19924    
19925
19926
19927    
19928
19929
19930
19931
19932
19933
19934
19935    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-e2c1c25a94" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
19936            "hoverMessage": "",
19937            "clickMessage": ""
19938        }' data-components-params-limittext='{
19939            "useModal": false, 
19940            "XFContentPath": ""
19941        }'>
19942        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
19943            
19944                <h5><b>La couleur bronde nouvelle tendance | Schwarzkopf</b></h5>
19945
19946                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
19947                    <span class="heliux-text__readMore-dots">...</span>
19948                    <span class="heliux-text__readMore-label"></span>
19949                </div>
19950                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
19951                    <span class="heliux-text__readLess-label"></span>
19952                </div>
19953                
19954            
19955        </div>
19956    </div>
19957
19958
19959
19960
19961
19962</heliux-text>
19963<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
19964
19965      
19966      
19967      
19968    
19969    
19970      
19971      
19972      
19973
19974      
19975      
19976      
19977      
19978      
19979    
19980    <div class="calltoaction__wrapper cta
19981            customizations__calltoaction
19982            calltoaction__linkclick
19983            " id="wrapper-calltoaction-745456c9a4">
19984        
19985        <div class="calltoaction__background">
19986            <a id="calltoaction-745456c9a4" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/le-bronde/couleur-bronde.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/bronde/couleur-bronde.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/bronde/couleur-bronde.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
19987                
19988                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
19989            </a>
19990            
19991        </div>
19992        
19993
19994    </div>
19995    
19996
19997      
19998    
19999
20000      
20001    
20002
20003
20004</heliux-calltoaction>
20005
20006    
20007
20008</div>
20009
20010
20011</heliux-section>
20012
20013    
20014
20015</div>
20016
20017
20018</heliux-section>
20019
20020    
20021</div>
20022
20023</div>
20024
20025        </li>
20026    
20027        
20028        <li class="teaserlist__item ">
20029            
20030            <a class="teaserlist__item-link" title="Coloration bronde : 5 conseils de soin" href="/articles/coloration/le-bronde/coloration-bronde-soins.html" target="_self">
20031            </a>
20032            <div class="xf-content-height">
20033 
20034
20035
20036<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
20037    
20038    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
20039
20040
20041
20042
20043
20044
20045
20046
20047    
20048    
20049
20050    
20051    <div class="gradient__background section_1626772440950" id="background_section-106bf68e4d"></div>
20052
20053
20054
20055
20056
20057<div class="section__img
20058  section_1626772440950
20059  
20060  
20061  ">
20062    
20063</div>
20064
20065
20066
20067    
20068    
20069    
20070    <style type="text/css">
20071      #section-106bf68e4d {
20072          --scope-grid-area: 1 / 13
20073      }
20074    </style>
20075
20076
20077
20078<div id="section-106bf68e4d" class="section__content content limited-container section_1626772440950  ">
20079    
20080    
20081    
20082    
20083    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
20084
20085
20086
20087
20088
20089
20090
20091
20092
20093
20094
20095    <div id="image-a8ff01dcb6" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/melange-de-blond-et-brun-lumineux-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
20096
20097        
20098            
20099    
20100
20101            
20102                
20103                    
20104                        <picture class="image__imgPreview  image__imgPreview--lazy">
20105                            
20106
20107                            
20108
20109                            
20110                            
20111                                
20112                            
20113
20114                            
20115                            
20116                            
20117
20118
20119                            
20120                            <img decoding="async" elementtiming="image-a8ff01dcb6" alt="Coloration bronde : 5 conseils de soin" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
20121                        </picture>
20122
20123                        
20124                        
20125                    
20126                    
20127                    
20128                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/melange-de-blond-et-brun-lumineux-wcms-fr_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/melange-de-blond-et-brun-lumineux-wcms-fr_1-1-ratio"/>
20129                
20130                
20131  
20132
20133            
20134            
20135  
20136
20137        
20138    </div>
20139
20140
20141
20142    
20143
20144
20145</heliux-image>
20146<heliux-section class="section container responsivegrid container-max-grid">
20147
20148
20149
20150
20151
20152
20153
20154
20155    
20156    
20157
20158    
20159    <div class="gradient__background customizations__section" id="background_section-4d737c62d7"></div>
20160
20161
20162
20163
20164
20165<div class="section__img
20166  customizations__section
20167  
20168  
20169  ">
20170    
20171</div>
20172
20173
20174
20175    
20176    
20177    
20178    <style type="text/css">
20179      #section-4d737c62d7 {
20180          --scope-grid-area: 1 / 13
20181      }
20182    </style>
20183
20184
20185
20186<div id="section-4d737c62d7" class="section__content content limited-container customizations__section  ">
20187    
20188    
20189    
20190    
20191    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
20192
20193
20194
20195
20196
20197
20198
20199
20200  
20201    
20202    
20203    <style type="text/css">
20204      #text-6137c2263c {
20205          --scope-grid-area: 1 / 13
20206      }
20207    </style>
20208
20209
20210
20211
20212
20213
20214
20215
20216    
20217
20218
20219    
20220
20221
20222
20223
20224
20225
20226
20227    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-6137c2263c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
20228            "hoverMessage": "",
20229            "clickMessage": ""
20230        }' data-components-params-limittext='{
20231            "useModal": false, 
20232            "XFContentPath": ""
20233        }'>
20234        
20235            
20236                <p>Le Bronde</p>
20237
20238                
20239                
20240                
20241            
20242        
20243    </div>
20244
20245
20246
20247
20248
20249</heliux-text>
20250<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
20251
20252
20253
20254
20255
20256
20257
20258
20259  
20260    
20261    
20262    <style type="text/css">
20263      #text-dbe0243978 {
20264          --scope-grid-area: 1 / 13
20265      }
20266    </style>
20267
20268
20269
20270
20271
20272
20273  
20274  
20275    
20276
20277  
20278    
20279
20280
20281
20282
20283    
20284
20285
20286    
20287
20288
20289
20290
20291
20292
20293
20294    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-dbe0243978" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
20295            "hoverMessage": "",
20296            "clickMessage": ""
20297        }' data-components-params-limittext='{
20298            "useModal": false, 
20299            "XFContentPath": ""
20300        }'>
20301        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
20302            
20303                <h5><b>Coloration bronde : 5 conseils de soin</b></h5>
20304
20305                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
20306                    <span class="heliux-text__readMore-dots">...</span>
20307                    <span class="heliux-text__readMore-label"></span>
20308                </div>
20309                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
20310                    <span class="heliux-text__readLess-label"></span>
20311                </div>
20312                
20313            
20314        </div>
20315    </div>
20316
20317
20318
20319
20320
20321</heliux-text>
20322<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
20323
20324      
20325      
20326      
20327    
20328    
20329      
20330      
20331      
20332
20333      
20334      
20335      
20336      
20337      
20338    
20339    <div class="calltoaction__wrapper cta
20340            customizations__calltoaction
20341            calltoaction__linkclick
20342            " id="wrapper-calltoaction-0986cbd262">
20343        
20344        <div class="calltoaction__background">
20345            <a id="calltoaction-0986cbd262" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/le-bronde/coloration-bronde-soins.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/bronde/coloration-bronde-soins.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/bronde/coloration-bronde-soins.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
20346                
20347                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
20348            </a>
20349            
20350        </div>
20351        
20352
20353    </div>
20354    
20355
20356      
20357    
20358
20359      
20360    
20361
20362
20363</heliux-calltoaction>
20364
20365    
20366
20367</div>
20368
20369
20370</heliux-section>
20371
20372    
20373
20374</div>
20375
20376
20377</heliux-section>
20378
20379    
20380</div>
20381
20382</div>
20383
20384        </li>
20385    
20386
20387    
20388    
20389
20390              </ul>
20391              
20392              
20393          
20394
20395          
20396
20397          
20398      
20399  </div>
20400
20401
20402    
20403
20404    
20405    
20406    
20407
20408</heliux-teaserlist-v2></heliux-teaserlist-v2>
20409<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
20410
20411
20412
20413
20414
20415
20416
20417
20418
20419
20420    
20421    
20422    
20423    <style type="text/css">
20424      #title-a22782566a {
20425          --scope-grid-area: 1 / 13
20426      }
20427    </style>
20428
20429
20430
20431
20432
20433
20434    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-a22782566a" data-type="h1">
20435        
20436        
20437        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Le Pastel</h1>
20438    </div>
20439
20440
20441
20442
20443    
20444
20445
20446
20447</heliux-text>
20448<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
20449    
20450    
20451
20452    
20453
20454    
20455
20456    
20457    
20458
20459    
20460
20461    
20462
20463  
20464
20465  <div id="teaserlist-e3232176f9" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_755756348&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:2,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
20466      <style>
20467          #teaserlist-e3232176f9 {
20468          --teaserlist-xxs-columns: 1;
20469          --teaserlist-xs-s-columns: 2;
20470          --teaserlist-m-l-columns: 3;
20471          --teaserlist-xl-xxl-columns: 3;
20472          }
20473      </style>
20474
20475      
20476    
20477
20478
20479      
20480
20481      
20482          
20483          
20484              <ul class="teaserlist__items atomic--target
20485                
20486                
20487                ">
20488                  
20489    
20490
20491    
20492
20493    
20494        
20495        <li class="teaserlist__item ">
20496            
20497            <a class="teaserlist__item-link" title="Cheveux pastel : des couleurs douces et extravagantes" href="/articles/coloration/le-pastel/coloration-pastel.html" target="_self">
20498            </a>
20499            <div class="xf-content-height">
20500 
20501
20502
20503<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
20504    
20505    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
20506
20507
20508
20509
20510
20511
20512
20513
20514    
20515    
20516
20517    
20518    <div class="gradient__background section_1626772440950" id="background_section-b2590e63d8"></div>
20519
20520
20521
20522
20523
20524<div class="section__img
20525  section_1626772440950
20526  
20527  
20528  ">
20529    
20530</div>
20531
20532
20533
20534    
20535    
20536    
20537    <style type="text/css">
20538      #section-b2590e63d8 {
20539          --scope-grid-area: 1 / 13
20540      }
20541    </style>
20542
20543
20544
20545<div id="section-b2590e63d8" class="section__content content limited-container section_1626772440950  ">
20546    
20547    
20548    
20549    
20550    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
20551
20552
20553
20554
20555
20556
20557
20558
20559
20560
20561
20562    <div id="image-1225e34516" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/nicole_richie_cheveux_violets-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
20563
20564        
20565            
20566    
20567
20568            
20569                
20570                    
20571                        <picture class="image__imgPreview  image__imgPreview--lazy">
20572                            
20573
20574                            
20575
20576                            
20577                            
20578                                
20579                            
20580
20581                            
20582                            
20583                            
20584
20585
20586                            
20587                            <img decoding="async" elementtiming="image-1225e34516" alt="Cheveux pastel : des couleurs douces et extravagantes" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
20588                        </picture>
20589
20590                        
20591                        
20592                    
20593                    
20594                    
20595                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/nicole_richie_cheveux_violets-wcms-fr_1-1-ratio" c
20595ontent="https://dm.henkel-dam.com/is/image/henkel/nicole_richie_cheveux_violets-wcms-fr_1-1-ratio"/>
20596                
20597                
20598  
20599
20600            
20601            
20602  
20603
20604        
20605    </div>
20606
20607
20608
20609    
20610
20611
20612</heliux-image>
20613<heliux-section class="section container responsivegrid container-max-grid">
20614
20615
20616
20617
20618
20619
20620
20621
20622    
20623    
20624
20625    
20626    <div class="gradient__background customizations__section" id="background_section-08ed86b21a"></div>
20627
20628
20629
20630
20631
20632<div class="section__img
20633  customizations__section
20634  
20635  
20636  ">
20637    
20638</div>
20639
20640
20641
20642    
20643    
20644    
20645    <style type="text/css">
20646      #section-08ed86b21a {
20647          --scope-grid-area: 1 / 13
20648      }
20649    </style>
20650
20651
20652
20653<div id="section-08ed86b21a" class="section__content content limited-container customizations__section  ">
20654    
20655    
20656    
20657    
20658    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
20659
20660
20661
20662
20663
20664
20665
20666
20667  
20668    
20669    
20670    <style type="text/css">
20671      #text-e66392cd24 {
20672          --scope-grid-area: 1 / 13
20673      }
20674    </style>
20675
20676
20677
20678
20679
20680
20681
20682
20683    
20684
20685
20686    
20687
20688
20689
20690
20691
20692
20693
20694    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-e66392cd24" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
20695            "hoverMessage": "",
20696            "clickMessage": ""
20697        }' data-components-params-limittext='{
20698            "useModal": false, 
20699            "XFContentPath": ""
20700        }'>
20701        
20702            
20703                <p>Le Pastel</p>
20704
20705                
20706                
20707                
20708            
20709        
20710    </div>
20711
20712
20713
20714
20715
20716</heliux-text>
20717<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
20718
20719
20720
20721
20722
20723
20724
20725
20726  
20727    
20728    
20729    <style type="text/css">
20730      #text-29e2acebca {
20731          --scope-grid-area: 1 / 13
20732      }
20733    </style>
20734
20735
20736
20737
20738
20739
20740  
20741  
20742    
20743
20744  
20745    
20746
20747
20748
20749
20750    
20751
20752
20753    
20754
20755
20756
20757
20758
20759
20760
20761    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-29e2acebca" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
20762            "hoverMessage": "",
20763            "clickMessage": ""
20764        }' data-components-params-limittext='{
20765            "useModal": false, 
20766            "XFContentPath": ""
20767        }'>
20768        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
20769            
20770                <h5><b>Cheveux pastel : des couleurs douces et extravagantes</b></h5>
20771
20772                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
20773                    <span class="heliux-text__readMore-dots">...</span>
20774                    <span class="heliux-text__readMore-label"></span>
20775                </div>
20776                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
20777                    <span class="heliux-text__readLess-label"></span>
20778                </div>
20779                
20780            
20781        </div>
20782    </div>
20783
20784
20785
20786
20787
20788</heliux-text>
20789<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
20790
20791      
20792      
20793      
20794    
20795    
20796      
20797      
20798      
20799
20800      
20801      
20802      
20803      
20804      
20805    
20806    <div class="calltoaction__wrapper cta
20807            customizations__calltoaction
20808            calltoaction__linkclick
20809            " id="wrapper-calltoaction-c75abaa70e">
20810        
20811        <div class="calltoaction__background">
20812            <a id="calltoaction-c75abaa70e" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/le-pastel/coloration-pastel.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/haircolortrendpastel/coloration-pastel.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/haircolortrendpastel/coloration-pastel.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
20813                
20814                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
20815            </a>
20816            
20817        </div>
20818        
20819
20820    </div>
20821    
20822
20823      
20824    
20825
20826      
20827    
20828
20829
20830</heliux-calltoaction>
20831
20832    
20833
20834</div>
20835
20836
20837</heliux-section>
20838
20839    
20840
20841</div>
20842
20843
20844</heliux-section>
20845
20846    
20847</div>
20848
20849</div>
20850
20851        </li>
20852    
20853        
20854        <li class="teaserlist__item ">
20855            
20856            <a class="teaserlist__item-link" title="Cheveux lilas : on craque pour la couleur tendance 2019 !" href="/articles/coloration/le-pastel/cheveux-lilas.html" target="_self">
20857            </a>
20858            <div class="xf-content-height">
20859 
20860
20861
20862<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
20863    
20864    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
20865
20866
20867
20868
20869
20870
20871
20872
20873    
20874    
20875
20876    
20877    <div class="gradient__background section_1626772440950" id="background_section-d463540ddb"></div>
20878
20879
20880
20881
20882
20883<div class="section__img
20884  section_1626772440950
20885  
20886  
20887  ">
20888    
20889</div>
20890
20891
20892
20893    
20894    
20895    
20896    <style type="text/css">
20897      #section-d463540ddb {
20898          --scope-grid-area: 1 / 13
20899      }
20900    </style>
20901
20902
20903
20904<div id="section-d463540ddb" class="section__content content limited-container section_1626772440950  ">
20905    
20906    
20907    
20908    
20909    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
20910
20911
20912
20913
20914
20915
20916
20917
20918
20919
20920
20921    <div id="image-cfee7e1e72" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_Frau-mit-lila-Haaren-wcms-de_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
20922
20923        
20924            
20925    
20926
20927            
20928                
20929                    
20930                        <picture class="image__imgPreview  image__imgPreview--lazy">
20931                            
20932
20933                            
20934
20935                            
20936                            
20937                                
20938                            
20939
20940                            
20941                            
20942                            
20943
20944
20945                            
20946                            <img decoding="async" elementtiming="image-cfee7e1e72" alt="Cheveux lilas : on craque pour la couleur tendance 2019 !" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
20947                        </picture>
20948
20949                        
20950                        
20951                    
20952                    
20953                    
20954                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_Frau-mit-lila-Haaren-wcms-de_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_Frau-mit-lila-Haaren-wcms-de_1-1-ratio"/>
20955                
20956                
20957  
20958
20959            
20960            
20961  
20962
20963        
20964    </div>
20965
20966
20967
20968    
20969
20970
20971</heliux-image>
20972<heliux-section class="section container responsivegrid container-max-grid">
20973
20974
20975
20976
20977
20978
20979
20980
20981    
20982    
20983
20984    
20985    <div class="gradient__background customizations__section" id="background_section-004936c2ac"></div>
20986
20987
20988
20989
20990
20991<div class="section__img
20992  customizations__section
20993  
20994  
20995  ">
20996    
20997</div>
20998
20999
21000
21001    
21002    
21003    
21004    <style type="text/css">
21005      #section-004936c2ac {
21006          --scope-grid-area: 1 / 13
21007      }
21008    </style>
21009
21010
21011
21012<div id="section-004936c2ac" class="section__content content limited-container customizations__section  ">
21013    
21014    
21015    
21016    
21017    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21018
21019
21020
21021
21022
21023
21024
21025
21026  
21027    
21028    
21029    <style type="text/css">
21030      #text-3bc7271b3b {
21031          --scope-grid-area: 1 / 13
21032      }
21033    </style>
21034
21035
21036
21037
21038
21039
21040
21041
21042    
21043
21044
21045    
21046
21047
21048
21049
21050
21051
21052
21053    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-3bc7271b3b" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
21054            "hoverMessage": "",
21055            "clickMessage": ""
21056        }' data-components-params-limittext='{
21057            "useModal": false, 
21058            "XFContentPath": ""
21059        }'>
21060        
21061            
21062                <p>Le Pastel</p>
21063
21064                
21065                
21066                
21067            
21068        
21069    </div>
21070
21071
21072
21073
21074
21075</heliux-text>
21076<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21077
21078
21079
21080
21081
21082
21083
21084
21085  
21086    
21087    
21088    <style type="text/css">
21089      #text-db0a23288f {
21090          --scope-grid-area: 1 / 13
21091      }
21092    </style>
21093
21094
21095
21096
21097
21098
21099  
21100  
21101    
21102
21103  
21104    
21105
21106
21107
21108
21109    
21110
21111
21112    
21113
21114
21115
21116
21117
21118
21119
21120    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-db0a23288f" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
21121            "hoverMessage": "",
21122            "clickMessage": ""
21123        }' data-components-params-limittext='{
21124            "useModal": false, 
21125            "XFContentPath": ""
21126        }'>
21127        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
21128            
21129                <h5><b>Cheveux lilas : on craque pour la couleur tendance 2019 !</b></h5>
21130
21131                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
21132                    <span class="heliux-text__readMore-dots">...</span>
21133                    <span class="heliux-text__readMore-label"></span>
21134                </div>
21135                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
21136                    <span class="heliux-text__readLess-label"></span>
21137                </div>
21138                
21139            
21140        </div>
21141    </div>
21142
21143
21144
21145
21146
21147</heliux-text>
21148<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
21149
21150      
21151      
21152      
21153    
21154    
21155      
21156      
21157      
21158
21159      
21160      
21161      
21162      
21163      
21164    
21165    <div class="calltoaction__wrapper cta
21166            customizations__calltoaction
21167            calltoaction__linkclick
21168            " id="wrapper-calltoaction-71b3479a29">
21169        
21170        <div class="calltoaction__background">
21171            <a id="calltoaction-71b3479a29" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/le-pastel/cheveux-lilas.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/haircolortrendpastel/cheveux-lilas.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/haircolortrendpastel/cheveux-lilas.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
21172                
21173                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
21174            </a>
21175            
21176        </div>
21177        
21178
21179    </div>
21180    
21181
21182      
21183    
21184
21185      
21186    
21187
21188
21189</heliux-calltoaction>
21190
21191    
21192
21193</div>
21194
21195
21196</heliux-section>
21197
21198    
21199
21200</div>
21201
21202
21203</heliux-section>
21204
21205    
21206</div>
21207
21208</div>
21209
21210        </li>
21211    
21212
21213    
21214    
21215
21216              </ul>
21217              
21218              
21219          
21220
21221          
21222
21223          
21224      
21225  </div>
21226
21227
21228    
21229
21230    
21231    
21232    
21233
21234</heliux-teaserlist-v2></heliux-teaserlist-v2>
21235<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
21236
21237
21238
21239
21240
21241
21242
21243
21244
21245
21246    
21247    
21248    
21249    <style type="text/css">
21250      #title-f4dcc6ea9d {
21251          --scope-grid-area: 1 / 13
21252      }
21253    </style>
21254
21255
21256
21257
21258
21259
21260    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-f4dcc6ea9d" data-type="h1">
21261        
21262        
21263        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Balayage et Ombré</h1>
21264    </div>
21265
21266
21267
21268
21269    
21270
21271
21272
21273</heliux-text>
21274<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
21275    
21276    
21277
21278    
21279
21280    
21281
21282    
21283    
21284
21285    
21286
21287    
21288
21289  
21290
21291  <div id="teaserlist-2a33418d1a" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_946399740&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:10,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
21292      <style>
21293          #teaserlist-2a33418d1a {
21294          --teaserlist-xxs-columns: 1;
21295          --teaserlist-xs-s-columns: 2;
21296          --teaserlist-m-l-columns: 3;
21297          --teaserlist-xl-xxl-columns: 3;
21298          }
21299      </style>
21300
21301      
21302    
21303
21304
21305      
21306
21307      
21308          
21309          
21310              <ul class="teaserlist__items atomic--target
21311                teaserlist__items--loadMore
21312                
21313                ">
21314                  
21315    
21316
21317    
21318
21319    
21320        
21321        <li class="teaserlist__item ">
21322            
21323            <a class="teaserlist__item-link" title="Ombré hair : zoom sur un look intemporel " href="/articles/coloration/balayage-et-ombre/tendance-blog-ombre-hair.html" target="_self">
21324            </a>
21325            <div class="xf-content-height">
21326 
21327
21328
21329<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
21330    
21331    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
21332
21333
21334
21335
21336
21337
21338
21339
21340    
21341    
21342
21343    
21344    <div class="gradient__background section_1626772440950" id="background_section-dc1a76f555"></div>
21345
21346
21347
21348
21349
21350<div class="section__img
21351  section_1626772440950
21352  
21353  
21354  ">
21355    
21356</div>
21357
21358
21359
21360    
21361    
21362    
21363    <style type="text/css">
21364      #section-dc1a76f555 {
21365          --scope-grid-area: 1 / 13
21366      }
21367    </style>
21368
21369
21370
21371<div id="section-dc1a76f555" class="section__content content limited-container section_1626772440950  ">
21372    
21373    
21374    
21375    
21376    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
21377
21378
21379
21380
21381
21382
21383
21384
21385
21386
21387
21388    <div id="image-ab5ad0b799" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963_ombre-do-it-yourself-wcms-international_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
21389
21390        
21391            
21392    
21393
21394            
21395                
21396                    
21397                        <picture class="image__imgPreview  image__imgPreview--lazy">
21398                            
21399
21400                            
21401
21402                            
21403                            
21404                                
21405                            
21406
21407                            
21408                            
21409                            
21410
21411
21412                            
21413                            <img decoding="async" elementtiming="image-ab5ad0b799" alt="A la découverte de l’ombré hair" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
21414                        </picture>
21415
21416                        
21417                        
21418                    
21419                    
21420                    
21421                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963_ombre-do-it-yourself-wcms-international_1-1-ratio" c
21421ontent="https://dm.henkel-dam.com/is/image/henkel/2560x963_ombre-do-it-yourself-wcms-international_1-1-ratio"/>
21422                
21423                
21424  
21425
21426            
21427            
21428  
21429
21430        
21431    </div>
21432
21433
21434
21435    
21436
21437
21438</heliux-image>
21439<heliux-section class="section container responsivegrid container-max-grid">
21440
21441
21442
21443
21444
21445
21446
21447
21448    
21449    
21450
21451    
21452    <div class="gradient__background customizations__section" id="background_section-7aff1bfc3f"></div>
21453
21454
21455
21456
21457
21458<div class="section__img
21459  customizations__section
21460  
21461  
21462  ">
21463    
21464</div>
21465
21466
21467
21468    
21469    
21470    
21471    <style type="text/css">
21472      #section-7aff1bfc3f {
21473          --scope-grid-area: 1 / 13
21474      }
21475    </style>
21476
21477
21478
21479<div id="section-7aff1bfc3f" class="section__content content limited-container customizations__section  ">
21480    
21481    
21482    
21483    
21484    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21485
21486
21487
21488
21489
21490
21491
21492
21493  
21494    
21495    
21496    <style type="text/css">
21497      #text-24cc8f350a {
21498          --scope-grid-area: 1 / 13
21499      }
21500    </style>
21501
21502
21503
21504
21505
21506
21507
21508
21509    
21510
21511
21512    
21513
21514
21515
21516
21517
21518
21519
21520    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-24cc8f350a" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
21521            "hoverMessage": "",
21522            "clickMessage": ""
21523        }' data-components-params-limittext='{
21524            "useModal": false, 
21525            "XFContentPath": ""
21526        }'>
21527        
21528            
21529                <p>Balayage et Ombré</p>
21530
21531                
21532                
21533                
21534            
21535        
21536    </div>
21537
21538
21539
21540
21541
21542</heliux-text>
21543<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21544
21545
21546
21547
21548
21549
21550
21551
21552  
21553    
21554    
21555    <style type="text/css">
21556      #text-fac224113c {
21557          --scope-grid-area: 1 / 13
21558      }
21559    </style>
21560
21561
21562
21563
21564
21565
21566  
21567  
21568    
21569
21570  
21571    
21572
21573
21574
21575
21576    
21577
21578
21579    
21580
21581
21582
21583
21584
21585
21586
21587    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-fac224113c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
21588            "hoverMessage": "",
21589            "clickMessage": ""
21590        }' data-components-params-limittext='{
21591            "useModal": false, 
21592            "XFContentPath": ""
21593        }'>
21594        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
21595            
21596                <h5><b>Ombré hair : zoom sur un look intemporel </b></h5>
21597
21598                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
21599                    <span class="heliux-text__readMore-dots">...</span>
21600                    <span class="heliux-text__readMore-label"></span>
21601                </div>
21602                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
21603                    <span class="heliux-text__readLess-label"></span>
21604                </div>
21605                
21606            
21607        </div>
21608    </div>
21609
21610
21611
21612
21613
21614</heliux-text>
21615<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
21616
21617      
21618      
21619      
21620    
21621    
21622      
21623      
21624      
21625
21626      
21627      
21628      
21629      
21630      
21631    
21632    <div class="calltoaction__wrapper cta
21633            customizations__calltoaction
21634            calltoaction__linkclick
21635            " id="wrapper-calltoaction-f7ffe715e0">
21636        
21637        <div class="calltoaction__background">
21638            <a id="calltoaction-f7ffe715e0" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/tendance-blog-ombre-hair.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/tendance-blog-ombre-hair.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/tendance-blog-ombre-hair.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
21639                
21640                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
21641            </a>
21642            
21643        </div>
21644        
21645
21646    </div>
21647    
21648
21649      
21650    
21651
21652      
21653    
21654
21655
21656</heliux-calltoaction>
21657
21658    
21659
21660</div>
21661
21662
21663</heliux-section>
21664
21665    
21666
21667</div>
21668
21669
21670</heliux-section>
21671
21672    
21673</div>
21674
21675</div>
21676
21677        </li>
21678    
21679        
21680        <li class="teaserlist__item ">
21681            
21682            <a class="teaserlist__item-link" title="Qu&#39;est-ce que le balayage ?" href="/articles/coloration/balayage-et-ombre/le-balayage-tout-savoir-sur-cette-coloration-tendance.html" target="_self">
21683            </a>
21684            <div class="xf-content-height">
21685 
21686
21687
21688<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
21689    
21690    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
21691
21692
21693
21694
21695
21696
21697
21698
21699    
21700    
21701
21702    
21703    <div class="gradient__background section_1626772440950" id="background_section-8aa7962f23"></div>
21704
21705
21706
21707
21708
21709<div class="section__img
21710  section_1626772440950
21711  
21712  
21713  ">
21714    
21715</div>
21716
21717
21718
21719    
21720    
21721    
21722    <style type="text/css">
21723      #section-8aa7962f23 {
21724          --scope-grid-area: 1 / 13
21725      }
21726    </style>
21727
21728
21729
21730<div id="section-8aa7962f23" class="section__content content limited-container section_1626772440950  ">
21731    
21732    
21733    
21734    
21735    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
21736
21737
21738
21739
21740
21741
21742
21743
21744
21745
21746
21747    <div id="image-09060bf49a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/36_Balayage_shutterstock_1795602193&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
21748
21749        
21750            
21751    
21752
21753            
21754                
21755                    
21756                        <picture class="image__imgPreview  image__imgPreview--lazy">
21757                            
21758
21759                            
21760
21761                            
21762                            
21763                                
21764                            
21765
21766                            
21767                            
21768                            
21769
21770
21771                            
21772                            <img decoding="async" elementtiming="image-09060bf49a" alt="Qu'est-ce que le balayage ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
21773                        </picture>
21774
21775                        
21776                        
21777                    
21778                    
21779                    
21780                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/36_Balayage_shutterstock_1795602193" content="https://dm.henkel-dam.com/is/image/henkel/36_Balayage_shutterstock_1795602193"/>
21781                
21782                
21783  
21784
21785            
21786            
21787  
21788
21789        
21790    </div>
21791
21792
21793
21794    
21795
21796
21797</heliux-image>
21798<heliux-section class="section container responsivegrid container-max-grid">
21799
21800
21801
21802
21803
21804
21805
21806
21807    
21808    
21809
21810    
21811    <div class="gradient__background customizations__section" id="background_section-6f20dd7cf8"></div>
21812
21813
21814
21815
21816
21817<div class="section__img
21818  customizations__section
21819  
21820  
21821  ">
21822    
21823</div>
21824
21825
21826
21827    
21828    
21829    
21830    <style type="text/css">
21831      #section-6f20dd7cf8 {
21832          --scope-grid-area: 1 / 13
21833      }
21834    </style>
21835
21836
21837
21838<div id="section-6f20dd7cf8" class="section__content content limited-container customizations__section  ">
21839    
21840    
21841    
21842    
21843    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21844
21845
21846
21847
21848
21849
21850
21851
21852  
21853    
21854    
21855    <style type="text/css">
21856      #text-f2c6e32739 {
21857          --scope-grid-area: 1 / 13
21858      }
21859    </style>
21860
21861
21862
21863
21864
21865
21866
21867
21868    
21869
21870
21871    
21872
21873
21874
21875
21876
21877
21878
21879    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-f2c6e32739" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
21880            "hoverMessage": "",
21881            "clickMessage": ""
21882        }' data-components-params-limittext='{
21883            "useModal": false, 
21884            "XFContentPath": ""
21885        }'>
21886        
21887            
21888                <p>
21888Balayage et Ombré</p>
21889
21890                
21891                
21892                
21893            
21894        
21895    </div>
21896
21897
21898
21899
21900
21901</heliux-text>
21902<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
21903
21904
21905
21906
21907
21908
21909
21910
21911  
21912    
21913    
21914    <style type="text/css">
21915      #text-a9c577af8c {
21916          --scope-grid-area: 1 / 13
21917      }
21918    </style>
21919
21920
21921
21922
21923
21924
21925  
21926  
21927    
21928
21929  
21930    
21931
21932
21933
21934
21935    
21936
21937
21938    
21939
21940
21941
21942
21943
21944
21945
21946    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-a9c577af8c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
21947            "hoverMessage": "",
21948            "clickMessage": ""
21949        }' data-components-params-limittext='{
21950            "useModal": false, 
21951            "XFContentPath": ""
21952        }'>
21953        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
21954            
21955                <h5><b>Qu'est-ce que le balayage ?</b></h5>
21956
21957                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
21958                    <span class="heliux-text__readMore-dots">...</span>
21959                    <span class="heliux-text__readMore-label"></span>
21960                </div>
21961                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
21962                    <span class="heliux-text__readLess-label"></span>
21963                </div>
21964                
21965            
21966        </div>
21967    </div>
21968
21969
21970
21971
21972
21973</heliux-text>
21974<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
21975
21976      
21977      
21978      
21979    
21980    
21981      
21982      
21983      
21984
21985      
21986      
21987      
21988      
21989      
21990    
21991    <div class="calltoaction__wrapper cta
21992            customizations__calltoaction
21993            calltoaction__linkclick
21994            " id="wrapper-calltoaction-060ff579b2">
21995        
21996        <div class="calltoaction__background">
21997            <a id="calltoaction-060ff579b2" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/le-balayage-tout-savoir-sur-cette-coloration-tendance.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/le-balayage-tout-savoir-sur-cette-coloration-tendance.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/le-balayage-tout-savoir-sur-cette-coloration-tendance.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
21998                
21999                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
22000            </a>
22001            
22002        </div>
22003        
22004
22005    </div>
22006    
22007
22008      
22009    
22010
22011      
22012    
22013
22014
22015</heliux-calltoaction>
22016
22017    
22018
22019</div>
22020
22021
22022</heliux-section>
22023
22024    
22025
22026</div>
22027
22028
22029</heliux-section>
22030
22031    
22032</div>
22033
22034</div>
22035
22036        </li>
22037    
22038        
22039        <li class="teaserlist__item ">
22040            
22041            <a class="teaserlist__item-link" title="Le tie and dye" href="/articles/coloration/balayage-et-ombre/tie-and-dye.html" target="_self">
22042            </a>
22043            <div class="xf-content-height">
22044 
22045
22046
22047<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
22048    
22049    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
22050
22051
22052
22053
22054
22055
22056
22057
22058    
22059    
22060
22061    
22062    <div class="gradient__background section_1626772440950" id="background_section-06053c0a5d"></div>
22063
22064
22065
22066
22067
22068<div class="section__img
22069  section_1626772440950
22070  
22071  
22072  ">
22073    
22074</div>
22075
22076
22077
22078    
22079    
22080    
22081    <style type="text/css">
22082      #section-06053c0a5d {
22083          --scope-grid-area: 1 / 13
22084      }
22085    </style>
22086
22087
22088
22089<div id="section-06053c0a5d" class="section__content content limited-container section_1626772440950  ">
22090    
22091    
22092    
22093    
22094    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
22095
22096
22097
22098
22099
22100
22101
22102
22103
22104
22105
22106    <div id="image-9a23201f09" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_avec_un_tie_and_dye-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
22107
22108        
22109            
22110    
22111
22112            
22113                
22114                    
22115                        <picture class="image__imgPreview  image__imgPreview--lazy">
22116                            
22117
22118                            
22119
22120                            
22121                            
22122                                
22123                            
22124
22125                            
22126                            
22127                            
22128
22129
22130                            
22131                            <img decoding="async" elementtiming="image-9a23201f09" alt="Le tie and dye" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
22132                        </picture>
22133
22134                        
22135                        
22136                    
22137                    
22138                    
22139                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_avec_un_tie_and_dye-wcms-fr_1-1-ratio" c
22139ontent="https://dm.henkel-dam.com/is/image/henkel/femme_avec_un_tie_and_dye-wcms-fr_1-1-ratio"/>
22140                
22141                
22142  
22143
22144            
22145            
22146  
22147
22148        
22149    </div>
22150
22151
22152
22153    
22154
22155
22156</heliux-image>
22157<heliux-section class="section container responsivegrid container-max-grid">
22158
22159
22160
22161
22162
22163
22164
22165
22166    
22167    
22168
22169    
22170    <div class="gradient__background customizations__section" id="background_section-4e4ddb1961"></div>
22171
22172
22173
22174
22175
22176<div class="section__img
22177  customizations__section
22178  
22179  
22180  ">
22181    
22182</div>
22183
22184
22185
22186    
22187    
22188    
22189    <style type="text/css">
22190      #section-4e4ddb1961 {
22191          --scope-grid-area: 1 / 13
22192      }
22193    </style>
22194
22195
22196
22197<div id="section-4e4ddb1961" class="section__content content limited-container customizations__section  ">
22198    
22199    
22200    
22201    
22202    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22203
22204
22205
22206
22207
22208
22209
22210
22211  
22212    
22213    
22214    <style type="text/css">
22215      #text-846f6cd083 {
22216          --scope-grid-area: 1 / 13
22217      }
22218    </style>
22219
22220
22221
22222
22223
22224
22225
22226
22227    
22228
22229
22230    
22231
22232
22233
22234
22235
22236
22237
22238    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-846f6cd083" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
22239            "hoverMessage": "",
22240            "clickMessage": ""
22241        }' data-components-params-limittext='{
22242            "useModal": false, 
22243            "XFContentPath": ""
22244        }'>
22245        
22246            
22247                <p>Balayage et Ombré</p>
22248
22249                
22250                
22251                
22252            
22253        
22254    </div>
22255
22256
22257
22258
22259
22260</heliux-text>
22261<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22262
22263
22264
22265
22266
22267
22268
22269
22270  
22271    
22272    
22273    <style type="text/css">
22274      #text-daf5c7fd03 {
22275          --scope-grid-area: 1 / 13
22276      }
22277    </style>
22278
22279
22280
22281
22282
22283
22284  
22285  
22286    
22287
22288  
22289    
22290
22291
22292
22293
22294    
22295
22296
22297    
22298
22299
22300
22301
22302
22303
22304
22305    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-daf5c7fd03" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
22306            "hoverMessage": "",
22307            "clickMessage": ""
22308        }' data-components-params-limittext='{
22309            "useModal": false, 
22310            "XFContentPath": ""
22311        }'>
22312        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
22313            
22314                <h5><b>Le tie and dye</b></h5>
22315
22316                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
22317                    <span class="heliux-text__readMore-dots">...</span>
22318                    <span class="heliux-text__readMore-label"></span>
22319                </div>
22320                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
22321                    <span class="heliux-text__readLess-label"></span>
22322                </div>
22323                
22324            
22325        </div>
22326    </div>
22327
22328
22329
22330
22331
22332</heliux-text>
22333<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
22334
22335      
22336      
22337      
22338    
22339    
22340      
22341      
22342      
22343
22344      
22345      
22346      
22347      
22348      
22349    
22350    <div class="calltoaction__wrapper cta
22351            customizations__calltoaction
22352            calltoaction__linkclick
22353            " id="wrapper-calltoaction-02f8ff9908">
22354        
22355        <div class="calltoaction__background">
22356            <a id="calltoaction-02f8ff9908" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/tie-and-dye.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/tie-and-dye.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/tie-and-dye.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
22357                
22358                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
22359            </a>
22360            
22361        </div>
22362        
22363
22364    </div>
22365    
22366
22367      
22368    
22369
22370      
22371    
22372
22373
22374</heliux-calltoaction>
22375
22376    
22377
22378</div>
22379
22380
22381</heliux-section>
22382
22383    
22384
22385</div>
22386
22387
22388</heliux-section>
22389
22390    
22391</div>
22392
22393</div>
22394
22395        </li>
22396    
22397        
22398        <li class="teaserlist__item ">
22399            
22400            <a class="teaserlist__item-link" title="Balayage sur cheveux courts : c&#39;est possible !" href="/articles/coloration/balayage-et-ombre/balayage-cheveux-courts.html" target="_self">
22401            </a>
22402            <div class="xf-content-height">
22403 
22404
22405
22406<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
22407    
22408    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
22409
22410
22411
22412
22413
22414
22415
22416
22417    
22418    
22419
22420    
22421    <div class="gradient__background section_1626772440950" id="background_section-e68aedff52"></div>
22422
22423
22424
22425
22426
22427<div class="section__img
22428  section_1626772440950
22429  
22430  
22431  ">
22432    
22433</div>
22434
22435
22436
22437    
22438    
22439    
22440    <style type="text/css">
22441      #section-e68aedff52 {
22442          --scope-grid-area: 1 / 13
22443      }
22444    </style>
22445
22446
22447
22448<div id="section-e68aedff52" class="section__content content limited-container section_1626772440950  ">
22449    
22450    
22451    
22452    
22453    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
22454
22455
22456
22457
22458
22459
22460
22461
22462
22463
22464
22465    <div id="image-3bb208d106" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963__woman-with-curly-layered-cut-wcms-international_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
22466
22467        
22468            
22469    
22470
22471            
22472                
22473                    
22474                        <picture class="image__imgPreview  image__imgPreview--lazy">
22475                            
22476
22477                            
22478
22479                            
22480                            
22481                                
22482                            
22483
22484                            
22485                            
22486                            
22487
22488
22489                            
22490                            <img decoding="async" elementtiming="image-3bb208d106" alt="Balayage sur cheveux courts : c'est possible !" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
22491                        </picture>
22492
22493                        
22494                        
22495                    
22496                    
22497                    
22498                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963__woman-with-curly-layered-cut-wcms-international_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/2560x963__woman-with-curly-layered-cut-wcms-international_1-1-ratio"/>
22499                
22500                
22501  
22502
22503            
22504            
22505  
22506
22507        
22508    </div>
22509
22510
22511
22512    
22513
22514
22515</heliux-image>
22516<heliux-section class="section container responsivegrid container-max-grid">
22517
22518
22519
22520
22521
22522
22523
22524
22525    
22526    
22527
22528    
22529    <div class="gradient__background customizations__section" id="background_section-0fb6225502"></div>
22530
22531
22532
22533
22534
22535<div class="section__img
22536  customizations__section
22537  
22538  
22539  ">
22540    
22541</div>
22542
22543
22544
22545    
22546    
22547    
22548    <style type="text/css">
22549      #section-0fb6225502 {
22550          --scope-grid-area: 1 / 13
22551      }
22552    </style>
22553
22554
22555
22556<div id="section-0fb6225502" class="section__content content limited-container customizations__section  ">
22557    
22558    
22559    
22560    
22561    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22562
22563
22564
22565
22566
22567
22568
22569
22570  
22571    
22572    
22573    <style type="text/css">
22574      #text-60a47895a5 {
22575          --scope-grid-area: 1 / 13
22576      }
22577    </style>
22578
22579
22580
22581
22582
22583
22584
22585
22586    
22587
22588
22589    
22590
22591
22592
22593
22594
22595
22596
22597    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-60a47895a5" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
22598            "hoverMessage": "",
22599            "clickMessage": ""
22600        }' data-components-params-limittext='{
22601            "useModal": false, 
22602            "XFContentPath": ""
22603        }'>
22604        
22605            
22606                <p>
22606Balayage et Ombré</p>
22607
22608                
22609                
22610                
22611            
22612        
22613    </div>
22614
22615
22616
22617
22618
22619</heliux-text>
22620<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22621
22622
22623
22624
22625
22626
22627
22628
22629  
22630    
22631    
22632    <style type="text/css">
22633      #text-5b7cd44842 {
22634          --scope-grid-area: 1 / 13
22635      }
22636    </style>
22637
22638
22639
22640
22641
22642
22643  
22644  
22645    
22646
22647  
22648    
22649
22650
22651
22652
22653    
22654
22655
22656    
22657
22658
22659
22660
22661
22662
22663
22664    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-5b7cd44842" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
22665            "hoverMessage": "",
22666            "clickMessage": ""
22667        }' data-components-params-limittext='{
22668            "useModal": false, 
22669            "XFContentPath": ""
22670        }'>
22671        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
22672            
22673                <h5><b>Balayage sur cheveux courts : c'est possible !</b></h5>
22674
22675                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
22676                    <span class="heliux-text__readMore-dots">...</span>
22677                    <span class="heliux-text__readMore-label"></span>
22678                </div>
22679                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
22680                    <span class="heliux-text__readLess-label"></span>
22681                </div>
22682                
22683            
22684        </div>
22685    </div>
22686
22687
22688
22689
22690
22691</heliux-text>
22692<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
22693
22694      
22695      
22696      
22697    
22698    
22699      
22700      
22701      
22702
22703      
22704      
22705      
22706      
22707      
22708    
22709    <div class="calltoaction__wrapper cta
22710            customizations__calltoaction
22711            calltoaction__linkclick
22712            " id="wrapper-calltoaction-72a4e04ee5">
22713        
22714        <div class="calltoaction__background">
22715            <a id="calltoaction-72a4e04ee5" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/balayage-cheveux-courts.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-cheveux-courts.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-cheveux-courts.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
22716                
22717                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
22718            </a>
22719            
22720        </div>
22721        
22722
22723    </div>
22724    
22725
22726      
22727    
22728
22729      
22730    
22731
22732
22733</heliux-calltoaction>
22734
22735    
22736
22737</div>
22738
22739
22740</heliux-section>
22741
22742    
22743
22744</div>
22745
22746
22747</heliux-section>
22748
22749    
22750</div>
22751
22752</div>
22753
22754        </li>
22755    
22756        
22757        <li class="teaserlist__item ">
22758            
22759            <a class="teaserlist__item-link" title="Balayage caramel : un coup d&#39;éclat pour les cheveux foncés" href="/articles/coloration/balayage-et-ombre/balayage-caramel.html" target="_self">
22760            </a>
22761            <div class="xf-content-height">
22762 
22763
22764
22765<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
22766    
22767    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
22768
22769
22770
22771
22772
22773
22774
22775
22776    
22777    
22778
22779    
22780    <div class="gradient__background section_1626772440950" id="background_section-99933dc058"></div>
22781
22782
22783
22784
22785
22786<div class="section__img
22787  section_1626772440950
22788  
22789  
22790  ">
22791    
22792</div>
22793
22794
22795
22796    
22797    
22798    
22799    <style type="text/css">
22800      #section-99933dc058 {
22801          --scope-grid-area: 1 / 13
22802      }
22803    </style>
22804
22805
22806
22807<div id="section-99933dc058" class="section__content content limited-container section_1626772440950  ">
22808    
22809    
22810    
22811    
22812    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
22813
22814
22815
22816
22817
22818
22819
22820
22821
22822
22823
22824    <div id="image-88048b0f9c" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_shutterstock_474873538_MediaGroup_BestForYou_balayage_caramel_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
22825
22826        
22827            
22828    
22829
22830            
22831                
22832                    
22833                        <picture class="image__imgPreview  image__imgPreview--lazy">
22834                            
22835
22836                            
22837
22838                            
22839                            
22840                                
22841                            
22842
22843                            
22844                            
22845                            
22846
22847
22848                            
22849                            <img decoding="async" elementtiming="image-88048b0f9c" alt="Balayage caramel : un coup d'éclat pour les cheveux foncés" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
22850                        </picture>
22851
22852                        
22853                        
22854                    
22855                    
22856                    
22857                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_shutterstock_474873538_MediaGroup_BestForYou_balayage_caramel_FR_1-1-ratio" c
22857ontent="https://dm.henkel-dam.com/is/image/henkel/1500x564_shutterstock_474873538_MediaGroup_BestForYou_balayage_caramel_FR_1-1-ratio"/>
22858                
22859                
22860  
22861
22862            
22863            
22864  
22865
22866        
22867    </div>
22868
22869
22870
22871    
22872
22873
22874</heliux-image>
22875<heliux-section class="section container responsivegrid container-max-grid">
22876
22877
22878
22879
22880
22881
22882
22883
22884    
22885    
22886
22887    
22888    <div class="gradient__background customizations__section" id="background_section-05430049ba"></div>
22889
22890
22891
22892
22893
22894<div class="section__img
22895  customizations__section
22896  
22897  
22898  ">
22899    
22900</div>
22901
22902
22903
22904    
22905    
22906    
22907    <style type="text/css">
22908      #section-05430049ba {
22909          --scope-grid-area: 1 / 13
22910      }
22911    </style>
22912
22913
22914
22915<div id="section-05430049ba" class="section__content content limited-container customizations__section  ">
22916    
22917    
22918    
22919    
22920    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22921
22922
22923
22924
22925
22926
22927
22928
22929  
22930    
22931    
22932    <style type="text/css">
22933      #text-7c1c81b598 {
22934          --scope-grid-area: 1 / 13
22935      }
22936    </style>
22937
22938
22939
22940
22941
22942
22943
22944
22945    
22946
22947
22948    
22949
22950
22951
22952
22953
22954
22955
22956    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-7c1c81b598" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
22957            "hoverMessage": "",
22958            "clickMessage": ""
22959        }' data-components-params-limittext='{
22960            "useModal": false, 
22961            "XFContentPath": ""
22962        }'>
22963        
22964            
22965                <p>Balayage et Ombré</p>
22966
22967                
22968                
22969                
22970            
22971        
22972    </div>
22973
22974
22975
22976
22977
22978</heliux-text>
22979<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
22980
22981
22982
22983
22984
22985
22986
22987
22988  
22989    
22990    
22991    <style type="text/css">
22992      #text-d7a135eb8c {
22993          --scope-grid-area: 1 / 13
22994      }
22995    </style>
22996
22997
22998
22999
23000
23001
23002  
23003  
23004    
23005
23006  
23007    
23008
23009
23010
23011
23012    
23013
23014
23015    
23016
23017
23018
23019
23020
23021
23022
23023    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-d7a135eb8c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
23024            "hoverMessage": "",
23025            "clickMessage": ""
23026        }' data-components-params-limittext='{
23027            "useModal": false, 
23028            "XFContentPath": ""
23029        }'>
23030        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
23031            
23032                <h5><b>Balayage caramel : un coup d'éclat pour les cheveux foncés</b></h5>
23033
23034                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
23035                    <span class="heliux-text__readMore-dots">...</span>
23036                    <span class="heliux-text__readMore-label"></span>
23037                </div>
23038                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
23039                    <span class="heliux-text__readLess-label"></span>
23040                </div>
23041                
23042            
23043        </div>
23044    </div>
23045
23046
23047
23048
23049
23050</heliux-text>
23051<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
23052
23053      
23054      
23055      
23056    
23057    
23058      
23059      
23060      
23061
23062      
23063      
23064      
23065      
23066      
23067    
23068    <div class="calltoaction__wrapper cta
23069            customizations__calltoaction
23070            calltoaction__linkclick
23071            " id="wrapper-calltoaction-7ebfb9caa5">
23072        
23073        <div class="calltoaction__background">
23074            <a id="calltoaction-7ebfb9caa5" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/balayage-caramel.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-caramel.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-caramel.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
23075                
23076                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
23077            </a>
23078            
23079        </div>
23080        
23081
23082    </div>
23083    
23084
23085      
23086    
23087
23088      
23089    
23090
23091
23092</heliux-calltoaction>
23093
23094    
23095
23096</div>
23097
23098
23099</heliux-section>
23100
23101    
23102
23103</div>
23104
23105
23106</heliux-section>
23107
23108    
23109</div>
23110
23111</div>
23112
23113        </li>
23114    
23115        
23116        <li class="teaserlist__item ">
23117            
23118            <a class="teaserlist__item-link" title="Balayage pour cheveux blonds " href="/articles/coloration/balayage-et-ombre/balayage-blond.html" target="_self">
23119            </a>
23120            <div class="xf-content-height">
23121 
23122
23123
23124<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
23125    
23126    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
23127
23128
23129
23130
23131
23132
23133
23134
23135    
23136    
23137
23138    
23139    <div class="gradient__background section_1626772440950" id="background_section-e22c73ef0c"></div>
23140
23141
23142
23143
23144
23145<div class="section__img
23146  section_1626772440950
23147  
23148  
23149  ">
23150    
23151</div>
23152
23153
23154
23155    
23156    
23157    
23158    <style type="text/css">
23159      #section-e22c73ef0c {
23160          --scope-grid-area: 1 / 13
23161      }
23162    </style>
23163
23164
23165
23166<div id="section-e22c73ef0c" class="section__content content limited-container section_1626772440950  ">
23167    
23168    
23169    
23170    
23171    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
23172
23173
23174
23175
23176
23177
23178
23179
23180
23181
23182
23183    <div id="image-7a43ec0b89" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963_women-balayage-ombre-wcms-se_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
23184
23185        
23186            
23187    
23188
23189            
23190                
23191                    
23192                        <picture class="image__imgPreview  image__imgPreview--lazy">
23193                            
23194
23195                            
23196
23197                            
23198                            
23199                                
23200                            
23201
23202                            
23203                            
23204                            
23205
23206
23207                            
23208                            <img decoding="async" elementtiming="image-7a43ec0b89" alt="Balayage pour cheveux blonds " class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
23209                        </picture>
23210
23211                        
23212                        
23213                    
23214                    
23215                    
23216                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963_women-balayage-ombre-wcms-se_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/2560x963_women-balayage-ombre-wcms-se_1-1-ratio"/>
23217                
23218                
23219  
23220
23221            
23222            
23223  
23224
23225        
23226    </div>
23227
23228
23229
23230    
23231
23232
23233</heliux-image>
23234<heliux-section class="section container responsivegrid container-max-grid">
23235
23236
23237
23238
23239
23240
23241
23242
23243    
23244    
23245
23246    
23247    <div class="gradient__background customizations__section" id="background_section-12158339aa"></div>
23248
23249
23250
23251
23252
23253<div class="section__img
23254  customizations__section
23255  
23256  
23257  ">
23258    
23259</div>
23260
23261
23262
23263    
23264    
23265    
23266    <style type="text/css">
23267      #section-12158339aa {
23268          --scope-grid-area: 1 / 13
23269      }
23270    </style>
23271
23272
23273
23274<div id="section-12158339aa" class="section__content content limited-container customizations__section  ">
23275    
23276    
23277    
23278    
23279    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
23280
23281
23282
23283
23284
23285
23286
23287
23288  
23289    
23290    
23291    <style type="text/css">
23292      #text-4653888d01 {
23293          --scope-grid-area: 1 / 13
23294      }
23295    </style>
23296
23297
23298
23299
23300
23301
23302
23303
23304    
23305
23306
23307    
23308
23309
23310
23311
23312
23313
23314
23315    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-4653888d01" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
23316            "hoverMessage": "",
23317            "clickMessage": ""
23318        }' data-components-params-limittext='{
23319            "useModal": false, 
23320            "XFContentPath": ""
23321        }'>
23322        
23323            
23324                <p>
23324Balayage et Ombré</p>
23325
23326                
23327                
23328                
23329            
23330        
23331    </div>
23332
23333
23334
23335
23336
23337</heliux-text>
23338<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
23339
23340
23341
23342
23343
23344
23345
23346
23347  
23348    
23349    
23350    <style type="text/css">
23351      #text-3602acf9fa {
23352          --scope-grid-area: 1 / 13
23353      }
23354    </style>
23355
23356
23357
23358
23359
23360
23361  
23362  
23363    
23364
23365  
23366    
23367
23368
23369
23370
23371    
23372
23373
23374    
23375
23376
23377
23378
23379
23380
23381
23382    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-3602acf9fa" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
23383            "hoverMessage": "",
23384            "clickMessage": ""
23385        }' data-components-params-limittext='{
23386            "useModal": false, 
23387            "XFContentPath": ""
23388        }'>
23389        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
23390            
23391                <h5><b>Balayage pour cheveux blonds </b></h5>
23392
23393                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
23394                    <span class="heliux-text__readMore-dots">...</span>
23395                    <span class="heliux-text__readMore-label"></span>
23396                </div>
23397                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
23398                    <span class="heliux-text__readLess-label"></span>
23399                </div>
23400                
23401            
23402        </div>
23403    </div>
23404
23405
23406
23407
23408
23409</heliux-text>
23410<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
23411
23412      
23413      
23414      
23415    
23416    
23417      
23418      
23419      
23420
23421      
23422      
23423      
23424      
23425      
23426    
23427    <div class="calltoaction__wrapper cta
23428            customizations__calltoaction
23429            calltoaction__linkclick
23430            " id="wrapper-calltoaction-b29cfc44fa">
23431        
23432        <div class="calltoaction__background">
23433            <a id="calltoaction-b29cfc44fa" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/balayage-et-ombre/balayage-blond.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-blond.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/ombrehair/balayage-blond.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
23434                
23435                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
23436            </a>
23437            
23438        </div>
23439        
23440
23441    </div>
23442    
23443
23444      
23445    
23446
23447      
23448    
23449
23450
23451</heliux-calltoaction>
23452
23453    
23454
23455</div>
23456
23457
23458</heliux-section>
23459
23460    
23461
23462</div>
23463
23464
23465</heliux-section>
23466
23467    
23468</div>
23469
23470</div>
23471
23472        </li>
23473    
23474
23475    
23476    
23477
23478              </ul>
23479              
23480  <heliux-calltoaction>
23481  
23482    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
23483  </heliux-calltoaction>
23484
23485              
23486          
23487
23488          
23489
23490          
23491      
23492  </div>
23493
23494
23495    
23496
23497    
23498    
23499    
23500
23501</heliux-teaserlist-v2></heliux-teaserlist-v2>
23502<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
23503
23504
23505
23506
23507
23508
23509
23510
23511
23512
23513    
23514    
23515    
23516    <style type="text/css">
23517      #title-eaff142794 {
23518          --scope-grid-area: 1 / 13
23519      }
23520    </style>
23521
23522
23523
23524
23525
23526
23527    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-eaff142794" data-type="h1">
23528        
23529        
23530        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Mèches</h1>
23531    </div>
23532
23533
23534
23535
23536    
23537
23538
23539
23540</heliux-text>
23541<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
23542    
23543    
23544
23545    
23546
23547    
23548
23549    
23550    
23551
23552    
23553
23554    
23555
23556  
23557
23558  <div id="teaserlist-b67623e3f6" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_1019916306&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:8,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
23559      <style>
23560          #teaserlist-b67623e3f6 {
23561          --teaserlist-xxs-columns: 1;
23562          --teaserlist-xs-s-columns: 2;
23563          --teaserlist-m-l-columns: 3;
23564          --teaserlist-xl-xxl-columns: 3;
23565          }
23566      </style>
23567
23568      
23569    
23570
23571
23572      
23573
23574      
23575          
23576          
23577              <ul class="teaserlist__items atomic--target
23578                teaserlist__items--loadMore
23579                
23580                ">
23581                  
23582    
23583
23584    
23585
23586    
23587        
23588        <li class="teaserlist__item ">
23589            
23590            <a class="teaserlist__item-link" title="Coloration bleue : une couleur qui a du peps" href="/articles/coloration/meches/les-meches-bleues.html" target="_self">
23591            </a>
23592            <div class="xf-content-height">
23593 
23594
23595
23596<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
23597    
23598    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
23599
23600
23601
23602
23603
23604
23605
23606
23607    
23608    
23609
23610    
23611    <div class="gradient__background section_1626772440950" id="background_section-ff2beb8cef"></div>
23612
23613
23614
23615
23616
23617<div class="section__img
23618  section_1626772440950
23619  
23620  
23621  ">
23622    
23623</div>
23624
23625
23626
23627    
23628    
23629    
23630    <style type="text/css">
23631      #section-ff2beb8cef {
23632          --scope-grid-area: 1 / 13
23633      }
23634    </style>
23635
23636
23637
23638<div id="section-ff2beb8cef" class="section__content content limited-container section_1626772440950  ">
23639    
23640    
23641    
23642    
23643    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
23644
23645
23646
23647
23648
23649
23650
23651
23652
23653
23654
23655    <div id="image-b7ffa9426f" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2981554_VRADIY_ART_coloration_bleue_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
23656
23657        
23658            
23659    
23660
23661            
23662                
23663                    
23664                        <picture class="image__imgPreview  image__imgPreview--lazy">
23665                            
23666
23667                            
23668
23669                            
23670                            
23671                                
23672                            
23673
23674                            
23675                            
23676                            
23677
23678
23679                            
23680                            <img decoding="async" elementtiming="image-b7ffa9426f" alt="Coloration bleue : une couleur qui a du peps" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
23681                        </picture>
23682
23683                        
23684                        
23685                    
23686                    
23687                    
23688                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2981554_VRADIY_ART_coloration_bleue_FR_1-1-ratio" c
23688ontent="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2981554_VRADIY_ART_coloration_bleue_FR_1-1-ratio"/>
23689                
23690                
23691  
23692
23693            
23694            
23695  
23696
23697        
23698    </div>
23699
23700
23701
23702    
23703
23704
23705</heliux-image>
23706<heliux-section class="section container responsivegrid container-max-grid">
23707
23708
23709
23710
23711
23712
23713
23714
23715    
23716    
23717
23718    
23719    <div class="gradient__background customizations__section" id="background_section-5e309a26a8"></div>
23720
23721
23722
23723
23724
23725<div class="section__img
23726  customizations__section
23727  
23728  
23729  ">
23730    
23731</div>
23732
23733
23734
23735    
23736    
23737    
23738    <style type="text/css">
23739      #section-5e309a26a8 {
23740          --scope-grid-area: 1 / 13
23741      }
23742    </style>
23743
23744
23745
23746<div id="section-5e309a26a8" class="section__content content limited-container customizations__section  ">
23747    
23748    
23749    
23750    
23751    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
23752
23753
23754
23755
23756
23757
23758
23759
23760  
23761    
23762    
23763    <style type="text/css">
23764      #text-08ae0aff99 {
23765          --scope-grid-area: 1 / 13
23766      }
23767    </style>
23768
23769
23770
23771
23772
23773
23774
23775
23776    
23777
23778
23779    
23780
23781
23782
23783
23784
23785
23786
23787    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-08ae0aff99" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
23788            "hoverMessage": "",
23789            "clickMessage": ""
23790        }' data-components-params-limittext='{
23791            "useModal": false, 
23792            "XFContentPath": ""
23793        }'>
23794        
23795            
23796                <p>Mèches</p>
23797
23798                
23799                
23800                
23801            
23802        
23803    </div>
23804
23805
23806
23807
23808
23809</heliux-text>
23810<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
23811
23812
23813
23814
23815
23816
23817
23818
23819  
23820    
23821    
23822    <style type="text/css">
23823      #text-aa234e0aa8 {
23824          --scope-grid-area: 1 / 13
23825      }
23826    </style>
23827
23828
23829
23830
23831
23832
23833  
23834  
23835    
23836
23837  
23838    
23839
23840
23841
23842
23843    
23844
23845
23846    
23847
23848
23849
23850
23851
23852
23853
23854    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-aa234e0aa8" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
23855            "hoverMessage": "",
23856            "clickMessage": ""
23857        }' data-components-params-limittext='{
23858            "useModal": false, 
23859            "XFContentPath": ""
23860        }'>
23861        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
23862            
23863                <h5><b>Coloration bleue : une couleur qui a du peps</b></h5>
23864
23865                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
23866                    <span class="heliux-text__readMore-dots">...</span>
23867                    <span class="heliux-text__readMore-label"></span>
23868                </div>
23869                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
23870                    <span class="heliux-text__readLess-label"></span>
23871                </div>
23872                
23873            
23874        </div>
23875    </div>
23876
23877
23878
23879
23880
23881</heliux-text>
23882<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
23883
23884      
23885      
23886      
23887    
23888    
23889      
23890      
23891      
23892
23893      
23894      
23895      
23896      
23897      
23898    
23899    <div class="calltoaction__wrapper cta
23900            customizations__calltoaction
23901            calltoaction__linkclick
23902            " id="wrapper-calltoaction-e2a38034f5">
23903        
23904        <div class="calltoaction__background">
23905            <a id="calltoaction-e2a38034f5" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/les-meches-bleues.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/les-meches-bleues.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/les-meches-bleues.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
23906                
23907                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
23908            </a>
23909            
23910        </div>
23911        
23912
23913    </div>
23914    
23915
23916      
23917    
23918
23919      
23920    
23921
23922
23923</heliux-calltoaction>
23924
23925    
23926
23927</div>
23928
23929
23930</heliux-section>
23931
23932    
23933
23934</div>
23935
23936
23937</heliux-section>
23938
23939    
23940</div>
23941
23942</div>
23943
23944        </li>
23945    
23946        
23947        <li class="teaserlist__item ">
23948            
23949            <a class="teaserlist__item-link" title="Se faire des mèches soi-même : toutes les astuces !" href="/articles/coloration/meches/se-faire-des-meches-soi-meme.html" target="_self">
23950            </a>
23951            <div class="xf-content-height">
23952 
23953
23954
23955<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
23956    
23957    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
23958
23959
23960
23961
23962
23963
23964
23965
23966    
23967    
23968
23969    
23970    <div class="gradient__background section_1626772440950" id="background_section-ce27de4f72"></div>
23971
23972
23973
23974
23975
23976<div class="section__img
23977  section_1626772440950
23978  
23979  
23980  ">
23981    
23982</div>
23983
23984
23985
23986    
23987    
23988    
23989    <style type="text/css">
23990      #section-ce27de4f72 {
23991          --scope-grid-area: 1 / 13
23992      }
23993    </style>
23994
23995
23996
23997<div id="section-ce27de4f72" class="section__content content limited-container section_1626772440950  ">
23998    
23999    
24000    
24001    
24002    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
24003
24004
24005
24006
24007
24008
24009
24010
24011
24012
24013
24014    <div id="image-8a79306f5f" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/EyeEm_hairwax___co_12-wave3-wcms-de-mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
24015
24016        
24017            
24018    
24019
24020            
24021                
24022                    
24023                        <picture class="image__imgPreview  image__imgPreview--lazy">
24024                            
24025
24026                            
24027
24028                            
24029                            
24030                                
24031                            
24032
24033                            
24034                            
24035                            
24036
24037
24038                            
24039                            <img decoding="async" elementtiming="image-8a79306f5f" alt="Se faire des mèches soi-même : toutes les astuces !" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
24040                        </picture>
24041
24042                        
24043                        
24044                    
24045                    
24046                    
24047                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/EyeEm_hairwax___co_12-wave3-wcms-de-mobile" content="https://dm.henkel-dam.com/is/image/henkel/EyeEm_hairwax___co_12-wave3-wcms-de-mobile"/>
24048                
24049                
24050  
24051
24052            
24053            
24054  
24055
24056        
24057    </div>
24058
24059
24060
24061    
24062
24063
24064</heliux-image>
24065<heliux-section class="section container responsivegrid container-max-grid">
24066
24067
24068
24069
24070
24071
24072
24073
24074    
24075    
24076
24077    
24078    <div class="gradient__background customizations__section" id="background_section-a87342f035"></div>
24079
24080
24081
24082
24083
24084<div class="section__img
24085  customizations__section
24086  
24087  
24088  ">
24089    
24090</div>
24091
24092
24093
24094    
24095    
24096    
24097    <style type="text/css">
24098      #section-a87342f035 {
24099          --scope-grid-area: 1 / 13
24100      }
24101    </style>
24102
24103
24104
24105<div id="section-a87342f035" class="section__content content limited-container customizations__section  ">
24106    
24107    
24108    
24109    
24110    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24111
24112
24113
24114
24115
24116
24117
24118
24119  
24120    
24121    
24122    <style type="text/css">
24123      #text-6bd4c3ea77 {
24124          --scope-grid-area: 1 / 13
24125      }
24126    </style>
24127
24128
24129
24130
24131
24132
24133
24134
24135    
24136
24137
24138    
24139
24140
24141
24142
24143
24144
24145
24146    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-6bd4c3ea77" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
24147            "hoverMessage": "",
24148            "clickMessage": ""
24149        }' data-components-params-limittext='{
24150            "useModal": false, 
24151            "XFContentPath": ""
24152        }'>
24153        
24154            
24155                <p>Mèches</p>
24156
24157                
24158                
24159                
24160            
24161        
24162    </div>
24163
24164
24165
24166
24167
24168</heliux-text>
24169<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24170
24171
24172
24173
24174
24175
24176
24177
24178  
24179    
24180    
24181    <style type="text/css">
24182      #text-197488f7b3 {
24183          --scope-grid-area: 1 / 13
24184      }
24185    </style>
24186
24187
24188
24189
24190
24191
24192  
24193  
24194    
24195
24196  
24197    
24198
24199
24200
24201
24202    
24203
24204
24205    
24206
24207
24208
24209
24210
24211
24212
24213    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-197488f7b3" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
24214            "hoverMessage": "",
24215            "clickMessage": ""
24216        }' data-components-params-limittext='{
24217            "useModal": false, 
24218            "XFContentPath": ""
24219        }'>
24220        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
24221            
24222                <h5><b>Se faire des mèches soi-même : toutes les astuces !</b></h5>
24223
24224                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
24225                    <span class="heliux-text__readMore-dots">...</span>
24226                    <span class="heliux-text__readMore-label"></span>
24227                </div>
24228                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
24229                    <span class="heliux-text__readLess-label"></span>
24230                </div>
24231                
24232            
24233        </div>
24234    </div>
24235
24236
24237
24238
24239
24240</heliux-text>
24241<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
24242
24243      
24244      
24245      
24246    
24247    
24248      
24249      
24250      
24251
24252      
24253      
24254      
24255      
24256      
24257    
24258    <div class="calltoaction__wrapper cta
24259            customizations__calltoaction
24260            calltoaction__linkclick
24261            " id="wrapper-calltoaction-b70580fbaa">
24262        
24263        <div class="calltoaction__background">
24264            <a id="calltoaction-b70580fbaa" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/se-faire-des-meches-soi-meme.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/se-faire-des-meches-soi-meme.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/se-faire-des-meches-soi-meme.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
24265                
24266                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
24267            </a>
24268            
24269        </div>
24270        
24271
24272    </div>
24273    
24274
24275      
24276    
24277
24278      
24279    
24280
24281
24282</heliux-calltoaction>
24283
24284    
24285
24286</div>
24287
24288
24289</heliux-section>
24290
24291    
24292
24293</div>
24294
24295
24296</heliux-section>
24297
24298    
24299</div>
24300
24301</div>
24302
24303        </li>
24304    
24305        
24306        <li class="teaserlist__item ">
24307            
24308            <a class="teaserlist__item-link" title="Mèches sur cheveux bruns " href="/articles/coloration/meches/cheveux-brun-fonce.html" target="_self">
24309            </a>
24310            <div class="xf-content-height">
24311 
24312
24313
24314<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
24315    
24316    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
24317
24318
24319
24320
24321
24322
24323
24324
24325    
24326    
24327
24328    
24329    <div class="gradient__background section_1626772440950" id="background_section-0c1907ff4b"></div>
24330
24331
24332
24333
24334
24335<div class="section__img
24336  section_1626772440950
24337  
24338  
24339  ">
24340    
24341</div>
24342
24343
24344
24345    
24346    
24347    
24348    <style type="text/css">
24349      #section-0c1907ff4b {
24350          --scope-grid-area: 1 / 13
24351      }
24352    </style>
24353
24354
24355
24356<div id="section-0c1907ff4b" class="section__content content limited-container section_1626772440950  ">
24357    
24358    
24359    
24360    
24361    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
24362
24363
24364
24365
24366
24367
24368
24369
24370
24371
24372
24373    <div id="image-b54a2946d4" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/mannequin_avec_meches_brunes-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
24374
24375        
24376            
24377    
24378
24379            
24380                
24381                    
24382                        <picture class="image__imgPreview  image__imgPreview--lazy">
24383                            
24384
24385                            
24386
24387                            
24388                            
24389                                
24390                            
24391
24392                            
24393                            
24394                            
24395
24396
24397                            
24398                            <img decoding="async" elementtiming="image-b54a2946d4" alt="Les mèches pour cheveux bruns" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
24399                        </picture>
24400
24401                        
24402                        
24403                    
24404                    
24405                    
24406                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/mannequin_avec_meches_brunes-wcms-fr_1-1-ratio" c
24406ontent="https://dm.henkel-dam.com/is/image/henkel/mannequin_avec_meches_brunes-wcms-fr_1-1-ratio"/>
24407                
24408                
24409  
24410
24411            
24412            
24413  
24414
24415        
24416    </div>
24417
24418
24419
24420    
24421
24422
24423</heliux-image>
24424<heliux-section class="section container responsivegrid container-max-grid">
24425
24426
24427
24428
24429
24430
24431
24432
24433    
24434    
24435
24436    
24437    <div class="gradient__background customizations__section" id="background_section-5ad07ef4b7"></div>
24438
24439
24440
24441
24442
24443<div class="section__img
24444  customizations__section
24445  
24446  
24447  ">
24448    
24449</div>
24450
24451
24452
24453    
24454    
24455    
24456    <style type="text/css">
24457      #section-5ad07ef4b7 {
24458          --scope-grid-area: 1 / 13
24459      }
24460    </style>
24461
24462
24463
24464<div id="section-5ad07ef4b7" class="section__content content limited-container customizations__section  ">
24465    
24466    
24467    
24468    
24469    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24470
24471
24472
24473
24474
24475
24476
24477
24478  
24479    
24480    
24481    <style type="text/css">
24482      #text-48a8c9dc35 {
24483          --scope-grid-area: 1 / 13
24484      }
24485    </style>
24486
24487
24488
24489
24490
24491
24492
24493
24494    
24495
24496
24497    
24498
24499
24500
24501
24502
24503
24504
24505    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-48a8c9dc35" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
24506            "hoverMessage": "",
24507            "clickMessage": ""
24508        }' data-components-params-limittext='{
24509            "useModal": false, 
24510            "XFContentPath": ""
24511        }'>
24512        
24513            
24514                <p>Mèches</p>
24515
24516                
24517                
24518                
24519            
24520        
24521    </div>
24522
24523
24524
24525
24526
24527</heliux-text>
24528<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24529
24530
24531
24532
24533
24534
24535
24536
24537  
24538    
24539    
24540    <style type="text/css">
24541      #text-b2c733da94 {
24542          --scope-grid-area: 1 / 13
24543      }
24544    </style>
24545
24546
24547
24548
24549
24550
24551  
24552  
24553    
24554
24555  
24556    
24557
24558
24559
24560
24561    
24562
24563
24564    
24565
24566
24567
24568
24569
24570
24571
24572    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-b2c733da94" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
24573            "hoverMessage": "",
24574            "clickMessage": ""
24575        }' data-components-params-limittext='{
24576            "useModal": false, 
24577            "XFContentPath": ""
24578        }'>
24579        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
24580            
24581                <h5><b>Mèches sur cheveux bruns </b></h5>
24582
24583                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
24584                    <span class="heliux-text__readMore-dots">...</span>
24585                    <span class="heliux-text__readMore-label"></span>
24586                </div>
24587                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
24588                    <span class="heliux-text__readLess-label"></span>
24589                </div>
24590                
24591            
24592        </div>
24593    </div>
24594
24595
24596
24597
24598
24599</heliux-text>
24600<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
24601
24602      
24603      
24604      
24605    
24606    
24607      
24608      
24609      
24610
24611      
24612      
24613      
24614      
24615      
24616    
24617    <div class="calltoaction__wrapper cta
24618            customizations__calltoaction
24619            calltoaction__linkclick
24620            " id="wrapper-calltoaction-0ffa78924f">
24621        
24622        <div class="calltoaction__background">
24623            <a id="calltoaction-0ffa78924f" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/cheveux-brun-fonce.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/cheveux-brun-fonce.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/cheveux-brun-fonce.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
24624                
24625                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
24626            </a>
24627            
24628        </div>
24629        
24630
24631    </div>
24632    
24633
24634      
24635    
24636
24637      
24638    
24639
24640
24641</heliux-calltoaction>
24642
24643    
24644
24645</div>
24646
24647
24648</heliux-section>
24649
24650    
24651
24652</div>
24653
24654
24655</heliux-section>
24656
24657    
24658</div>
24659
24660</div>
24661
24662        </li>
24663    
24664        
24665        <li class="teaserlist__item ">
24666            
24667            <a class="teaserlist__item-link" title="Quelle est la différence entre mèches et balayage ?" href="/articles/coloration/meches/difference-meches-et-balayage.html" target="_self">
24668            </a>
24669            <div class="xf-content-height">
24670 
24671
24672
24673<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
24674    
24675    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
24676
24677
24678
24679
24680
24681
24682
24683
24684    
24685    
24686
24687    
24688    <div class="gradient__background section_1626772440950" id="background_section-4e12c2510b"></div>
24689
24690
24691
24692
24693
24694<div class="section__img
24695  section_1626772440950
24696  
24697  
24698  ">
24699    
24700</div>
24701
24702
24703
24704    
24705    
24706    
24707    <style type="text/css">
24708      #section-4e12c2510b {
24709          --scope-grid-area: 1 / 13
24710      }
24711    </style>
24712
24713
24714
24715<div id="section-4e12c2510b" class="section__content content limited-container section_1626772440950  ">
24716    
24717    
24718    
24719    
24720    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
24721
24722
24723
24724
24725
24726
24727
24728
24729
24730
24731
24732    <div id="image-b35e7ca9f6" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
24733
24734        
24735            
24736    
24737
24738            
24739                
24740                    
24741                        <picture class="image__imgPreview  image__imgPreview--lazy">
24742                            
24743
24744                            
24745
24746                            
24747                            
24748                                
24749                            
24750
24751                            
24752                            
24753                            
24754
24755
24756                            
24757                            <img decoding="async" elementtiming="image-b35e7ca9f6" alt="Quelle est la différence entre mèches et balayage ?" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
24758                        </picture>
24759
24760                        
24761                        
24762                    
24763                    
24764                    
24765                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/20210309_Schwarzkopf_Palette_229_FINAL_1-1-ratio"/>
24766                
24767                
24768  
24769
24770            
24771            
24772  
24773
24774        
24775    </div>
24776
24777
24778
24779    
24780
24781
24782</heliux-image>
24783<heliux-section class="section container responsivegrid container-max-grid">
24784
24785
24786
24787
24788
24789
24790
24791
24792    
24793    
24794
24795    
24796    <div class="gradient__background customizations__section" id="background_section-4aee413a98"></div>
24797
24798
24799
24800
24801
24802<div class="section__img
24803  customizations__section
24804  
24805  
24806  ">
24807    
24808</div>
24809
24810
24811
24812    
24813    
24814    
24815    <style type="text/css">
24816      #section-4aee413a98 {
24817          --scope-grid-area: 1 / 13
24818      }
24819    </style>
24820
24821
24822
24823<div id="section-4aee413a98" class="section__content content limited-container customizations__section  ">
24824    
24825    
24826    
24827    
24828    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24829
24830
24831
24832
24833
24834
24835
24836
24837  
24838    
24839    
24840    <style type="text/css">
24841      #text-301a9862d3 {
24842          --scope-grid-area: 1 / 13
24843      }
24844    </style>
24845
24846
24847
24848
24849
24850
24851
24852
24853    
24854
24855
24856    
24857
24858
24859
24860
24861
24862
24863
24864    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-301a9862d3" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
24865            "hoverMessage": "",
24866            "clickMessage": ""
24867        }' data-components-params-limittext='{
24868            "useModal": false, 
24869            "XFContentPath": ""
24870        }'>
24871        
24872            
24873                <p>Mèches</p>
24874
24875                
24876                
24877                
24878            
24879        
24880    </div>
24881
24882
24883
24884
24885
24886</heliux-text>
24887<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
24888
24889
24890
24891
24892
24893
24894
24895
24896  
24897    
24898    
24899    <style type="text/css">
24900      #text-962954fff1 {
24901          --scope-grid-area: 1 / 13
24902      }
24903    </style>
24904
24905
24906
24907
24908
24909
24910  
24911  
24912    
24913
24914  
24915    
24916
24917
24918
24919
24920    
24921
24922
24923    
24924
24925
24926
24927
24928
24929
24930
24931    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-962954fff1" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
24932            "hoverMessage": "",
24933            "clickMessage": ""
24934        }' data-components-params-limittext='{
24935            "useModal": false, 
24936            "XFContentPath": ""
24937        }'>
24938        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
24939            
24940                <h5><b>Quelle est la différence entre mèches et balayage ?</b></h5>
24941
24942                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
24943                    <span class="heliux-text__readMore-dots">...</span>
24944                    <span class="heliux-text__readMore-label"></span>
24945                </div>
24946                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
24947                    <span class="heliux-text__readLess-label"></span>
24948                </div>
24949                
24950            
24951        </div>
24952    </div>
24953
24954
24955
24956
24957
24958</heliux-text>
24959<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
24960
24961      
24962      
24963      
24964    
24965    
24966      
24967      
24968      
24969
24970      
24971      
24972      
24973      
24974      
24975    
24976    <div class="calltoaction__wrapper cta
24977            customizations__calltoaction
24978            calltoaction__linkclick
24979            " id="wrapper-calltoaction-d20376b7bf">
24980        
24981        <div class="calltoaction__background">
24982            <a id="calltoaction-d20376b7bf" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/difference-meches-et-balayage.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/difference-meches-et-balayage.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/difference-meches-et-balayage.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
24983                
24984                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
24985            </a>
24986            
24987        </div>
24988        
24989
24990    </div>
24991    
24992
24993      
24994    
24995
24996      
24997    
24998
24999
25000</heliux-calltoaction>
25001
25002    
25003
25004</div>
25005
25006
25007</heliux-section>
25008
25009    
25010
25011</div>
25012
25013
25014</heliux-section>
25015
25016    
25017</div>
25018
25019</div>
25020
25021        </li>
25022    
25023        
25024        <li class="teaserlist__item ">
25025            
25026            <a class="teaserlist__item-link" title="Coup de projecteur sur les mèches blondes pour homme" href="/articles/coloration/meches/meches-blondes-homme.html" target="_self">
25027            </a>
25028            <div class="xf-content-height">
25029 
25030
25031
25032<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
25033    
25034    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
25035
25036
25037
25038
25039
25040
25041
25042
25043    
25044    
25045
25046    
25047    <div class="gradient__background section_1626772440950" id="background_section-ac3bfca81f"></div>
25048
25049
25050
25051
25052
25053<div class="section__img
25054  section_1626772440950
25055  
25056  
25057  ">
25058    
25059</div>
25060
25061
25062
25063    
25064    
25065    
25066    <style type="text/css">
25067      #section-ac3bfca81f {
25068          --scope-grid-area: 1 / 13
25069      }
25070    </style>
25071
25072
25073
25074<div id="section-ac3bfca81f" class="section__content content limited-container section_1626772440950  ">
25075    
25076    
25077    
25078    
25079    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
25080
25081
25082
25083
25084
25085
25086
25087
25088
25089
25090
25091    <div id="image-377ad50375" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/2560x963_man-frosted-tips-glasses-wcms-se_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
25092
25093        
25094            
25095    
25096
25097            
25098                
25099                    
25100                        <picture class="image__imgPreview  image__imgPreview--lazy">
25101                            
25102
25103                            
25104
25105                            
25106                            
25107                                
25108                            
25109
25110                            
25111                            
25112                            
25113
25114
25115                            
25116                            <img decoding="async" elementtiming="image-377ad50375" alt="Coup de projecteur sur les mèches blondes pour homme" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
25117                        </picture>
25118
25119                        
25120                        
25121                    
25122                    
25123                    
25124                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/2560x963_man-frosted-tips-glasses-wcms-se_1-1-ratio" c
25124ontent="https://dm.henkel-dam.com/is/image/henkel/2560x963_man-frosted-tips-glasses-wcms-se_1-1-ratio"/>
25125                
25126                
25127  
25128
25129            
25130            
25131  
25132
25133        
25134    </div>
25135
25136
25137
25138    
25139
25140
25141</heliux-image>
25142<heliux-section class="section container responsivegrid container-max-grid">
25143
25144
25145
25146
25147
25148
25149
25150
25151    
25152    
25153
25154    
25155    <div class="gradient__background customizations__section" id="background_section-f21427fd22"></div>
25156
25157
25158
25159
25160
25161<div class="section__img
25162  customizations__section
25163  
25164  
25165  ">
25166    
25167</div>
25168
25169
25170
25171    
25172    
25173    
25174    <style type="text/css">
25175      #section-f21427fd22 {
25176          --scope-grid-area: 1 / 13
25177      }
25178    </style>
25179
25180
25181
25182<div id="section-f21427fd22" class="section__content content limited-container customizations__section  ">
25183    
25184    
25185    
25186    
25187    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
25188
25189
25190
25191
25192
25193
25194
25195
25196  
25197    
25198    
25199    <style type="text/css">
25200      #text-422d9c18c2 {
25201          --scope-grid-area: 1 / 13
25202      }
25203    </style>
25204
25205
25206
25207
25208
25209
25210
25211
25212    
25213
25214
25215    
25216
25217
25218
25219
25220
25221
25222
25223    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-422d9c18c2" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
25224            "hoverMessage": "",
25225            "clickMessage": ""
25226        }' data-components-params-limittext='{
25227            "useModal": false, 
25228            "XFContentPath": ""
25229        }'>
25230        
25231            
25232                <p>Mèches</p>
25233
25234                
25235                
25236                
25237            
25238        
25239    </div>
25240
25241
25242
25243
25244
25245</heliux-text>
25246<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
25247
25248
25249
25250
25251
25252
25253
25254
25255  
25256    
25257    
25258    <style type="text/css">
25259      #text-4a80f5ff1c {
25260          --scope-grid-area: 1 / 13
25261      }
25262    </style>
25263
25264
25265
25266
25267
25268
25269  
25270  
25271    
25272
25273  
25274    
25275
25276
25277
25278
25279    
25280
25281
25282    
25283
25284
25285
25286
25287
25288
25289
25290    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-4a80f5ff1c" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
25291            "hoverMessage": "",
25292            "clickMessage": ""
25293        }' data-components-params-limittext='{
25294            "useModal": false, 
25295            "XFContentPath": ""
25296        }'>
25297        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
25298            
25299                <h5><b>Coup de projecteur sur les mèches blondes pour homme</b></h5>
25300
25301                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
25302                    <span class="heliux-text__readMore-dots">...</span>
25303                    <span class="heliux-text__readMore-label"></span>
25304                </div>
25305                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
25306                    <span class="heliux-text__readLess-label"></span>
25307                </div>
25308                
25309            
25310        </div>
25311    </div>
25312
25313
25314
25315
25316
25317</heliux-text>
25318<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
25319
25320      
25321      
25322      
25323    
25324    
25325      
25326      
25327      
25328
25329      
25330      
25331      
25332      
25333      
25334    
25335    <div class="calltoaction__wrapper cta
25336            customizations__calltoaction
25337            calltoaction__linkclick
25338            " id="wrapper-calltoaction-a666d27d9a">
25339        
25340        <div class="calltoaction__background">
25341            <a id="calltoaction-a666d27d9a" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/meches-blondes-homme.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/meches-blondes-homme.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/meches-blondes-homme.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
25342                
25343                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
25344            </a>
25345            
25346        </div>
25347        
25348
25349    </div>
25350    
25351
25352      
25353    
25354
25355      
25356    
25357
25358
25359</heliux-calltoaction>
25360
25361    
25362
25363</div>
25364
25365
25366</heliux-section>
25367
25368    
25369
25370</div>
25371
25372
25373</heliux-section>
25374
25375    
25376</div>
25377
25378</div>
25379
25380        </li>
25381    
25382        
25383        <li class="teaserlist__item ">
25384            
25385            <a class="teaserlist__item-link" title="Les mèches babylights à faire soi-même" href="/articles/coloration/meches/les-meches-babylights-a-faire-soi-meme-.html" target="_self">
25386            </a>
25387            <div class="xf-content-height">
25388 
25389
25390
25391<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
25392    
25393    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
25394
25395
25396
25397
25398
25399
25400
25401
25402    
25403    
25404
25405    
25406    <div class="gradient__background section_1626772440950" id="background_section-d3093e69a4"></div>
25407
25408
25409
25410
25411
25412<div class="section__img
25413  section_1626772440950
25414  
25415  
25416  ">
25417    
25418</div>
25419
25420
25421
25422    
25423    
25424    
25425    <style type="text/css">
25426      #section-d3093e69a4 {
25427          --scope-grid-area: 1 / 13
25428      }
25429    </style>
25430
25431
25432
25433<div id="section-d3093e69a4" class="section__content content limited-container section_1626772440950  ">
25434    
25435    
25436    
25437    
25438    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
25439
25440
25441
25442
25443
25444
25445
25446
25447
25448
25449
25450    <div id="image-9cc672d36f" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/highlights-color-at-home-wcms-master_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
25451
25452        
25453            
25454    
25455
25456            
25457                
25458                    
25459                        <picture class="image__imgPreview  image__imgPreview--lazy">
25460                            
25461
25462                            
25463
25464                            
25465                            
25466                                
25467                            
25468
25469                            
25470                            
25471                            
25472
25473
25474                            
25475                            <img decoding="async" elementtiming="image-9cc672d36f" alt="Les mèches babylights à faire soi-même" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
25476                        </picture>
25477
25478                        
25479                        
25480                    
25481                    
25482                    
25483                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/highlights-color-at-home-wcms-master_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/highlights-color-at-home-wcms-master_1-1-ratio"/>
25484                
25485                
25486  
25487
25488            
25489            
25490  
25491
25492        
25493    </div>
25494
25495
25496
25497    
25498
25499
25500</heliux-image>
25501<heliux-section class="section container responsivegrid container-max-grid">
25502
25503
25504
25505
25506
25507
25508
25509
25510    
25511    
25512
25513    
25514    <div class="gradient__background customizations__section" id="background_section-5be1d2c6ed"></div>
25515
25516
25517
25518
25519
25520<div class="section__img
25521  customizations__section
25522  
25523  
25524  ">
25525    
25526</div>
25527
25528
25529
25530    
25531    
25532    
25533    <style type="text/css">
25534      #section-5be1d2c6ed {
25535          --scope-grid-area: 1 / 13
25536      }
25537    </style>
25538
25539
25540
25541<div id="section-5be1d2c6ed" class="section__content content limited-container customizations__section  ">
25542    
25543    
25544    
25545    
25546    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
25547
25548
25549
25550
25551
25552
25553
25554
25555  
25556    
25557    
25558    <style type="text/css">
25559      #text-914423ea03 {
25560          --scope-grid-area: 1 / 13
25561      }
25562    </style>
25563
25564
25565
25566
25567
25568
25569
25570
25571    
25572
25573
25574    
25575
25576
25577
25578
25579
25580
25581
25582    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-914423ea03" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
25583            "hoverMessage": "",
25584            "clickMessage": ""
25585        }' data-components-params-limittext='{
25586            "useModal": false, 
25587            "XFContentPath": ""
25588        }'>
25589        
25590            
25591                <p>Mèches</p>
25592
25593                
25594                
25595                
25596            
25597        
25598    </div>
25599
25600
25601
25602
25603
25604</heliux-text>
25605<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
25606
25607
25608
25609
25610
25611
25612
25613
25614  
25615    
25616    
25617    <style type="text/css">
25618      #text-822bf88b47 {
25619          --scope-grid-area: 1 / 13
25620      }
25621    </style>
25622
25623
25624
25625
25626
25627
25628  
25629  
25630    
25631
25632  
25633    
25634
25635
25636
25637
25638    
25639
25640
25641    
25642
25643
25644
25645
25646
25647
25648
25649    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-822bf88b47" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
25650            "hoverMessage": "",
25651            "clickMessage": ""
25652        }' data-components-params-limittext='{
25653            "useModal": false, 
25654            "XFContentPath": ""
25655        }'>
25656        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
25657            
25658                <h5><b>Les mèches babylights à faire soi-même</b></h5>
25659
25660                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
25661                    <span class="heliux-text__readMore-dots">...</span>
25662                    <span class="heliux-text__readMore-label"></span>
25663                </div>
25664                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
25665                    <span class="heliux-text__readLess-label"></span>
25666                </div>
25667                
25668            
25669        </div>
25670    </div>
25671
25672
25673
25674
25675
25676</heliux-text>
25677<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
25678
25679      
25680      
25681      
25682    
25683    
25684      
25685      
25686      
25687
25688      
25689      
25690      
25691      
25692      
25693    
25694    <div class="calltoaction__wrapper cta
25695            customizations__calltoaction
25696            calltoaction__linkclick
25697            " id="wrapper-calltoaction-de60434a66">
25698        
25699        <div class="calltoaction__background">
25700            <a id="calltoaction-de60434a66" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/meches/les-meches-babylights-a-faire-soi-meme-.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/les-meches-babylights-a-faire-soi-meme-.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/streaks/les-meches-babylights-a-faire-soi-meme-.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
25701                
25702                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
25703            </a>
25704            
25705        </div>
25706        
25707
25708    </div>
25709    
25710
25711      
25712    
25713
25714      
25715    
25716
25717
25718</heliux-calltoaction>
25719
25720    
25721
25722</div>
25723
25724
25725</heliux-section>
25726
25727    
25728
25729</div>
25730
25731
25732</heliux-section>
25733
25734    
25735</div>
25736
25737</div>
25738
25739        </li>
25740    
25741
25742    
25743    
25744
25745              </ul>
25746              
25747  <heliux-calltoaction>
25748  
25749    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
25750  </heliux-calltoaction>
25751
25752              
25753          
25754
25755          
25756
25757          
25758      
25759  </div>
25760
25761
25762    
25763
25764    
25765    
25766    
25767
25768</heliux-teaserlist-v2></heliux-teaserlist-v2>
25769<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
25770
25771
25772
25773
25774
25775
25776
25777
25778
25779
25780    
25781    
25782    
25783    <style type="text/css">
25784      #title-5804233410 {
25785          --scope-grid-area: 1 / 13
25786      }
25787    </style>
25788
25789
25790
25791
25792
25793
25794    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-5804233410" data-type="h1">
25795        
25796        
25797        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Retrouver Sa Couleur Naturelle</h1>
25798    </div>
25799
25800
25801
25802
25803    
25804
25805
25806
25807</heliux-text>
25808<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-default"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
25809    
25810    
25811
25812    
25813
25814    
25815
25816    
25817    
25818
25819    
25820
25821    
25822
25823  
25824
25825  <div id="teaserlist-68b0014de2" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_2086373063&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:1,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
25826      <style>
25827          #teaserlist-68b0014de2 {
25828          --teaserlist-xxs-columns: 1;
25829          --teaserlist-xs-s-columns: 2;
25830          --teaserlist-m-l-columns: 3;
25831          --teaserlist-xl-xxl-columns: 3;
25832          }
25833      </style>
25834
25835      
25836    
25837
25838
25839      
25840
25841      
25842          
25843          
25844              <ul class="teaserlist__items atomic--target
25845                
25846                
25847                ">
25848                  
25849    
25850
25851    
25852
25853    
25854        
25855        <li class="teaserlist__item ">
25856            
25857            <a class="teaserlist__item-link" title="Sublimez votre couleur de cheveux naturelle" href="/articles/coloration/retrouver-sa-couleur-naturelle/couleur-naturelle.html" target="_self">
25858            </a>
25859            <div class="xf-content-height">
25860 
25861
25862
25863<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
25864    
25865    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
25866
25867
25868
25869
25870
25871
25872
25873
25874    
25875    
25876
25877    
25878    <div class="gradient__background section_1626772440950" id="background_section-8be8a2f83b"></div>
25879
25880
25881
25882
25883
25884<div class="section__img
25885  section_1626772440950
25886  
25887  
25888  ">
25889    
25890</div>
25891
25892
25893
25894    
25895    
25896    
25897    <style type="text/css">
25898      #section-8be8a2f83b {
25899          --scope-grid-area: 1 / 13
25900      }
25901    </style>
25902
25903
25904
25905<div id="section-8be8a2f83b" class="section__content content limited-container section_1626772440950  ">
25906    
25907    
25908    
25909    
25910    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
25911
25912
25913
25914
25915
25916
25917
25918
25919
25920
25921
25922    <div id="image-2bf9058f13" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_chatains_naturels-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
25923
25924        
25925            
25926    
25927
25928            
25929                
25930                    
25931                        <picture class="image__imgPreview  image__imgPreview--lazy">
25932                            
25933
25934                            
25935
25936                            
25937                            
25938                                
25939                            
25940
25941                            
25942                            
25943                            
25944
25945
25946                            
25947                            <img decoding="async" elementtiming="image-2bf9058f13" alt="Sublimez votre couleur de cheveux naturelle" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
25948                        </picture>
25949
25950                        
25951                        
25952                    
25953                    
25954                    
25955                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_chatains_naturels-wcms-fr_1-1-ratio" c
25955ontent="https://dm.henkel-dam.com/is/image/henkel/femme_souriante_cheveux_chatains_naturels-wcms-fr_1-1-ratio"/>
25956                
25957                
25958  
25959
25960            
25961            
25962  
25963
25964        
25965    </div>
25966
25967
25968
25969    
25970
25971
25972</heliux-image>
25973<heliux-section class="section container responsivegrid container-max-grid">
25974
25975
25976
25977
25978
25979
25980
25981
25982    
25983    
25984
25985    
25986    <div class="gradient__background customizations__section" id="background_section-c77dc0bdf0"></div>
25987
25988
25989
25990
25991
25992<div class="section__img
25993  customizations__section
25994  
25995  
25996  ">
25997    
25998</div>
25999
26000
26001
26002    
26003    
26004    
26005    <style type="text/css">
26006      #section-c77dc0bdf0 {
26007          --scope-grid-area: 1 / 13
26008      }
26009    </style>
26010
26011
26012
26013<div id="section-c77dc0bdf0" class="section__content content limited-container customizations__section  ">
26014    
26015    
26016    
26017    
26018    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26019
26020
26021
26022
26023
26024
26025
26026
26027  
26028    
26029    
26030    <style type="text/css">
26031      #text-af0fb8189c {
26032          --scope-grid-area: 1 / 13
26033      }
26034    </style>
26035
26036
26037
26038
26039
26040
26041
26042
26043    
26044
26045
26046    
26047
26048
26049
26050
26051
26052
26053
26054    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-af0fb8189c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
26055            "hoverMessage": "",
26056            "clickMessage": ""
26057        }' data-components-params-limittext='{
26058            "useModal": false, 
26059            "XFContentPath": ""
26060        }'>
26061        
26062            
26063                <p>Retrouver Sa Couleur Naturelle</p>
26064
26065                
26066                
26067                
26068            
26069        
26070    </div>
26071
26072
26073
26074
26075
26076</heliux-text>
26077<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26078
26079
26080
26081
26082
26083
26084
26085
26086  
26087    
26088    
26089    <style type="text/css">
26090      #text-6f78988478 {
26091          --scope-grid-area: 1 / 13
26092      }
26093    </style>
26094
26095
26096
26097
26098
26099
26100  
26101  
26102    
26103
26104  
26105    
26106
26107
26108
26109
26110    
26111
26112
26113    
26114
26115
26116
26117
26118
26119
26120
26121    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-6f78988478" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
26122            "hoverMessage": "",
26123            "clickMessage": ""
26124        }' data-components-params-limittext='{
26125            "useModal": false, 
26126            "XFContentPath": ""
26127        }'>
26128        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
26129            
26130                <h5><b>Sublimez votre couleur de cheveux naturelle</b></h5>
26131
26132                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
26133                    <span class="heliux-text__readMore-dots">...</span>
26134                    <span class="heliux-text__readMore-label"></span>
26135                </div>
26136                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
26137                    <span class="heliux-text__readLess-label"></span>
26138                </div>
26139                
26140            
26141        </div>
26142    </div>
26143
26144
26145
26146
26147
26148</heliux-text>
26149<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
26150
26151      
26152      
26153      
26154    
26155    
26156      
26157      
26158      
26159
26160      
26161      
26162      
26163      
26164      
26165    
26166    <div class="calltoaction__wrapper cta
26167            customizations__calltoaction
26168            calltoaction__linkclick
26169            " id="wrapper-calltoaction-fd35f25656">
26170        
26171        <div class="calltoaction__background">
26172            <a id="calltoaction-fd35f25656" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/retrouver-sa-couleur-naturelle/couleur-naturelle.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/naturalhair
26172color/couleur-naturelle.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/naturalhaircolor/couleur-naturelle.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
26173                
26174                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
26175            </a>
26176            
26177        </div>
26178        
26179
26180    </div>
26181    
26182
26183      
26184    
26185
26186      
26187    
26188
26189
26190</heliux-calltoaction>
26191
26192    
26193
26194</div>
26195
26196
26197</heliux-section>
26198
26199    
26200
26201</div>
26202
26203
26204</heliux-section>
26205
26206    
26207</div>
26208
26209</div>
26210
26211        </li>
26212    
26213
26214    
26215    
26216
26217              </ul>
26218              
26219              
26220          
26221
26222          
26223
26224          
26225      
26226  </div>
26227
26228
26229    
26230
26231    
26232    
26233    
26234
26235</heliux-teaserlist-v2></heliux-teaserlist-v2>
26236<heliux-text class="title container-max-grid font-weight-bold margin-block-start-none margin-block-end-default">
26237
26238
26239
26240
26241
26242
26243
26244
26245
26246
26247    
26248    
26249    
26250    <style type="text/css">
26251      #title-20cf5ed579 {
26252          --scope-grid-area: 1 / 13
26253      }
26254    </style>
26255
26256
26257
26258
26259
26260
26261    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-20cf5ed579" data-type="h1">
26262        
26263        
26264        <h1 class="heading3 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Se Colorer Les Cheveux</h1>
26265    </div>
26266
26267
26268
26269
26270    
26271
26272
26273
26274</heliux-text>
26275<heliux-teaserlist-v2 class="teaserlist list alignment-horizontal-center margin-block-start-none margin-block-end-none"><heliux-teaserlist-v2 class="teaserlist " data-adobe-tracking-configs="{&#34;teaserListV2TeaserLinkAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}">
26276    
26277    
26278
26279    
26280
26281    
26282
26283    
26284    
26285
26286    
26287
26288    
26289
26290  
26291
26292  <div id="teaserlist-a011456227" class="teaserlist__wrapper customizations__teaserlist" data-components="TeaserListV2" data-tracking-configs="{&#34;teaserListLoadMoreAnalyticsConfig&#34;:{&#34;isActive&#34;:true}}" data-components-params-teaserlistv2="{&#34;nextSlideViewportMobile&#34;:&#34;default&#34;,&#34;maxItems&#34;:12,&#34;loadMoreLink&#34;:&#34;/articles/coloration/par-type-de-coloration/_jcr_content/root/main/section_copy_copy_co/section/section_copy/teaserlist_copy_copy_172031654&#34;,&#34;size&#34;:6,&#34;offset&#34;:0,&#34;initial&#34;:6,&#34;itemsLimit&#34;:25,&#34;nextSlideViewport&#34;:&#34;default&#34;}">
26293      <style>
26294          #teaserlist-a011456227 {
26295          --teaserlist-xxs-columns: 1;
26296          --teaserlist-xs-s-columns: 2;
26297          --teaserlist-m-l-columns: 3;
26298          --teaserlist-xl-xxl-columns: 3;
26299          }
26300      </style>
26301
26302      
26303    
26304
26305
26306      
26307
26308      
26309          
26310          
26311              <ul class="teaserlist__items atomic--target
26312                teaserlist__items--loadMore
26313                
26314                ">
26315                  
26316    
26317
26318    
26319
26320    
26321        
26322        <li class="teaserlist__item ">
26323            
26324            <a class="teaserlist__item-link" title="Guide de coloration maison" href="/articles/coloration/se-colorer-les-cheveux/coloration-maison.html" target="_self">
26325            </a>
26326            <div class="xf-content-height">
26327 
26328
26329
26330<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
26331    
26332    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
26333
26334
26335
26336
26337
26338
26339
26340
26341    
26342    
26343
26344    
26345    <div class="gradient__background section_1626772440950" id="background_section-6b71fd8c5a"></div>
26346
26347
26348
26349
26350
26351<div class="section__img
26352  section_1626772440950
26353  
26354  
26355  ">
26356    
26357</div>
26358
26359
26360
26361    
26362    
26363    
26364    <style type="text/css">
26365      #section-6b71fd8c5a {
26366          --scope-grid-area: 1 / 13
26367      }
26368    </style>
26369
26370
26371
26372<div id="section-6b71fd8c5a" class="section__content content limited-container section_1626772440950  ">
26373    
26374    
26375    
26376    
26377    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
26378
26379
26380
26381
26382
26383
26384
26385
26386
26387
26388
26389    <div id="image-189b1a17e6" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_volumizing_hair_powder-wcms-us-mobile&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
26390
26391        
26392            
26393    
26394
26395            
26396                
26397                    
26398                        <picture class="image__imgPreview  image__imgPreview--lazy">
26399                            
26400
26401                            
26402
26403                            
26404                            
26405                                
26406                            
26407
26408                            
26409                            
26410                            
26411
26412
26413                            
26414                            <img decoding="async" elementtiming="image-189b1a17e6" alt="Guide de coloration maison" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
26415                        </picture>
26416
26417                        
26418                        
26419                    
26420                    
26421                    
26422                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_volumizing_hair_powder-wcms-us-mobile" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_volumizing_hair_powder-wcms-us-mobile"/>
26423                
26424                
26425  
26426
26427            
26428            
26429  
26430
26431        
26432    </div>
26433
26434
26435
26436    
26437
26438
26439</heliux-image>
26440<heliux-section class="section container responsivegrid container-max-grid">
26441
26442
26443
26444
26445
26446
26447
26448
26449    
26450    
26451
26452    
26453    <div class="gradient__background customizations__section" id="background_section-e36593ef82"></div>
26454
26455
26456
26457
26458
26459<div class="section__img
26460  customizations__section
26461  
26462  
26463  ">
26464    
26465</div>
26466
26467
26468
26469    
26470    
26471    
26472    <style type="text/css">
26473      #section-e36593ef82 {
26474          --scope-grid-area: 1 / 13
26475      }
26476    </style>
26477
26478
26479
26480<div id="section-e36593ef82" class="section__content content limited-container customizations__section  ">
26481    
26482    
26483    
26484    
26485    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26486
26487
26488
26489
26490
26491
26492
26493
26494  
26495    
26496    
26497    <style type="text/css">
26498      #text-48b7f7d93a {
26499          --scope-grid-area: 1 / 13
26500      }
26501    </style>
26502
26503
26504
26505
26506
26507
26508
26509
26510    
26511
26512
26513    
26514
26515
26516
26517
26518
26519
26520
26521    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-48b7f7d93a" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
26522            "hoverMessage": "",
26523            "clickMessage": ""
26524        }' data-components-params-limittext='{
26525            "useModal": false, 
26526            "XFContentPath": ""
26527        }'>
26528        
26529            
26530                <p>
26530Se Colorer Les Cheveux</p>
26531
26532                
26533                
26534                
26535            
26536        
26537    </div>
26538
26539
26540
26541
26542
26543</heliux-text>
26544<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26545
26546
26547
26548
26549
26550
26551
26552
26553  
26554    
26555    
26556    <style type="text/css">
26557      #text-56b9f6933e {
26558          --scope-grid-area: 1 / 13
26559      }
26560    </style>
26561
26562
26563
26564
26565
26566
26567  
26568  
26569    
26570
26571  
26572    
26573
26574
26575
26576
26577    
26578
26579
26580    
26581
26582
26583
26584
26585
26586
26587
26588    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-56b9f6933e" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
26589            "hoverMessage": "",
26590            "clickMessage": ""
26591        }' data-components-params-limittext='{
26592            "useModal": false, 
26593            "XFContentPath": ""
26594        }'>
26595        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
26596            
26597                <h5><b>Guide de coloration maison</b></h5>
26598
26599                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
26600                    <span class="heliux-text__readMore-dots">...</span>
26601                    <span class="heliux-text__readMore-label"></span>
26602                </div>
26603                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
26604                    <span class="heliux-text__readLess-label"></span>
26605                </div>
26606                
26607            
26608        </div>
26609    </div>
26610
26611
26612
26613
26614
26615</heliux-text>
26616<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
26617
26618      
26619      
26620      
26621    
26622    
26623      
26624      
26625      
26626
26627      
26628      
26629      
26630      
26631      
26632    
26633    <div class="calltoaction__wrapper cta
26634            customizations__calltoaction
26635            calltoaction__linkclick
26636            " id="wrapper-calltoaction-0dc9806a49">
26637        
26638        <div class="calltoaction__background">
26639            <a id="calltoaction-0dc9806a49" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/coloration-maison.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-maison.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-maison.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
26640                
26641                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
26642            </a>
26643            
26644        </div>
26645        
26646
26647    </div>
26648    
26649
26650      
26651    
26652
26653      
26654    
26655
26656
26657</heliux-calltoaction>
26658
26659    
26660
26661</div>
26662
26663
26664</heliux-section>
26665
26666    
26667
26668</div>
26669
26670
26671</heliux-section>
26672
26673    
26674</div>
26675
26676</div>
26677
26678        </li>
26679    
26680        
26681        <li class="teaserlist__item ">
26682            
26683            <a class="teaserlist__item-link" title="Coloration blond doré : des cheveux blonds comme les blés" href="/articles/coloration/se-colorer-les-cheveux/blond-dore.html" target="_self">
26684            </a>
26685            <div class="xf-content-height">
26686 
26687
26688
26689<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
26690    
26691    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
26692
26693
26694
26695
26696
26697
26698
26699
26700    
26701    
26702
26703    
26704    <div class="gradient__background section_1626772440950" id="background_section-7e38e80d31"></div>
26705
26706
26707
26708
26709
26710<div class="section__img
26711  section_1626772440950
26712  
26713  
26714  ">
26715    
26716</div>
26717
26718
26719
26720    
26721    
26722    
26723    <style type="text/css">
26724      #section-7e38e80d31 {
26725          --scope-grid-area: 1 / 13
26726      }
26727    </style>
26728
26729
26730
26731<div id="section-7e38e80d31" class="section__content content limited-container section_1626772440950  ">
26732    
26733    
26734    
26735    
26736    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
26737
26738
26739
26740
26741
26742
26743
26744
26745
26746
26747
26748    <div id="image-e17ae6a5c7" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_FrancescoSambati_blond-dore_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
26749
26750        
26751            
26752    
26753
26754            
26755                
26756                    
26757                        <picture class="image__imgPreview  image__imgPreview--lazy">
26758                            
26759
26760                            
26761
26762                            
26763                            
26764                                
26765                            
26766
26767                            
26768                            
26769                            
26770
26771
26772                            
26773                            <img decoding="async" elementtiming="image-e17ae6a5c7" alt="Coloration blond doré : des cheveux blonds comme les blés" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
26774                        </picture>
26775
26776                        
26777                        
26778                    
26779                    
26780                    
26781                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_FrancescoSambati_blond-dore_FR_1-1-ratio" c
26781ontent="https://dm.henkel-dam.com/is/image/henkel/1500x564_EyeEm_FrancescoSambati_blond-dore_FR_1-1-ratio"/>
26782                
26783                
26784  
26785
26786            
26787            
26788  
26789
26790        
26791    </div>
26792
26793
26794
26795    
26796
26797
26798</heliux-image>
26799<heliux-section class="section container responsivegrid container-max-grid">
26800
26801
26802
26803
26804
26805
26806
26807
26808    
26809    
26810
26811    
26812    <div class="gradient__background customizations__section" id="background_section-99e7851ab3"></div>
26813
26814
26815
26816
26817
26818<div class="section__img
26819  customizations__section
26820  
26821  
26822  ">
26823    
26824</div>
26825
26826
26827
26828    
26829    
26830    
26831    <style type="text/css">
26832      #section-99e7851ab3 {
26833          --scope-grid-area: 1 / 13
26834      }
26835    </style>
26836
26837
26838
26839<div id="section-99e7851ab3" class="section__content content limited-container customizations__section  ">
26840    
26841    
26842    
26843    
26844    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26845
26846
26847
26848
26849
26850
26851
26852
26853  
26854    
26855    
26856    <style type="text/css">
26857      #text-2a81ad9a5f {
26858          --scope-grid-area: 1 / 13
26859      }
26860    </style>
26861
26862
26863
26864
26865
26866
26867
26868
26869    
26870
26871
26872    
26873
26874
26875
26876
26877
26878
26879
26880    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-2a81ad9a5f" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
26881            "hoverMessage": "",
26882            "clickMessage": ""
26883        }' data-components-params-limittext='{
26884            "useModal": false, 
26885            "XFContentPath": ""
26886        }'>
26887        
26888            
26889                <p>Se Colorer Les Cheveux</p>
26890
26891                
26892                
26893                
26894            
26895        
26896    </div>
26897
26898
26899
26900
26901
26902</heliux-text>
26903<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
26904
26905
26906
26907
26908
26909
26910
26911
26912  
26913    
26914    
26915    <style type="text/css">
26916      #text-719817bee5 {
26917          --scope-grid-area: 1 / 13
26918      }
26919    </style>
26920
26921
26922
26923
26924
26925
26926  
26927  
26928    
26929
26930  
26931    
26932
26933
26934
26935
26936    
26937
26938
26939    
26940
26941
26942
26943
26944
26945
26946
26947    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-719817bee5" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
26948            "hoverMessage": "",
26949            "clickMessage": ""
26950        }' data-components-params-limittext='{
26951            "useModal": false, 
26952            "XFContentPath": ""
26953        }'>
26954        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
26955            
26956                <h5><b>Coloration blond doré : des cheveux blonds comme les blés</b></h5>
26957
26958                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
26959                    <span class="heliux-text__readMore-dots">...</span>
26960                    <span class="heliux-text__readMore-label"></span>
26961                </div>
26962                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
26963                    <span class="heliux-text__readLess-label"></span>
26964                </div>
26965                
26966            
26967        </div>
26968    </div>
26969
26970
26971
26972
26973
26974</heliux-text>
26975<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
26976
26977      
26978      
26979      
26980    
26981    
26982      
26983      
26984      
26985
26986      
26987      
26988      
26989      
26990      
26991    
26992    <div class="calltoaction__wrapper cta
26993            customizations__calltoaction
26994            calltoaction__linkclick
26995            " id="wrapper-calltoaction-28d8a2b729">
26996        
26997        <div class="calltoaction__background">
26998            <a id="calltoaction-28d8a2b729" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/blond-dore.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/blond-dore.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/blond-dore.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
26999                
27000                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
27001            </a>
27002            
27003        </div>
27004        
27005
27006    </div>
27007    
27008
27009      
27010    
27011
27012      
27013    
27014
27015
27016</heliux-calltoaction>
27017
27018    
27019
27020</div>
27021
27022
27023</heliux-section>
27024
27025    
27026
27027</div>
27028
27029
27030</heliux-section>
27031
27032    
27033</div>
27034
27035</div>
27036
27037        </li>
27038    
27039        
27040        <li class="teaserlist__item ">
27041            
27042            <a class="teaserlist__item-link" title="Cheveux roses : coloration fraîche et versatile" href="/articles/coloration/se-colorer-les-cheveux/coloration-cheveux-rose.html" target="_self">
27043            </a>
27044            <div class="xf-content-height">
27045 
27046
27047
27048<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
27049    
27050    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
27051
27052
27053
27054
27055
27056
27057
27058
27059    
27060    
27061
27062    
27063    <div class="gradient__background section_1626772440950" id="background_section-cce6a04232"></div>
27064
27065
27066
27067
27068
27069<div class="section__img
27070  section_1626772440950
27071  
27072  
27073  ">
27074    
27075</div>
27076
27077
27078
27079    
27080    
27081    
27082    <style type="text/css">
27083      #section-cce6a04232 {
27084          --scope-grid-area: 1 / 13
27085      }
27086    </style>
27087
27088
27089
27090<div id="section-cce6a04232" class="section__content content limited-container section_1626772440950  ">
27091    
27092    
27093    
27094    
27095    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
27096
27097
27098
27099
27100
27101
27102
27103
27104
27105
27106
27107    <div id="image-23a51add53" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2581565_Lucas_Ottone_coloration_rose_FR_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
27108
27109        
27110            
27111    
27112
27113            
27114                
27115                    
27116                        <picture class="image__imgPreview  image__imgPreview--lazy">
27117                            
27118
27119                            
27120
27121                            
27122                            
27123                                
27124                            
27125
27126                            
27127                            
27128                            
27129
27130
27131                            
27132                            <img decoding="async" elementtiming="image-23a51add53" alt="Cheveux roses : coloration fraîche et versatile" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
27133                        </picture>
27134
27135                        
27136                        
27137                    
27138                    
27139                    
27140                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2581565_Lucas_Ottone_coloration_rose_FR_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/1500x564_Stocksy_2581565_Lucas_Ottone_coloration_rose_FR_1-1-ratio"/>
27141                
27142                
27143  
27144
27145            
27146            
27147  
27148
27149        
27150    </div>
27151
27152
27153
27154    
27155
27156
27157</heliux-image>
27158<heliux-section class="section container responsivegrid container-max-grid">
27159
27160
27161
27162
27163
27164
27165
27166
27167    
27168    
27169
27170    
27171    <div class="gradient__background customizations__section" id="background_section-0a595b730b"></div>
27172
27173
27174
27175
27176
27177<div class="section__img
27178  customizations__section
27179  
27180  
27181  ">
27182    
27183</div>
27184
27185
27186
27187    
27188    
27189    
27190    <style type="text/css">
27191      #section-0a595b730b {
27192          --scope-grid-area: 1 / 13
27193      }
27194    </style>
27195
27196
27197
27198<div id="section-0a595b730b" class="section__content content limited-container customizations__section  ">
27199    
27200    
27201    
27202    
27203    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27204
27205
27206
27207
27208
27209
27210
27211
27212  
27213    
27214    
27215    <style type="text/css">
27216      #text-1a22dd4809 {
27217          --scope-grid-area: 1 / 13
27218      }
27219    </style>
27220
27221
27222
27223
27224
27225
27226
27227
27228    
27229
27230
27231    
27232
27233
27234
27235
27236
27237
27238
27239    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-1a22dd4809" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
27240            "hoverMessage": "",
27241            "clickMessage": ""
27242        }' data-components-params-limittext='{
27243            "useModal": false, 
27244            "XFContentPath": ""
27245        }'>
27246        
27247            
27248                <p>
27248Se Colorer Les Cheveux</p>
27249
27250                
27251                
27252                
27253            
27254        
27255    </div>
27256
27257
27258
27259
27260
27261</heliux-text>
27262<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27263
27264
27265
27266
27267
27268
27269
27270
27271  
27272    
27273    
27274    <style type="text/css">
27275      #text-1ed0860616 {
27276          --scope-grid-area: 1 / 13
27277      }
27278    </style>
27279
27280
27281
27282
27283
27284
27285  
27286  
27287    
27288
27289  
27290    
27291
27292
27293
27294
27295    
27296
27297
27298    
27299
27300
27301
27302
27303
27304
27305
27306    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-1ed0860616" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
27307            "hoverMessage": "",
27308            "clickMessage": ""
27309        }' data-components-params-limittext='{
27310            "useModal": false, 
27311            "XFContentPath": ""
27312        }'>
27313        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
27314            
27315                <h5><b>Cheveux roses : coloration fraîche et versatile</b></h5>
27316
27317                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
27318                    <span class="heliux-text__readMore-dots">...</span>
27319                    <span class="heliux-text__readMore-label"></span>
27320                </div>
27321                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
27322                    <span class="heliux-text__readLess-label"></span>
27323                </div>
27324                
27325            
27326        </div>
27327    </div>
27328
27329
27330
27331
27332
27333</heliux-text>
27334<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
27335
27336      
27337      
27338      
27339    
27340    
27341      
27342      
27343      
27344
27345      
27346      
27347      
27348      
27349      
27350    
27351    <div class="calltoaction__wrapper cta
27352            customizations__calltoaction
27353            calltoaction__linkclick
27354            " id="wrapper-calltoaction-78ad035e5c">
27355        
27356        <div class="calltoaction__background">
27357            <a id="calltoaction-78ad035e5c" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/coloration-cheveux-rose.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-cheveux-rose.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-cheveux-rose.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
27358                
27359                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
27360            </a>
27361            
27362        </div>
27363        
27364
27365    </div>
27366    
27367
27368      
27369    
27370
27371      
27372    
27373
27374
27375</heliux-calltoaction>
27376
27377    
27378
27379</div>
27380
27381
27382</heliux-section>
27383
27384    
27385
27386</div>
27387
27388
27389</heliux-section>
27390
27391    
27392</div>
27393
27394</div>
27395
27396        </li>
27397    
27398        
27399        <li class="teaserlist__item ">
27400            
27401            <a class="teaserlist__item-link" title="Coloration : les erreurs les plus courantes et comment les éviter" href="/articles/coloration/se-colorer-les-cheveux/coloration---les-erreurs-les-plus-courantes-et-comment-les-evite.html" target="_self">
27402            </a>
27403            <div class="xf-content-height">
27404 
27405
27406
27407<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
27408    
27409    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
27410
27411
27412
27413
27414
27415
27416
27417
27418    
27419    
27420
27421    
27422    <div class="gradient__background section_1626772440950" id="background_section-13ffd00bc3"></div>
27423
27424
27425
27426
27427
27428<div class="section__img
27429  section_1626772440950
27430  
27431  
27432  ">
27433    
27434</div>
27435
27436
27437
27438    
27439    
27440    
27441    <style type="text/css">
27442      #section-13ffd00bc3 {
27443          --scope-grid-area: 1 / 13
27444      }
27445    </style>
27446
27447
27448
27449<div id="section-13ffd00bc3" class="section__content content limited-container section_1626772440950  ">
27450    
27451    
27452    
27453    
27454    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
27455
27456
27457
27458
27459
27460
27461
27462
27463
27464
27465
27466    <div id="image-9ca289f35a" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/avril-lavigne-with-pink-hightlighted-hairstyle-wcms-us_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
27467
27468        
27469            
27470    
27471
27472            
27473                
27474                    
27475                        <picture class="image__imgPreview  image__imgPreview--lazy">
27476                            
27477
27478                            
27479
27480                            
27481                            
27482                                
27483                            
27484
27485                            
27486                            
27487                            
27488
27489
27490                            
27491                            <img decoding="async" elementtiming="image-9ca289f35a" alt="Coloration : les erreurs les plus courantes et comment les éviter" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
27492                        </picture>
27493
27494                        
27495                        
27496                    
27497                    
27498                    
27499                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/avril-lavigne-with-pink-hightlighted-hairstyle-wcms-us_1-1-ratio" c
27499ontent="https://dm.henkel-dam.com/is/image/henkel/avril-lavigne-with-pink-hightlighted-hairstyle-wcms-us_1-1-ratio"/>
27500                
27501                
27502  
27503
27504            
27505            
27506  
27507
27508        
27509    </div>
27510
27511
27512
27513    
27514
27515
27516</heliux-image>
27517<heliux-section class="section container responsivegrid container-max-grid">
27518
27519
27520
27521
27522
27523
27524
27525
27526    
27527    
27528
27529    
27530    <div class="gradient__background customizations__section" id="background_section-cce1834701"></div>
27531
27532
27533
27534
27535
27536<div class="section__img
27537  customizations__section
27538  
27539  
27540  ">
27541    
27542</div>
27543
27544
27545
27546    
27547    
27548    
27549    <style type="text/css">
27550      #section-cce1834701 {
27551          --scope-grid-area: 1 / 13
27552      }
27553    </style>
27554
27555
27556
27557<div id="section-cce1834701" class="section__content content limited-container customizations__section  ">
27558    
27559    
27560    
27561    
27562    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27563
27564
27565
27566
27567
27568
27569
27570
27571  
27572    
27573    
27574    <style type="text/css">
27575      #text-2c0aaeca7c {
27576          --scope-grid-area: 1 / 13
27577      }
27578    </style>
27579
27580
27581
27582
27583
27584
27585
27586
27587    
27588
27589
27590    
27591
27592
27593
27594
27595
27596
27597
27598    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-2c0aaeca7c" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
27599            "hoverMessage": "",
27600            "clickMessage": ""
27601        }' data-components-params-limittext='{
27602            "useModal": false, 
27603            "XFContentPath": ""
27604        }'>
27605        
27606            
27607                <p>Se Colorer Les Cheveux</p>
27608
27609                
27610                
27611                
27612            
27613        
27614    </div>
27615
27616
27617
27618
27619
27620</heliux-text>
27621<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27622
27623
27624
27625
27626
27627
27628
27629
27630  
27631    
27632    
27633    <style type="text/css">
27634      #text-092ee2d2d1 {
27635          --scope-grid-area: 1 / 13
27636      }
27637    </style>
27638
27639
27640
27641
27642
27643
27644  
27645  
27646    
27647
27648  
27649    
27650
27651
27652
27653
27654    
27655
27656
27657    
27658
27659
27660
27661
27662
27663
27664
27665    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-092ee2d2d1" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
27666            "hoverMessage": "",
27667            "clickMessage": ""
27668        }' data-components-params-limittext='{
27669            "useModal": false, 
27670            "XFContentPath": ""
27671        }'>
27672        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
27673            
27674                <h5><b>Coloration : les erreurs les plus courantes et comment les éviter</b></h5>
27675
27676                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
27677                    <span class="heliux-text__readMore-dots">...</span>
27678                    <span class="heliux-text__readMore-label"></span>
27679                </div>
27680                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
27681                    <span class="heliux-text__readLess-label"></span>
27682                </div>
27683                
27684            
27685        </div>
27686    </div>
27687
27688
27689
27690
27691
27692</heliux-text>
27693<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
27694
27695      
27696      
27697      
27698    
27699    
27700      
27701      
27702      
27703
27704      
27705      
27706      
27707      
27708      
27709    
27710    <div class="calltoaction__wrapper cta
27711            customizations__calltoaction
27712            calltoaction__linkclick
27713            " id="wrapper-calltoaction-b4df6bf5ff">
27714        
27715        <div class="calltoaction__background">
27716            <a id="calltoaction-b4df6bf5ff" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/coloration---les-erreurs-les-plus-courantes-et-comment-les-evite.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration---les-erreurs-les-plus-courantes-et-comment-les-evite.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration---les-erreurs-les-plus-courantes-et-comment-les-evite.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
27717                
27718                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
27719            </a>
27720            
27721        </div>
27722        
27723
27724    </div>
27725    
27726
27727      
27728    
27729
27730      
27731    
27732
27733
27734</heliux-calltoaction>
27735
27736    
27737
27738</div>
27739
27740
27741</heliux-section>
27742
27743    
27744
27745</div>
27746
27747
27748</heliux-section>
27749
27750    
27751</div>
27752
27753</div>
27754
27755        </li>
27756    
27757        
27758        <li class="teaserlist__item ">
27759            
27760            <a class="teaserlist__item-link" title="La nouvelle coloration pour cheveux multi-applications" href="/articles/coloration/se-colorer-les-cheveux/coloration-multi-application.html" target="_self">
27761            </a>
27762            <div class="xf-content-height">
27763 
27764
27765
27766<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
27767    
27768    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
27769
27770
27771
27772
27773
27774
27775
27776
27777    
27778    
27779
27780    
27781    <div class="gradient__background section_1626772440950" id="background_section-e8dabe46b6"></div>
27782
27783
27784
27785
27786
27787<div class="section__img
27788  section_1626772440950
27789  
27790  
27791  ">
27792    
27793</div>
27794
27795
27796
27797    
27798    
27799    
27800    <style type="text/css">
27801      #section-e8dabe46b6 {
27802          --scope-grid-area: 1 / 13
27803      }
27804    </style>
27805
27806
27807
27808<div id="section-e8dabe46b6" class="section__content content limited-container section_1626772440950  ">
27809    
27810    
27811    
27812    
27813    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
27814
27815
27816
27817
27818
27819
27820
27821
27822
27823
27824
27825    <div id="image-bbfd7a3739" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/femme_brune_coupe_au_carre-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
27826
27827        
27828            
27829    
27830
27831            
27832                
27833                    
27834                        <picture class="image__imgPreview  image__imgPreview--lazy">
27835                            
27836
27837                            
27838
27839                            
27840                            
27841                                
27842                            
27843
27844                            
27845                            
27846                            
27847
27848
27849                            
27850                            <img decoding="async" elementtiming="image-bbfd7a3739" alt="La nouvelle coloration pour cheveux multi-applications" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
27851                        </picture>
27852
27853                        
27854                        
27855                    
27856                    
27857                    
27858                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/femme_brune_coupe_au_carre-wcms-fr_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/femme_brune_coupe_au_carre-wcms-fr_1-1-ratio"/>
27859                
27860                
27861  
27862
27863            
27864            
27865  
27866
27867        
27868    </div>
27869
27870
27871
27872    
27873
27874
27875</heliux-image>
27876<heliux-section class="section container responsivegrid container-max-grid">
27877
27878
27879
27880
27881
27882
27883
27884
27885    
27886    
27887
27888    
27889    <div class="gradient__background customizations__section" id="background_section-42eedf892f"></div>
27890
27891
27892
27893
27894
27895<div class="section__img
27896  customizations__section
27897  
27898  
27899  ">
27900    
27901</div>
27902
27903
27904
27905    
27906    
27907    
27908    <style type="text/css">
27909      #section-42eedf892f {
27910          --scope-grid-area: 1 / 13
27911      }
27912    </style>
27913
27914
27915
27916<div id="section-42eedf892f" class="section__content content limited-container customizations__section  ">
27917    
27918    
27919    
27920    
27921    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27922
27923
27924
27925
27926
27927
27928
27929
27930  
27931    
27932    
27933    <style type="text/css">
27934      #text-c872896ecf {
27935          --scope-grid-area: 1 / 13
27936      }
27937    </style>
27938
27939
27940
27941
27942
27943
27944
27945
27946    
27947
27948
27949    
27950
27951
27952
27953
27954
27955
27956
27957    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-c872896ecf" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
27958            "hoverMessage": "",
27959            "clickMessage": ""
27960        }' data-components-params-limittext='{
27961            "useModal": false, 
27962            "XFContentPath": ""
27963        }'>
27964        
27965            
27966                <p>
27966Se Colorer Les Cheveux</p>
27967
27968                
27969                
27970                
27971            
27972        
27973    </div>
27974
27975
27976
27977
27978
27979</heliux-text>
27980<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
27981
27982
27983
27984
27985
27986
27987
27988
27989  
27990    
27991    
27992    <style type="text/css">
27993      #text-98195d707d {
27994          --scope-grid-area: 1 / 13
27995      }
27996    </style>
27997
27998
27999
28000
28001
28002
28003  
28004  
28005    
28006
28007  
28008    
28009
28010
28011
28012
28013    
28014
28015
28016    
28017
28018
28019
28020
28021
28022
28023
28024    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-98195d707d" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
28025            "hoverMessage": "",
28026            "clickMessage": ""
28027        }' data-components-params-limittext='{
28028            "useModal": false, 
28029            "XFContentPath": ""
28030        }'>
28031        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
28032            
28033                <h5><b>La nouvelle coloration pour cheveux multi-applications</b></h5>
28034
28035                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
28036                    <span class="heliux-text__readMore-dots">...</span>
28037                    <span class="heliux-text__readMore-label"></span>
28038                </div>
28039                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
28040                    <span class="heliux-text__readLess-label"></span>
28041                </div>
28042                
28043            
28044        </div>
28045    </div>
28046
28047
28048
28049
28050
28051</heliux-text>
28052<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
28053
28054      
28055      
28056      
28057    
28058    
28059      
28060      
28061      
28062
28063      
28064      
28065      
28066      
28067      
28068    
28069    <div class="calltoaction__wrapper cta
28070            customizations__calltoaction
28071            calltoaction__linkclick
28072            " id="wrapper-calltoaction-2d59505246">
28073        
28074        <div class="calltoaction__background">
28075            <a id="calltoaction-2d59505246" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/coloration-multi-application.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-multi-application.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/coloration-multi-application.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
28076                
28077                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
28078            </a>
28079            
28080        </div>
28081        
28082
28083    </div>
28084    
28085
28086      
28087    
28088
28089      
28090    
28091
28092
28093</heliux-calltoaction>
28094
28095    
28096
28097</div>
28098
28099
28100</heliux-section>
28101
28102    
28103
28104</div>
28105
28106
28107</heliux-section>
28108
28109    
28110</div>
28111
28112</div>
28113
28114        </li>
28115    
28116        
28117        <li class="teaserlist__item ">
28118            
28119            <a class="teaserlist__item-link" title="Les mèches selon votre couleur de cheveux | Schwarzkopf" href="/articles/coloration/se-colorer-les-cheveux/cheveux-meches-touches-couleur.html" target="_self">
28120            </a>
28121            <div class="xf-content-height">
28122 
28123
28124
28125<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
28126    
28127    <heliux-section class="section container responsivegrid default container-max-grid alignment-horizontal-start margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-small default-margin-inline-start default-margin-inline-end aem-GridColumn aem-GridColumn--default--12">
28128
28129
28130
28131
28132
28133
28134
28135
28136    
28137    
28138
28139    
28140    <div class="gradient__background section_1626772440950" id="background_section-fb03d2a47d"></div>
28141
28142
28143
28144
28145
28146<div class="section__img
28147  section_1626772440950
28148  
28149  
28150  ">
28151    
28152</div>
28153
28154
28155
28156    
28157    
28158    
28159    <style type="text/css">
28160      #section-fb03d2a47d {
28161          --scope-grid-area: 1 / 13
28162      }
28163    </style>
28164
28165
28166
28167<div id="section-fb03d2a47d" class="section__content content limited-container section_1626772440950  ">
28168    
28169    
28170    
28171    
28172    <heliux-image class="image alignment-horizontal-start margin-inline-start-none margin-inline-end-none margin-block-end-small">
28173
28174
28175
28176
28177
28178
28179
28180
28181
28182
28183
28184    <div id="image-d52f3489c8" class="image__base customizations__image image--no-mobile-img  image--hfit,1 image--initializing " data-components-params-image="{&#34;src&#34;:&#34;
28184https://dm.henkel-dam.com/is/image/henkel/jessie_j_bicolore_variante-wcms-fr_1-1-ratio&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;hfit,1&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;width&#34;:&#34;1&#34;,&#34;height&#34;:&#34;1&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
28185
28186        
28187            
28188    
28189
28190            
28191                
28192                    
28193                        <picture class="image__imgPreview  image__imgPreview--lazy">
28194                            
28195
28196                            
28197
28198                            
28199                            
28200                                
28201                            
28202
28203                            
28204                            
28205                            
28206
28207
28208                            
28209                            <img decoding="async" elementtiming="image-d52f3489c8" alt="Les mèches selon votre couleur de cheveux | Schwarzkopf" class="image__img" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
28210                        </picture>
28211
28212                        
28213                        
28214                    
28215                    
28216                    
28217                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/jessie_j_bicolore_variante-wcms-fr_1-1-ratio" content="https://dm.henkel-dam.com/is/image/henkel/jessie_j_bicolore_variante-wcms-fr_1-1-ratio"/>
28218                
28219                
28220  
28221
28222            
28223            
28224  
28225
28226        
28227    </div>
28228
28229
28230
28231    
28232
28233
28234</heliux-image>
28235<heliux-section class="section container responsivegrid container-max-grid">
28236
28237
28238
28239
28240
28241
28242
28243
28244    
28245    
28246
28247    
28248    <div class="gradient__background customizations__section" id="background_section-b2c8d649bc"></div>
28249
28250
28251
28252
28253
28254<div class="section__img
28255  customizations__section
28256  
28257  
28258  ">
28259    
28260</div>
28261
28262
28263
28264    
28265    
28266    
28267    <style type="text/css">
28268      #section-b2c8d649bc {
28269          --scope-grid-area: 1 / 13
28270      }
28271    </style>
28272
28273
28274
28275<div id="section-b2c8d649bc" class="section__content content limited-container customizations__section  ">
28276    
28277    
28278    
28279    
28280    <heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
28281
28282
28283
28284
28285
28286
28287
28288
28289  
28290    
28291    
28292    <style type="text/css">
28293      #text-01174f6827 {
28294          --scope-grid-area: 1 / 13
28295      }
28296    </style>
28297
28298
28299
28300
28301
28302
28303
28304
28305    
28306
28307
28308    
28309
28310
28311
28312
28313
28314
28315
28316    <div class="heliux-text__wrapper limited-container apply-margins  teaser_pretitle-text-customization " id="text-01174f6827" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
28317            "hoverMessage": "",
28318            "clickMessage": ""
28319        }' data-components-params-limittext='{
28320            "useModal": false, 
28321            "XFContentPath": ""
28322        }'>
28323        
28324            
28325                <p>Se Colorer Les Cheveux</p>
28326
28327                
28328                
28329                
28330            
28331        
28332    </div>
28333
28334
28335
28336
28337
28338</heliux-text>
28339<heliux-text class="text container-max-grid margin-block-start-small margin-inline-start-none margin-inline-end-none margin-block-end-none">
28340
28341
28342
28343
28344
28345
28346
28347
28348  
28349    
28350    
28351    <style type="text/css">
28352      #text-1609f54d1f {
28353          --scope-grid-area: 1 / 13
28354      }
28355    </style>
28356
28357
28358
28359
28360
28361
28362  
28363  
28364    
28365
28366  
28367    
28368
28369
28370
28371
28372    
28373
28374
28375    
28376
28377
28378
28379
28380
28381
28382
28383    <div class="heliux-text__wrapper limited-container apply-margins  customizations__text " id="text-1609f54d1f" data-components="LimitText,CopyToClipboard" data-components-params-copytoclipboard='{
28384            "hoverMessage": "",
28385            "clickMessage": ""
28386        }' data-components-params-limittext='{
28387            "useModal": false, 
28388            "XFContentPath": ""
28389        }'>
28390        <div class="heliux-text__limitText xxs-2 m-2 xl-2">
28391            
28392                <h5><b>Les mèches selon votre couleur de cheveux | Schwarzkopf</b></h5>
28393
28394                <div class="heliux-text__readMore" tabindex="0" role="button" aria-expanded="false">
28395                    <span class="heliux-text__readMore-dots">...</span>
28396                    <span class="heliux-text__readMore-label"></span>
28397                </div>
28398                <div class="heliux-text__readLess hidden" tabindex="0" role="button" aria-expanded="true">
28399                    <span class="heliux-text__readLess-label"></span>
28400                </div>
28401                
28402            
28403        </div>
28404    </div>
28405
28406
28407
28408
28409
28410</heliux-text>
28411<heliux-calltoaction class="calltoaction button calltoaction__link--displayAsButton accent1 alignment-horizontal-start margin-block-start-default margin-inline-start-none margin-inline-end-none margin-block-end-default">
28412
28413      
28414      
28415      
28416    
28417    
28418      
28419      
28420      
28421
28422      
28423      
28424      
28425      
28426      
28427    
28428    <div class="calltoaction__wrapper cta
28429            customizations__calltoaction
28430            calltoaction__linkclick
28431            " id="wrapper-calltoaction-72c5cd5c98">
28432        
28433        <div class="calltoaction__background">
28434            <a id="calltoaction-72c5cd5c98" data-customizationclass="customizations__calltoaction" class="calltoaction__link cta " href="/articles/coloration/se-colorer-les-cheveux/cheveux-meches-touches-couleur.html" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;Lire&#34;,&#34;name&#34;:&#34;call to action&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;button&#34;}}}},&#34;linkClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;call to action&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;Lire&#34;,&#34;details&#34;:&#34;&#34;,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/cheveux-meches-touches-couleur.html&#34;}}}}}" data-components-params-calltoactionsetactivelink="{}" data-components-params-calltoactionmodalcontrol="{&#34;active&#34;:false,&#34;autoCloseDelay&#34;:5,&#34;visible&#34;:true,&#34;autoCloseEnabled&#34;:false,&#34;addToCart&#34;:false,&#34;modal&#34;:false,&#34;href&#34;:&#34;/content/heliux/beauty/skr/fr/fr/article-overview/haircolor/dyeyourhair/cheveux-meches-touches-couleur.html&#34;,&#34;action&#34;:&#34;&#34;}" data-components="CallToActionModalControl,CallToActionSetActiveLink" target="_self">
28435                
28436                <span class="calltoaction__text calltoaction__text--initial">Lire</span>
28437            </a>
28438            
28439        </div>
28440        
28441
28442    </div>
28443    
28444
28445      
28446    
28447
28448      
28449    
28450
28451
28452</heliux-calltoaction>
28453
28454    
28455
28456</div>
28457
28458
28459</heliux-section>
28460
28461    
28462
28463</div>
28464
28465
28466</heliux-section>
28467
28468    
28469</div>
28470
28471</div>
28472
28473        </li>
28474    
28475
28476    
28477    
28478
28479              </ul>
28480              
28481  <heliux-calltoaction>
28482  
28483    <a class="teaserlist__loadmore teaserlist__loadmore--server" href="https://www.schwarzkopf.fr/articles/coloration/par-type-de-coloration.html?page=2" target="_self">Charger plus</a>
28484  </heliux-calltoaction>
28485
28486              
28487          
28488
28489          
28490
28491          
28492      
28493  </div>
28494
28495
28496    
28497
28498    
28499    
28500    
28501
28502</heliux-teaserlist-v2></heliux-teaserlist-v2>
28503
28504    
28505
28506</div>
28507
28508
28509</heliux-section>
28510
28511    
28512
28513</div>
28514
28515
28516</heliux-section>
28517
28518    
28519
28520</div>
28521
28522
28523    
28524	    
28525    
28526        
28527    
28528
28529	    
28530	    
28531    
28532    
28533
28534</heliux-section>
28535
28536        
28537    </div>
28538</main></div>
28539<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12"><div id="experiencefragment-4e588b7c7c" class="cmp-experiencefragment cmp-experiencefragment--footer"><div class="xf-content-height">
28540 
28541
28542
28543<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
28544    
28545    <heliux-footer class="footer aem-GridColumn aem-GridColumn--default--12">
28546     
28547
28548
28549
28550    
28551    
28552        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/footer/v1/footer.lc-7dcbe118f01bf250cae135af55e3ab23-lc.min.css" type="text/css">
28553    
28554
28555    
28556    
28557    
28558    
28559
28560
28561<footer class="footer__base default_footer">
28562    <div class="footer__baseWrapper">
28563        
28564
28565
28566<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
28567    
28568    <heliux-section class="section container responsivegrid default container-max-grid margin-block-end-big aem-GridColumn aem-GridColumn--default--12">
28569
28570
28571
28572
28573
28574
28575
28576
28577    
28578    
28579
28580    
28581    <div class="gradient__background Line_below section" id="background_section-ce774f919f"></div>
28582
28583
28584
28585
28586
28587<div class="section__img
28588  Line_below section
28589  
28590  
28591  ">
28592    
28593</div>
28594
28595
28596
28597    
28598    
28599    
28600    <style type="text/css">
28601      #section-ce774f919f {
28602          --scope-grid-area: 1 / 13
28603      }
28604    </style>
28605
28606
28607
28608<div id="section-ce774f919f" class="section__content content limited-container Line_below section  ">
28609    
28610    
28611    
28612    
28613    <section class="columncontrol container responsivegrid container-max order-default-mobile margin-block-start-big">
28614
28615
28616
28617
28618<style type="text/css">
28619  #columncontrol-190efa7e43 {
28620    --scope-grid-template-columns:minmax(0,3fr) minmax(0,2fr) ;
28621    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
28622  }
28623</style>
28624
28625
28626    
28627    
28628    <style type="text/css">
28629      #columncontrol-190efa7e43 {
28630          --scope-grid-area: 1 / 13
28631      }
28632    </style>
28633
28634
28635    
28636    
28637    <style type="text/css">
28638      #columncontrol-190efa7e43 {
28639          --scope-grid-area-mobile: 1 / 11
28640      }
28641    </style>
28642
28643
28644<div class="heliux-grid__wrapper bottom_border-line-columncontrol-customization" id="columncontrol-190efa7e43">
28645  <heliux-grid>
28646    
28647      <div class="columncontrol__wrapper  ">
28648        
28649          
28650            
28651            
28652              <section class="columncontrol container responsivegrid container-max order-default-mobile margin-inline-start-small margin-inline-end-small">
28653
28654
28655
28656
28657<style type="text/css">
28658  #columncontrol-95703a3086 {
28659    --scope-grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,3fr) ;
28660    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
28661  }
28662</style>
28663
28664
28665    
28666    
28667    <style type="text/css">
28668      #columncontrol-95703a3086 {
28669          --scope-grid-area: 1 / 13
28670      }
28671    </style>
28672
28673
28674    
28675    
28676    <style type="text/css">
28677      #columncontrol-95703a3086 {
28678          --scope-grid-area-mobile: 1 / 11
28679      }
28680    </style>
28681
28682
28683<div class="heliux-grid__wrapper columncontrol_1627396751336" id="columncontrol-95703a3086">
28684  <heliux-grid>
28685    
28686      <div class="columncontrol__wrapper  ">
28687        
28688          
28689            
28690            
28691              <heliux-linklist class="linklist margin-block-end-none">
28692
28693
28694
28695
28696    
28697    
28698        
28699    
28700
28701    
28702    
28703    
28704    
28705
28706
28707
28708    
28709    
28710
28711    
28712    <style class="customizations__css">@media (max-width: 767px){.linklist .footer_list-customization{border-bottom:1px solid #f1f1f1;}}@media (max-width: 767px){.linklist .footer_list-customization .linklist__item{background:#f7f7f7;padding:20px 40px;border-top:1px solid #f1f1f1;margin-bottom:0px;}}@media (max-width: 767px){.linklist .footer_list-customization .linklist__base{width:100%;margin-bottom:0px;}}@media (max-width: 767px){.linklist .footer_list-customization .linklist__title{padding-left:20px;padding-right:20px;}}</style>
28713
28714    <div class="linklist__wrapper footer_list-customization" data-components="LinkList,Accordion" data-components-params-accordion='{"isCollapsable": "true"}'>
28715        <p class="h6 linklist__title accordion__title accordion__item navigationLevel2">
28716            <span class="linklist__titleText">À PROPOS DE NOUS</span>
28717            <span class="linklist__icon linklist__icon--expand">
28718                
28719  
28720  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
28721
28722           </span>
28723            <span class="linklist__icon linklist__icon--collapse">
28724                
28725  
28726  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
28727
28728           </span>
28729        </p>
28730        <ul class="linklist__base accordion__base accordion__base--isHidden">
28731            <li class="linklist__item accordion__item">
28732                
28733    
28734    <a href="https://www.schwarzkopf.fr/a-propos-de-nous.html" class="linklist__link " target="_self">
28735        
28736    <div class="linklist__item-content navigationLevel3">
28737        
28738        <span class="linklist__text">À propos de nous</span>
28739    </div>
28740
28741    </a>
28742
28743            </li>
28744
28745        </ul>
28746    </div>
28747
28748
28749
28750    
28751
28752
28753    
28754	    
28755    
28756        
28757    
28758
28759	    
28760	    
28761    
28762    
28763
28764</heliux-linklist>
28765
28766            
28767          
28768        
28769      </div>
28770    
28771      <div class="columncontrol__wrapper  ">
28772        
28773          
28774            
28775            
28776              <heliux-linklist class="linklist margin-block-end-none">
28777
28778
28779
28780
28781
28782
28783    
28784    
28785
28786    
28787    
28788
28789    <div class="linklist__wrapper footer_list-customization" data-components="LinkList,Accordion" data-components-params-accordion='{"isCollapsable": "true"}'>
28790        <p class="h6 linklist__title accordion__title accordion__item navigationLevel2">
28791            <span class="linklist__titleText">CONTACT</span>
28792            <span class="linklist__icon linklist__icon--expand">
28793                
28794  
28795  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
28796
28797           </span>
28798            <span class="linklist__icon linklist__icon--collapse">
28799                
28800  
28801  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
28802
28803           </span>
28804        </p>
28805        <ul class="linklist__base accordion__base accordion__base--isHidden">
28806            <li class="linklist__item accordion__item">
28807                
28808    
28809    <a href="https://www.schwarzkopf.fr/contact.html" class="linklist__link " target="_self">
28810        
28811    <div class="linklist__item-content navigationLevel3">
28812        
28813        <span class="linklist__text">Contact</span>
28814    </div>
28815
28816    </a>
28817
28818            </li>
28819
28820        </ul>
28821    </div>
28822
28823
28824
28825    
28826
28827
28828</heliux-linklist>
28829
28830            
28831          
28832        
28833      </div>
28834    
28835      <div class="columncontrol__wrapper  ">
28836        
28837          
28838            
28839            
28840              <heliux-linklist class="linklist margin-block-end-none">
28841
28842
28843
28844
28845
28846
28847    
28848    
28849
28850    
28851    
28852
28853    <div class="linklist__wrapper footer_list-customization" data-components="LinkList,Accordion" data-components-params-accordion='{"isCollapsable": "true"}'>
28854        <p class="h6 linklist__title accordion__title accordion__item navigationLevel2">
28855            <span class="linklist__titleText">TERMES ET CONDITIONS</span>
28856            <span class="linklist__icon linklist__icon--expand">
28857                
28858  
28859  <heliux-icon class="icon__openExpand"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_open-expand"/></svg></heliux-icon>
28860
28861           </span>
28862            <span class="linklist__icon linklist__icon--collapse">
28863                
28864  
28865  <heliux-icon class="icon__closeCollapse"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_close-collapse"/></svg></heliux-icon>
28866
28867           </span>
28868        </p>
28869        <ul class="linklist__base accordion__base accordion__base--isHidden">
28870            <li class="linklist__item accordion__item">
28871                
28872    
28873    <a href="https://www.schwarzkopf.fr/meta/editeur.html" class="linklist__link " target="_self">
28874        
28875    <div class="linklist__item-content navigationLevel3">
28876        
28877        <span class="linklist__text">Editeur</span>
28878    </div>
28879
28880    </a>
28881
28882            </li>
28883<li class="linklist__item accordion__item">
28884                
28885    
28886    <a href="https://www.schwarzkopf.fr/meta/declaration-de-protection-des-donnees.html" class="linklist__link " target="_self">
28887        
28888    <div class="linklist__item-content navigationLevel3">
28889        
28890        <span class="linklist__text">Déclaration de protection des données</span>
28891    </div>
28892
28893    </a>
28894
28895            </li>
28896<li class="linklist__item accordion__item">
28897                
28898    
28899    <a href="https://www.schwarzkopf.fr/meta/conditions-d-utilisation.html" class="linklist__link " target="_self">
28900        
28901    <div class="linklist__item-content navigationLevel3">
28902        
28903        <span class="linklist__text">Conditions d&#39;utilisation</span>
28904    </div>
28905
28906    </a>
28907
28908            </li>
28909<li class="linklist__item accordion__item">
28910                
28911    
28912    <a href="https://www.schwarzkopf.fr/meta/politique-d-utilisation-des-cookies.html" class="linklist__link " target="_self">
28913        
28914    <div class="linklist__item-content navigationLevel3">
28915        
28916        <span class="linklist__text">Politique d’utilisation des cookies</span>
28917    </div>
28918
28919    </a>
28920
28921            </li>
28922<li class="linklist__item accordion__item">
28923                
28924    
28925    <a href="https://www.schwarzkopf.fr/meta/note-for-us-residents.html" class="linklist__link " target="_self">
28926        
28927    <div class="linklist__item-content navigationLevel3">
28928        
28929        <span class="linklist__text">Note for US Residents</span>
28930    </div>
28931
28932    </a>
28933
28934            </li>
28935
28936        </ul>
28937    </div>
28938
28939
28940
28941    
28942
28943
28944</heliux-linklist>
28945
28946            
28947          
28948        
28949      </div>
28950    
28951    
28952    
28953
28954  </heliux-grid>
28955</div>
28956
28957
28958
28959</section>
28960
28961            
28962          
28963        
28964      </div>
28965    
28966      <div class="columncontrol__wrapper  ">
28967        
28968          
28969            
28970            
28971              <heliux-section class="section container responsivegrid container-max-grid alignment-horizontal-center">
28972
28973
28974
28975
28976
28977
28978
28979
28980    
28981    
28982
28983    
28984    <div class="gradient__background customizations__section" id="background_section-5c5337ed97"></div>
28985
28986
28987
28988
28989
28990<div class="section__img
28991  customizations__section
28992  
28993  
28994  ">
28995    
28996</div>
28997
28998
28999
29000    
29001    
29002    
29003    <style type="text/css">
29004      #section-5c5337ed97 {
29005          --scope-grid-area: 1 / 13
29006      }
29007    </style>
29008
29009
29010
29011<div id="section-5c5337ed97" class="section__content content limited-container customizations__section  ">
29012    
29013    
29014    
29015    
29016    <heliux-text class="title container-max-grid font-weight-bold alignment-horizontal-center margin-block-start-none">
29017
29018
29019
29020
29021
29022
29023
29024
29025
29026
29027    
29028    
29029    
29030    <style type="text/css">
29031      #title-f9cedbfcba {
29032          --scope-grid-area: 1 / 13
29033      }
29034    </style>
29035
29036
29037
29038
29039
29040
29041    <div class="heliux-text__wrapper inpagenavigation__item limited-container skip-margins title1644217771039 " id="title-f9cedbfcba" data-type="span">
29042        
29043        
29044        <span class="heading7 hide-if-empty-placeholder apply-margins apply-font-style title__heading">Suivez-nous</span>
29045    </div>
29046
29047
29048
29049
29050    
29051
29052
29053
29054</heliux-text>
29055<heliux-inlinesection class="inlinesection container responsivegrid container-max-grid alignment-horizontal-center">
29056
29057
29058
29059
29060    
29061    
29062        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/content/inlinesection/v1/inlinesection.lc-322eaf3ed5a77946b31aad2d49e2a709-lc.min.css" type="text/css">
29063    
29064
29065    
29066    
29067    
29068    
29069
29070
29071
29072
29073
29074<div id="inlinesection-65ba85a3cb" class="inlinesection__base limited-container customizations__inlinesection">
29075    
29076    
29077    <div class="icon margin-inline-end-small">
29078    
29079
29080    
29081
29082    
29083    
29084
29085    
29086
29087    <style>
29088		#icon-af0ff254ad {
29089			--icon-size-big:32px;
29090			--icon-size-medium:32px;
29091			--icon-size-small:32px;
29092		}
29093    </style>
29094
29095    
29096
29097    
29098
29099    
29100
29101    
29102
29103    
29104
29105    
29106
29107    <div class="icon__wrapper icon__wrapper customizations__icon" data-tracking-configs="{&#34;socialLinksAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingParams&#34;:{&#34;event_label&#34;:&#34;Facebook&#34;,&#34;social_network&#34;:&#34;Facebook&#34;}},&#34;externalLinksAnalyticsConfig&#34;:{&#34;isActive&#34;:false}}">
29108        <heliux-icon id="icon-af0ff254ad" class="icon__icon " data-components="CallToActionModalControl,CallToActionSetActiveLink" data-components-params-CallToActionModalControl='{"active":false,"autoCloseDelay":5,"visible":true,"autoCloseEnabled":false,"addToCart":false,"modal":false,"action":"_blank"}' data-customizationclass="customizations__icon" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;&#34;,&#34;name&#34;:&#34;icon&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;icon&#34;}}}},&#34;iconClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;icon&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;&#34;,&#34;href&#34;:&#34;https://www.facebook.com/Schwarzkopf.France&#34;}}}}}" data-aria-label-initial="Facebook">
29109            <a href="https://www.facebook.com/Schwarzkopf.France" target="_blank" aria-label="Facebook" class="icon__link  icon__link--interactive">
29110
29111                <span class="icon__svgWrap icon__svgWrap--initial icon__svgWrap--initial-only"><svg viewBox="0 0 16 16"><use xlink:href="#iconSprite_facebook"/></svg></span>
29112                
29113
29114                
29115                
29116                
29117            </a>
29118            
29119        </heliux-icon>
29120    </div>
29121
29122
29123    
29124    
29125
29126    
29127</div>
29128<div class="icon">
29129    
29130
29131    
29132
29133    
29134    
29135
29136    
29137
29138    <style>
29139		#icon-eb8b9bb5ba {
29140			--icon-size-big:32px;
29141			--icon-size-medium:32px;
29142			--icon-size-small:32px;
29143		}
29144    </style>
29145
29146    
29147
29148    
29149
29150    
29151
29152    
29153
29154    
29155
29156    
29157
29158    <div class="icon__wrapper icon__wrapper customizations__icon" data-tracking-configs="{&#34;socialLinksAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingParams&#34;:{&#34;event_label&#34;:&#34;YouTube&#34;,&#34;social_network&#34;:&#34;YouTube&#34;}},&#34;externalLinksAnalyticsConfig&#34;:{&#34;isActive&#34;:false}}">
29159        <heliux-icon id="icon-eb8b9bb5ba" class="icon__icon " data-components="CallToActionModalControl,CallToActionSetActiveLink" data-components-params-CallToActionModalControl='{"active":false,"autoCloseDelay":5,"visible":true,"autoCloseEnabled":false,"addToCart":false,"modal":false,"action":"_blank"}' data-customizationclass="customizations__icon" data-adobe-tracking-configs="{&#34;ctaComponentInteractionLandingAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;displayText&#34;:&#34;&#34;,&#34;name&#34;:&#34;icon&#34;,&#34;details&#34;:&#34;&#34;,&#34;type&#34;:&#34;icon&#34;}}}},&#34;iconClickAnalyticsConfig&#34;:{&#34;isActive&#34;:true,&#34;trackingProperties&#34;:{&#34;_henkel&#34;:{&#34;component&#34;:{&#34;name&#34;:&#34;icon&#34;,&#34;internalPromoLink&#34;:&#34;undefined-undefined-undefined-undefined&#34;,&#34;componentInteraction&#34;:{&#34;value&#34;:1},&#34;displayText&#34;:&#34;&#34;,&#34;href&#34;:&#34;https://www.youtube.com/user/Schwarzkopf#p/c/2DDD32B07B6ACEB5&#34;}}}}}" data-aria-label-initial="YouTube">
29160            <a href="https://www.youtube.com/user/Schwarzkopf#p/c/2DDD32B07B6ACEB5" target="_blank" aria-label="YouTube" class="icon__link  icon__link--interactive">
29161
29162                <span class="icon__svgWrap icon__svgWrap--initial icon__svgWrap--initial-only"><svg viewBox="0 0 16 16"><use xlink:href="#iconSprite_youtube"/></svg></span>
29163                
29164
29165                
29166                
29167                
29168            </a>
29169            
29170        </heliux-icon>
29171    </div>
29172
29173
29174    
29175    
29176
29177    
29178</div>
29179
29180    
29181</div>
29182
29183
29184    
29185
29186
29187    
29188	    
29189    
29190        
29191    
29192
29193	    
29194	    
29195    
29196    
29197</heliux-inlinesection>
29198<heliux-languagenavigation class="languagenavigation">
29199
29200
29201
29202
29203<div class="languagenavigation__wrapper customizations__languagenavigation" data-components="LanguageNavigation" data-components-params-languagenavigation="{&#34;modal&#34;: &#34;/content/experience-fragments/heliux/beauty/skr/fr/fr/footer/master/jcr:content/root/footer/responsivegrid/section/columncontrol/par_2/section/languagenavigation_c&#34;}">
29204
29205    <div class="languagenavigation__popup"></div>
29206
29207    <div class="languagenavigation__basic">
29208        
29209        
29210            <button class="languagenavigation__basic__country heading6" aria-haspopup="true" aria-label="Select location and language. Selected is France (schwarzkopf.fr)" data-country-code="fr">
29211                
29212                
29213                    <div class="languagenavigation__basic__icon">
29214                        
29215  
29216  <heliux-icon class="icon__globe"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_globe"/></svg></heliux-icon>
29217
29218                    </div>
29219                    <span class="languagenavigation__basic__countryTitle">France (schwarzkopf.fr)</span>
29220                
29221            </button>
29222            
29223        
29224    </div>
29225</div>
29226
29227
29228    
29229
29230
29231</heliux-languagenavigation>
29232
29233    
29234
29235</div>
29236
29237
29238</heliux-section>
29239
29240            
29241          
29242        
29243      </div>
29244    
29245    
29246    
29247
29248  </heliux-grid>
29249</div>
29250
29251
29252
29253</section>
29254<section class="columncontrol container responsivegrid container-max alignment-vertical-top order-default-mobile margin-block-start-big default-margin-block-start">
29255
29256
29257
29258
29259<style type="text/css">
29260  #columncontrol-c367de4ae2 {
29261    --scope-grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,3fr) ;
29262    --scope-grid-template-columns-mobile:minmax(0,1fr) ;
29263  }
29264</style>
29265
29266
29267    
29268    
29269    <style type="text/css">
29270      #columncontrol-c367de4ae2 {
29271          --scope-grid-area: 1 / 13
29272      }
29273    </style>
29274
29275
29276    
29277    
29278    <style type="text/css">
29279      #columncontrol-c367de4ae2 {
29280          --scope-grid-area-mobile: 1 / 11
29281      }
29282    </style>
29283
29284
29285<div class="heliux-grid__wrapper customizations__columncontrol" id="columncontrol-c367de4ae2">
29286  <heliux-grid>
29287    
29288      <div class="columncontrol__wrapper  ">
29289        
29290          
29291            
29292            
29293              <heliux-section class="section container responsivegrid container-max-grid">
29294
29295
29296
29297
29298
29299
29300
29301
29302    
29303    
29304
29305    
29306    <div class="gradient__background customizations__section" id="background_section-d4001e4283"></div>
29307
29308
29309
29310
29311
29312<div class="section__img
29313  customizations__section
29314  
29315  
29316  ">
29317    
29318</div>
29319
29320
29321
29322    
29323    
29324    
29325    <style type="text/css">
29326      #section-d4001e4283 {
29327          --scope-grid-area: 1 / 13
29328      }
29329    </style>
29330
29331
29332
29333<div id="section-d4001e4283" class="section__content content limited-container customizations__section  ">
29334    
29335    
29336    
29337    
29338    <heliux-image class="image alignment-horizontal-center margin-block-start-none margin-inline-start-none margin-inline-end-none margin-block-end-none">
29339
29340
29341
29342
29343
29344
29345
29346
29347
29348
29349
29350    <div id="image-41997d1a54" class="image__base logo_footer-image-customization   image--vfit image--initializing " data-components-params-image="{&#34;src&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/skr_logo-new&#34;,&#34;servletParams&#34;:{&#34;fmt&#34;:&#34;webp&#34;,&#34;qlt&#34;:&#34;100&#34;,&#34;fit&#34;:&#34;vfit&#34;,&#34;align&#34;:&#34;&#34;},&#34;mobileSource&#34;:&#34;https://dm.henkel-dam.com/is/image/henkel/skr_logo-new_mobile_v2&#34;,&#34;renditions&#34;:[&#34;240&#34;,&#34;480&#34;,&#34;768&#34;,&#34;1024&#34;,&#34;1280&#34;,&#34;1440&#34;,&#34;1680&#34;,&#34;2560&#34;],&#34;dimensions&#34;:{&#34;mobileHeight&#34;:&#34;202&#34;,&#34;width&#34;:&#34;480&#34;,&#34;mobileWidth&#34;:&#34;860&#34;,&#34;height&#34;:&#34;240&#34;},&#34;lazyEnabled&#34;:true}" data-components="Image">
29351
29352        
29353            
29354    
29355        
29356        <style type="text/css">
29357         #ratioimage-41997d1a54 {
29358          --image-w: 480;
29359          --image-h: 240;
29360          --image-mw: 860;
29361          --image-mh: 202;
29362          --image-mobile-w: var(--image-mw, var(--image-w));
29363          --image-mobile-h: var(--image-mh, var(--image-h));
29364         }
29365        </style>
29366    
29367
29368            
29369                
29370                    <div id="ratioimage-41997d1a54" class="image--withRatio">
29371                        <picture class="image__imgPreview  image__imgPreview--lazy">
29372                            
29373
29374                            
29375
29376                            
29377                            
29378                                <source class="image__imgPreviewDummy" media="(max-width: 767px)" srcset="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" width="860" height="202"/>
29379                            
29380
29381                            
29382                            
29383                            
29384
29385
29386                            <img elementtiming="image-41997d1a54" decoding="async" role="presentation" alt="" class="image__img" width="480" height="240" src="data:image/gif;base64,R0lGODlhAQABAKECAAAAAP///yAhJSAhJSH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" loading="lazy"/>
29387                            
29388                        </picture>
29389
29390                        
29391                        
29392                    </div>
29393                    
29394                    
29395                    <meta itemprop="contentUrl" src="https://dm.henkel-dam.com/is/image/henkel/skr_logo-new" content="https://dm.henkel-dam.com/is/image/henkel/skr_logo-new"/>
29396                
29397                
29398  
29399
29400            
29401            
29402  
29403
29404        
29405    </div>
29406
29407
29408
29409    
29410
29411
29412</heliux-image>
29413
29414    
29415
29416</div>
29417
29418
29419</heliux-section>
29420
29421            
29422          
29423        
29424      </div>
29425    
29426      <div class="columncontrol__wrapper  ">
29427        
29428          
29429            
29430            
29431          
29432        
29433      </div>
29434    
29435      <div class="columncontrol__wrapper  ">
29436        
29437          
29438            
29439            
29440              <heliux-text class="text container-max-grid alignment-horizontal-center margin-inline-start-none">
29441
29442
29443
29444
29445
29446
29447
29448
29449  
29450    
29451    
29452    <style type="text/css">
29453      #text-25ea9f707a {
29454          --scope-grid-area: 1 / 13
29455      }
29456    </style>
29457
29458
29459
29460
29461
29462
29463
29464
29465    
29466
29467
29468    
29469
29470
29471
29472
29473
29474
29475
29476    <div class="heliux-text__wrapper limited-container apply-margins  no_customization " id="text-25ea9f707a" data-components="CopyToClipboard" data-components-params-copytoclipboard='{
29477            "hoverMessage": "",
29478            "clickMessage": ""
29479        }' data-components-params-limittext='{
29480            "useModal": false, 
29481            "XFContentPath": ""
29482        }'>
29483        
29484            
29485                <p>© 2026 Henkel France S.A.S., Boulogne-Billancourt</p>
29486
29487                
29488                
29489                
29490            
29491        
29492    </div>
29493
29494
29495
29496
29497
29498</heliux-text>
29499
29500            
29501          
29502        
29503      </div>
29504    
29505    
29506    
29507
29508  </heliux-grid>
29509</div>
29510
29511
29512
29513</section>
29514
29515    
29516
29517</div>
29518
29519
29520</heliux-section>
29521
29522    
29523</div>
29524
29525    </div>
29526</footer>
29527
29528
29529
29530
29531    
29532	    
29533    
29534        
29535    
29536
29537	    
29538	    
29539    
29540    
29541
29542</heliux-footer>
29543
29544    
29545</div>
29546
29547</div>
29548</div>
29549
29550    
29551</div>
29552<heliux-backtotop class="backtotop aem-GridColumn aem-GridColumn--default--12">
29553
29554
29555    
29556
29557    
29558    
29559    
29560        <link rel="stylesheet" href="/etc.clientlibs/heliux/clientlibs/publish/components/structure/backtotop/v1/backtotop.lc-2e9c7374c2c8984b4ed1cb92521cc4d1-lc.min.css" type="text/css">
29561    
29562
29563    
29564    
29565    
29566    
29567
29568
29569    <div data-components="BackToTop" class="backtotop__base backtotop__base--hidden">
29570        <div class="backtotop__wrapper">
29571            <a href="#" class="backtotop__button" aria-label="Scroll to top" tabindex="-1" target="_self">
29572                
29573  
29574  <heliux-icon class="icon__backToTop"><svg viewBox="0 0 24 24"><use xlink:href="#iconSprite_back-to-top"/></svg></heliux-icon>
29575
29576            </a>
29577        </div>
29578    </div>
29579    
29580    
29581	    
29582    
29583        
29583<script src="/etc.clientlibs/heliux/clientlibs/publish/components/structure/backtotop/v1/backtotop.lc-c1f084cea1783cd3a01ca3c4dbf3d362-lc.min.js" defer type="text/javascript"></script>
29583
29584
29585    
29586
29587	    
29588	    
29589    
29590    
29591
29592
29593</heliux-backtotop>
29594
29595    
29596</div>
29597</div>
29598
29599
29600    
29601    
29602    
29603    
29604
29605
29606
29607
29608    
29609    
29610        
29611    
29612
29613    
29614    
29615    
29616    
29617
29618
29619
29620
29621<div data-components="RedirectFlow" data-components-params-redirectflow="{&#34;andOperator&#34;:false}"></div>
29622
29623
29624  
29625  
29626  
29627
29628
29629
29630    
29631	    
29632    
29633        
29633<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/user/redirectflow/v1/redirectflow.lc-2c3f91ded616cd4d9e3b6dd57893167c-lc.min.js" defer type="text/javascript"></script>
29633
29634
29635    
29636
29637	    
29638	    
29639    
29640    
29641
29642
29643
29644    
29645        
29645<script src="/etc.clientlibs/heliux/clientlibs/publish/components/content/animations/v1/animations.lc-68d60b4794dc9d74c01ebc18ec0dab7f-lc.min.js" defer type="text/javascript"></script>
vendor: 1 bytes, line 29645
29645
29646<script src="/etc.clientlibs/heliux/clientlibs/publish.lc-a77a5fa9bd0ad6fec4b397ecf130b47f-lc.min.js" defer type="text/javascript"></script>
29646
29647
29648    
29649
29650
29651
29652
29653
29654
29655<div class="svgSprites__wrapper" aria-hidden="true">
29656  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-chevron-up-a" d="M12.4619099,6.2019116 L22.3130285,16.0530302 C22.5668693,16.306871 22.5668693,16.7184282 22.3130285,16.972269 C22.0591877,17.2261098 21.6476305,17.2261098 21.3937897,16.972269 L11.9995909,7.57753101 L2.60621032,16.972269 C2.35236953,17.2261098 1.9408123,17.2261098 1.68697151,16.972269 C1.43313072,16.7184282 1.43313072,16.306871 1.68697151,16.0530302 L11.5380901,6.2019116 C11.6650105,6.07499121 11.83136,6.01153101 11.9977095,6.01153101 C12.16864,6.01153101 12.3349895,6.07499121 12.4619099,6.2019116 Z"></path>   <g id="iconSprite_close-collapse">      <use fill-rule="evenodd" xlink:href="#icon-chevron-up-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-next-a" d="M14.7361019,3.97433803 L22.3021444,11.5403806 L22.320282,11.559816 C22.3300583,11.5704327 22.3394856,11.5813757 22.3485457,11.5926269 L22.3021444,11.5403806 C22.3326624,11.5708985 22.3595113,11.6036961 22.3826912,11.6382252 C22.3883002,11.6474294 22.3945604,11.6573013 22.4005571,11.6673486 C22.5223334,11.8707962 22.5229228,12.1257134 22.4030911,12.3293494 C22.395907,12.3405683 22.3890024,12.3515264 22.3817862,12.3622576 C22.3722846,12.3772766 22.3611385,12.3924294 22.3492529,12.4071836 C22.3394856,12.4186243 22.3300583,12.4295673 22.320282,12.440184 L22.3207065,12.4402906 L22.3021444,12.4596194 L22.3021444,12.4596194 L14.7361019,20.025662 C14.4822611,20.2795028 14.0707038,20.2795028 13.816863,20.025662 C13.5630223,19.7718212 13.5630223,19.3602639 13.816863,19.1064232 L20.2728922,12.6499574 L2.14589225,12.65 C1.78690716,12.65 1.49589225,12.3589851 1.49589225,12 C1.49589225,11.6410149 1.78690716,11.35 2.14589225,11.35 L20.2738922,11.3499574 L13.816863,4.89357685 C13.5630223,4.63973606 13.5630223,4.22817882 13.816863,3.97433803 C14.0707038,3.72049724 14.4822611,3.72049724 14.7361019,3.97433803 Z"></path>   <g id="iconSprite_next">      <use fill-rule="evenodd" xlink:href="#icon-next-a"></use> </g></defs></svg><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><g id="iconSprite_youtube"><path d="M14 0H2.492a2 2 0 00-2 2v11.508a2 2 0 002 2H14a2 2 0 002-2V2a2 2 0 00-2-2z" fill="#DC3D22"></path><path d="M9.24 10.057a.478.478 0 00-.037-.168c-.028-.07-.088-.104-.163-.112-.088-.008-.159.027-.222.084-.026.022-.038.055-.038.055l.002 1.794v.044l.017.023c.052.056.113.1.19.117.128.026.218-.027.243-.145.006-.03.01-.06.01-.09 0-.535.001-1.069-.001-1.602zm0 0a.478.478 0 00-.037-.168c-.028-.07-.088-.104-.163-.112-.088-.008-.159.027-.222.084-.026.022-.038.055-.038.055l.002 1.794v.044l.017.023c.052.056.113.1.19.117.128.026.218-.027.243-.145.006-.03.01-.06.01-.09 0-.535.001-1.069-.001-1.602zm2.009-2.705a148.498 148.498 0 00-6.369 0 1.355 1.355 0 00-1.325 1.355v3.315c0 .737.589 1.339 1.325 1.355 2.123.045 4.246.045 6.369 0a1.355 1.355 0 001.325-1.355V8.707c0-.737-.588-1.34-1.325-1.355zm-5.746 4.972h-.612v-3.46h-.633v-.58h1.88v.578h-.635v3.462zm2.191-1.436v1.436h-.542v-.328c-.02.02-.03.032-.04.044a.994.994 0 01-.419.3.506.506 0 01-.253.022.312.312 0 01-.246-.195.758.758 0 01-.056-.313c-.002-.395 0-2.488 0-2.509h.54L6.68 11.6c0 .04 0 .08.008.12.02.098.096.14.19.105a.59.59 0 00.262-.205c.01-.013.01-.036.01-.054V9.341l.543-.001v1.547zm2.062 1.149a.445.445 0 01-.461.327.613.613 0 01-.462-.211 18.753 18.753 0 00-.053-.056v.226h-.543V8.284h.543v1.33s.03-.061.059-.093a.624.624 0 01.312-.199c.209-.052.449.013.563.256.068.144.087.298.087.454v1.694a.99.99 0 01-.045.311zm2.006-.114a.664.664 0 01-.574.47.907.907 0 01-.518-.052.72.72 0 01-.41-.523 1.58 1.58 0 01-.04-.338c-.004-.442-.002-.885-.001-1.327 0-.231.055-.444.214-.622.18-.202.412-.277.676-.26.08.005.16.017.236.042.257.085.394.277.448.532.02.099.028.2.03.301.004.236-.002.756-.002.756h-1.04v.746a.242.242 0 10.484 0v-.383h.559s.008.452-.062.658zm-.497-1.901a.242.242 0 10-.484 0v.418h.484v-.418zm-2.062-.133c-.028-.07-.088-.104-.163-.112-.088-.008-.159.027-.222.084-.026.022-.038.055-.038.055l.002 1.794v.044l.017.023c.052.056.113.1.19.117.128.026.218-.027.243-.145.006-.03.01-.06.01-.09 0-.535.001-1.069-.001-1.602a.478.478 0 00-.038-.168zM10.59 3.52v2.999h-.556l.001-.323c-.061.06-.114.117-.171.168a.75.75 0 01-.354.184c-.207.04-.384-.025-.45-.24a.792.792 0 01-.037-.224V3.52h.552v2.287c0 .03.002.06.008.09.016.095.086.139.177.107a.593.593 0 00.267-.205c.01-.013.008-.037.008-.056V3.52h.555zM5.994 4.04L5.621 2.46h-.633l.703 2.33a.286.286 0 01.012.081v1.648h.583V4.87c0-.027.003-.055.01-.081L7 2.459h-.632l-.374 1.582zM7.76 3.445a.796.796 0 00-.795.796v1.557a.796.796 0 001.591 0V4.24a.796.796 0 00-.795-.796zm.23 2.384a.23.23 0 01-.459 0V4.21a.23.23 0 01.46 0v1.62z" fill="#fff"></path></g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-return-a" d="M10.1763485,3.97433803 C10.4301892,4.22817882 10.4301892,4.63973606 10.1763485,4.89357685 L3.71868648,11.3499574 L21.8473192,11.35 C22.2063043,11.35 22.4973192,11.6410149 22.4973192,12 C22.4973192,12.3589851 22.2063043,12.65 21.8473192,12.65 L3.71968648,12.6499574 L10.1763485,19.1064232 C10.4301892,19.3602639 10.4301892,19.7718212 10.1763485,20.025662 C9.92250766,20.2795028 9.51095042,20.2795028 9.25710963,20.025662 L1.69106708,12.4596194 L1.67653602,12.4440689 C1.6663166,12.4331499 1.65646957,12.4218781 1.64701518,12.4102737 L1.69106708,12.4596194 C1.65912307,12.4276754 1.63119898,12.3932337 1.60729481,12.356923 C1.60305452,12.3496025 1.59828948,12.3420333 1.59367833,12.334361 C1.5832021,12.3178806 1.57411903,12.3010966 1.56582751,12.284025 C1.55905585,12.2689499 1.5525334,12.2541297 1.54656004,12.2390325 C1.48476369,12.0837691 1.48557373,11.9096672 1.54848656,11.7548996 C1.5541305,11.742327 1.55941907,11.7304236 1.56504814,11.7187149 C1.57373225,11.699467 1.58409153,11.6803661 1.59547636,11.6617148 C1.60023343,11.6548797 1.60438896,11.6483466 1.60865653,11.6418941 C1.61264562,11.6349789 1.61751029,11.6279254 1.62253006,11.6209489 L1.64701518,11.5897263 C1.65646957,11.5781219 1.6663166,11.5668501 1.67653602,11.5559311 C1.68101498,11.5505973 1.68599026,11.5454574 1.69106708,11.5403806 L9.25710963,3.97433803 C9.51095042,3.72049724 9.92250766,3.72049724 10.1763485,3.97433803 Z"></path>   <g id="iconSprite_previous">      <use fill-rule="evenodd" xlink:href="#icon-return-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-search-a" d="M12,0.75 C18.2132034,0.75 23.25,5.78679656 23.25,12 C23.25,14.8812001 22.1668962,17.5094277 20.3856388,19.4997325 L22.9915238,22.1055887 C23.2453646,22.3594295 23.2453646,22.7709868 22.9915238,23.0248275 C22.737683,23.2786683 22.3261257,23.2786683 22.072285,23.0248275 L19.4638082,20.4176525 C17.4778535,22.1798652 14.8638985,23.25 12,23.25 C5.78679656,23.25 0.75,18.2132034 0.75,12 C0.75,5.78679656 5.78679656,0.75 12,0.75 Z M12,2.05 C6.50476674,2.05 2.05,6.50476674 2.05,12 C2.05,17.4952333 6.50476674,21.95 12,21.95 C17.4952333,21.95 21.95,17.4952333 21.95,12 C21.95,6.50476674 17.4952333,2.05 12,2.05 Z"></path>   <g id="iconSprite_magnifying-glass">      <use fill-rule="evenodd" xlink:href="#icon-search-a"></use> </g></defs></svg>
29656<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><g id="iconSprite_facebook"><path d="M13.57 0H1.937A1.94 1.94 0 000 1.938v11.63a1.94 1.94 0 001.938 1.939H13.57a1.94 1.94 0 001.939-1.939V1.938A1.94 1.94 0 0013.569 0z" fill="#1976D2"></path><path d="M13.086 7.754h-2.424V5.816c0-.535.435-.485.97-.485h.969V2.908h-1.939a2.907 2.907 0 00-2.907 2.908v1.938H5.816v2.423h1.939v5.33h2.907v-5.33h1.454l.97-2.423z" fill="#FAFAFA"></path></g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-burger-menu-a" d="M21.8571359,19.2395482 C22.216121,19.2395482 22.5071359,19.5305631 22.5071359,19.8895482 C22.5071359,20.2485333 22.216121,20.5395482 21.8571359,20.5395482 L2.14286409,20.5395482 C1.783879,20.5395482 1.49286409,20.2485333 1.49286409,19.8895482 C1.49286409,19.5305631 1.783879,19.2395482 2.14286409,19.2395482 L21.8571359,19.2395482 Z M21.8571359,11.35 C22.216121,11.35 22.5071359,11.6410149 22.5071359,12 C22.5071359,12.3589851 22.216121,12.65 21.8571359,12.65 L2.14286409,12.65 C1.783879,12.65 1.49286409,12.3589851 1.49286409,12 C1.49286409,11.6410149 1.783879,11.35 2.14286409,11.35 L21.8571359,11.35 Z M21.8571359,3.51162976 C22.216121,3.51162976 22.5071359,3.80264467 22.5071359,4.16162976 C22.5071359,4.52061484 22.216121,4.81162976 21.8571359,4.81162976 L2.14286409,4.81162976 C1.783879,4.81162976 1.49286409,4.52061484 1.49286409,4.16162976 C1.49286409,3.80264467 1.783879,3.51162976 2.14286409,3.51162976 L21.8571359,3.51162976 Z"></path>   <g id="iconSprite_menu">      <use fill-rule="evenodd" xlink:href="#icon-burger-menu-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-chevron-down-a" d="M11.5380901,17.8037147 L1.68697151,7.95259609 C1.43313072,7.6987553 1.43313072,7.28719807 1.68697151,7.03335728 C1.9408123,6.77951649 2.35236953,6.77951649 2.60621032,7.03335728 L11.9995909,16.4269767 L21.3937897,7.03335728 C21.6476305,6.77951649 22.0591877,6.77951649 22.3130285,7.03335728 C22.5668693,7.28719807 22.5668693,7.6987553 22.3130285,7.95259609 L12.4619099,17.8037147 C12.3349895,17.9306351 12.16864,17.9940953 12.0022905,17.9940953 C11.83136,17.9940953 11.6650105,17.9306351 11.5380901,17.8037147 Z"></path>   <g id="iconSprite_open-expand">      <use fill-rule="evenodd" xlink:href="#icon-chevron-down-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-language-a" d="M12,0.75 C18.2132034,0.75 23.25,5.78679656 23.25,12 C23.25,18.2132034 18.2132034,23.25 12,23.25 L11.998,23.25 L11.7096324,23.2463257 C5.63062636,23.0923129 0.75,18.1161221 0.75,12 C0.75,5.78746379 5.78571484,0.7510818 11.9979984,0.750000174 L11.9989963,0.750000142 L12,0.75 Z M12.6502899,18.1119118 L12.6495583,21.8651001 C13.9008019,21.5354382 15.0049763,20.2664379 15.7811202,18.4218495 C14.8008273,18.2390074 13.748195,18.1312135 12.6502899,18.1119118 Z M8.33875497,18.5149827 L8.26566514,18.5314261 C9.03887461,20.3161503 10.1235388,21.541339 11.349439,21.8648357 L11.3494929,18.1307155 C10.288672,18.1803318 9.27628627,18.3128019 8.33875497,18.5149827 Z M7.04354222,18.8541788 L6.80204197,18.9299746 C6.31313366,19.0912072 5.85452239,19.2733574 5.43136545,19.4738596 C6.32492131,20.2597403 7.36033667,20.8878547 8.49430279,21.3148389 C7.94096249,20.6389797 7.45080707,19.8069542 7.04354222,18.8541788 Z M17.0213365,18.7024398 L16.9218412,18.9344136 C16.5215258,19.8537093 16.0434412,20.6580324 15.5054146,21.3152937 C16.7224489,20.8566825 17.8257352,20.1669569 18.7618383,19.2993795 C18.2277808,19.0701656 17.6445967,18.8702341 17.0213365,18.7024398 Z M5.76027421,12.6505141 L2.07092798,12.650563 C2.21629706,14.9029385 3.11110859,16.9512034 4.5085656,18.5485606 C5.13830664,18.2108578 5.84012974,17.9149971 6.59888549,17.6671594 C6.11663829,16.1788142 5.81798953,14.4727138 5.76027421,12.6505141 Z M21.929072,12.650563 L18.2397258,12.6505141 C18.1841091,14.4064545 17.9047622,16.0545854 17.4521988,17.5039817 C18.2512302,17.7328752 18.9949914,18.0142685 19.6684738,18.3394213 C20.9642063,16.7752788 21.7899325,14.8064169 21.929072,12.650563 Z M11.349,12.65 L7.06041269,12.6506029 C7.11537501,
2965614.3622917 7.3856594,15.9561012 7.81737991,17.3237152 C8.91455588,17.0582344 10.1028539,16.8879436 11.3487949,16.8304525 L11.349,12.65 Z M16.9395873,12.6506029 L12.649,12.65 L12.649,16.812 L12.7531767,16.8139156 C13.968726,16.8411111 15.1346121,16.9754569 16.2210624,17.2004126 C16.6302588,15.8610024 16.8862629,14.3112818 16.9395873,12.6506029 Z M4.41739386,5.55829999 L4.3531177,5.63347225 C3.04469356,7.20331626 2.21057525,9.18233917 2.07086327,11.3504404 L5.76024242,11.3504903 C5.81680652,9.56185158 6.10550996,7.88505181 6.57296794,6.4161837 C5.79307838,6.17815065 5.07002326,5.88929324 4.41739386,5.55829999 Z M16.2025865,6.74006703 L16.1650134,6.74891228 C15.0678397,6.99197924 13.8856097,7.14186503 12.6500029,7.18096991 L12.649,11.35 L16.9396195,11.3504006 C16.8855816,9.66487367 16.6227544,8.09362357 16.2025865,6.74006703 Z M19.5824932,5.55699869 L19.3208061,5.68701458 C18.7382804,5.96461834 18.1040559,6.20969148 17.427258,6.41716438 C17.89449,7.88505181 18.1831935,9.56185158 18.2397576,11.3504903 L21.9291367,11.3504404 C21.7871464,9.14698273 20.9279169,7.13882049 19.5824932,5.55699869 Z M7.79743383,6.74054905 L7.75033115,6.89486569 C7.35762735,8.21286304 7.11237083,9.72874
29656154 7.06038049,11.3504006 L11.349,11.35 L11.3488205,7.18093264 C10.0995307,7.14132252 8.90481967,6.98846386 7.79743383,6.74054905 Z M8.25560287,5.49187205 L8.24071798,5.52574438 C9.20982538,5.72262106 10.2553062,5.84565747 11.3489106,5.88079962 L11.349439,2.13516427 C10.1182116,2.46006677 9.02945048,3.69451483 8.25560287,5.49187205 Z M12.6495583,2.13489989 L12.6504987,5.8808186 C13.7444673,5.84569695 14.7902868,5.72262277 15.7596806,5.5256634 C14.9834861,3.70896874 13.8886335,2.46135586 12.6495583,2.13489989 Z M8.49458542,2.68470628 L8.30950882,2.75686841 C7.206125,3.19780872 6.20015664,3.83059611 5.33283826,4.61399607 C5.84572832,4.84619615 6.40817919,5.05082424 7.01072537,5.22489024 C7.42459964,4.23772113 7.92613634,3.37913216 8.49458542,2.68470628 Z M15.5056972,2.68516114 L15.5814064,2.77901838 C16.1186231,3.45631219 16.5939288,4.28184316 16.988999,5.22262696 C17.5923664,5.0506348 18.1546912,4.84602691 18.6683618,4.61513275 C17.7516586,3.78707348 16.6816718,3.12796321 15.5056972,2.68516114 Z"></path>   <g id="iconSprite_globe">      <use fill-rule="evenodd" xlink:href="#icon-language-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-breadcrumb-a" d="M7.95642797,1.68697151 L17.8075466,11.5380901 C17.9090829,11.6396264 17.9700047,11.7663974 17.9903119,11.8982152 C18.0207728,12.100523 17.959851,12.3096054 17.8075466,12.4619099 L7.95642797,22.3130285 C7.70258718,22.5668693 7.29102994,22.5668693 7.03718916,22.3130285 C6.78334837,22.0591877 6.78334837,21.6476305 7.03718916,21.3937897 L16.4308086,11.9995909 L7.03718916,2.60621032 C6.78334837,2.35236953 6.78334837,1.9408123 7.03718916,1.68697151 C7.29102994,1.43313072 7.70258718,1.43313072 7.95642797,1.68697151 Z"></path>   <g id="iconSprite_breadcrumb">      <use fill-rule="evenodd" xlink:href="#icon-breadcrumb-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="backtotop-copy-2-a" d="M12.4619099,6.61482129 L22.3130285,16.4659399 C22.5668693,16.7197807 22.5668693,17.1313379 22.3130285,17.3851787 C22.0591877,17.6390195 21.6476305,17.6390195 21.3937897,17.3851787 L11.9993521,7.991 L2.60621032,17.3851787 C2.35236953,17.6390195 1.9408123,17.6390195 1.68697151,17.3851787 C1.43313072,17.1313379 1.43313072,16.7197807 1.68697151,16.4659399 L11.5380901,6.61482129 C11.6650105,6.48790089 11.83136,6.4244407 11.9977095,6.4244407 C12.16864,6.4244407 12.3349895,6.48790089 12.4619099,6.61482129 Z M22.1226479,3.51 C22.481633,3.51 22.7726479,3.80101491 22.7726479,4.16 C22.7726479,4.51898509 22.481633,4.81 22.1226479,4.81 L1.8773521,4.81 C1.51836701,4.81 1.2273521,4.51898509 1.2273521,4.16 C1.2273521,3.80101491 1.51836701,3.51 1.8773521,3.51 L22.1226479,3.51 Z"></path>   <g id="iconSprite_back-to-top">      <use fill-rule="evenodd" xlink:href="#backtotop-copy-2-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-chevron-right-a" d="M7.95642797,1.68697151 L17.8075466,11.5380901 C17.9090829,11.6396264 17.9700047,11.7663974 17.9903119,11.8982152 C18.0207728,12.100523 17.959851,12.3096054 17.8075466,12.4619099 L7.95642797,22.3130285 C7.70258718,22.5668693 7.29102994,22.5668693 7.03718916,22.3130285 C6.78334837,22.0591877 6.78334837,21.6476305 7.03718916,21.3937897 L16.4308086,11.9995909 L7.03718916,2.60621032 C6.78334837,2.35236953 6.78334837,1.9408123 7.03718916,1.68697151 C7.29102994,1.43313072 7.70258718,1.43313072 7.95642797,1.68697151 Z"></path>   <g id="iconSprite_chevron-right">      <use fill-rule="evenodd" xlink:href="#icon-chevron-right-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-close-a" d="M20.4852814,3.51471863 C20.7391222,3.76855942 20.7391222,4.18011665 20.4852814,4.43395744 L12.918338,11.999338 L20.4852814,19.5660426 C20.7391222,19.8198833 20.7391222,20.2314406 20.4852814,20.4852814 C20.2314406,20.7391222 19.8198833,20.7391222 19.5660426,20.4852814 L11.999338,12.918338 L4.43395744,20.4852814 C4.18011665,20.7391222 3.76855942,20.7391222 3.51471863,20.4852814 C3.26087784,20.2314406 3.26087784,19.8198833 3.51471863,19.5660426 L11.080338,11.999338 L3.51471863,4.43395744 C3.26087784,4.18011665 3.26087784,3.76855942 3.51471863,3.51471863 C3.76855942,3.26087784 4.18011665,3.26087784 4.43395744,3.51471863 L11.999338,11.080338 L19.5660426,3.51471863 C19.8198833,3.26087784 20.2314406,3.26087784 20.4852814,3.51471863 Z"></path>   <g id="iconSprite_close">      <use fill-rule="evenodd" xlink:href="#icon-close-a"></use> </g></defs></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"><defs>     <path id="icon-return-a" d="M10.1763485,3.97433803 C10.4301892,4.22817882 10.4301892,4.63973606 10.1763485,4.89357685 L3.71868648,11.3499574 L21.8473192,11.35 C22.2063043,11.35 22.4973192,11.6410149 22.4973192,12 C22.4973192,12.3589851 22.2063043,12.65 21.8473192,12.65 L3.71968648,12.6499574 L10.1763485,19.1064232 C10.4301892,19.3602639 10.4301892,19.7718212 10.1763485,20.025662 C9.92250766,20.2795028 9.51095042,20.2795028 9.25710963,20.025662 L1.69106708,12.4596194 L1.67653602,12.4440689 C1.6663166,12.4331499 1.65646957,12.4218781 1.64701518,12.4102737 L1.69106708,12.4596194 C1.65912307,12.4276754 1.63119898,12.3932337 1.60729481,12.356923 C1.60305452,12.3496025 1.59828948,12.3420333 1.59367833,12.334361 C1.5832021,12.3178806 1.57411903,12.3010966 1.56582751,12.284025 C1.55905585,12.2689499 1.5525334,12.2541297 1.54656004,12.2390325 C1.48476369,12.0837691 1.48557373,11.9096672 1.54848656,11.7548996 C1.5541305,11.742327 1.55941907,11.7304236 1.56504814,11.7187149 C1.57373225,11.699467 1.58409153,11.6803661 1.59547636,11.6617148 C1.60023343,11.6548797 1.60438896,11.6483466 1.60865653,11.6418941 C1.61264562,11.6349789 1.61751029,11.6279254 1.62253006,11.6209489 L1.64701518,11.5897263 C1.65646957,11.5781219 1.6663166,11.5668501 1.67653602,11.5559311 C1.68101498,11.5505973 1.68599026,11.5454574 1.69106708,11.5403806 L9.25710963,3.97433803 C9.51095042,3.72049724 9.92250766,3.72049724 10.1763485,3.97433803 Z"></path>   <g id="iconSprite_return">      <use fill-rule="evenodd" xlink:href="#icon-return-a"></use> </g></defs></svg>
29657</div>
29658
29659
29660
29661    
29662
29663    
29664
29665    
29666    
29667    
29668
29669    
29670
29671
29672    
29673    
29674
29675
29676    
29677    
29678
29679    
29680    
29681
29682    
29683
29684
29685
29686<meta class="isHidden" name="page-details" data-wp-page-release="2026-09-28 12:32:20" data-wp-page-last-edit="2025-01-23 12:58:34" data-wp-page-type="content" data-wp-page-render-time="5358" data-wp-page-render-timestamp="2026-10-06 18:02:43" data-wp-market="fr" data-wp-http-status="200" data-lang="fr-FR"/></meta>
29687
29688<script>
29689    performance.mark('HTML body end');
29690</script>
29690
29691</body>
29692</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.