PageSourceSearch

https://www.tunetoo.co.uk/about.php

html tunetoo.co.uk collected 2026-09-28 06:09:52 UTC 239,666 bytes, 3,428 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <title>About Tunetoo</title>
9    <meta name="Description" content="In 2013 Tunetoo launches its first online customization platform. Everyday clothes and objects are created each day in our embroidery and printing workshops of the highest quality. Discover the history of the brand and its authentic know-how developed for years" />
10    <meta name="Keywords" content="About, customized T-shirt, Customization" />
11    <link rel="canonical" href="https://www.tunetoo.co.uk/about.php" /><link rel='alternate' hreflang='fr-fr' href='https://www.tunetoo.com/a-propos.php' /><link rel='alternate' hreflang='en-gb' href='https://www.tunetoo.co.uk/about.php' /><link rel='alternate' hreflang='fr-be' href='https://www.tunetoo.be/a-propos.php' /><link rel='alternate' hreflang='fr-ch' href='https://www.tunetoo.ch/a-propos.php' /><link rel='alternate' hreflang='es-es' href='https://www.tunetoo.es/sobre-nosotros.php' /><link rel='alternate' hreflang='en-ie' href='https://www.tunetoo.ie/about.php' />
12    <link href="https://www.tunetoo.co.uk/css/tunetoo.css" rel="stylesheet" type="text/css" />
13    <link rel="stylesheet" href='https://www.tunetoo.co.uk/css/animate.css'>
14
15    
16<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
17<link rel="stylesheet" href="https://www.tunetoo.co.uk/bootstrap/css/bootstrap.min.css">
18<link rel="stylesheet" type="text/css" href="https://www.tunetoo.co.uk/css/font_face.css">
19<link rel="stylesheet" type="text/css" href="https://www.tunetoo.co.uk/css/header_inc.css?1782372980">
20<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.0/css/font-awesome.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media='all'" />
21<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.0/css/font-awesome.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
22
23<noscript id="deferred-styles">
24	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800;900&family=Open+Sans:wght@300&family=Roboto:wght@100;300;400;700;900&display=swap" rel="stylesheet" defer>
25</noscript>
26
27<script>
28	var loadDeferredStyles = function () {
29		var addStylesNode = document.getElementById("deferred-styles");
30		var replacement = document.createElement("div");
31		replacement.innerHTML = addStylesNode.textContent;
32		document.body.appendChild(replacement)
33		addStylesNode.parentElement.removeChild(addStylesNode);
34	};
35	var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
36		window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
37	if (raf)
38		raf(function () {
39			window.setTimeout(loadDeferredStyles, 0);
40		});
41	else
42		window.addEventListener('load', loadDeferredStyles);
43</script>
43
44
45  <!-- Appel du css pour la barre de navigation -->
46
47    <style type="text/css">
48p {
49	font-size: 13px !important;
50	line-height: 1.4 !important;
51}
52
53#content {
54	margin-top: 54px;
55}
56
57.bloc-text1 {
58	margin: auto;
59	text-align: center;
60	color: #fff;
61	line-height: 1.4;
62	position: absolute;
63	bottom: 300px;
64	background-color: #000;
65	padding: 20px;
66	opacity: 0.8;
67	font-size: 22px;
68	font-family: 'SegoeWP-Light' !important;
69	display: block;
70	font-weight: 100;
71}
72
73.bloc-text {
74	padding: 15px 0px;
75	max-width: 1140px;
76	margin: 0 auto;
77}
78
79.first {
80	max-width: 1170px !important;
81}
82
83.bloc-text-grey {
84	padding: 15px 0px;
85	margin: 0 auto;
86}
87
88h2 {
89	font-family: 'SegoeWP-Light' !important;
90}
91
92
93.bloc-text1:nth-of-type(1) p,
94.bloc-text:nth-of-type(1) p,
95.bloc-text-grey:nth-of-type(1) p {
96	font-size: 17px !important;
97	text-align: justify;
98	padding: 0px 5%;
99	color: #fff;
100}
101
102.bloc-text1 p,
103.bloc-text p,
104.bloc-text-grey p {
105	font-size: 15px !important;
106	text-align: left;
107	padding: 0px 10px;
108	color: #444444;
109}
110
111
112.bloc-text-grey {
113	background-color: #ebebeb;
114}
115
116h2 {
117	padding: 0px 10px;
118}
119
120.bloc-text:nth-of-type(1) {
121	position: absolute;
122}
123
124.separator {
125	background-color: #fff;
126	width: 80px;
127	margin-left: auto;
128	margin-right: auto;
129	padding-bottom: 5px;
130	margin-bottom: 15px;
131}
132
133.separator2 {
134	background-color: #5bbcac;
135	width: 80px;
136	margin-left: auto;
137	margin-right: auto;
138	padding-bottom: 5px;
139	margin-bottom: 15px;
140}
141
142h1 {
143	text-align: center;
144	color: #fff;
145	font-weight: bold;
146}
147
148.fa-book {
149	color: #5bbcac;
150	text-align: center;
151	display: block;
152	padding: 10px 0px 10px 0px;
153	width: 100px;
154	margin-left: auto;
155	margin-right: auto;
156}
157
158.tunetoo-logo {
159	opacity: 0.9;
160}
161
162a.button-action {
163	font-family: 'SegoeWP-Semibold';
164	padding: 25px 0px;
165	border: 2px solid #5bbcac;
166	border-radius: 80px;
167	color: #5bbcac;
168	display: block;
169	margin-bottom: 50px;
170	text-transform: uppercase;
171	transition-duration: 0.3s;
172	webkit-transition-duration: 0.3s;
173	text-align: center;
174}
175
176a.button-action:hover,
177a.button-action:focus {
178
179	background-color: #5bbcac;
180	color: #fff;
181	transition-duration: 0.3s;
182	webkit-transition-duration: 0.3s;
183
184}
185
186a.button-action2 {
187	font-family: 'SegoeWP-Semibold';
188	padding: 25px 0px;
189	background-color: #5bbcac;
190	border-radius: 80px;
191	color: #fff;
192	display: block;
193	margin-bottom: 50px;
194	text-transform: uppercase;
195	transition-duration: 0.3s;
196	webkit-transition-duration: 0.3s;
197	text-align: center;
198}
199
200a.button-action2:hover,
201a.button-action2:focus {
202
203	transition-duration: 0.3s;
204	webkit-transition-duration: 0.3s;
205	opacity: 0.8;
206}
207
208i.fa.fa-arrow-circle-o-right.fa-2x {
209	padding: 0px 10px 0px 10px;
210}
211
212.separator-div,
213.bloc-div {
214	margin-bottom: 30px;
215}
216
217.bloc-div2 {
218	margin-top: 30px;
219}
220
221.espace-vertical {
222	margin: 50px 0px;
223}
224
225.bloc-text-designer {
226  color: white;
227	margin: 0 auto;
228	background: url("https://a86axszy.cdn.imgeng.in/images/david-photo.jpg") no-repeat center fixed;
229}
230.p_designer {
231  color: #fff;
232  margin: 10px;
233}
234a {
235  font-weight:700;
236  font-size: 15px !important;
237  text-align: left;
238  color: #444444;
239}
240.bloc-text-end {
241	margin: 0 auto;
242	height: 300px;
243	padding: 118px 0px;
244	background: url("https://a86axszy.cdn.imgeng.in/images/staycool.jpg") no-repeat center fixed;
245}
246
247img.atelier.img-responsive {
248	border-radius: 150px;
249}
250
251@media screen and (min-width: 320px) and (max-width: 380px) {
252	.bloc-text:nth-of-type(1) {
253		position: relative;
254	}
255
256	.bloc-text {
257		padding: 15px 15px;
258		max-width: 1140px;
259		margin: 0 auto;
260		background-image: url("https://a86axszy.cdn.imgeng.in/images/IMAGE01-apropos.jpg");
261		background-repeat: no-repeat;
262		background-position: center;
263		background-attachment: fixed;
264		webkit-background-size: cover;
265		-moz-background-size: cover;
266		-o-background-size: cover;
267		background-size: cover;
268		height: 100%;
269		width: 100%;
270	}
271
272	img#toHide {
273		display: none !important;
274	}
275
276	#content {
277		padding-bottom: 20px;
278	}
279}
280    </style>
281
282    
282<script src="https://www.tunetoo.co.uk/js/wow.min.js"></script>
282
283    
283<script>
284      new WOW().init();
285    </script>
285
286  </head>
287 
288  <body>
289<style>
290  /* Widget chatbot Tunetoo : bulle ronde + accroche (replie), panneau lateral droit (deplie).
291     L'etat est porte par #toggle-chat (checked = replie), cf. chatbot_tunetoo_front.php. */
292  .tunetoo_chat_bot,
293  .tunetoo_chat_bot * {
294    box-sizing: border-box;
295  }
296  .tunetoo_chat_bot {
297    position: fixed;
298    right: 24px;
299    bottom: 24px;
300    z-index: 999999;
301    font-size: 16px;
302    line-height: 1.4;
303    color: #1c2b39;
304    transition: opacity 0.2s ease-in-out;
305  }
306  .tunetoo_chat_bot button {
307    font-family: inherit;
308    margin: 0;
309  }
310
311  /* Toggle caché */
312  #toggle-chat {
313    display: none;
314  }
315
316  /* ---------- Etat replie : accroche + bulle ---------- */
317  .tunetoo_chat_bot__launcher {
318    display: none;
319    flex-direction: column;
320    align-items: flex-end;
321  }
322  #toggle-chat:checked + .tunetoo_chat_bot .tunetoo_chat_bot__launcher {
323    display: flex;
324  }
325  .tunetoo_chat_bot__teaser {
326    position: relative;
327    margin-bottom: 14px !important;
328    padding: 11px 13px;
329    background: #fff;
330    color: #1c2b39;
331    border: none;
332    border-radius: 12px;
333    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.16);
334    font-size: 15px;
335    line-height: 1.3;
336    cursor: pointer;
337    white-space: nowrap;
338  }
339  .tunetoo_chat_bot__teaser:after {
340    content: '';
341    position: absolute;
342    right: 24px;
343    bottom: -6px;
344    width: 12px;
345    height: 12px;
346    background: #fff;
347    transform: rotate(45deg);
348    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.06);
349  }
350  .tunetoo_chat_bot--teaser-off .tunetoo_chat_bot__teaser {
351    display: none;
352  }
353  .tunetoo_chat_bot__bubble {
354    position: relative;
355    width: 62px;
356    height: 62px;
357    padding: 0;
358    border: none;
359    border-radius: 50%;
360    background: #13273b;
361    color: #fff;
362    cursor: pointer;
363    display: flex;
364    align-items: center;
365    justify-content: center;
366    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
367    transition: transform 0.15s ease, background 0.15s ease;
368  }
369  .tunetoo_chat_bot__bubble:hover {
370    background: #1d3a57;
371    transform: scale(1.05);
372  }
373  .tunetoo_chat_bot__bubble:focus-visible,
374  .tunetoo_chat_bot__teaser:focus-visible,
375  .tunetoo_chat_bot__header-btn:focus-visible,
376  .tunetoo_chat_bot__send-button:focus-visible {
377    outline: 2px solid #4d90fe;
378    outline-offset: 2px;
379  }
380  .tunetoo_chat_bot__bubble svg {
381    width: 32px;
382    height: 32px;
383  }
384  .tunetoo_chat_bot__unread {
385    position: absolute;
386    top: 1px;
387    right: 3px;
388    width: 14px;
389    height: 14px;
390    border-radius: 50%;
391    background: #ee3124;
392    border: 2px solid #fff;
393  }
394
395  /* ---------- Etat deplie : panneau ---------- */
396  .tunetoo_chat_bot__panel {
397    display: none;
398    flex-direction: column;
399    width: 395px;
400    height: 790px;
401    max-height: calc(100vh - 105px);
402    background: #fff;
403    border-radius: 8px 8px 4px 4px;
404    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.22);
405    overflow: hidden;
406  }
407  #toggle-chat:not(:checked) + .tunetoo_chat_bot {
408    right: 10px;
409    bottom: 10px;
410  }
411  #toggle-chat:not(:checked) + .tunetoo_chat_bot .tunetoo_chat_bot__panel {
412    display: flex;
413    animation: tunetooChatOpen 0.2s ease-out;
414  }
415  @keyframes tunetooChatOpen {
416    0% { opacity: 0; transform: translateY(12px); }
417    100% { opacity: 1; transform: translateY(0); }
418  }
419
420  /* En-tête */
421  .tunetoo_chat_bot__header {
422    flex: 0 0 auto;
423    display: flex;
424    align-items: flex-start;
425    justify-content: space-between;
426    padding: 16px 16px 16px 24px;
427    background: #13273b;
428    color: #fff;
429  }
430  .tunetoo_chat_bot__header-logo {
431    display: block;
432    width: 106px;
433    height: 44px;
434    margin-bottom: 6px;
435    /* logo-tunetoo-head.svg est noir : passage en blanc sur l'en-tete bleu nuit */
436    -webkit-filter: brightness(0) invert(1);
437    filter: brightness(0) invert(1);
438  }
439  .tunetoo_chat_bot__header-title {
440    display: block;
441    font-size: 17px;
442    font-weight: 600;
443    line-height: 1.3;
444  }
445  .tunetoo_chat_bot__header-actions {
446    display: flex;
447    align-items: center;
448    margin-top: 6px;
449  }
450  .tunetoo_chat_bot__header-btn {
451    width: 36px;
452    height: 36px;
453    margin-left: 6px !important;
454    padding: 0;
455    background: none;
456    border: none;
457    border-radius: 50%;
458    color: #fff;
459    cursor: pointer;
460    display: flex;
461    align-items: center;
462    justify-content: center;
463  }
464  .tunetoo_chat_bot__header-btn:hover {
465    background: rgba(255, 255, 255, 0.14);
466  }
467  .tunetoo_chat_bot__header-btn svg {
468    width: 22px;
469    height: 22px;
470  }
471
472  /* Messages */
473  .tunetoo_chat_bot__container {
474    flex: 1 1 auto;
475    min-height: 0;
476    padding: 16px 20px;
477    overflow-y: auto;
478    background: #fff;
479  }
480  .tunetoo_chat_bot__privacy {
481    margin: 0 auto 8px;
482    max-width: 320px;
483    text-align: center;
484    font-size: 14px;
485    line-height: 1.35;
486    color: #44546a;
487  }
488  .tunetoo_chat_bot__privacy a {
489    color: #13273b;
490    text-decoration: underline;
491  }
492  .tunetoo_chat_bot__privacy svg {
493    width: 12px;
494    height: 12px;
495    margin-left: 3px;
496    vertical-align: baseline;
497  }
498  .tunetoo_chat_bot__time {
499    margin: 36px 0 22px;
500    text-align: center;
501    font-size: 14px;
502    color: #44546a;
503  }
504  .tunetoo_chat_bot__message {
505    margin: 0 0 16px;
506    max-width: 100%;
507    word-wrap: break-word;
508  }
509  .tunetoo_chat_bot__message-sender {
510    margin: 0 0 6px 56px;
511    font-size: 14px;
512    color: #5b6b7c;
513  }
514  .tunetoo_chat_bot__message-row {
515    display: flex;
516    align-items: flex-start;
517  }
518  .tunetoo_chat_bot__message-avatar {
519    flex: 0 0 40px;
520    width: 40px;
521    height: 40px;
522    margin: 6px 8px 0 0;
523    border-radius: 50%;
524    background: #13273b;
525    color: #fff;
526    font-size: 28px;
527    font-weight: 800;
528    line-height: 36px;
529    text-align: center;
530  }
531  .tunetoo_chat_bot__message-body {
532    min-width: 0;
533    max-width: 100%;
534    padding: 12px 16px;
535    border-radius: 22px;
536    background: #eef0f3;
537    color: #1c2b39;
538    font-size: 16px;
539    line-height: 1.45;
540  }
541  .tunetoo_chat_bot__message--user .tunetoo_chat_bot__message-row {
542    justify-content: flex-end;
543    padding-left: 48px;
544  }
545  .tunetoo_chat_bot__message--user .tunetoo_chat_bot__message-body {
546    background: #13273b;
547    color: #fff;
548  }
549  .tunetoo_chat_bot__message--system .tunetoo_chat_bot__message-body {
550    background: #FFF7E0;
551    border-left: 3px solid #f0b429;
552    border-radius: 12px;
553    font-style: italic;
554    font-size: 14px;
555  }
556
557  /* Loader */
558  .tunetoo_chat_bot__loader {
559    display: none;
560    border: 4px solid #f3f3f3;
561    border-top: 4px solid #13273b;
562    border-radius: 50%;
563    width: 24px;
564    height: 24px;
565    animation: spin 1s linear infinite;
566    margin: 10px auto;
567  }
568  @keyframes spin {
569    0% { transform: rotate(0deg); }
570    100% { transform: rotate(360deg); }
571  }
572
573  /* Zone de saisie */
574  .tunetoo_chat_bot__input {
575    flex: 0 0 auto;
576    display: flex;
577    align-items: center;
578    margin: 0;
579    padding: 12px 20px 20px;
580    background: #fff;
581  }
582  .tunetoo_chat_bot__input-field {
583    flex: 1;
584    min-width: 0;
585    height: 52px;
586    padding: 0 56px 0 18px;
587    border: 1px solid #13273b;
588    border-radius: 26px;
589    font-size: 16px;
590    background: #fff;
591    color: #1c2b39;
592    outline: none;
593    box-shadow: none;
594  }
595  .tunetoo_chat_bot__input-field:focus {
596    box-shadow: 0 0 0 2px rgba(19, 39, 59, 0.18);
597  }
598  .tunetoo_chat_bot__input-field::placeholder {
599    color: #8a96a3;
600  }
601  .tunetoo_chat_bot__send-button {
602    flex: 0 0 40px;
603    width: 40px;
604    height: 40px;
605    margin-left: -46px !important;
606    padding: 0;
607    background: #13273b;
608    border: none;
609    border-radius: 50%;
610    color: #fff;
611    cursor: pointer;
612    display: flex;
613    align-items: center;
614    justify-content: center;
615    transition: transform 0.1s, background 0.15s;
616  }
617  .tunetoo_chat_bot__send-button:hover {
618    background: #1d3a57;
619  }
620  .tunetoo_chat_bot__send-button:active {
621    transform: scale(0.94);
622  }
623  .tunetoo_chat_bot__send-button svg {
624    width: 19px;
625    height: 19px;
626    margin: 1px 2px 0 0;
627  }
628  .tunetoo_chat_bot__error {
629    color: #c62828;
630    text-align: center;
631    margin: 10px;
632    font-size: 14px;
633  }
634
635  /* Securite acces commandes : bouton "Se connecter" sous le message AUTH_REQUIRED */
636  .tunetoo_chat_bot__login {
637    display: inline-block;
638    margin-top: 10px;
639    padding: 8px 14px;
640    border-radius: 18px;
641    background: #13273b;
642    color: #fff !important;
643    font-size: 13px;
644    font-style: normal;
645    font-weight: 600;
646    text-decoration: none !important;
647  }
648  .tunetoo_chat_bot__login:hover {
649    background: #1e3a57;
650    color: #fff;
651  }
652
653  /* Agent IA SAV : notice, saisie en cours, suggestions, feedback */
654  .tunetoo_chat_bot__notice {
655    text-align: center;
656    color: #5b6b7c;
657    font-size: 13px;
658    margin: 6px 10px 14px;
659  }
660  .tunetoo_chat_bot__typing {
661    display: flex;
662    gap: 4px;
663    margin: 4px 0 16px 56px;
664  }
665  .tunetoo_chat_bot__typing-dot {
666    width: 8px; height: 8px; border-radius: 50%; background: #9aa5b1;
667    animation: tunetooChatBlink 1.2s infinite ease-in-out;
668  }
669  .tunetoo_chat_bot__typing-dot:nth-child(2) { animation-delay: 0.2s; }
670  .tunetoo_chat_bot__typing-dot:nth-child(3) { animation-delay: 0.4s; }
671  @keyframes tunetooChatBlink { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } }
672  .tunetoo_chat_bot__suggested { margin: 0 0 16px 48px; }
673  .tunetoo_chat_bot__suggested-title { font-size: 13px; color: #5b6b7c; margin-bottom: 6px; }
674  .tunetoo_chat_bot__suggested-item {
675    display: block; width: 100%; text-align: left; margin: 6px 0 !important; padding: 9px 14px;
676    background: #fff; border: 1px solid #13273b; border-radius: 18px; cursor: pointer;
677    font-size: 14px; color: #13273b;
678  }
679  .tunetoo_chat_bot__suggested-item:hover { background: #13273b; color: #fff; }
680  .tunetoo_chat_bot__feedback { margin-top: 8px; font-size: 12px; color: #5b6b7c; display: flex; align-items: center; gap: 6px; }
681  .tunetoo_chat_bot__feedback button { background: #fff; border: 1px solid #cfd6dd; border-radius: 12px; cursor: pointer; padding: 2px 8px; font-size: 14px; }
682  .tunetoo_chat_bot__feedback button:hover { border-color: #13273b; }
683  .tunetoo_chat_bot__feedback--done { color: #13273b; }
684  .tunetoo_chat_bot__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
685  .tunetoo_chat_bot__input .tunetoo_chat_bot__input-field:disabled { opacity: 0.6; }
686
687  /* Mobile : bulle plus petite, panneau plein ecran */
688  @media (max-width: 767px) {
689    .tunetoo_chat_bot {
690      right: 16px;
691      bottom: 16px;
692    }
693    .tunetoo_chat_bot__bubble {
694      width: 54px;
695      height: 54px;
696    }
697    .tunetoo_chat_bot__bubble svg {
698      width: 28px;
699      height: 28px;
700    }
701    .tunetoo_chat_bot__teaser {
702      font-size: 14px;
703      padding: 9px 12px;
704    }
705    .tunetoo_chat_bot__teaser:after {
706      right: 20px;
707    }
708    #toggle-chat:not(:checked) + .tunetoo_chat_bot {
709      top: 0;
710      right: 0;
711      bottom: 0;
712      left: 0;
713    }
714    .tunetoo_chat_bot__panel {
715      width: 100%;
716      height: 100%;
717      max-height: none;
718      border-radius: 0;
719    }
720  }
721</style>
722
723
724  
724<script async>
725
726    function isReCaptchaScriptLoaded() {
727        const scripts = document.querySelectorAll('script[src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__fr.js"]');
728        return scripts.length > 0;
729    }
730
731    function startCaptcha() {
732        if (!isReCaptchaScriptLoaded()) {
733            var head = document.getElementsByTagName('head')[0];
734            var script = document.createElement('script');
735            script.type = 'text/javascript';
736            script.src = "https://www.google.com/recaptcha/api.js?render=6LcAe9UZAAAAANiVjSO64Rje_-279uYL1b5qWr7g";
737            head.appendChild(script);
738        }
739    }
740  </script>
740
741
742<link rel="preconnect" href="https://fonts.googleapis.com">
743<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
744
745<link rel="preload" href="https://www.tunetoo.co.uk/fonts/segoe/SegoeWP-Bold.woff" as="font" type="font/woff" crossorigin>
746<link rel="preload" href="https://www.tunetoo.co.uk/fonts/segoe/5834388143-webfont.woff" as="font" type="font/woff" crossorigin>
747<link rel="preload" href="https://fonts.gstatic.com/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2" as="font" type="font/woff2" crossorigin>
748<link rel="preload" href="https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im81Rb0.woff2" as="font" type="font/woff2" crossorigin>
749
750<link rel="preload" href="https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
751<link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
752<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap">
753<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@900&display=swap">
754<link rel="preload" href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
755<link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
756<link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
757
758<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap"></noscript> 
759<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap"></noscript>
760<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" ></noscript>
761<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" ></noscript>
762<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap" ></noscript>
763<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@900&display=swap" ></noscript>
764<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap" ></noscript>
765
766    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous">
767    <noscript>
768        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2">
769    </noscript>
770    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
771
772    
773<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
vendor: 2 bytes, line 773
773
774<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
774
775<style> .mega-menu{font-family:Roboto;color:#747474;font-weight:300;line-height:1.2;font-size:15px}.mega-menu:hover{text-decoration:underline;cursor:pointer;color:#000}</style>
776
777
778<div id="panier-dynamique">
779    
780<!-- PANIER MAJ 11/2019 -->
781<!-- ******************* -->
782<!-- ******************* -->
783<!-- ******************* -->
784
785
786<div class="slide-panier">
787      <div class="basket-empty">
788        <button class="btn-close"><img src="https://a86axszy.cdn.imgeng.in/images/001-close.svg" alt="fermer-panier"></button>
789        <div class="titre-panier">
790        <img class="icon-cart" width="28" height="28"  src="https://a86axszy.cdn.imgeng.in/images/accueil/panier.svg" alt="panier-tunetoo" srcset="https://a86axszy.cdn.imgeng.in/images/accueil/panier.svg"> MY SHOPPING CART <span class="shop"><span class="number-shop">0</span></span>
791        </div>
792          <div class="col-md-12 section-vide" id="panier-empty">
793                <p class="sous-titre-empty">Your shopping cart is empty</p>
794        <a class="button-continuer" href="https://www.tunetoo.co.uk/tunetoo-personnaliser-broderie-impression-textile-objet.php">Custom Now</a>
795          </div>
796      </div>
797    </div>
798
799<!-- END PANIER 18/10/19 -->
800<!-- ******************* -->
801<!-- ******************* -->
802<!-- ******************* -->
803<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
vendor: 1 bytes, line 803
803
804<script type="text/javascript">
805
806  action = function(query){
807      $('.value-loading').loading(true);
808    $.post('/controller/XHR/gestion-panier.php',query)
809    .done(function(response){
810      $('.value-loading').loading(false);
811      response = JSON.parse(response);
812      $('#panier-dynamique').html(response.template_panier);
813      $('#panier-dynamique').addClass('open');
814      $('.number-shop, .nbr-cmd').html(response.nbre_produit);
815      if(response.location && response.location !== 'false') {
816        window.location.replace(response.location);
817      }
818    })
819    .fail(function(error){
820      $('.value-loading').loading(false);
821      console.log(error);
822    });
823  };
824
825  var changeQuantity= function(panierPk, quantite){
826      $('.value-loading').loading(true);
827      var data={action:'set_quantite', id: panierPk, quantite :parseInt(quantite) };
828      $.post('/controller/XHR/gestion-panier.php',data)
829          .done(function(response){
830              response = JSON.parse(response);
831              $('#panier-dynamique').html(response.template_panier);
832              $('#panier-dynamique').addClass('open');
833              $('.number-shop, .nbr-cmd').html(response.nbre_produit);
834              if(response.location && response.location !== 'false') {
835                  window.location.replace(response.location);
836              }
837          })
838          .fail(function(error){
839              $('.value-loading').loading(false);
840              console.log(error);
841          });
842  };
843
844     $.fn.loading = function(isloading) {
845        if (isloading) {
846            this.addClass('loading');
847        } else {
848            this.removeClass('loading');
849        }
850        return this;
851    };
852
853
854
855  $('.decrementQuantity').click(function(event) {
856      event.preventDefault();
857      var dataInput=$(this).data('input');
858      var currentValue=$("#"+dataInput).val();
859      var newValue=parseInt(currentValue)-1;
860      if (currentValue>1) {
861        $('.value-loading').loading(true);
862          $("#"+dataInput).val(newValue);
863          //Ajax change quantity in db
864          var panierPk=dataInput.replace('quantity','');
865          changeQuantity(panierPk, newValue);
866      }
867
868  });
869
870  $('.incrementQuantity').click(function(event) {
871      event.preventDefault();
872      var dataInput=$(this).data('input');
873      var currentValue=$("#"+dataInput).val();
874      var newValue=parseInt(currentValue)+1;
875      $("#"+dataInput).val(newValue);
876      //Ajax change quantity in db
877      var panierPk=dataInput.replace('quantity','');
878        $('.value-loading').loading(true);
879      changeQuantity(panierPk, newValue);
880  });
881
882  // Bouton "Obtenir un devis gratuit" du mini-panier (meme comportement que le panier final)
883  (function(){
884      var $btn = $('#BtDevisNav');
885      if (!$btn.length) { return; }
886      var $msg = $('#devisMessageNav');
887      var btnLabel = $btn.text();
888      $btn.off('click.devisNav').on('click.devisNav', function () {
889          $btn.prop('disabled', true).css('opacity', 0.6).text('Génération en cours…');
890          $msg.hide();
891          $.ajax({
892              url: '/controller/XHR/devis/create-from-panier.php',
893              method: 'POST',
894              dataType: 'json'
895          }).done(function (res) {
896              if (res && res.success) {
897                  try { localStorage.removeItem('tunetoo_devis_intent'); } catch (e) {}
898                  $msg.css({background: '#e8f5e9', color: '#1b5e20', border: '1px solid #a5d6a7'})
899                      .html(res.message
900                          + ' <a href="' + (res.detail_url || '/compte-mes-devis.php') + '" style="color:#1b5e20;font-weight:bold;text-decoration:underline;">Voir mon devis</a>'
901                          + ' &middot; <a href="' + (res.pdf_url || '#') + '" target="_blank" style="color:#1b5e20;font-weight:bold;text-decoration:underline;">Télécharger le PDF</a>')
902                      .show();
903                  $btn.hide();
904              } else {
905                  $btn.prop('disabled', false).css('opacity', 1).text(btnLabel);
906                  $msg.css({background: '#fff3e0', color: '#7a3b00', border: '1px solid #ffcc80'})
907                      .text((res && res.message) ? res.message : 'Une erreur est survenue.')
908                      .show();
909              }
910          }).fail(function (xhr) {
911              $btn.prop('disabled', false).css('opacity', 1).text(btnLabel);
912              var res = xhr.responseJSON;
913              if (res && res.code === 'not_logged') {
914                  // Memorise l'intention "generer un devis" pour la proposer une fois connecte.
915                  try { localStorage.setItem('tunetoo_devis_intent', '1'); } catch (e) {}
916                  if ($('#connexion').length) {
917                      $msg.css({background: '#fff3e0', color: '#7a3b00', border: '1px solid #ffcc80'})
918                          .text(res.message || 'Vous devez être connecté pour transformer votre panier en devis.')
919                          .show();
920                      $('#connexion').modal('show');
921                  } else {
922                      var loginUrl = res.login_url || '/tunetoo-mon-compte.php';
923                      $msg.css({background: '#fff3e0', color: '#7a3b00', border: '1px solid #ffcc80'})
924                          .html((res.message || 'Vous devez être connecté pour obtenir un devis.')
925                              + ' <a href="' + loginUrl + '" style="color:#7a3b00;font-weight:bold;text-decoration:underline;">Se connecter</a>')
926                          .show();
927                      setTimeout(function () { window.location.href = loginUrl; }, 1500);
928                  }
929                  return;
930              }
931              $msg.css({background: '#ffebee', color: '#b71c1c', border: '1px solid #ef9a9a'})
932                  .text((res && res.message) ? res.message : 'Une erreur est survenue lors de la génération du devis.')
933                  .show();
934          });
935      });
936  })();
937
938  $('.btn-close').click(function(e){
939      e.stopPropagation();
940      $('#panier-dynamique').toggleClass('open');
941      $('.backdark').toggleClass('bloc-visible onthetop');
942      $('a.dropdown-toggle, .subline').removeClass("sublineok activeok");
943      if($("#panier-dynamique").hasClass("open")==true){$("body").addClass('overflow');}
944      else $("body").removeClass('overflow');
945      if($("#panier-dynamique").hasClass("open")==true){$(".backdark").addClass('bloc-visible');}
946      else $(".backdark").removeClass('bloc-visible');
947      if($(".contain").hasClass("bloc-visible")==true){$(".contain, .animationfade").removeClass('bloc-visible');}
948      else return false;
949  });
950
951
952    $('.heroSlider-fixed').each(function(){
953        var $sliders = $(".slider");
954        var $arrows = $('.arrow');
955
956        var slickInduvidual = $(this);
957            slickInduvidual.find($sliders).slick({
958          dots: true,
959            prevArrow: slickInduvidual.find($('.prev')),
960            nextArrow: slickInduvidual.find($('.next')),
961          infinite: true,
962          speed: 400,
963          slidesToShow: 1,
964          slidesToScroll: 1,
965          responsivePanier: [
966            {
967              breakpoint: 1024,
968              settings: {
969                slidesToShow: 3,
970                slidesToScroll: 3,
971                infinite: true,
972                dots: true
973              }
974            },
975            {
976              breakpoint: 600,
977              settings: {
978                slidesToShow: 2,
979                slidesToScroll: 2
980              }
981            },
982            {
983              breakpoint: 480,
984              settings: {
985                slidesToShow: 1,
986                slidesToScroll: 1
987              }
988            }
989          ]
990        });
991    });
992</script>
992
993
994</div>
995
996<!-- navigation panel -->
997<nav class="navbar navbar-default navbar-fixed-top nav-down">
998    <div class="container" id="nav" style="padding-left:0px; padding-right:0px;">
999        <div class="navbar-header">
1000            <div class="mon-panier-mobile" style="display:none;">
1001                <div data-toggle="dropdown" class="items">
1002                    <img class="icon-cart"  width="28" height="28" src="https://a86axszy.cdn.imgeng.in/images/accueil/panier.svg" alt="panier-tunetoo"/>
1003                    <span class="shop">
1004                        <span class="number-shop">
1005                        0                        </span>
1006                    </span>
1007                                    </div>
1008            </div>
1009            <div class="mon-compte mobile" style="display:none;">
1010                <div class="connexion"><img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/user.svg" alt="connexion-tunetoo"/>
1011                    <span class="count">
1012                        <span>Log in</span><b class="caret"></b>
1013                    </span>
1014                </div>
1015            </div>
1016            <button type="button" id="nav-icon3" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-label="Navigation">
1017                <span class="icon-bar"></span>
1018                <span class="icon-bar"></span>
1019                <span class="icon-bar"></span>
1020            </button>
1021            <a class="navbar-brand-header" href="https://www.tunetoo.co.uk">
1022                <span class="flocon"></span>
1023                <img alt="Brand" src="https://a86axszy.cdn.imgeng.in/images/logo-tunetoo-head.svg" width="140" height="58"/>
1024            </a>
1025        </div>
1026        <div class="collapse navbar-collapse js-navbar-collapse" id="bs-example-navbar-collapse-1">
1027            <div class="nav navbar-nav" id="noboxsizing">
1028                <div class="row">
1029                    <div class="col-lg-3" id="right-blocs">
1030                        <a class="navbar-brand" href="https://www.tunetoo.co.uk"><span class="flocon"></span><img style="margin-top: -6px;" alt="Brand" src="https://a86axszy.cdn.imgeng.in/images/logo-tunetoo-head.svg" width="140" height="58" class=""/></a>
1031                    </div>
1032                    <div class="col-md-6" id="center-blocs" style="display:flex; margin-left:36px">
1033                    <ul>  
1034                        <li class="dropdown personnalisation">
1035                            <a data-toggle="dropdown" class="dropdown-toggle personnaliser" href="https://www.tunetoo.co.uk" style="font-size:16px!important">Create                                <span class="second-title">all your desires</span>
1036                                <span class="subline"></span>
1037                            </a>                                
1038                            <ul class="dropdown-menu mega-dropdown-menu row perso">
1039                                <li class="col-sm-2 col-md-2">
1040                                    <ul>
1041                                        <li class="dropdown-header" style="padding: 10px 0 5px 0 !important;">Clothing</li>
1042                                        <li><a href="https://www.tunetoo.co.uk/custom-t-shirt.php">Personalised T-shirt</a></li>
1043                                        <li><a href="https://www.tunetoo.co.uk/custom-polo-shirts.php">Personalised Polo</a></li>
1044                                        <li><a href="https://www.tunetoo.co.uk/custom-sweat-shirt.php">Personalised Sweatshirt</a></li>
1045                                        <li><a href="https://www.tunetoo.co.uk/custom-apron.php">Personalised Apron</a></li>
1046                                        <li><a href="https://www.tunetoo.co.uk/custom-bathrobe.php">Personalised Bathrobe</a></li>
1047                                        <li><a href="https://www.tunetoo.co.uk/">Pantalon personnalisé</a></li>
1048                                        <li><a href="https://www.tunetoo.co.uk/">Short personnalisé</a></li>
1049                                        <li><a href="https://www.tunetoo.co.uk/">Caleçon personnalisé</a></li>                                        
1050                                        <li><a href="https://www.tunetoo.co.uk/embroidered-shirt.php">Personalised Shirt</a></li>
1051                                        <li><a href="https://www.tunetoo.co.uk/custom-jackets-coats.php">Personnalised Coats</a></li>
1052                                        <li class="dropdown-header" style="padding: 10px 0 5px 0 !important;">BABY</li>
1053                                        <li><a href="https://www.tunetoo.co.uk/custom-baby-bib.php">Personalised Bib</a></li>
1054                                        <li><a href="https://www.tunetoo.co.uk/custom-baby-bodysuit.php">Personalised baby bodysuit</a></li>
1055                                                                            </ul>
1056                                </li>
1057                                <li class="col-sm-2 col-md-2">
1058                                    <ul>
1059                                        <li class="dropdown-header" style="padding: 10px 0 5px 0 !important;">Accessories</li>
1060                                        <li><a href="https://www.tunetoo.co.uk/personalised-face-mask.php">Personalised Mask</a></li>
1061                                        <li><a href="https://www.tunetoo.co.uk/custom-beanie.php">Personalised Beanie</a></li>
1062                                        <li><a href="https://www.tunetoo.co.uk/personalised-cap.php">Personalised Cap</a></li>
1063                                        <li><a href="https://www.tunetoo.co.uk/">Custom bucket hat</a></li>
1064                                        <li><a href="https://www.tunetoo.co.uk/personalised-travel-bag.php">Personalised Bag</a></li>
1065                                        <li><a href="https://www.tunetoo.co.uk/personalised-towels.php">Personalised Towel</a></li>
1066                                        <li><a href="https://www.tunetoo.co.uk/custom-plaid.php">Personnalised Blankets</a></li>
1067                                        
1068                                    </ul>
1069                                    <div class="verticle-line"></div>
1070                                </li>
1071                                <li class="col-sm-3 col-md-3">
1072                                    <ul>
1073                                                                                            <li class="dropdown-header" style="padding: 10px 0 5px 0 !important;">Objects</li>
1074                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-mug.php">Personalised Mug</a></li>
1075                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-pillow.php">Personalised Pillow</a></li>
1076                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-phone-cases.php">Personalised Phone Case</a></li>
1077                                                                                                <li><a href="https://www.tunetoo.co.uk/custom-plush-toy.php">Personalised Plush Toy</a></li>
1078                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-soft-toys.php">Personalised Teddy bear</a></li>
1079                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-mousepad.php">Personalised Mousepad</a></li>
1080                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-painting.php">Personnalised Painting</a></li>
1081                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-puzzle.php">Personalised Puzzle</a></li>
1082                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-chair.php">Personalised Chair</a></li>
1083                                                                                                <li>
1083<a href="https://www.tunetoo.co.uk/personalized-keychain.php">Personalised Keychain</a></li>
1084                                                                                                <li><a href="https://www.tunetoo.co.uk/personalised-bookmark.php">Personalised Bookmark</a></li>
1085                                                                                                <li><a href="https://www.tunetoo.co.uk/personalized-christmas-ball.php">Personalised Christmas Ball</a></li>
1086                                                                                                <li><a href="https://www.tunetoo.co.uk/personalized-clock.php">Personnalised Clock</a></li>
1087                                                                                </ul>
1088                                </li>
1089                                <li class="col-sm-5 col-md-5">
1090                                    <ul>
1091                                        <li>
1092                                            <a class="image-nav teaser" href="https://www.tunetoo.co.uk/tunetoo-personnaliser-broderie-impression-textile-objet1.php">
1093                                                <img class="img-responsive lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/personalise-tunetoo.jpg" alt="personnaliser votre produit">
1094                                            </a>
1095                                        </li>
1096                                    </ul>
1097                                </li>
1098                            </ul>                                
1099                        </li>
1100                                       
1101                        <li class="dropdown collection" >
1102                            <a data-toggle="dropdown" class="dropdown-toggle art-shop" href="https://www.tunetoo.co.uk">Art Shop                                <span class="second-title">Gift ideas</span>                    
1103                                <span class="subline"></span>
1104                            </a>
1105                                                        </li>
1106                        <li class="dropdown vendre">
1107                            <a data-toggle="dropdown" class="dropdown-toggle dropdown-toggle2 vendre" href="https://www.tunetoo.co.uk/">Sell                                <span class="second-title">Create your store</span>                    
1108                                <span class="subline"></span>
1109                            </a>
1110                            <ul class="dropdown-menu mega-dropdown-menu row vendre">
1111                                <li class="col-md-12"><p class="text-vendre head-title">A quick and easy way to earn money</p>
1112                                </li>
1113                                <div class="col-md-2"></div>
1114                                <li class="col-md-2" id="bloc-campaign"><a href="https://www.tunetoo.co.uk/create-your-campaign.php">
1115                                        <div class="img-campaign"></div>
1116                                        <span>Campaign</span></a>
1117                                    </li>
1118                                <li class="col-md-2" id="bloc-design"><a href="https://www.tunetoo.co.uk/sell-your-design.php">
1119                                        <div class="img-design"></div>
1120                                        <span>Design</span></a></li>
1121                                <li class="col-md-2" id="bloc-shop"><a href="https://www.tunetoo.co.uk/open-your-online-shop.php">
1122                                        <div class="img-shop"></div>
1123                                        <span>E-shop</span></a></li>
1124                                <li class="col-md-2" id="bloc-shop-api"><a href="https://www.tunetoo.co.uk/print-on-demand.php" id="PRINT ON DEMAND">
1125                                        <div class="img-revendeur-api"></div>
1126                                        <span>E-shop API</span></a></li>
1127                                <div class="col-md-2"></div>
1128                                <li class="col-md-12"><a href="https://www.tunetoo.co.uk/design-sell-tshirt.php" class="perso-button personnaliser">Go to market now<i
1129                                                class="fa fa-chevron-right"></i></a></li>
1130                            </ul>
1131                        </li>
1132                                   
1133                        <li class="dropdown realisation" style="margin-left 6px;">
1134                            <span class="ttoo dropdown-toggle" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9yZWFsaXNhdGlvbnMucGhw">Réalisations<br><span class="second-title">idées de personnalisation</span><span class="subline"></span></span>
1135                        </li>
1136                                                </div>
1137                    <div class="col-lg-3" id="left-blocs">
1138                    <ul>
1139                        <li class="mon-compte">  
1140                            <a href="#" onClick="startCaptcha()" class="devis-rapide" data-toggle="modal" data-target="#demande-devis-rapide"><span>Quick quote</span></a>
1141                        </li> 
1142                        <li class="mon-compte" onselectstart="return false">   
1143                            <div class="connexion"><span class="count">
1144                                                                    <span> Log in </span> <b class="caret"></b></span>
1145                            </div>
1146                            <div class="content-connexion">
1147                                                                    <span style="color: #999;" class="ttoo button-inscription" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jcmVhdGUteW91ci1hY2NvdW50LW9uLXR1bmV0b28ucGhw">Sign in</span><span class='yescount'> You already have an account? </span><span style="color: #999;" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jcmVhdGUteW91ci1hY2NvdW50LW9uLXR1bmV0b28ucGhw">Log in </span><span style="color: #999;" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jcmVhdGUteW91ci1hY2NvdW50LW9uLXR1bmV0b28ucGhwP2xvY2F0aW9uPWNvbXB0ZS1jb21tYW5kZS1wcm9maWwucGhw">My orders </span>
1148                                                                </div>
1149
1150
1151                        </li>
1152                        <li class="mon-panier" >
1153                            <div data-toggle="dropdown" class="items"><span class="icon-shopping-list"><span class="shop"><span class="number-shop">0</span></span></span></div>
1154                        </li>
1155                        </ul>
1156                    </div>
1157                </div>
1158            </ul>
1159           </div> 
1160        </div>
1161    </div>
1162           <div class="contain custom">
1163                <div class="first-bloc row">
1164                    <div class="line-one">
1165                        <ul class="col-md-12 tab">
1166                            <li class="tablinks selectionmenuok" id="defaultOpen" onclick="openSubcate(event, 'vetement-perso')">
1167                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/clothes.svg"/>
1168                                Custom clothing 
1169                                <span class="subline"></span>
1170                            </li>
1171                            <li class="tablinks" onclick="openSubcate(event, 'accessoire-bijoux')">
1172                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/cup.svg"/>
1173                                Accessories & Jewelry 
1174                                <span class="subline"></span>
1175                            </li>
1176                            <li class="tablinks" onclick="openSubcate(event, 'maison-deco')">
1177                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/house.svg"/>
1178                                Home & Deco 
1179                                <span class="subline"></span>
1180                            </li>
1181                            <li class="tablinks" onclick="openSubcate(event, 'loisir')">
1182                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/puzzle.svg"/>
1183                                Cultural leisure 
1184                                <span class="subline"></span>
1185                            </li>
1186                            <li class="tablinks" onclick="openSubcate(event, 'sac')">
1187                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/bag.svg"/>
1188                            Luggage 
1189                                <span class="subline"></span>
1190                            </li>
1191                            <li class="tablinks" onclick="openSubcate(event, 'professionnel')">
1192                                <img class="header-img lazyload" data-srcset="/images/accueil/svg/clothes.svg"/>
1193                                Profesionales 
1194                                <span class="subline"></span>
1195                            </li>
1196                            <li class="tablinks" onclick="openSubcate(event, 'idees-cadeaux2')">
1197                                    <img class="header-img lazyload" data-srcset="/images/accueil/svg/bulb.svg"/>
1198                                    Gift ideas 
1199                                <span class="subline"></span>
1200                            </li>
1201                        </ul>
1202                    </div>
1203                </div>
1204                <div class="bloc-personnaliser">
1205                    <div class="second-bloc personnalisation-tab row">
1206                        <div id="vetement-perso" class="tabcontent second-bloc">
1207                            <div class="col-xs-4 col-md-3">
1208                                <span class="titleMain">
1209                                    Custom clothing 
1210                                </span>
1211                                <div class="list-subcate">
1212                                    <ul class="tab">
1213                                        <li><span onmouseover="openLastTab(event, 'vetement');openLastTabImg(event, 'vetement-img')" class="tablinks2 active"><span class="link-second">Custom clothing <i class="fa fa-chevron-right"></i></span></span></li>
1214                                        <li><span onmouseover="openLastTab(event, 'vetement-travail');openLastTabImg(event, 'vetement-travail-img')" class="tablinks2"><span class="link-second">Custom Work Wear <i class="fa fa-chevron-right"></i></span></span> </li>
1215                                        <li><span onmouseover="openLastTab(event, 'textile-bebe');openLastTabImg(event, 'textile-bebe-img')" class="tablinks2"><span class="link-second">Personalized Baby Textile <i class="fa fa-chevron-right"></i></span></span> </li>
1216                                    </ul>
1217                                </div>
1218                            </div>
1219                            <div class="col-xs-8 col-md-6">
1220                                <ul class="labels">
1221                                    <li class="bio">
1222                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1223                                        Environmentally friendly                                    </li>
1224                                    <li class="savoir-faire">
1225                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1226                                        French know-how                                    </li>
1227                                    <li class="bordelais">
1228                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1229                                        Personalized in Bordeaux                                    </li>
1230                                </ul>
1231                                <div class="links-cate">
1232                                    <ul id="vetement" class="tabcontent2 active content-sublist-vetement" style="display:block;">
1233                                        <li><a href="https://www.tunetoo.co.uk/custom-t-shirt.php">Personalised T-shirt</a></li>
1234                                        <li><a href="https://www.tunetoo.co.uk/custom-sweat-shirt.php">Personalised Sweatshirt</a></li>
1235                                        <li><a href="https://www.tunetoo.co.uk/custom-apron.php">Personalised Apron</a></li>
1236                                        <li><a href="https://www.tunetoo.co.uk/custom-polo-shirts.php">Personalised Polo</a></li>
1237                                        <li><a href="https://www.tunetoo.co.uk/embroidered-shirt.php">Personalised Shirt</a></li>
1238                                        <li><a href="https://www.tunetoo.co.uk/custom-jackets-coats.php">Personnalised Coats</a></li>
1239                                        <li><a href="https://www.tunetoo.co.uk/custom-bathrobe.php">Personalised Bathrobe</a></li>
1240                                        <li><a href="https://www.tunetoo.co.uk/">Pantalon personnalisé</a></li>
1241                                        <li><a href="https://www.tunetoo.co.uk/">Short personnalisé</a></li>
1242                                        <li><a href="https://www.tunetoo.co.uk/">Caleçon personnalisé</a></li>
1243                                        <li><a href="https://www.tunetoo.co.uk/">Loop Embroidery</a></li>
1244                                                                            </ul>
1245                                    <ul id="vetement-travail" class="tabcontent2 content-sublist-vetement-trvail" style="display:none;">
1246                                                                                <li><a href="https://www.tunetoo.co.uk/custom-bomber-jacket.php">Personnalised Bomber Jacket</a></li>                                     </ul>
1247                                    <ul id="textile-bebe" class="tabcontent2 content-sublist-textile-bebe" style="display:none;">
1248                                        <li><a href="https://www.tunetoo.co.uk/custom-baby-bib.php">Personalised Bib</a></li>
1249                                        <li><a href="https://www.tunetoo.co.uk/custom-baby-bodysuit.php">Personalised baby bodysuit</a></li>
1250                                        <li><a href="https://www.tunetoo.co.uk/personalised-soft-toys.php">Personalised Teddy bear</a></li>
1251                                        <li><a href="https://www.tunetoo.co.uk/custom-plush-toy.php">Personalised Plush Toy</a></li>
1252                                    </ul>
1253                                </div>
1254                            </div>
1255                            <div class="col-xs-12 col-md-3">
1256                                <a class="image-nav tabcontent2Img" id="vetement-img" href="https://www.tunetoo.co.uk/custom-sweat-shirt.php" style="display:block;">
1257                                    <div class="three teaser">
1258                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/vetements-perso.jpg" alt="nouveaux produits personnalisable">
1259                                    </div>
1260                                </a>
1261                                <a class="image-nav tabcontent2Img" id="vetement-travail-img" href="https://www.tunetoo.co.uk/custom-bomber-jacket.php" style="display:none;">
1262                                    <div class="three teaser">
1263                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/vetements-travail.jpg" alt="nouveaux produits personnalisable">
1264                                    </div>
1265                                </a>
1266                                <a class="image-nav tabcontent2Img" id="textile-bebe-img" href="https://www.tunetoo.co.uk/custom-baby-bib.php" style="display:none;">
1267                                    <div class="three teaser">
1268                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/textile-bebe.jpg" alt="nouveaux produits personnalisable">
1269                                    </div>
1270                                </a>
1271                                <a class="call-to-action personnaliser" href="https://www.tunetoo.co.uk/tunetoo-personnaliser-broderie-impression-textile-objet1.php">
1272                                        <img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i>
1273                                </a>
1274                            </div>
1275                        </div>
1276                        <div id="accessoire-bijoux" class="tabcontent second-bloc">
1277                            <div class="col-xs-4 col-md-3">
1278                                <span class="titleMain">
1279                                Accessories & Jewelry</span>
1280                                <div class="list-subcate">
1281                                    <ul>
1282                                        <li><span onmouseover="openLastTab(event, 'accessoire-perso');openLastTabImg(event, 'accessoire-perso-img')" class="tablinks2 active"><span class="link-second">Custom Accessories <i class="fa fa-chevron-right"></i></span></span></li>
1283                                        <li><span onmouseover="openLastTab(event, 'objet-perso');openLastTabImg(event, 'objet-perso-img')" class="tablinks2"><span class="link-second">Custom objects <i class="fa fa-chevron-right"></i></span></span> </li>
1284                                        <li><span onmouseover="openLastTab(event, 'objet-pub');openLastTabImg(event, 'objet-pub-img')" class="tablinks2"><span class="link-second">Custom Promotional items <i class="fa fa-chevron-right"></i></span></span> </li>
1285                                    </ul>
1286                                </div>
1287                            </div>
1288                            <div class="col-xs-8 col-md-6">
1289                                <ul class="labels">
1290                                    <li class="bio">
1291                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1292                                        Environmentally friendly                                    </li>
1293                                    <li class="savoir-faire">
1294                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1295                                        French know-how                                    </li>
1296                                    <li class="bordelais">
1297                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1298                                        Personalized in Bordeaux                                    </li>
1299                                </ul>
1300                                <div class="links-cate">
1301                                    <ul id="accessoire-perso" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1302                                        <li><a href="https://www.tunetoo.co.uk/personalised-cap.php">Personalised Cap</a></li>
1303                                        <li><a href="https://www.tunetoo.co.uk/custom-beanie.php">Personalised Beanie</a></li>
1304                                        <li><a href="https://www.tunetoo.co.uk/">Custom bucket hat</a></li>
1305                                        <li><a href="https://www.tunetoo.co.uk/personalised-face-mask.php">Personalised Mask</a></li>
1306                                        <li><a href="https://www.tunetoo.co.uk/embroidered-custom-bandana.php">Bandana personnalisé</a></li>
1307                                        <li><a href="https://www.tunetoo.co.uk/custom-apron.php">Personalised Apron</a></li>
1308                                                                            </ul>
1309                                    <ul id="objet-perso" class="tabcontent2 content-sublist-objet-perso" style="display:none;">
1310                                        <li><a href="https://www.tunetoo.co.uk/personalised-phone-cases.php">Personalised Phone Case</a></li>
1311                                        <li><a href="https://www.tunetoo.co.uk/personalised-mug.php">Personalised Mug</a></li>
1312                                        <li><a href="https://www.tunetoo.co.uk/">Bowl Personalised</a></li>
1313                                        <li><a href="https://www.tunetoo.co.uk/">Personalised Tankard</a></li>
1314                                        <li><a href="https://www.tunetoo.co.uk/personalised-puzzle.php">Personalised Puzzle</a></li>
1315                                        <li><a href="https://www.tunetoo.co.uk/personalised-painting.php">Personnalised Painting</a></li>
1316                                        <li><a href="https://www.tunetoo.co.uk/personalized-clock.php">Personnalised Clock</a></li>
1317                                        <li><a href="https://www.tunetoo.co.uk/personalised-pillow.php">Personalised Pillow</a></li>
1318                                        <li><a href="https://www.tunetoo.co.uk/personalised-chair.php">Personalised Chair</a></li>
1319                                        <li><a href="https://www.tunetoo.co.uk/personalised-soft-toys.php">Personalised Teddy bear</a></li>
1320                                    </ul>
1321                                    <ul id="objet-pub" class="tabcontent2 content-sublist-objet-pub" style="display:none;">
1322                                        <li><a href="https://www.tunetoo.co.uk/personalised-mousepad.php">Personalised Mousepad</a></li>
1323                                        <li>
1323<a href="https://www.tunetoo.co.uk/personalized-keychain.php">Personalised Keychain</a></li>
1324                                        <li><a href="https://www.tunetoo.co.uk/personalised-bookmark.php">Personalised Bookmark</a></li>
1325                                    </ul>
1326                                </div>
1327                            </div>
1328                            <div class="col-xs-12 col-md-3">
1329                                <a class="image-nav tabcontent2Img" id="accessoire-perso-img" href="https://www.tunetoo.co.uk/personalised-cap.php" style="display:block;">
1330                                    <div class="three teaser">
1331                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/accessoires-perso.jpg" alt="accessoires personnalisable">
1332                                    </div>
1333                                </a>
1334                                <a class="image-nav tabcontent2Img" id="objet-perso-img" href="https://www.tunetoo.co.uk/personalised-mug.php" style="display:none;">
1335                                    <div class="three teaser">
1336                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/objets.jpg" alt="objet personnalisable">
1337                                    </div>
1338                                </a>
1339                                <a class="image-nav tabcontent2Img" id="objet-pub-img" href="https://www.tunetoo.co.uk/personalized-keychain.php" style="display:none;">
1340                                    <div class="three teaser">
1341                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/objets-publicitaires.jpg" alt="objet pub personnalisable">
1342                                    </div>
1343                                </a>
1344                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1345                            </div>
1346                        </div>
1347                        <div id="maison-deco" class="tabcontent second-bloc">
1348                            <div class="col-xs-4 col-md-3">
1349                            <span class="titleMain">
1350                            Home & Deco</span>
1351                                <div class="list-subcate">
1352                                    <ul>
1353                                        <li><span onmouseover="openLastTab(event, 'deco-perso');openLastTabImg(event, 'deco-perso-img')" class="tablinks2 active" ><span class="link-second">Personalized home decor <i class="fa fa-chevron-right"></i></span></span></li>
1354                                        <li><span onmouseover="openLastTab(event, 'deco-murale');openLastTabImg(event, 'deco-murale-img')" class="tablinks2" ><span class="link-second">Personalized wall decoration <i class="fa fa-chevron-right"></i></span></span> </li>
1355                                        <li><span onmouseover="openLastTab(event, 'linge-maison');openLastTabImg(event, 'linge-maison-img')" class="tablinks2" ><span class="link-second">Custom Linen <i class="fa fa-chevron-right"></i></span></span> </li>
1356                                        <li><span onmouseover="openLastTab(event, 'art-table');openLastTabImg(event, 'art-table-img')" class="tablinks2" ><span class="link-second">Personalized tableware <i class="fa fa-chevron-right"></i></span></span> </li>
1357                                    </ul>
1358                                </div>
1359                            </div>
1360                            <div class="col-xs-8 col-md-6">
1361                                <ul class="labels">
1362                                    <li class="bio">
1363                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1364                                        Environmentally friendly                                    </li>
1365                                    <li class="savoir-faire">
1366                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1367                                        French know-how                                    </li>
1368                                    <li class="bordelais">
1369                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1370                                        Personalized in Bordeaux                                    </li>
1371                                </ul>
1372                                <div class="links-cate">
1373                                    <ul id="deco-perso" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1374                                        <li><a href="https://www.tunetoo.co.uk/custom-plaid.php">Personnalised Blankets</a></li>
1375                                        <li><a href="https://www.tunetoo.co.uk/personalised-pillow.php">Personalised Pillow</a></li>
1376                                        <li><a href="https://www.tunetoo.co.uk/personalised-chair.php">Personalised Chair</a></li>
1377                                        <li><a href="https://www.tunetoo.co.uk/personalized-christmas-ball.php">Personalised Christmas Ball</a></li>
1378                                    </ul>
1379                                    <ul id="deco-murale" class="tabcontent2 content-sublist-objet-perso" style="display:none;">
1380                                        <li><a href="https://www.tunetoo.co.uk/personalised-painting.php">Personnalised Painting</a></li>
1381                                        <li><a href="https://www.tunetoo.co.uk/personalized-clock.php">Personnalised Clock</a></li>
1382                                    </ul>
1383                                    <ul id="linge-maison" class="tabcontent2 content-sublist-objet-pub" style="display:none;">
1384                                        <li><a href="https://www.tunetoo.co.uk/personalised-towels.php">Personalised Towel</a></li>
1385                                        <li><a href="https://www.tunetoo.co.uk/custom-plaid.php">Personnalised Blankets</a></li>
1386                                    </ul>
1387                                    <ul id="art-table" class="tabcontent2 content-sublist-objet-pub" style="display:none;">
1388                                        <li><a href="https://www.tunetoo.co.uk/custom-apron.php">Personalised Apron</a></li>
1389                                        <li><a href="https://www.tunetoo.co.uk/personalised-mug.php">Personalised Mug</a></li>
1390                                        <li><a href="https://www.tunetoo.co.uk/">Personalised Tankard</a></li>
1391                                        <li><a href="https://www.tunetoo.co.uk/">Bowl Personalised</a></li>
1392                                    </ul>
1393                                </div>
1394                            </div>
1395                            <div class="col-xs-12 col-md-3">
1396                                <a class="image-nav tabcontent2" id="deco-perso-img" href="https://www.tunetoo.co.uk/personalised-pillow.php" style="display:block;">
1397                                    <div class="three teaser">
1398                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/deco-maison-perso.jpg" alt="décorations personnalisable">
1399                                    </div>
1400                                </a>
1401                                <a class="image-nav tabcontent2" id="deco-murale-img" href="https://www.tunetoo.co.uk/personalized-clock.php" style="display:none;">
1402                                    <div class="three teaser">
1403                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/deco-murale.jpg" alt="décorations personnalisable">
1404                                    </div>
1405                                </a>
1406                                <a class="image-nav tabcontent2" id="linge-maison-img" href="https://www.tunetoo.co.uk/personalised-towels.php" style="display:none;">
1407                                    <div class="three teaser">
1408                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/linge-de-maison.jpg" alt="décorations personnalisable">
1409                                    </div>
1410                                </a>
1411                                <a class="image-nav tabcontent2" id="art-table-img" href="https://www.tunetoo.co.uk/" style="display:none;">
1412                                    <div class="three teaser">
1413                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/art-de-la-table.jpg" alt="décorations personnalisable">
1414                                    </div>
1415                                </a>
1416                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1417
1418                            </div>
1419                        </div>
1420                        <div id="loisir" class="tabcontent second-bloc">
1421                            <div class="col-xs-4 col-md-3">
1422                                <span class="titleMain">
1423                                Cultural leisure </span>
1424                                <div class="list-subcate">
1425                                    <ul>
1426                                        <li><span onmouseover="openLastTab(event, 'jeux');openLastTabImg(event, 'jeux-img')" class="tablinks2 active"><span class="link-second">Custom games <i class="fa fa-chevron-right"></i></span></span></li>
1427                                        <li><span onmouseover="openLastTab(event, 'papeterie');openLastTabImg(event, 'papeterie-img')" class="tablinks2"><span class="link-second">Personalized stationery <i class="fa fa-chevron-right"></i></span></span> </li>
1428                                    </ul>
1429                                </div>
1430                            </div>
1431                            <div class="col-xs-8 col-md-6">
1432                                <ul class="labels">
1433                                    <li class="bio">
1434                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1435                                        Environmentally friendly                                    </li>
1436                                    <li class="savoir-faire">
1437                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1438                                    French know-how</li>
1439                                    <li class="bordelais">
1440                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1441                                    Personalized in Bordeaux</li>
1442                                </ul>
1443                                <div class="links-cate">
1444                                    <ul id="jeux" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1445                                    <li><a href="https://www.tunetoo.co.uk/personalised-puzzle.php">Personalised Puzzle</a></li>
1446                                    </ul>
1447                                    <ul id="papeterie" class="tabcontent2 content-sublist-objet-perso" style="display:none;">
1448                                    <li><a href="https://www.tunetoo.co.uk/personalised-bookmark.php">Personalised Bookmark</a></li>
1449                                    </ul>
1450                                </div>
1451                            </div>
1452                            <div class="col-xs-12 col-md-3">
1453                                <a class="image-nav tabcontent2" id="jeux-img" href="https://www.tunetoo.co.uk/personalised-puzzle.php" style="display:block;">
1454                                    <div class="three teaser">
1455                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/loisirs-perso.jpg" alt="nouveaux produits personnalisable">
1456                                    </div>
1457                                </a>
1458                                <a class="image-nav tabcontent2" id="papeterie-img" href="https://www.tunetoo.co.uk/personalised-bookmark.php" style="display:none;">
1459                                    <div class="three teaser">
1460                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/papeterie.jpg" alt="nouveaux produits personnalisable">
1461                                    </div>
1462                                </a>
1463                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1464
1465                            </div>
1466                        </div>
1467                        <div id="sac" class="tabcontent second-bloc">
1468                            <div class="col-xs-4 col-md-3">
1469                                <span class="titleMain">
1470                                Luggage </span>
1471                                <div class="list-subcate">
1472                                    <ul>
1473                                        <li><span onmouseover="openLastTab(event, 'sac-perso');openLastTabImg(event, 'sac-img')" class="tablinks2 active">
1474                                                <span class="link-second">Personalised Bag <i class="fa fa-chevron-right"></i>
1475                                            </span></span>
1476                                        </li>
1477                                    </ul>
1478                                </div>
1479                            </div>
1480                            <div class="col-xs-8 col-md-6">
1481                                <ul class="labels">
1482                                    <li class="bio">
1483                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1484                                        Environmentally friendly                                    </li>
1485                                    <li class="savoir-faire">
1486                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1487                                    French know-how</li>
1488                                    <li class="bordelais">
1489                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1490                                    Personalized in Bordeaux</li>
1491                                </ul>
1492                                <div class="links-cate">
1493                                    <ul id="sac-perso" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1494                                        <li><a href="https://www.tunetoo.co.uk/personalised-travel-bag.php">Personalised Bag</a></li>
1495                                    </ul>
1496                                </div>
1497                            </div>
1498                            <div class="col-xs-12 col-md-3">
1499                                <a class="image-nav tabcontent2Img" id="sac-img" href="https://www.tunetoo.co.uk/personalised-travel-bag.php">
1500                                    <div class="three teaser">
1501                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/bagagerie-perso.jpg" alt="nouveaux produits personnalisable" style="display:block;">
1502                                    </div>
1503                                </a>
1504                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1505
1506                            </div>
1507                        </div>
1508                        <div id="professionnel" class="tabcontent second-bloc">
1509                            <div class="col-xs-4 col-md-3">
1510                                <span class="titleMain">
1511                                Profesionales</span>
1512                                <div class="list-subcate">
1513                                    <ul>
1514                                        <li><span onmouseover="openLastTab(event, 'objet-pub-perso');openLastTabImg(event, 'objet-pub-perso-img')" class="tablinks2 active"><span class="link-second">Custom Promotional items <i class="fa fa-chevron-right"></i></span></span></li>
1515                                        <li><span onmouseover="openLastTab(event, 'travail-perso');openLastTabImg(event, 'travail-perso-img')" class="tablinks2"><span class="link-second">Custom Work Wear <i class="fa fa-chevron-right"></i></span></span></li>
1516                                    </ul>
1517                                </div>
1518                            </div>
1519                            <div class="col-xs-8 col-md-6">
1520                                <ul class="labels">
1521                                    <li class="bio">
1522                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1523                                        Environmentally friendly                                    </li>
1524                                    <li class="savoir-faire">
1525                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1526                                        French know-how                                    </li>
1527                                    <li class="bordelais">
1528                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1529                                        Personalized in Bordeaux                                    </li>
1530                                </ul>
1531                                <div class="links-cate">
1532                                    <ul id="objet-pub-perso" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1533                                        <li><a href="https://www.tunetoo.co.uk/personalized-keychain.php">Personalised Keychain</a></li>
1534                                        <li><a href="https://www.tunetoo.co.uk/personalised-bookmark.php">Personalised Bookmark</a></li>
1535                                    </ul>
1536                                    <ul id="travail-perso" class="tabcontent2 content-sublist-accessoire-perso" style="display:none;">
1537                                        <li><a href="https://www.tunetoo.co.uk/custom-bomber-jacket.php">Personnalised Bomber Jacket</a></li>
1538                                    </ul>
1539                                </div>
1540                            </div>
1541                            <div class="col-xs-12 col-md-3">
1542                                <a class="image-nav tabcontent2Img" id="objet-pub-perso-img" href="https://www.tunetoo.co.uk/personalized-keychain.php"  style="display:block;">
1543                                    <div class="three teaser">
1544                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/objets-publicitaires.jpg" alt="nouveaux produits personnalisable">
1545                                    </div>
1546                                </a>
1547                                <a class="image-nav tabcontent2Img" id="travail-perso-img" href="https://www.tunetoo.co.uk/custom-bomber-jacket.php"  style="display:none;">
1548                                    <div class="three teaser">
1549                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/vetements-travail.jpg" alt="nouveaux produits personnalisable">
1550                                    </div>
1551                                </a>
1552                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1553
1554                            </div>
1555                        </div>
1556                        <div id="idees-cadeaux2" class="tabcontent second-bloc">
1557                            <div class="col-xs-4 col-md-3">
1558                                <span class="titleMain">
1559                                            Gift ideas</span>
1560                                <div class="list-subcate">
1561                                    <ul>
1562                                        <li><span onmouseover="openLastTab(event, 'evenements');openLastTabImg(event, 'evenements-img')" class="tablinks2 active"> <span class="link-second">Events <i class="fa fa-chevron-right"></i></span></span></li>
1563                                    </ul>
1564                                </div>
1565                            </div>
1566                            <div class="col-xs-8 col-md-6">
1567                                <ul class="labels">
1568                                    <li class="bio">
1569                                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1570                                        Environmentally friendly                                    </li>
1571                                    <li class="savoir-faire">
1572                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/needles.svg"/>
1573                                    French know-how</li>
1574                                    <li class="bordelais">
1575                                    <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1576                                    Personalized in Bordeaux</li>
1577                                </ul>
1578                                <div class="links-cate">
1579                                    <ul id="evenements" class="tabcontent2" style="display:none;">
1580                                        <li><a href="https://www.tunetoo.co.uk/">All our personalized gifts</a></li>
1581                                        <li><a href="https://www.tunetoo.co.uk/personalized-christmas-gifts.php">Personalized Christmas gifts</a></li>
1582                                        <li><a href="https://www.tunetoo.co.uk/cadeau-saint-valentin.php">Personalized Valentine's Day gifts</a></li>
1583                                        <li><a href="https://www.tunetoo.co.uk/cadeau-fete-des-peres.php">Personalized Father's Day Gifts</a></li>
1584                                        <li><a href="https://www.tunetoo.co.uk/idee-cadeau-fete-des-meres.php">Personalized Mother's Day Gifts</a></li>
1585                                    </ul>
1586                                </div>
1587                            </div>
1588                            <div class="col-xs-12 col-md-3">
1589                                <a class="image-nav tabcontent2Img" id="evenements-img" href="https://www.tunetoo.co.uk/" style="display:block;">
1590                                    <div class="three teaser">
1591                                        <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/fr/personnaliser/cadeau-perso.jpg" alt="nouveaux produits personnalisable">
1592                                    </div>
1593                                </a>
1594                                <span style="height:48px;padding: 10px 0;display: inline-table;font-weight: 700;font-size: 13px;margin: 10px 14%;font-family: segoe_uiregular, Myriad Pro Regular,Arial,Helvetica Neue,Helvetica,sans-serif;" class="ttoo call-to-action personnaliser" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51a3R1bmV0b28tcGVyc29ubmFsaXNlci1icm9kZXJpZS1pbXByZXNzaW9uLXRleHRpbGUtb2JqZXQxLnBocA=="><img src="https://a86axszy.cdn.imgeng.in/images/accueil/personnaliser/colors.svg" width="18px" alt="palette de couleur"> Personnalise now<i class="fa fa-chevron-right"></i><br></span>
1595                            </div>
1596                        </div>
1597                    </div>
1598                </div>
1599            </div>                   
1600                <div class="contain artshop">
1601                    <div class="first-bloc row">
1602                        <div class="line-one">
1603                            <ul class="col-md-12 tab">
1604                                <li class="tablinksArtshop selectionmenuok" id="defaultOpenArtshop" onclick="openSubcateArtshop(event, 'homme-artshop')">
1605                                    Homme                                    <sp
1605an class="subline"></span>
1606                                </li>
1607                                
1608                                <li class="tablinksArtshop" onclick="openSubcateArtshop(event, 'femme-artshop')">
1609                                 Femme                                    <span class="subline"></span>
1610                                </li> 
1611                                <li class="tablinksArtshop" onclick="openSubcateArtshop(event, 'enfantBebe-artshop')">
1612                                    Enfant & Bébé                                    <span class="subline"></span>
1613                                </li>                               
1614                                <li class="tablinksArtshop" onclick="openSubcateArtshop(event, 'accessoires-artshop')">
1615                                    Accessoires & Casquettes
1616                                    <span class="subline"></span>
1617                                </li>                                
1618                                <li class="tablinksArtshop" onclick="openSubcateArtshop(event, 'linge-artshop')">
1619                                    Linge de maison                                    <span class="subline"></span>
1620                                </li>
1621                            </ul>
1622                        </div>
1623                    </div>
1624                        <div class="bloc-artshop">
1625            <div class="second-bloc personnalisation-tab row">
1626                
1627                <div id="homme-artshop" class="tabcontentArtshop second-bloc" style="display: block;"> 
1628
1629                    <!-- TAB bloc vêtements personnalisés -->
1630                    <div class="col-xs-4 col-md-3">
1631                        <span class="titleMain">
1632                        Homme                        </span>
1633                        <div class="list-subcate">
1634                            <ul class="tab">
1635                                <li><a href="https://www.tunetoo.co.uk/t-shirts.php" onmouseover="openLastTabArtshop(event, 'artshop-tshirt-homme');openLastTabImgArtshop(event, 'artshop-tshirt-homme-img')" class="tablinks2Artshop active" ><span class="link-second">T-shirt homme <i class="fa fa-chevron-right"></i></span></a></li>
1636                                <li><a href="https://www.tunetoo.co.uk/sweatshirts-homme.php" onmouseover="openLastTabArtshop(event, 'artshop-sweat-homme');openLastTabImgArtshop(event, 'artshop-sweat-homme-img')" class="tablinks2Artshop" ><span class="link-second">Sweat homme <i class="fa fa-chevron-right"></i></span></a> </li>
1637                                <li><a href="https://www.tunetoo.co.uk/tablier.php" onmouseover="openLastTabArtshop(event, 'artshop-tablier-homme');openLastTabImgArtshop(event, 'artshop-tablier-homme-img')" class="tablinks2Artshop" ><span class="link-second">Tablier homme <i class="fa fa-chevron-right"></i></span></a> </li>
1638                                <li><a href="https://www.tunetoo.co.uk/debardeur.php" onmouseover="openLastTabArtshop(event, 'artshop-debardeur-homme');openLastTabImgArtshop(event, 'artshop-debardeur-homme-img')" class="tablinks2Artshop" ><span class="link-second">Débardeur homme <i class="fa fa-chevron-right"></i></span></a> </li>
1639                            </ul>
1640                        </div>
1641                    </div>
1642                    <div class="col-xs-8 col-md-6">
1643                        <ul class="labels">
1644                            <li class="bio">
1645                                <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1646                                Environmentally friendly                            </li>
1647                                <li class="bordelais">
1648                                <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1649                                Personalized in Bordeaux</li>
1650                            <li class="creation-unique">
1651                                <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/star.svg"/>
1652                                Créations uniques</li>
1653                            </li>
1654                        </ul>
1655                        <div class="links-cate">
1656                            <ul id="artshop-tshirt-homme" class="tabcontent2Artshop active content-sublist-vetement" style="display: block;">
1657                    
1658                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9nZWVrLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/geek.png" alt="geek">T-shirt geek</span></li>
1659
1660                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9wYXBhLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/papa.png" alt="papa">T-shirt Papa</span></li>
1661
1662                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9icm9kZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/brode.png" alt="brode">T-shirt brodé</span></li>
1663
1664                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9yZXRyYWl0ZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/retraite.png" alt="retraite">T-shirt retraite</span></li>
1665
1666                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9hcGVyb3MtZXQtc29pcmVlcy5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/apero.png" alt="apero">T-shirt apéro</span></li>
1667
1668                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9odW1vdXIucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/humour.png" alt="humour">T-shirt Humour</span></li>
1669
1670                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9tYW5nYS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/manga.png" alt="manga">T-shirt Manga</span></li>
1671
1672                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9ldmcucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/evg.png" alt="evg">T-shirt EVG</span></li>
1673
1674                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy92aW50YWdlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/vintage.png" alt="vintage">T-shirt Vintage</span></li>
1675
1676                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9tb3RvLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/motard.png" alt="motard">T-shirt motard</span></li>
1677
1678                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy9kaWtrZW5lay5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/homme/dikkenek.png" alt="dikkenek">T-shirt Dikkenek</span></li>
1679
1680                                <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy5waHA=">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1681                            </ul>
1682                            <ul id="artshop-sweat-homme" class="tabcontent2Artshop content-sublist-vetement-nuit" style="display:none;">
1683                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9tdXNjdWxhdGlvbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/musculation.png" alt="musculation">Musculation</span></li>
1684
1685                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9kZXNpZ24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/design.png" alt="design">Design</span></li>
1686
1687                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9odW1vdXIucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/humour.png" alt="humour">Humour</span></li>
1688
1689                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9wYXBhLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/papa.png" alt="papa">Papa</span></li>
1690
1691                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS92aW50YWdlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/vintage.png" alt="vintage">Vintage</span></li>
1692
1693                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9tb3RvLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/moto.png" alt="moto">Moto</span></li>
1694
1695                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9vcmlnaW5hdXgucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/originaux.png" alt="originaux">Original</span></li>
1696
1697                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS9hcGVyb3MtZXQtc29pcmVlcy5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/alcool.png" alt="alcool">
1697Alcool</span></li>
1698
1699                                <li><span class="ttoo mega-menu" data-ttoo=""><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/homme/sports.png" alt="sport">Sport</span></li>
1700
1701                                <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1ob21tZS5waHA=">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1702
1703                            </ul>
1704                            <ul id="artshop-tablier-homme" class="tabcontent2Artshop content-sublist-vetement-trvail" style="display:none;">
1705                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL2N1aXNpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/chef.png" alt="chef">Chef</span></li>
1706
1707                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL2N1aXNpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/top-chef.png" alt="top-chef">Top chef</span></li>
1708
1709                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL2NvbGxlY3Rpb24tZmV0ZS1kZXMtcGVyZXMucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/fete-des-peres.png" alt="fete-des-peres">Fête des pères</span></li>
1710
1711                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL2h1bW91ci5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/humour.png" alt="humouristique">Humoristique</span></li>
1712
1713                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL2N1aXNpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/barbecue.png" alt="barbecue">Barbecue</span></li>
1714
1715                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL3BhcHkucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/papy.png" alt="papy">Papy</span></li>
1716
1717                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyL29yaWdpbmF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/homme/original.png" alt="original">Original</span></li>
1718
1719                                <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1720                            </ul>
1721                            <ul id="artshop-debardeur-homme" class="tabcontent2Artshop content-sublist-textile-bebe" style="display:none;">
1722                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvbXVzY3VsYXRpb24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/musculation.png" alt="musculation">Musculation</span></li>
1723
1724                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvYmFza2V0YmFsbC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/basketball.png" alt="basketball">Basketball</span></li>
1725
1726                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvaHVtb3VyLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/humour.png" alt="humour">Humour</span></li>
1727
1728                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvYmllcmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/biere.png" alt="biere">
1728Bière</span></li>
1729
1730                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvZ2Vlay5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/geek.png" alt="geek">Geek</span></li>
1731
1732                                <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIvYmFyYnUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/homme/barbu.png" alt="barbu">Barbu</span></li>
1733
1734                                <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXIucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1735                            </ul>
1736                        </div>
1737                    </div>
1738                    <div class="col-xs-12 col-md-3">
1739                        <a class="image-nav tabcontent2ImgArtshop" id="artshop-tshirt-homme-img" href="https://www.tunetoo.co.uk/t-shirts.php" style="display: block;">
1740                            <div class="threeArtshop teaser">
1741                                <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/homme-tshirt.jpg" alt="nouveaux produits personnalisable">
1742                            </div>
1743                        </a>
1744                        <a class="image-nav tabcontent2ImgArtshop" id="artshop-sweat-homme-img" href="https://www.tunetoo.co.uk/sweatshirts-homme.php" style="display:none;">
1745                            <div class="threeArtshop teaser">
1746                                <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/homme-sweat.jpg" alt="nouveaux produits personnalisable">
1747                            </div>
1748                        </a>
1749                        <a class="image-nav tabcontent2ImgArtshop" id="artshop-tablier-homme-img" href="https://www.tunetoo.co.uk/tablier.php" style="display:none;">
1750                            <div class="threeArtshop teaser">
1751                                <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/homme-tablier.jpg" alt="nouveaux produits personnalisable">
1752                            </div>
1753                        </a>
1754                        <a class="image-nav tabcontent2ImgArtshop" id="artshop-debardeur-homme-img" href="https://www.tunetoo.co.uk/debardeur.php" style="display:none;">
1755                            <div class="threeArtshop teaser">
1756                                <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/debardeur-homme.jpg" alt="nouveaux produits personnalisable">
1757                            </div>
1758                        </a>
1759                        <a class="call-to-action artshop" href="https://www.tunetoo.co.uk/art-shop.php">
1760                            <img src="https://a86axszy.cdn.imgeng.in/images/accueil/artshop/icon-artshop.svg" width="18px" alt="palette de couleur"> Tous nos designs<i class="fa fa-chevron-right"></i>
1761                        </a>
1762                        <div class="col-md-12 add-info">
1763                            <p>Designers's products customised on demand. <i class="fas fa-heart"></i></p>
1764                        </div>
1765                    </div>
1766                </div>
1767
1768                <div id="femme-artshop" class="tabcontentArtshop second-bloc" style="display: block;"> 
1769
1770                    <!-- TAB bloc vêtements personnalisés -->
1771                    <div class="col-xs-4 col-md-3">
1772                        <span class="titleMain">
1773                        Femme                        </span>
1774                    <div class="list-subcate">
1775                        <ul class="tab">
1776                            <li><a href="https://www.tunetoo.co.uk/t-shirt-femme.php" onmouseover="openLastTabArtshop(event, 'artshop-tshirt-femme');openLastTabImgArtshop(event, 'artshop-tshirt-femme-img')" class="tablinks2Artshop active"><span class="link-second">T-shirt femme<i class="fa fa-chevron-right"></i></span></a></li>
1777                            <li><a href="https://www.tunetoo.co.uk/sweatshirts-femme.php" onmouseover="openLastTabArtshop(event, 'artshop-sweat-femme');openLastTabImgArtshop(event, 'artshop-sweat-femme-img')" class="tablinks2Artshop"><span class="link-second">Sweat femme <i class="fa fa-chevron-right"></i></span></a> </li>
1778                            <li><a href="https://www.tunetoo.co.uk/tablier-femme.php" onmouseover="openLastTabArtshop(event, 'artshop-tablier-femme');openLastTabImgArtshop(event, 'artshop-tablier-femme-img')" class="tablinks2Artshop"><span class="link-second">Tablier femme <i class="fa fa-chevron-right"></i></span></a> </li>
1779                            <li><a href="https://www.tunetoo.co.uk/debardeur-femme.php" onmouseover="openLastTabArtshop(event, 'artshop-debardeur-femme');openLastTabImgArtshop(event, 'artshop-debardeur-femme-img')" class="tablinks2Artshop"><span class="link-second">Débardeur femme <i class="fa fa-chevron-right"></i></span></a> </li>
1780                        </ul>
1781                    </div>
1782                </div>
1783                <div class="col-xs-8 col-md-6">
1784                    <ul class="labels">
1785                        <li class="bio">
1786                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
1787                            Environmentally friendly                        </li>
1788                            <li class="bordelais">
1789                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1790                            Personalized in Bordeaux                        </li>
1791                        <li class="creation-unique">
1792                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/star.svg"/>
1793                            Créations uniques                            </li>
1794                    </ul>
1795                    <div class="links-cate">
1796                        <ul id="artshop-tshirt-femme" class="tabcontent2Artshop active content-sublist-vetement" style="display: block;">
1797                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL21hbWFuLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/maman.png" alt="maman">T-shirt maman</span></li>
1798 
1799                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2Ryb2xlLWh1bW9yaXN0aXF1ZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/fun.png" alt="drole">T-shirt Drôle</span></li>
1800
1801                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL29yaWdpbmF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/originaux.png" alt="original">T-shirt Original</span></li>
1802
1803                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2Fubml2ZXJzYWlyZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/anniversaire.png" alt="anniversaire">T-shirt anniversaire</span></li>
1804
1805                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2V2amYucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/evjf.png" alt="evjf">T-shirt EVJF</span></li>
1806
1807                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2plLXBldXgtcGFzLWotYWkucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/jpeux-pas.png" alt="je-peux-pas">T-shirt Je peux pas</span></li>
1808
1809                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2xpY29ybmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/licorne.png" alt="licorne">T-shirt licorne</span></li>
1810
1811                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2NoYXQucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/chat.png" alt="chat">T-shirt chat</span></li>
1812
1813                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL21hbWllLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/mamie.png" alt="mamie">T-shirt Mamie</span></li>
1814
1815                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lL2NvdXBsZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/femme/couple.png" alt="couple">T-shirt couple</span></li>
1816
1817                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0LWZlbW1lLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1818                        </ul>
1819                        <ul id="artshop-sweat-femme" class="tabcontent2Artshop content-sublist-vetement-nuit" style="display:none;">
1820                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS9tYW1hbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/femme/maman.png" alt="maman">Maman</span></li>
1821
1822                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS9mdW4ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/femme/fun.png" alt="drole">Drôle</span></li>
1823
1824                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS9tYXJyYWluZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/femme/marraine.png" alt="marraine">Marraine</span></li>
1825
1826                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS9pbmZpcm1pZXJlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/femme/infirmiere.png" alt="infirmiere">Infirmière</span></li>
1827
1828                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS9hbW91ci5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/femme/amour.png" alt="amour">Amour</span></li>
1829
1830                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdHNoaXJ0cy1mZW1tZS5waHA=">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1831                        </ul>
1832                        <ul id="artshop-tablier-femme" class="tabcontent2Artshop content-sublist-vetement-trvail" style="display:none;">
1833                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lL2N1aXNpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/femme/masterchef.png" alt="masterchef">Masterchef</span></li>
1834 
1835                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lL21hbWFuLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/femme/maman.png" alt="maman">Maman</span></li>
1836
1837                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lL21hbWllLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/femme/grand-mere.png" alt="grand_mere">Grand mère</span></li>
1838
1839                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lL3BlaW50dXJlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/femme/peinture.png" alt="peinture">Peinture</span></li>
1840
1841                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lL2N1aXNpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tablier/femme/patisserie.png" alt="patisserie">Pâtisserie</span></li>
1842
1843                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90YWJsaWVyLWZlbW1lLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1844                        </ul>
1845                        <ul id="artshop-debardeur-femme" class="tabcontent2Artshop content-sublist-textile-bebe" style="display:none;">
1846                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUvY2hhdC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/femme/chat.png" alt="chat">
1846Chat</span></li>
1847
1848                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUvaHVtb3VyLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/femme/humoristique.png" alt="humour">Humoristique</span></li>
1849
1850                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUvbWFyaWFnZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/femme/mariage.png" alt="mariage">Mariage</span></li>
1851 
1852                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUvZ3ltbmFzdGlxdWUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/femme/gymnastique.png" alt="gymnastique">Gymnastique</span></li>
1853 
1854                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUvdGVuZGFuY2UucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/debardeur/femme/tendance.png" alt="tendance">Tendance</span></li>
1855
1856                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kZWJhcmRldXItZmVtbWUucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1857                        </ul>
1858                    </div>
1859                </div>
1860                <div class="col-xs-12 col-md-3">
1861                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-tshirt-femme-img" href="https://www.tunetoo.co.uk/t-shirt-femme.php" style="display: block;">
1862                        <div class="threeArtshop teaser">
1863                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/femme-tshirt.jpg" alt="nouveaux produits personnalisable">
1864                        </div>
1865                    </a>
1866                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-sweat-femme-img" href="https://www.tunetoo.co.uk/sweatshirts-femme.php" style="display:none;">
1867                        <div class="threeArtshop teaser">
1868                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/femme-sweat.jpg" alt="nouveaux produits personnalisable">
1869                        </div>
1870                    </a>
1871                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-tablier-femme-img" href="https://www.tunetoo.co.uk/tablier-femme.php" style="display:none;">
1872                        <div class="threeArtshop teaser">
1873                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/femme-tablier.jpg" alt="nouveaux produits personnalisable">
1874                        </div>
1875                    </a>
1876                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-debardeur-femme-img" href="https://www.tunetoo.co.uk/debardeur-femme.php" style="display:none;">
1877                        <div class="threeArtshop teaser">
1878                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/debardeur-femme.jpg" alt="nouveaux produits personnalisable">
1879                        </div>
1880                    </a>
1881                                            <span style="line-height: 1.7;height:54px;max-height: unset;color:#747474;background: #fff; border-radius: 48px;margin: 10px auto 10px auto;max-width: 239px;font-weight: 700;text-align: center;padding:15px 0 25px 0;box-shadow: 0 2px 4px 0 #00000017;"class="ttoo tablinks2Artshop" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9hcnQtc2hvcC5waHA=">
1882                            <img src="https://a86axszy.cdn.imgeng.in/images/accueil/artshop/icon-artshop.svg" width="18px" alt="palette de couleur"> 
1883                            Tous nos designs<i class="fa fa-chevron-right"></i>
1884                        </span>
1885                    <div class="col-md-12 add-info">
1886                        <p>Designers's products customised on demand. <i class="fas fa-heart"></i></p>
1887                    </div>
1888                </div>
1889            </div>
1890
1891            <div id="enfantBebe-artshop" class="tabcontentArtshop second-bloc" style="display: block;"> 
1892
1893                <!-- TAB bloc vêtements personnalisés -->
1894                <div class="col-xs-4 col-md-3">
1895                    <span class="titleMain">
1896                    Enfant & Bébé                    </span>
1897                    <div class="list-subcate">
1898                        <ul class="tab">
1899                            <li><a href="https://www.tunetoo.co.uk/t-shirts-enfant.php" onmouseover="openLastTabArtshop(event, 'artshop-tshirt-enfant');openLastTabImgArtshop(event, 'artshop-tshirt-enfant-img')" class="tablinks2Artshop active"><span class="link-second">T-shirt enfant & bébé <i class="fa fa-chevron-right"></i></span></a></li>
1900                            <li><a href="https://www.tunetoo.co.uk/sweat-enfant.php" onmouseover="openLastTabArtshop(event, 'artshop-sweat-enfant');openLastTabImgArtshop(event, 'artshop-sweat-enfant-img')" class="tablinks2Artshop"><span class="link-second">Sweat enfant & bébé <i class="fa fa-chevron-right"></i></span></a> </li>
1901                            <li><a href="https://www.tunetoo.co.uk/body-bebe.php" onmouseover="openLastTabArtshop(event, 'artshop-body-enfant');openLastTabImgArtshop(event, 'artshop-body-enfant-img')" class="tablinks2Artshop"><span class="link-second">Body enfant & bébé <i class="fa fa-chevron-right"></i></span></a> </li>
1902                            <li><a href="https://www.tunetoo.co.uk/bavoirs.php" onmouseover="openLastTabArtshop(event, 'artshop-bavoir-enfant');openLastTabImgArtshop(event, 'artshop-bavoir-enfant-img')" class="tablinks2Artshop"><span class="link-second">Bavoir enfant & bébé <i class="fa fa-chevron-right"></i></span></a> </li>
1903                        </ul>
1904                    </div>
1905                </div>
1906                <div class="col-xs-8 col-md-6">
1907                    <ul class="labels">
1908                        <li class="bio">
1909                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>                          
1910                            Environmentally friendly                        </li>
1911                        <li class="bordelais">
1912                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
1913                            Personalized in Bordeaux                        </li>
1914                        <li class="creation-unique">
1915                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/star.svg"/>
1916                            Créations uniques                        </li>
1917                    </ul>
1918                    <div class="links-cate">
1919                        <ul id="artshop-tshirt-enfant" class="tabcontent2Artshop active content-sublist-vetement" style="display: block;">
1920                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvcHJpbmNlc3NlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/princesse.png" alt="princesse">T-shirt princesse</span></li>
1921
1922                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvbWlnbm9uLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/mignon.png" alt="mignon">T-shirt mignon</span></li>
1923
1924                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvZmFtaWxsZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/pere-fils.png" alt="pere-fils">T-shirt Père fils</span></li>
1925
1926                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvZmFtaWxsZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/mere-fille.png" alt="mere-fille">T-shirt Mère fille</span></li>
1927
1928                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvY2hldmFsLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/poney.png" alt="poney">T-shirt Poney</span></li>
1929
1930                            
1931                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvbWFydmVsLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/super-heros.png" alt="heros">T-shirt super-héros</span></li>
1932
1933                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQvbmFzYS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/tshirt/enfant/nasa.png" alt="nasa">T-shirt Nasa</span></li>
1934
1935                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90LXNoaXJ0cy1lbmZhbnQucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1936                        </ul> 
1937                        <ul id="artshop-sweat-enfant" class="tabcontent2Artshop content-sublist-vetement-nuit" style="display:none;">
1938                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvYW5pbWF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/animaux.png" alt="Animaux">Animaux</span></li>
1939
1940                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvc3VwZXJtYW4ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/superman.png" alt="Superman">Superman</span></li>
1941
1942                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvZnJlcmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/frere.png" alt="Frère">Frère</span></li>
1943
1944                            
1945                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvc29ldXIucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/soeur.png" alt="soeur">Soeur</span></li>
1946
1947                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvZm9vdC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/foot.png" alt="foot">Foot</span></li>
1948
1949                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvcnVnYnkucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/rugby.png" alt="rugby">Rugby</span></li>
1950
1951                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQvY2hldmFsLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/sweat/enfant/equitation.png" alt="equitation">Equitation</span></li>
1952
1953                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zd2VhdC1lbmZhbnQucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1954
1955                        </ul> 
1956                        <ul id="artshop-body-enfant" class="tabcontent2Artshop content-sublist-vetement-trvail" style="display:none;">
1957                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUvYmViZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/body/enfant/naissance.png" alt="naissance">Naissance</span></li>
1958
1959                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUvbWlnbm9uLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/body/enfant/mignon.png" alt="mignon">Mignon</span></li>
1960
1961                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUvbWVzc2FnZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/body/enfant/message.png" alt="message">Message</span></li>
1962
1963                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUvbWFycmFpbmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/body/enfant/marraine.png" alt="marraine">Marraine</span></li>
1964
1965                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUvcGFycmFpbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/body/enfant/parrain.png" alt="parrain">Parrain</span></li>
1966
1967                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib2R5LWJlYmUucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1968                        </ul>
1969                        <ul id="artshop-bavoir-enfant" class="tabcontent2Artshop content-sublist-vetement-trvail" style="display:none;">
1970                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9iYXZvaXJz
1970L2FuaW1hdXgucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/bavoir/enfant/animaux.png" alt="animaux">Animaux</span></li>
1971
1972                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9iYXZvaXJzL21pZ25vbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/bavoir/enfant/mignon.png" alt="geek">Mignon</span></li>
1973
1974                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9iYXZvaXJzL2JlYmUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/bavoir/enfant/bebe.png" alt="geek">Naissance</span></li>
1975
1976                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9vdXJzLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/bavoir/enfant/ours.png" alt="geek">Ours</span></li>
1977
1978                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9iYXZvaXJzLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
1979                        </ul>
1980                    </div>
1981                </div>
1982                <div class="col-xs-12 col-md-3">
1983                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-tshirt-enfant-img" href="https://www.tunetoo.co.uk/t-shirts-enfant.php" style="display: block;">
1984                        <div class="threeArtshop teaser">
1985                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/enfant-tshirt.jpg" alt="nouveaux produits personnalisable">
1986                        </div>
1987                    </a>
1988                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-sweat-enfant-img" href="https://www.tunetoo.co.uk/sweat-enfant.php" style="display:none;">
1989                        <div class="threeArtshop teaser">
1990                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/enfant-sweat.jpg" alt="nouveaux produits personnalisable">
1991                        </div>
1992                    </a>
1993                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-body-enfant-img" href="https://www.tunetoo.co.uk/body-bebe.php" style="display:none;">
1994                        <div class="threeArtshop teaser">
1995                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/enfant-body.jpg" alt="nouveaux produits personnalisable">
1996                        </div>
1997                    </a>
1998                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-bavoir-enfant-img" href="https://www.tunetoo.co.uk/bavoir-personnalise.php" style="display:none;">
1999                        <div class="threeArtshop teaser">
2000                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/enfant-bavoir.jpg" alt="nouveaux produits personnalisable">
2001                        </div>
2002                    </a>
2003                                            <span style="line-height: 1.7;height:54px;max-height: unset;color:#747474;background: #fff; border-radius: 48px;margin: 10px auto 10px auto;max-width: 239px;font-weight: 700;text-align: center;padding:15px 0 25px 0;box-shadow: 0 2px 4px 0 #00000017;"class="ttoo tablinks2Artshop" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9hcnQtc2hvcC5waHA=">
2004                            <img src="https://a86axszy.cdn.imgeng.in/images/accueil/artshop/icon-artshop.svg" width="18px" alt="palette de couleur"> 
2005                            Tous nos designs<i class="fa fa-chevron-right"></i>
2006                        </span>
2007                    <div class="col-md-12 add-info">
2008                        <p>Designers's products customised on demand. <i class="fas fa-heart"></i></p>
2009                    </div>
2010                </div>
2011            </div>
2012
2013            <div id="accessoires-artshop" class="tabcontentArtshop second-bloc" style="display: block;"> 
2014                <!-- TAB bloc vêtements personnalisés -->
2015                <div class="col-xs-4 col-md-3">
2016                    <span class="titleMain">
2017                    Accessoires & Casquettes
2018                    </span>
2019                    <div class="list-subcate">
2020                        <ul class="tab">
2021                            <li><a href="https://www.tunetoo.co.uk/tote-bags.php" onmouseover="openLastTabArtshop(event, 'artshop-tote');openLastTabImgArtshop(event, 'artshop-tote-img')" class="tablinks2Artshop active" ><span class="link-second">Tote Bags<i class="fa fa-chevron-right"></i></span></a></li>
2022                            <li><a href="https://www.tunetoo.co.uk/casquettes.php" onmouseover="openLastTabArtshop(event, 'artshop-casquette');openLastTabImgArtshop(event, 'artshop-casquette-img')" class="tablinks2Artshop" ><span class="link-second">Casquettes<i class="fa fa-chevron-right"></i></span></a> </li>
2023                            <li><a href="https://www.tunetoo.co.uk/coques-smartphones.php" onmouseover="openLastTabArtshop(event, 'artshop-coque');openLastTabImgArtshop(event, 'artshop-coque-img')" class="tablinks2Artshop" ><span class="link-second">Coques smartphones<i class="fa fa-chevron-right"></i></span></a> </li>
2024                            <li><a href="https://www.tunetoo.co.uk/mugs.php" onmouseover="openLastTabArtshop(event, 'artshop-mug');openLastTabImgArtshop(event, 'artshop-mug-img')" class="tablinks2Artshop" ><span class="link-second">Mugs<i class="fa fa-chevron-right"></i></span></a> </li>
2025                            <li><a href="https://www.tunetoo.co.uk/bonnets.php" onmouseover="openLastTabArtshop(event, 'artshop-bonnet');openLastTabImgArtshop(event, 'artshop-bonnet-img')" class="tablinks2Artshop" ><span class="link-second">Bonnets<i class="fa fa-chevron-right"></i></span></a> </li>
2026                            <li><a href="https://www.tunetoo.co.uk/masques.php" onmouseover="openLastTabArtshop(event, 'artshop-masque');openLastTabImgArtshop(event, 'artshop-masque-img')" class="tablinks2Artshop" ><span class="link-second">Masques<i class="fa fa-chevron-right"></i></span></a> </li>
2027                        </ul>
2028                    </div>
2029                </div>
2030                <div class="col-xs-8 col-md-6">
2031                    <ul class="labels">
2032                        <li class="bio">
2033                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
2034                            Environmentally friendly                </li>
2035                            <li class="bordelais">
2036                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
2037                            Personalized in Bordeaux </li>
2038                        <li class="creation-unique">
2039                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/star.svg"/>
2040                            Créations uniques</li>
2041                    </ul>
2042                    <div class="links-cate">
2043                        <ul id="artshop-tote" class="tabcontent2Artshop active content-sublist-vetement" style="display: block;">
2044                            
2045                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvYXRzZW0ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/atsem.png" alt="atsem">ATSEM</span></li>
2046
2047                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvbWFtYW4ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/maman.png" alt="maman">Maman</span></li>
2048
2049                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvbWFtaWUucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/mamie.png" alt="mamie">Mamie</span></li>
2050
2051                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvbWFyaWFnZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/mariage.png" alt="mariage">Mariage</span></li>
2052
2053                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3Mvbm91bm91LnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/nounou.png" alt="nounou">Nounou</span></li>
2054
2055                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvaW5maXJtaWVyZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/infirmiere.png" alt="infirmiere">Infirmière</span></li>
2056
2057                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvbWFuZ2EucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/manga.png" alt="manga">Manga</span></li>
2058
2059                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MvbGljb3JuZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/tote/licorne.png" alt="licorne">Licorne</span></li>
2060
2061                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90b3RlLWJhZ3MucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2062                        </ul> 
2063
2064                        <!-- SUITE INTE LINK ACCESSOIRE > CASQUETTE -->
2065
2066                        <ul id="artshop-casquette" class="tabcontent2Artshop" style="display:none;">
2067                            
2068                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL29yaWdpbmF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/original.png" alt="original">Original</span></li>
2069
2070                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL3Nwb3J0cy5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/sports.png" alt="sport">Sport</span></li>
2071
2072                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL2dvbGYucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/golf.png" alt="golf">Golf</span></li>
2073
2074                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL2h1bW91ci5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/humour.png" alt="humour">Humour</span></li>
2075
2076                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL2NpdGF0aW9ucy5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/citation.png" alt="citation">Citation</span></li>
2077
2078                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL3ZlbG8ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/velo.png" alt="velo">Vélo</span></li>
2079
2080                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzL3JldHJhaXRlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/casquette/retraite.png" alt="retraite">Retraite</span></li>
2081
2082                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jYXNxdWV0dGVzLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2083                        </ul> 
2084                        <ul id="artshop-coque" class="tabcontent2Artshop" style="display:none;">
2085                            
2086                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMvaHVtb3VyLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/coque/humour.png" alt="humour">Humour</span></li>
2087
2088                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMvb3JpZ2luYXV4LnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/coque/humour.png" alt="original">Original</span></li>
2089
2090                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMvZ3JhcGh
2090pcXVlLWRlc2lnbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/coque/humour.png" alt="graphique">Graphique</span></li>
2091
2092                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMvbGljb3JuZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/coque/licorne.png" alt="licorne">Licorne</span></li>
2093
2094                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMvY2hhdC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/coque/chat.png" alt="chat">Chat</span></li>
2095
2096                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3F1ZXMtc21hcnRwaG9uZXMucGhw">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2097
2098                        </ul>
2099                        <ul id="artshop-mug" class="tabcontent2Artshop" style="display:none;">
2100                            
2101                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL2NvdXBsZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/couple.png" alt="couple">Couple</span></li>
2102
2103                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL2h1bW91ci5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/humour.png" alt="humour">Humour</span></li>
2104
2105                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL21hbWFuLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/maman.png" alt="maman">Maman</span></li>
2106
2107                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL3BhcGEucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/papa.png" alt="papa">Papa</span></li>
2108
2109                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL29yaWdpbmF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/original.png" alt="original">Original</span></li>
2110
2111                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL2dyYXBoaXF1ZS1kZXNpZ24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/design.png" alt="design">Design</span></li>
2112
2113                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzL21lc3NhZ2UucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/mug/message.png" alt="message">Message</span></li>
2114                            
2115                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tdWdzLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2116                        </ul>
2117                        <ul id="artshop-bonnet" class="tabcontent2Artshop" style="display:none;">
2118                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90ZW5kYW5jZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/bonnet/tendance.png" alt="tendance">Tendance</span></li>
2119
2120                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9icm9kZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/bonnet/brode.png" alt="brode">Brodé</span></li>
2121
2122                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9mdW4ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/bonnet/fun.png" alt="fun">Fun</span></li>
2123
2124                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tZXNzYWdlLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/bonnet/message.png" alt="message">Message</span></li>
2125
2126                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9sb2dvLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/bonnet/logo.png" alt="logo">Logo</span></li>
2127
2128                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9ib25uZXRzLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2129
2130                        </ul>
2131                        <ul id="artshop-masque" class="tabcontent2Artshop" style="display:none;">
2132                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzL2h1bW91ci5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/masque/humour.png" alt="humour">Humour</span></li>
2133
2134                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzL29yaWdpbmF1eC5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/masque/original.png" alt="original">Original</span></li>
2135
2136                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzL21pZ25vbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/masque/mignon.png" alt="mignon">Mignon</span></li>
2137
2138                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzL21lc3NhZ2UucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/masque/message.png" alt="message">Message</span></li>
2139
2140                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzL2dyYXBoaXF1ZS1kZXNpZ24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/accessoire/masque/graphique.png" alt="graphique">Graphique</span></li>
2141
2142                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9tYXNxdWVzLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2143                        </ul>
2144                    </div>
2145                </div>
2146                <div class="col-xs-12 col-md-3">
2147                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-tote-img" href="https://www.tunetoo.co.uk/tote-bags.php" style="display: block;">
2148                        <div class="threeArtshop teaser">
2149                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-totebag.jpg" alt="nouveaux produits personnalisable">
2150                        </div>
2151                    </a>
2152                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-casquette-img" href="https://www.tunetoo.co.uk/casquettes.php" style="display:none;">
2153                        <div class="threeArtshop teaser">
2154                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-casquette.jpg" alt="nouveaux produits personnalisable">
2155                        </div>
2156                    </a>
2157                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-coque-img" href="https://www.tunetoo.co.uk/coques-smartphones.php" style="display:none;">
2158                        <div class="threeArtshop teaser">
2159                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-coque.jpg" alt="nouveaux produits personnalisable">
2160                        </div>
2161                    </a>
2162                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-mug-img" href="https://www.tunetoo.co.uk/mugs.p
2162hp" style="display:none;">
2163                        <div class="threeArtshop teaser">
2164                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-mug.jpg" alt="nouveaux produits personnalisable">
2165                        </div>
2166                    </a>
2167                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-bonnet-img" href="https://www.tunetoo.co.uk/bonnets.php" style="display:none;">
2168                        <div class="threeArtshop teaser">
2169                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-bonnet.jpg" alt="nouveaux produits personnalisable">
2170                        </div>
2171                    </a>
2172                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-masque-img" href="https://www.tunetoo.co.uk/masques.php" style="display:none;">
2173                        <div class="threeArtshop teaser">
2174                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-masque.jpg" alt="nouveaux produits personnalisable">
2175                        </div>
2176                    </a>
2177                                        <span style="line-height: 1.7;height:54px;max-height: unset;color:#747474;background: #fff; border-radius: 48px;margin: 10px auto 10px auto;max-width: 239px;font-weight: 700;text-align: center;padding:15px 0 25px 0;box-shadow: 0 2px 4px 0 #00000017;"class="ttoo tablinks2Artshop" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9hcnQtc2hvcC5waHA=">
2178                        <img src="https://a86axszy.cdn.imgeng.in/images/accueil/artshop/icon-artshop.svg" width="18px" alt="palette de couleur"> 
2179                        Tous nos designs<i class="fa fa-chevron-right"></i>
2180                    </span>
2181                    <div class="col-md-12 add-info">
2182                        <p>Designers's products customised on demand. <i class="fas fa-heart"></i></p>
2183                    </div>
2184                </div>
2185            </div>
2186
2187            <div id="linge-artshop" class="tabcontentArtshop second-bloc" style="display: block;"> 
2188                <!-- TAB bloc vêtements personnalisés -->
2189                <div class="col-xs-4 col-md-3">
2190                    <span class="titleMain">
2191                        House linen                    </span>
2192                    <div class="list-subcate">
2193                        <ul class="tab">
2194                            <li><a href="https://www.tunetoo.co.uk/peignoir.php" onmouseover="openLastTabArtshop(event, 'artshop-peignoir');openLastTabImgArtshop(event, 'artshop-peignoir-img')" class="tablinks2Artshop active"><span class="link-second">Bathrobe<i class="fa fa-chevron-right"></i></span></a></li>
2195                            <li><a href="https://www.tunetoo.co.uk/coussin.php" onmouseover="openLastTabArtshop(event, 'artshop-coussin');openLastTabImgArtshop(event, 'artshop-coussin-img')" class="tablinks2Artshop"><span class="link-second">Coussin<i class="fa fa-chevron-right"></i></span></a> </li>
2196                        </ul>
2197                    </div>
2198                </div>
2199                <div class="col-xs-8 col-md-6">
2200                    <ul class="labels">
2201                        <li class="bio">
2202                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/leaf.svg"/>
2203                            Environmentally friendly                        </li>
2204                            <li class="bordelais">
2205                            <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/frenchflag.svg"/>
2206                            Personalized in Bordeaux </li>
2207                        <li class="creation-unique">
2208                        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/accueil/svg/star.svg"/>
2209                            Créations uniques</li>
2210                    </ul>
2211                    <div class="links-cate">
2212                        <ul id="artshop-peignoir" class="tabcontent2Artshop active content-sublist-vetement" style="display: block;">
2213                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9wYXBhLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/papa.png" alt="papa">Papa</span></li>
2214
2215                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9tYW1hbi5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/maman.png" alt="maman">Maman</span></li>
2216
2217                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9wYXB5LnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/papi.png" alt="papi">Papi</span></li>
2218
2219                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9tYW1pZS5waHA="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/mamie.png" alt="mamie">Mamie</span></li>
2220
2221                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9vcmlnaW5hdXgucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/original.png" alt="original">Original</span></li>
2222
2223                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci9jb2xsZWN0aW9uLXNhaW50LXZhbGVudGluLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/peignoir/st-valentin.png" alt="saint-valentin">Saint-Valentin</span></li>
2224
2225                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9wZWlnbm9pci5waHA=">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2226
2227                        </ul> 
2228                        <ul id="artshop-coussin" class="tabcontent2Artshop" style="display:none;">
2229                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3Vzc2luL2Ftb3VyLnBocA=="><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/coussin/amour.png" alt="amour">Amour</span></li>
2230
2231                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3Vzc2luL2dyYXBoaXF1ZS1kZXNpZ24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/coussin/design.png" alt="design">Design</span></li>
2232
2233                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3Vzc2luL2dyYXBoaXF1ZS1kZXNpZ24ucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/coussin/graphique.png" alt="graphique">Graphique</span></li>
2234
2235                            <li><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3Vzc2luL21lc3NhZ2UucGhw"><img class="picto-link grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/navbar/picto/linge/coussin/message.png" alt="message">Message</span></li>
2236
2237                            <li class="tout-voir"><span class="ttoo mega-menu" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9jb3Vzc2luLnBocA==">Voir plus <i style="font-size: 12px" class="fa fa-chevron-right"></i></span></li>
2238                        </ul> 
2239                    </div>
2240                </div>
2241                <div class="col-xs-12 col-md-3">
2242                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-peignoir-img" href="https://www.tunetoo.co.uk/peignoir.php" style="display: block;">
2243                        <div class="threeArtshop teaser">
2244                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/linge-peignoir.jpg" alt="nouveaux produits personnalisable">
2245                        </div>
2246                    </a>
2247                    <a class="image-nav tabcontent2ImgArtshop" id="artshop-coussin-img" href="https://www.tunetoo.co.uk/coussin.php" style="display:none;">
2248                        <div class="threeArtshop teaser">
2249                            <img class="img-responsive grow lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/collections/navigations/accessoire-coussin.jpg" alt="nouveaux produits personnalisable">
2250                        </div>
2251                    </a>
2252                                        <span style="line-height: 1.7;height:54px;max-height: unset;color:#747474;background: #fff; border-radius: 48px;margin: 10px auto 10px auto;max-width: 239px;font-weight: 700;text-align: center;padding:15px 0 25px 0;box-shadow: 0 2px 4px 0 #00000017;"class="ttoo tablinks2Artshop" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9hcnQtc2hvcC5waHA=">
2253                        <img src="https://a86axszy.cdn.imgeng.in/images/accueil/artshop/icon-artshop.svg" width="18px" alt="palette de couleur"> 
2254                        Tous nos designs<i class="fa fa-chevron-right"></i>
2255                    </span>
2256                    <div class="col-md-12 add-info">
2257                        <p>Designers's products customised on demand. <i class="fas fa-heart"></i></p>
2258                    </div>
2259                </div>
2260            </div>
2261                              </div>
2262                    </div>
2263                </div>
2264                <div class="contain vendre">
2265                    <div class="row bloc-vendre">
2266                        <ul class="col-md-12">
2267                            <li class="col-xs-12"><p class="text-vendre head-title"><span>A quick and easy way to earn money</span></p></li>
2268                            <div class="col-xs-2"></div>
2269                            <li class="col-xs-2" id="bloc-campaign"><a href="https://www.tunetoo.co.uk/create-your-campaign.php">
2270                                    <div class="img-campaign"></div>
2271                                    <span>Campaign</span></a></li>
2272                            <li class="col-xs-2" id="bloc-design"><a href="https://www.tunetoo.co.uk/sell-your-design.php">
2273                                    <div class="img-design"></div>
2274                                    <span>Design</span></a></li>
2275                            <li class="col-xs-2" id="bloc-shop"><a href="https://www.tunetoo.co.uk/open-your-online-shop.php">
2276                                    <div class="img-shop"></div>
2277                                    <span>E-shop</span></a></li>
2278                            <li class="col-xs-2" id="bloc-shop-api"><a href="https://www.tunetoo.co.uk/print-on-demand.php" id="PRINT ON DEMAND">
2279                                    <div class="img-revendeur-api"></div>
2280                                    <span>E-shop API</span></a></li>
2281                            <div class="col-xs-2"></div>
2282                            <li class="col-xs-12"><a href="https://www.tunetoo.co.uk/design-sell-tshirt.php" class="perso-button personnaliser">Go to market now<i
2283                                            class="fa fa-chevron-right"></i></a></li>
2284                        </ul>
2285                    </div>
2286                </div>
2287    <div id="sub-menu-bg" class="">
2288    </div>
2289</nav>
2290
2291<div class="backdark"></div>
2292        <div id="padding-for-header"></div>
2293    
2294
2295<!-- ************************************** -->
2296<!-- ******** MODAL DEVIS RAPIDE ********** -->
2297<!-- ************************************** -->
2298<div id="message-devis-rapide"></div>
2299    <div class="modal fade" id="demande-devis-rapide" tabindex="-1" role="dialog">
2300        <div class="modal-dialog" role="document">
2301            <div class="modal-wrap" style="text-align:center">
2302                <div class="title">
2303                        <br><br>
2304                    <span style ="text-align:center;font-family:'Be Vietnam Pro'!important;text-align: center;font-family: SegoeWP-Black;font-size:30px;color:#1b2a2f;margin-top:20px;margin-bottom:10px;font-weight:500;line-height: 1.1;">GET A FREE QUOTE</span>
2305                        <br><br><br>
2306                    <span style="text-align:center;font-family: Roboto!important; font-size: 17px; color: #b6b6b6; line-height: 1.8; text-align: center;">Make your request for free in 3 clicks!</span>
2307                        <br><br>
2308                </div>
2309                <div class="modal-header">
2310                    <div class="titre-step is-active">
2311                        Products                        <span></span>
2312                    </div>
2313                    <div class="titre-step">
2314                        Markings                        <span></span>
2315                    </div>
2316                    <div class="titre-step">
2317                        Send                        <span></span>
2318                    </div>
2319                </div>
2320                <div class="modal-bodies">
2321                    <div class="modal-contenu">
2322                        <!-- step 1 du formulaire -->
2323                        <div id="step1" class="modal-body modal-body-step-1 is-showing">
2324                            <div class="Form-block">
2325                                <div class="Form-colon-left">
2326                                    <div class="formulaire">Desired products:</div>
2327                                    <ul class="list">
2328                                        <li class="list__item">
2329                                            <label class="label--checkbox">
2330                                                <input type="checkbox" class="checkbox" name="chkShirt" id="chkTshirt" value="T-shirt"/>
2331                                                <span>Tee-shirts</span>
2332                                                <div class="qt choixQt" style="display:none;">
2333                                                    <button onclick="modifieQuantite('txtNombreTshirt', -1)">
2334                                                        <span>-</span>
2335                                                    </button>
2336                                                    <input type="number" name="txtNombreTshirt" class="number" id="txtNombreTshirt" type="number" placeholder="?" min="1">
2337                                                    <button onclick="modifieQuantite('txtNombreTshirt', 1)"><span>+</span></button>
2338                                                </div>
2339                                            </label>
2340                                        </li>
2341                                        <li class="list__item">
2342                                            <label class="label--checkbox">
2343                                                <input type="checkbox" class="checkbox" name="chkSweat" id="chkSweat" value="Sweat-shirts"/>
2344                                                <span>Sweat-shirts</span>
2345                                                <div class="qt choixQt" style="display:none;">
2346                                                    <button onclick="modifieQuantite('txtNombreSweat', -1)">
2347                                                        <span>-</span>
2348                                                    </button>
2349                                                    <input name="txtNombreSweat" class="number" id="txtNombreSweat" type="number" placeholder="?" min="1">
2350                                                    <button onclick="modifieQuantite('txtNombreSweat', 1)"><span>+</span></button>
2351                                                </div>
2352                                            </label>
2353                                        </li>
2354                                        <li class="list__item">
2355                                            <label class="label--checkbox">
2356                                                <input type="checkbox" class="checkbox" name="chkTablier" id="chkTablier" value="Tablier"/>
2357                                                <span>Aprons</span>
2358                                                <div class="qt choixQt" style="display:none;">
2359                                                    <button onclick="modifieQuantite('txtNombreTablier', -1)">
2360                                                        <span>-</span>
2361                                                    </button>
2362                                                    <input name="txtNombreTablier" class="number" id="txtNombreTablier" type="number" placeholder="?" min="1">
2363                                                    <button onclick="modifieQuantite('txtNombreTablier', 1)"><span>+</span></button>
2364                                                </div>
2365                                            </label>
2366                                        </li>
2367                                        <li class="list__item">
2368                                            <label class="label--checkbox">
2369                                                <input type="checkbox" class="checkbox" name="chkPolo" id="chkPolo" value="Polos"/>
2370                                                <span>Short sleeve polo shirt</span>
2371
2372                                                <div class="qt choixQt" style="display:none;">
2373                                                    <button onclick="modifieQuantite('txtNombrePolo', -1)">
2374                                                        <span>-</span>
2375                                                    </button>
2376                                                    <input name="txtNombrePolo" class="number" id="txtNombrePolo" type="number" placeholder="?" min="1">
2377                                                    <button onclick="modifieQuantite('txtNombrePolo', 1)"><span>+</span></button>
2378                                                </div>
2379                                            </label>
2380                                        </li>
2381                                        <li class="list__item">
2382                                            <label class="label--checkbox">
2383                                                <input type="checkbox" class="checkbox" name="chkChemise" id="chkChemise" value="Chemise"/>
2384                                                <span>Shirts</span>
2385                                                <div class="qt choixQt" style="display:none;">
2386                                                    <button onclick="modifieQuantite('txtNombreChemise', -1)">
2387                                                        <span>-</span>
2388                                                    </button>
2389                                                    <input name="txtNombreChemise" class="number" id="txtNombreChemise" type="number" placeholder="?" min="1">
2390                                                    <button onclick="modifieQuantite('txtNombreChemise', 1)"><span>+</span></button>
2391                                                </div>
2392                                            </label>
2393                                        </li>
2394                                        <li class="list__item">
2395                                            <label class="label--checkbox">
2396                                                <input type="checkbox" class="checkbox" name="chkCasquette" id="chkCasquette" value="Casquettes"/>
2397                                                <span>Caps</span>
2398
2399                                                <div class="qt choixQt" style="display:none;">
2400                                                    <button onclick="modifieQuantite('txtNombreCasquette', -1)">
2401                                                        <span>-</span>
2402                                                    </button>
2403                                                    <input name="txtNombreCasquette" class="number" id="txtNombreCasquette" type="number" placeholder="?" min="1">
2404                                                    <button onclick="modifieQuantite('txtNombreCasquette', 1)"><span>+</span></button>
2405                                                </div>
2406                                            </label>
2407                                        </li>
2408                                        <li class="list__item">
2409                                            <label class="label--checkbox">
2410                                                <input type="checkbox" class="checkbox" name="chkBonnet" id="chkBonnet" value="Bonnets"/>
2411                                                <span>Beanies</span>
2412                                                <div class="qt choixQt" style="display:none;">
2413                                                    <button onclick="modifieQuantite('txtNombreBonnet', -1)">
2414                                                        <span>-</span>
2415                                                    </button>
2416                                                    <input name="txtNombreBonnet" class="number" id="txtNombreBonnet" type="number" placeholder="?" min="1">
2417                                                    <button onclick="modifieQuantite('txtNombreBonnet', 1)"><span>+</span></button>
2418                                                </div>
2419                                            </label>
2420                                        </li>
2421                                        <li class="list__item">
2422                                            <label class="label--checkbox">
2423                                                <input type="checkbox" class="checkbox" name="chkCoque" id="chkCoque" value="Coques"/>
2424                                                <span>Iphone case</span>
2425                                                <div class="qt choixQt" style="display:none;">
2426                                                    <button onclick="modifieQuantite('txtNombreCoque', -1)">
2427                                                        <span>-</span>
2428                                                    </button>
2429                                                    <input name="txtNombreCoque" class="number" id="txtNombreCoque" type="number" placeholder="?" min="1">
2430                                                    <button onclick="modifieQuantite('txtNombreCoque', 1)"><span>+</span></button>
2431                                                </div>
2432                                            </label>
2433                                        </li>
2434                                        <li class="list__item">
2435                                            <label class="label--checkbox">
2436                                                <input type="checkbox" class="checkbox" name="chkSac" id="chkSac" value="Sacs"/>
2437                                                <span>Bag</span>
2438                                                <div class="qt choixQt" style="display:none;">
2439                                                    <button onclick="modifieQuantite('txtNombreSac', -1)">
2440                                                        <span>-</span>
2441                                                    </button>
2442                                                    <input name="txtNombreSac" class="number" id="txtNombreSac" type="number" placeholder="?" min="1">
2443                                                    <button onclick="modifieQuantite('txtNombreSac', 1)"><span>+</span></button>
2444                                                </div>
2445                                            </label>
2446                                        </li>
2447                                        <li class="list__item">
2448                                            <label class="label--checkbox">
2449                                                <input type="checkbox" class="checkbox" name="chkMug" id="chkMug" value="Mugs"/>
2450                                                <span>Mugs</span>
2451                                                <div class="qt choixQt" style="display:none;">
2452                                                    <button onclick="modifieQuantite('txtNombreMug', -1)">
2453                                                        <span>-</span>
2454                                                    </button>
2455                                                    <input name="txtNombreMug" class="number" id="txtNombreMug" type="number" placeholder="?" min="1">
2456                                                    <button onclick="modifieQuantite('txtNombreMug', 1)"><span>+</span></button>
2457                                                </div>
2458                                            </label>
2459                                        </li>
2460                                        <li class="list__item">
2461                                            <label class="label--checkbox">
2462                                                <input type="checkbox" class="checkbox" name="chkBlouson" id="chkBlouson" value="Blousons"/>
2463                                                <span>Jackets</span>
2464                                                <div class="qt choixQt" style="display:none;">
2465                                                    <button onclick="modifieQuantite('txtNombreBlouson', -1)">
2466                                                        <span>-</span>
2467                                                    </button>
2468                                                    <input name="txtNombreBlouson" class="number" id="txtNombreBlouson" type="number" placeholder="?" min="1">
2469                                                    <button onclick="modifieQuantite('txtNombreBlouson', 1)"><span>+</span></button>
2470                                                </div>
2471                                            </label>
2472                                        </li>
2473                                        <li class="list__item">
2474                                            <label class="label--checkbox">
2475                                                <input type="checkbox" class="checkbox" name="chkProduitAutre" id="chkAutre" value="autres"/>
2476                                                <span>Other to specify</span>
2477                                                <div class="qt choixQt" style="display:none;">
2478                                                    <button onclick="modifieQuantite('txtNombreAutre', -1)">
2479                                                        <span>-</span>
2480                                                    </button>
2481                                                    <input name="txtNombreAutre" class="number" id="txtNombreAutre" type="number" placeholder="?" min="1">
2482                                                    <button onclick="modifieQuantite('txtNombreAutre', 1)"><span>+</span></button>
2483                                                </div>
2484                                            </label>
2485                                        </li>
2486                                    </ul>
2487                                </div>
2488                                <div class="tx-autre" style="display:none;">
2489                                    <div class="formulaire">Other choice:</div>
2490                                    <input type="text" name="txtPrecision" id="txtPrecision" class="inpt-text" placeholder="Précisez votre choix*"
2491                                        size="18" value="" maxlength="30"/>
2492                                </div>
2493                                <div class="tx-budget">
2494                                    <div class="formulaire">Your budget</div>
2495                                    <input name="budget" id="budget" class="inpt-text" value="" placeholder="What is the budget for? (facultative)" size="18" maxlength="30"/>
2496                                </div>
2497                                <div class="clear"></div>
2498                            </div>
2499                            <form>
2500                                <div class="text-center">
2501                                    <div class="button">Next step</div>
2502                                </div>
2503                            </form>
2504                        </div>
2505                        <!-- ******************** -->
2506                        <!-- ******************** -->
2507                        <!-- step 2 du formulaire -->
2508                        <div id="step2" class="modal-body modal-body-step-2">
2509                            <div class="formulaire">Marquage et placement</div>
2510                            <div>
2511                                <div class="row marquage-placement" id="perso0">
2512
2513                                    <div class="marquage col-md-4">
2514
2515                                        <select class="form-control technique-marquage" name="marquages" id="marquage0">
2516                                            <option value="Impression">Printing</option>
2517                                            <option value="Broderie">Embroidery</option>
2518                                        </select>
2519                                    </div>
2520                                    <div class="placement col-md-4">
2521                                        <select class="form-control placement-marquage" name="placements" id="placement0">
2522                                            <option value="Face">Face</option>
2523                                            <option value="Dos">Dos</option>
2524                                            <option value="Coeur">Coeur</option>
2525                                            <option value="Contre Coeur">Contre coeur</option>
2526                                        </select>
2527                                    </div>
2528                                    <div class="file-upload col-md-3">
2529                                        <img id="apercu-img0" class="apercu" style="display:none" src="" alt="">
2530                                        <input class="file-input" type="file" id="fichier0" onchange="readURL(this)">
2531                                        <div class="bloc-download">
2532                                            <img class="lazyload" data-srcset="https://www.tunetoo.co.uk/images/accueil/svg/download.svg" width="30px" height="30px"/>
2533                                            <div class="card-subtitle">Upload<br> your image</div>
2534                                        </div>
2535                                    </div>
2536                                </div>
2537                            </div>
2538                            <button class="btn-more" onclick="addPerso()"><span>+</span></button>
2539
2540                            <div class="text-center">
2541                                <div class="button-precedent">Previous</div>
2542                                <div class="button">Next step</div>
2543                            </div>
2544                        </div>
2545                        <!-- ************************ -->
2546                        <!-- ************************ -->
2547                        <!-- step 3 du formulaire -->
2548                        <div id="step3" class="modal-body modal-body-step-3">
2549                            <div class="formulaire">Informations et précisions</div>
2550                            <div class="champs-infos">
2551                                <div class="row">
2552                                    <div class="col-md-4 no-padding-right">
2553                                        <input type="text" class="inpt-text" name="prenom" id="prenom" placeholder="First name*" required="" value="" maxlength="29">
2554                                    </div>
2555                                    <div class="col-md-4 no-padding-left no-padding-right">
2556                                        <input type="text" class="inpt-text" name="nom" id="nom" placeholder="Surname*" required="" value="" maxlength="29">
2557                                    </div>
2558                                    <div class="col-md-4 no-padding-right no-padding-left">
2559                                        <input type="email" class="inpt-text" name="mail" id="mail" placeholder="Mail address*" required="" value="">
2560                                    </div>
2561                                    <div class="col-md-6 no-padding-right">
2562                                        <input type="tel" class="inpt-text" name="telephone" id="telephone" placeholder="Phone Number*" required value="">
2563                                    </div>
2564                                    <div class="col-md-6 no-padding-left no-padding-right">
2565                                        <select class="form-control placement-marquage" name="societe" id="societe" onchange="hideOrShowRaisonInput()">
2566                                            <option value="Particulier">Especial</option>
2567                                            <option value="Entreprise">Corporativo</option>
2568                                            <option value="Autre">Otro</option>
2569                                        </select>
2570                                    </div>
2571                                    <div class="col-md-12" style="display:none;">
2572                                        <input type="text" class="inpt-text" name="raison" id="raison" placeholder="Status name*" required="" value="" maxlength="29">
2573                                    </div>
2574                                    <div class="col-md-12 no-padding-right">
2575                                        <textarea name="besoin" id="besoin" cols="50" rows="5" class="inpt-text" placeholder="Need details:"></textarea>
2576                                    </div>
2577                                    <div class="col-md-12 calendar">
2578                                        <span class="title">Desired date: </span><input type="date" name="date" id="date" required="" >
2579                                    </div>
2580                                </div>
2581                                <div class="text-center">
2582                                    <div class="button-precedent">Previous</div>
2583                                    <div class="button">Send</div>
2584                                </div>
2585                            </div>
2586                        </div>
2587                        <!-- *************************** -->
2588                        <!-- FIN DES STEPS DU FORMULAIRE -->
2589                        <!-- *************************** -->
2590                    </div>
2591                </div>
2592            </div>
2593        </div>
2594    </div>
2595<!-- ************************************** -->
2596<!-- ************************************** -->
2597<!-- ************************************** -->
2598
2599
2600<!-- ******************************* -->
2601<!-- ******* BANDEAU PROMO ********* -->
2602<!-- ******************************* -->
2603<!-- ******************************* -->
2604
2605
2606
2607<!-- *************************************************** -->
2608
2609
2610<script type="text/javascript" src="https://www.tunetoo.co.uk/js/header.min.js"></script>
vendor: 2 bytes, line 2610
2610
2611<script type="text/javascript">
2612    // final step devis rapide
2613    function step3($step, $pag) {
2614        var stepValid = checkStep3();
2615        if (!stepValid) return;
2616        var date = undefined;
2617        if (document.getElementById('date').value != '') {
2618            date = new Date(document.getElementById('date').value);
2619            date = date.getDate().toString() + '/' + (date.getMonth() + 1).toString() + '/' + date.getFullYear();
2620        }
2621
2622        infoDevis = {
2623            'prenom': document.getElementById('prenom').value,
2624            'nom': document.getElementById('nom').value,
2625            'mail': document.getElementById('mail').value,
2626            'telephone': document.getElementById('telephone').value,
2627            'societe': document.getElementById('societe').value,
2628            'raison': document.getElementById('raison').value,
2629            'besoin': document.getElementById('besoin').value,
2630            'budget': document.getElementById('budget').value,
2631            'date': date,
2632        };
2633        var formData = new FormData();
2634        for (var [key, value] of persosProduits.entries()) {
2635            formData.append('perso' + key, value.fichier);
2636        }
2637        formData.append('devisContent', JSON.stringify(devisContent));
2638        formData.append('persosProduits', JSON.stringify(persosProduits));
2639        formData.append('infoDevis', JSON.stringify(infoDevis));
2640        formData.append('autreProduit', JSON.stringify(autreProduit));
2641
2642        grecaptcha.ready(function() {
2643            var secretKey = '';
2644                                              secretKey = "6LcAe9UZAAAAANiVjSO64Rje_-279uYL1b5qWr7g";
2645                                          grecaptcha.execute(secretKey, {action: 'submit'}).then(function(token) {
2646                  formData.append('captcha', JSON.stringify(token));
2647                  $.ajax({
2648                      url: 'controller/XHR/envoi-devis.php',
2649                      type: 'POST',
2650                      enctype: 'multipart/form-data',
2651                      contentType: false,
2652                      processData: false,
2653                      data: formData
2654                  }).done(function (response) {
2655                      $("#message-devis-rapide").html("<span>Le devis a bien été transmis à l'équipe commerciale</span>").fadeIn(800).delay(2000).fadeOut(800);
2656                      reInitFormDevis()
2657                  }).fail(function (err) {
2658                      console.log('erreur');
2659                      $('.modal-body-step-3 .formulaire').append("<div class='alert alert-danger alert-dismissible' role='alert'><button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button><strong>Warning !</strong> An error occurred while sending the email.</div>");
2660                  });
2661
2662                  // animate the step out
2663                  $step.parents('#demande-devis-rapide .modal-wrap');
2664              });
2665          });
2666    }
2667</script>
2667
2668  <input type="checkbox" id="toggle-chat" hidden checked />
2669
2670  <div class="tunetoo_chat_bot" id="tunetoo-chat-bot"
2671       data-endpoint="/controller/XHR/chatbot.php"
2672       data-lang="en"
2673       data-logged="0"
2674       data-login-url="/create-your-account-on-tunetoo.php"
2675       data-product-context=""
2676       data-texts="{&quot;sales_handoff&quot;:&quot;Your request has been forwarded to our sales team. An advisor will get back to you shortly.&quot;,&quot;human_handoff&quot;:&quot;Your request has been forwarded to our customer service team. An advisor will take over this conversation. If you are not logged in, please leave us your email address so we can reply.&quot;,&quot;human_paused&quot;:&quot;An advisor has taken over your conversation and will reply here.&quot;,&quot;sales_paused&quot;:&quot;Your sales advisor has received your message and will reply as soon as possible.&quot;,&quot;injection&quot;:&quot;I can&#039;t help with that request. I can help you with your orders, our products, customisation or delivery.&quot;,&quot;unavailable&quot;:&quot;Our assistant is temporarily unavailable. You can email [email protected] or try again in a few moments.&quot;,&quot;rate_limited&quot;:&quot;You are sending messages too quickly. Please wait a moment.&quot;,&quot;too_long&quot;:&quot;Your message is too long. Please shorten it.&quot;,&quot;closed&quot;:&quot;This conversation is closed. Send a new message to start a new one.&quot;,&quot;welcome&quot;:&quot;Hello, I&#039;m the Tunetoo assistant. How can I help you?&quot;,&quot;suggested_title&quot;:&quot;A question about this product? Ask us!&quot;,&quot;feedback&quot;:&quot;Was this answer helpful?&quot;,&quot;ai_resumed&quot;:&quot;The Tunetoo assistant is back on this conversation. How can I help you?&quot;,&quot;agent_joined&quot;:&quot;An advisor has joined the conversation.&quot;,&quot;auth_required&quot;:&quot;To see information about your order, please log in to your Tunetoo account. I will pick up your request automatically once you are logged in.&quot;,&quot;login_link&quot;:&quot;Log in to my account&quot;,&quot;order_forbidden&quot;:&quot;I can&#039;t access this order from your account. You can ask me for the list of your orders to find the right number.&quot;,&quot;order_rate_limited&quot;:&quot;Too many order lookups: access is temporarily suspended. You can email [email protected].&quot;,&quot;resumed&quot;:&quot;You are now logged in: let me pick up your request.&quot;,&quot;teaser&quot;:&quot;Need help?&quot;,&quot;header_title&quot;:&quot;Support&quot;,&quot;team_label&quot;:&quot;Tunetoo Team&quot;,&quot;agent_label&quot;:&quot;Tunetoo advisor&quot;,&quot;privacy_notice&quot;:&quot;This chat is recorded using a secure service and is subject to the terms of our %s.&quot;,&quot;privacy_link&quot;:&quot;Privacy Policy&quot;,&quot;placeholder&quot;:&quot;Type your message...&quot;,&quot;open_chat&quot;:&quot;Open chat&quot;,&quot;minimize&quot;:&quot;Minimise chat&quot;,&quot;close&quot;:&quot;Close chat&quot;,&quot;send&quot;:&quot;Send message&quot;,&quot;feedback_up&quot;:&quot;Thank you!&quot;,&quot;feedback_down&quot;:&quot;Thank you, we will do better.&quot;}">
2677        <div class="tunetoo_chat_bot__launcher">
2678      <button type="button" class="tunetoo_chat_bot__teaser" id="tunetoo-chat-teaser">Need help?</button>
2679      <button type="button" class="tunetoo_chat_bot__bubble" id="tunetoo-chat-open" aria-label="Open chat" aria-expanded="false">
2680        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
2681        <span class="tunetoo_chat_bot__unread" id="tunetoo-chat-unread"></span>
2682      </button>
2683    </div>
2684
2685        <div class="tunetoo_chat_bot__panel" role="dialog" aria-label="Tunetoo Support">
2686      <div class="tunetoo_chat_bot__header">
2687        <div>
2688          <img class="tunetoo_chat_bot__header-logo" src="/images/logo-tunetoo-head.svg" width="106" height="44" alt="Tunetoo" />
2689          <span class="tunetoo_chat_bot__header-title">Support</span>
2690        </div>
2691        <div class="tunetoo_chat_bot__header-actions">
2692          <button type="button" class="tunetoo_chat_bot__header-btn" id="tunetoo-chat-minimize" aria-label="Minimise chat" title="Minimise chat">
2693            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><line x1="5" y1="17" x2="19" y2="17"/></svg>
2694          </button>
2695          <button type="button" class="tunetoo_chat_bot__header-btn" id="tunetoo-chat-close" aria-label="Close chat" title="Close chat">
2696            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg>
2697          </button>
2698        </div>
2699      </div>
2700
2701      <div class="tunetoo_chat_bot__container">
2702        <div class="tunetoo_chat_bot__privacy">This chat is recorded using a secure service and is subject to the terms of our <a href="/data-protection.php" target="_blank" rel="noopener">Privacy Policy<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></a>.</div>
2703        <div class="tunetoo_chat_bot__time" id="tunetoo-chat-time"></div>
2704        <div class="tunetoo_chat_bot__message tunetoo_chat_bot__message--bot tunetoo_chat_bot__message--welcome">
2705          <div class="tunetoo_chat_bot__message-sender">Tunetoo Team</div>
2706          <div class="tunetoo_chat_bot__message-row">
2707            <span class="tunetoo_chat_bot__message-avatar" aria-hidden="true">t</span>
2708            <div class="tunetoo_chat_bot__message-body">Hello, I&#039;m the Tunetoo assistant. How can I help you?</div>
2709          </div>
2710        </div>
2711        <div class="tunetoo_chat_bot__suggested" id="tunetoo-chat-suggested" style="display:none;"></div>
2712        <div class="tunetoo_chat_bot__loader" id="chat-loader"></div>
2713      </div>
2714
2715      <form class="tunetoo_chat_bot__input" id="tunetoo-chat-form" autocomplete="off">
2716        <input type="text" class="tunetoo_chat_bot__input-field" placeholder="Type your message..." maxlength="2000" aria-label="Type your message..." />
2717        <input type="text" name="website" class="tunetoo_chat_bot__hp" tabindex="-1" autocomplete="off" aria-hidden="true" />
2718        <button type="submit" class="tunetoo_chat_bot__send-button" aria-label="Send message">
2719          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
2720        </button>
2721      </form>
2722    </div>
2723  </div>
2724
2725  
2725<script>
2726  (function () {
2727    'use strict';
2728    var root = document.getElementById('tunetoo-chat-bot');
2729    if (!root) { return; }
2730
2731    var ENDPOINT = root.getAttribute('data-endpoint');
2732    var LANG = root.getAttribute('data-lang') || 'fr';
2733    var TEXTS = {};
2734    try { TEXTS = JSON.parse(root.getAttribute('data-texts') || '{}'); } catch (e) {}
2735    var PRODUCT_CONTEXT = null;
2736    try { PRODUCT_CONTEXT = JSON.parse(root.getAttribute('data-product-context') || 'null'); } catch (e) {}
2737    var STORAGE_KEY = 'tunetoo_chat_token';
2738    var PENDING_KEY = 'tunetoo_chat_pending'; // demande bloquee par la connexion : a rejouer apres authentification
2739    var LOGGED = root.getAttribute('data-logged') === '1';
2740    var LOGIN_URL = root.getAttribute('data-login-url') || '';
2741
2742    var chatContainer = root.querySelector('.tunetoo_chat_bot__container');
2743    var form = document.getElementById('tunetoo-chat-form');
2744    var messageInput = root.querySelector('.tunetoo_chat_bot__input-field');
2745    var honeypot = root.querySelector('.tunetoo_chat_bot__hp');
2746    var toggle = document.getElementById('toggle-chat');
2747    var openButton = document.getElementById('tunetoo-chat-open');
2748    var teaserButton = document.getElementById('tunetoo-chat-teaser');
2749    var timeBox = document.getElementById('tunetoo-chat-time');
2750    var OPENED_KEY = 'tunetoo_chat_opened'; // accroche + pastille masquees apres la 1re ouverture (par session)
2751    var suggestedBox = document.getElementById('tunetoo-chat-suggested');
2752    var unreadBadge = document.getElementById('tunetoo-chat-unread');
2753
2754    var token = null;
2755    try { token = window.localStorage.getItem(STORAGE_KEY); } catch (e) {}
2756    var isTyping = false;
2757    var sending = false;
2758    var historyLoaded = false;
2759    var suggestedLoaded = false;
2760    var scrollPosition = 0;
2761    var lastMessageId = 0;      // dernier message serveur affiche (pour le polling)
2762    var ownerType = 'AI';       // AI | SAV | SALES : quand un humain detient la conversation, on interroge le serveur
2763    var pollTimer = null;
2764
2765    /* ---------- Etat replie (bulle + accroche) / deplie (panneau) : toggle.checked = replie ---------- */
2766    window.addEventListener('scroll', function () {
2767      if (toggle.checked) {
2768        var currentPosition = window.pageYOffset || document.documentElement.scrollTop;
2769        root.style.opacity = currentPosition > scrollPosition ? '0.3' : '1';
2770        scrollPosition = currentPosition <= 0 ? 0 : currentPosition;
2771      }
2772    });
2773    root.addEventListener('click', function () { if (toggle.checked) { root.style.opacity = '1'; } });
2774
2775    function alreadyOpened() {
2776      try { return window.sessionStorage.getItem(OPENED_KEY) === '1'; } catch (e) { return false; }
2777    }
2778    function hideTeaser() {
2779      if (root.className.indexOf('tunetoo_chat_bot--teaser-off') === -1) { root.className += ' tunetoo_chat_bot--teaser-off'; }
2780    }
2781
2782    function openChat() {
2783      toggle.checked = false;
2784      root.style.opacity = '1';
2785      openButton.setAttribute('aria-expanded', 'true');
2786      unreadBadge.style.display = 'none';
2787      hideTeaser();
2788      try { window.sessionStorage.setItem(OPENED_KEY, '1'); } catch (e) {}
2789      if (!timeBox.textContent) {
2790        var now = new Date();
2791        timeBox.textContent = ('0' + now.getHours()).slice(-2) + ':' + ('0' + now.getMinutes()).slice(-2);
2792      }
2793      if (!historyLoaded) { loadHistory(); }
2794      if (!suggestedLoaded) { loadSuggested(); }
2795      // Conversation deja entamee : on se place sur le dernier message ; sinon on laisse la mention de confidentialite visible.
2796      if (lastMessageId) { scrollBottom(); }
2797      // Pas de focus automatique sur mobile : le clavier masquerait la conversation des l'ouverture.
2798      if (window.innerWidth >= 768) { messageInput.focus(); }
2799    }
2800    function closeChat() {
2801      toggle.checked = true;
2802      openButton.setAttribute('aria-expanded', 'false');
2803      openButton.focus();
2804    }
2805
2806    openButton.addEventListener('click', openChat);
2807    teaserButton.addEventListener('click', openChat);
2808    document.getElementById('tunetoo-chat-minimize').addEventListener('click', closeChat);
2809    document.getElementById('tunetoo-chat-close').addEventListener('click', closeChat);
2810    root.addEventListener('keydown', function (e) {
2811      if ((e.key === 'Escape' || e.keyCode === 27) && !toggle.checked) { closeChat(); }
2812    });
2813    if (alreadyOpened()) { hideTeaser();
2813 unreadBadge.style.display = 'none'; }
2814
2815    /* ---------- Rendu ---------- */
2816    function scrollBottom() { chatContainer.scrollTop = chatContainer.scrollHeight; }
2817
2818    function showTypingIndicator() {
2819      if (isTyping) return;
2820      isTyping = true;
2821      var typingDiv = document.createElement('div');
2822      typingDiv.className = 'tunetoo_chat_bot__typing';
2823      typingDiv.innerHTML = '<div class="tunetoo_chat_bot__typing-dot"></div><div class="tunetoo_chat_bot__typing-dot"></div><div class="tunetoo_chat_bot__typing-dot"></div>';
2824      chatContainer.appendChild(typingDiv);
2825      scrollBottom();
2826    }
2827    function removeTypingIndicator() {
2828      var t = chatContainer.querySelector('.tunetoo_chat_bot__typing');
2829      if (t) { t.parentNode.removeChild(t); }
2830      isTyping = false;
2831    }
2832
2833    function addMessage(content, senderType, messageId, askFeedback, loginUrl, loginLabel) {
2834      removeTypingIndicator();
2835      if (messageId && messageId > lastMessageId) { lastMessageId = messageId; }
2836      var isUser = senderType === 'CUSTOMER';
2837      var msgDiv = document.createElement('div');
2838      msgDiv.className = 'tunetoo_chat_bot__message ' + (isUser ? 'tunetoo_chat_bot__message--user' : 'tunetoo_chat_bot__message--bot');
2839      if (senderType === 'SYSTEM') { msgDiv.className += ' tunetoo_chat_bot__message--system'; }
2840      var isAgent = senderType === 'SUPPORT' || senderType === 'SALES';
2841      if (isAgent) { msgDiv.className += ' tunetoo_chat_bot__message--agent'; }
2842      var row = document.createElement('div');
2843      row.className = 'tunetoo_chat_bot__message-row';
2844      if (!isUser) {
2845        // Nom de l'expediteur au-dessus de la bulle + pastille « t » (IA, systeme ou conseiller humain)
2846        var sender = document.createElement('div');
2847        sender.className = 'tunetoo_chat_bot__message-sender';
2848        sender.textContent = isAgent ? (TEXTS.agent_label || 'Conseiller Tunetoo') : (TEXTS.team_label || 'Équipe Tunetoo');
2849        msgDiv.appendChild(sender);
2850        var avatar = document.createElement('span');
2851        avatar.className = 'tunetoo_chat_bot__message-avatar';
2852        avatar.setAttribute('aria-hidden', 'true');
2853        avatar.textContent = 't';
2854        row.appendChild(avatar);
2855      }
2856      var body = document.createElement('div');
2857      body.className = 'tunetoo_chat_bot__message-body';
2858      var lines = String(content).split('\n');
2859      for (var i = 0; i < lines.length; i++) {
2860        if (i > 0) { body.appendChild(document.createElement('br')); }
2861        body.appendChild(document.createTextNode(lines[i]));
2862      }
2863      if (loginUrl) {
2864        // AUTH_REQUIRED : lien vers la page de connexion ; la demande est rejouee au retour (voir resumePending).
2865        var loginLink = document.createElement('a');
2866        loginLink.className = 'tunetoo_chat_bot__login';
2867        loginLink.href = loginUrl;
2868        loginLink.textContent = loginLabel || TEXTS.login_link || 'Se connecter';
2869        loginLink.addEventListener('click', function () {
2870          try { window.localStorage.setItem(PENDING_KEY, '1'); } catch (e) {}
2871        });
2872        body.appendChild(document.createElement('br'));
2873        body.appendChild(loginLink);
2874      }
2875      if (askFeedback && messageId) {
2876        var fb = document.createElement('div');
2877        fb.className = 'tunetoo_chat_bot__feedback';
2878        var label = document.createElement('span');
2879        label.textContent = TEXTS.feedback || 'Cette réponse vous a-t-elle aidé ?';
2880        var up = document.createElement('button'); up.type = 'button'; up.textContent = '👍'; up.setAttribute('aria-label', 'Oui');
2881        var down = document.createElement('button'); down.type = 'button'; down.textContent = '👎'; down.setAttribute('aria-label', 'Non');
2882        function rate(r) {
2883          return function () {
2884            post({ action: 'feedback', conversation_token: token, message_id: messageId, rating: r }, function () {});
2885            fb.className += ' tunetoo_chat_bot__feedback--done';
2886            fb.innerHTML = '';
2887            var thanks = document.createElement('span');
2888            thanks.textContent = r === 'up' ? (TEXTS.feedback_up || 'Merci !') : (TEXTS.feedback_down || 'Merci, nous allons nous améliorer.');
2889            fb.appendChild(thanks);
2890          };
2891        }
2892        up.addEventListener('click', rate('up'));
2893        down.addEventListener('click', rate('down'));
2894        fb.appendChild(label); fb.appendChild(up); fb.appendChild(down);
2895        body.appendChild(fb);
2896      }
2897      row.appendChild(body);
2898      msgDiv.appendChild(row);
2899      chatContainer.appendChild(msgDiv);
2900      scrollBottom();
2901      if (!isUser && toggle.checked) { unreadBadge.style.display = 'block'; }
2902    }
2903
2904    function addNotice(text) {
2905      if (!text) return;
2906      removeTypingIndicator();
2907      var div = document.createElement('div');
2908      div.className = 'tunetoo_chat_bot__notice';
2909      div.textContent = text;
2910      chatContainer.appendChild(div);
2911      scrollBottom();
2912    }
2913
2914    function showError(text) {
2915      removeTypingIndicator();
2916      var errDiv = document.createElement('div');
2917      errDiv.className = 'tunetoo_chat_bot__error';
2918      errDiv.textContent = text || TEXTS.unavailable || 'Une erreur est survenue';
2919      chatContainer.appendChild(errDiv);
2920      scrollBottom();
2921    }
2922
2923    /* ---------- Reseau ---------- */
2924    function post(payload, onDone, onError) {
2925      payload.page_url = window.location.href;
2926      if (PRODUCT_CONTEXT) { payload.product_context = PRODUCT_CONTEXT; }
2927      var xhr = new XMLHttpRequest();
2928      xhr.open('POST', ENDPOINT, true);
2929      xhr.setRequestHeader('Content-Type', 'application/json');
2930      xhr.timeout = 60000;
2931      var failed = false; // erreur reseau : readyState 4 ET onerror se declenchent, on ne remonte l'erreur qu'une fois
2932      function fail(status, data) {
2933        if (failed) return;
2934        failed = true;
2935        if (onError) onError(status, data);
2936      }
2937      xhr.onreadystatechange = function () {
2938        if (xhr.readyState !== 4) return;
2939        var data = null;
2940        try { data = JSON.parse(xhr.responseText); } catch (e) {}
2941        if (xhr.status >= 200 && xhr.status < 300 && data) { onDone(data); }
2942        else { fail(xhr.status, data); }
2943      };
2944      xhr.ontimeout = function () { fail(0, null); };
2945      xhr.onerror = function () { fail(0, null); };
2946      xhr.send(JSON.stringify(payload));
2947    }
2948
2949    function saveToken(t) {
2950      if (!t) return;
2951      token = t;
2952      try { window.localStorage.setItem(STORAGE_KEY, t); } catch (e) {}
2953    }
2954
2955    function loadHistory(onLoaded) {
2956      historyLoaded = true;
2957      if (!token && !LOGGED) { if (onLoaded) onLoaded(null); return; }
2958      post({ action: 'history', conversation_token: token }, function (data) {
2959        if (!data.success) { if (onLoaded) onLoaded(null); return; }
2960        if (data.conversation_token) { saveToken(data.conversation_token); }
2961        var msgs = data.messages || [];
2962        for (var i = 0; i < msgs.length; i++) {
2963          addMessage(msgs[i].content, msgs[i].sender_type, msgs[i].id, false);
2964        }
2965        if (msgs.length) { suggestedBox.style.display = 'none'; }
2966        unreadBadge.style.display = 'none';
2967        setOwner(data.owner_type, data.department);
2968        if (onLoaded) onLoaded(data);
2969      }, function () { if (onLoaded) onLoaded(null); });
2970    }
2971
2972    /* ---------- Reprise apres connexion : la question posee avant la connexion est rejouee cote serveur ---------- */
2973    function hasPendingFlag() {
2974      try { return window.localStorage.getItem(PENDING_KEY) === '1'; } catch (e) { return false; }
2975    }
2976    function clearPendingFlag() {
2977      try { window.localStorage.removeItem(PENDING_KEY); } catch (e) {}
2978    }
2979    function resumePending() {
2980      if (!token || !LOGGED || sending) return;
2981      clearPendingFlag();
2982      sending = true;
2983      messageInput.disabled = true;
2984      showTypingIndicator();
2985      post({ action: 'resume', conversation_token: token }, function (data) {
2986        sending = false; messageInput.disabled = false;
2987        removeTypingIndicator();
2988        if (!data.success || !data.resumed) return;
2989        saveToken(data.conversation_token);
2990        if (data.notice) { addMessage(data.notice, 'SYSTEM', data.notice_id, false); }
2991        if (data.reply) {
2992          addMessage(data.reply, data.reply_type || 'AI', data.message_id, !!data.ask_feedback, data.auth_required ? (data.login_url || LOGIN_URL) : null, data.login_label);
2993        }
2994        setOwner(data.owner_type, data.department);
2995      }, function () {
2996        sending = false; messageInput.disabled = false;
2997        removeTypingIndicator();
2998      });
2999    }
3000    // Au chargement d'une page en etant connecte : si une demande attendait la connexion, on ouvre le chat et on la rejoue.
3001    if (LOGGED && token && hasPendingFlag()) {
3002      historyLoaded = true;
3003      loadHistory(function (data) {
3004        if (data && data.pending_resume) { openChat(); resumePending(); }
3005        else { clearPendingFlag(); }
3006      });
3007    } else if (!LOGGED) {
3008      clearPendingFlag();
3009    }
3010
3011    /* ---------- Reponses humaines (agent SAV / commercial) : polling leger de l'historique ---------- */
3012    function setOwner(o, department) {
3013      ownerType = o || 'AI';
3014      // Un humain detient la conversation, ou elle attend un agent (SAV_HUMAN / SALES) : on ecoute les reponses.
3015      var waitingHuman = department && department !== 'SAV_AI';
3016      if ((ownerType !== 'AI' || waitingHuman) && token) { startPolling(); } else { stopPolling(); }
3017    }
3018    function startPolling() {
3019      if (pollTimer) return;
3020      pollTimer = setInterval(pollNewMessages, 5000);
3021    }
3022    // Onglet remis au premier plan : on rattrape tout de suite les messages recus pendant l'inactivite.
3023    document.addEventListener('visibilitychange', function () {
3024      if (!document.hidden && pollTimer) { pollNewMessages(); }
3025    });
3026    function stopPolling() {
3027      if (pollTimer) { clearInterval(pollTimer); pollTimer = null; }
3028    }
3029    function pollNewMessages() {
3030      if (!token || sending || document.hidden) return;
3031      post({ action: 'history', conversation_token: token }, function (data) {
3032        if (!data.success) return;
3033        var msgs = data.messages || [];
3034        for (var i = 0; i < msgs.length; i++) {
3035          // Les messages du client sont deja affiches localement ; on n'ajoute que ceux des agents / systeme / IA.
3036          if (msgs[i].id > lastMessageId && msgs[i].sender_type !== 'CUSTOMER') {
3037            addMessage(msgs[i].content, msgs[i].sender_type, msgs[i].id, false);
3038          }
3039        }
3040        setOwner(data.owner_type, data.department);
3041      }, function () {});
3042    }
3043
3044    function loadSuggested() {
3045      suggestedLoaded = true;
3046      if (!PRODUCT_CONTEXT) return;
3047      post({ action: 'suggested', product_context: PRODUCT_CONTEXT }, function (data) {
3048        if (!data.success || !data.questions || !data.questions.length) return;
3049        if (chatContainer.querySelector('.tunetoo_chat_bot__message:not(.tunetoo_chat_bot__message--welcome)')) return;
3049 // conversation deja commencee
3050        suggestedBox.innerHTML = '';
3051        var title = document.createElement('div');
3052        title.className = 'tunetoo_chat_bot__suggested-title';
3053        title.textContent = data.title || TEXTS.suggested_title || '';
3054        suggestedBox.appendChild(title);
3055        for (var i = 0; i < data.questions.length; i++) {
3056          var b = document.createElement('button');
3057          b.type = 'button';
3058          b.className = 'tunetoo_chat_bot__suggested-item';
3059          b.textContent = data.questions[i];
3060          b.addEventListener('click', function () { sendMessage(this.textContent); });
3061          suggestedBox.appendChild(b);
3062        }
3063        suggestedBox.style.display = 'block';
3064        scrollBottom();
3065      });
3066    }
3067
3068    function sendMessage(text) {
3069      var message = (text !== undefined ? text : messageInput.value).trim();
3070      if (!message || sending) return;
3071      sending = true;
3072      suggestedBox.style.display = 'none';
3073      addMessage(message, 'CUSTOMER', null, false);
3074      messageInput.value = '';
3075      messageInput.disabled = true;
3076      showTypingIndicator();
3077
3078      post({ action: 'send', message: message, conversation_token: token, website: honeypot ? honeypot.value : '' }, function (data) {
3079        sending = false; messageInput.disabled = false; messageInput.focus();
3080        removeTypingIndicator();
3081        if (!data.success) { showError(data.message); return; }
3082        saveToken(data.conversation_token);
3083        if (data.reply) {
3084          addMessage(data.reply, data.reply_type || 'AI', data.message_id, !!data.ask_feedback, data.auth_required ? (data.login_url || LOGIN_URL) : null, data.login_label);
3085          if (data.auth_required) { try { window.localStorage.setItem(PENDING_KEY, '1'); } catch (e) {} }
3086        } else if (data.notice) {
3087          addNotice(data.notice);
3088        }
3089        setOwner(data.owner_type, data.department);
3090      }, function (status, data) {
3091        sending = false; messageInput.disabled = false;
3092        if (status === 429) { showError((data && data.message) || TEXTS.rate_limited); }
3093        else { showError((data && data.message) || TEXTS.unavailable); }
3094      });
3095    }
3096
3097    form.addEventListener('submit', function (e) { e.preventDefault(); sendMessage(); });
3098  })();
3099  </script>
3099
3100</body>  <!-- Appel de la barre de navigation -->
3101  <!-- Appel de la barre de navigation -->
3102
3103<div class="container-fluid">
3104  <div id="content" class="container">
3105    <div class="row">
3106      <div class="bloc-text col-lg-12">
3107        <h1>About Tunetoo</h1>
3108        <div class="separator"></div>
3109        <p class="first-p">We believe in the importance of giving a unique character to the products we manufacture. We value creative diversity rather than conformism, and we allow everyone to express themselves in a genuine and different way.</p>
3110      </div>
3111
3112      <div class="bloc-text first">
3113        <img  id="toHide" class="wow fadeIn img-responsive" data-wow-duration="0.8s" data-wow-delay="0.5s" src="https://a86axszy.cdn.imgeng.in/images/IMAGE01-apropos.jpg" alt="image01 à propos de tunetoo">
3114      </div>
3115    </div>
3116  </div>
3117  <br>
3118
3119  <div class="bloc-text">
3120    <div class="container">
3121      <div class="row"><br>
3122        <h2><strong>Nos valeurs : créativité, exigence et responsabilité<strong></h2><br><br>
3123        <p>Chez Tunetoo, notre mission repose sur des principes fondamentaux :</p>
3124        <div class="row"><br>
3125          <div class="wow fadeIn col-lg-4"  data-wow-delay="0.5s">
3126            <p><strong>Créativité sans limites</strong> :  Permettre à chacun de concevoir des produits qui reflètent son univers, son message ou son identité, grâce à des outils de personnalisation accessibles et performants.</p>
3127          </div>
3128          <div class="wow fadeIn col-lg-4" data-wow-delay="1s">
3129            <p><strong>Exigence de qualité</strong> :  Chaque projet est traité avec soin, depuis la conception jusqu’à l’expédition, afin de garantir un rendu conforme aux attentes de nos clients.</p>
3130          </div>
3131          <div class="wow fadeIn col-lg-4" data-wow-delay="1.5s">
3132            <p><strong>Engagement responsable</strong> :  Nous sélectionnons des matériaux de qualité et collaborons avec des partenaires engagés dans des démarches respectueuses de l’environnement et des conditions de production.</p>
3133          </div>
3134        </div>
3135          <hr>
3136     </div>
3137   </div>
3138 </div>
3139
3140  <div class="bloc-text-grey">
3141    <div class="container">
3142    	<div class="row"><div class="col-lg-12"></div></div><div class="separator-div row"><div class="col-lg-12"><div class="separator2"></div></div></div>
3143      <div class="bloc-div row">
3144        <div class="col-xs-12 col-lg-6"><img class="tunetoo-logo img-responsive" src="https://a86axszy.cdn.imgeng.in/images/logo-tunetoo.jpg" alt="logo tunetoo"></div>
3145        <div class="col-xs-12 col-lg-6 wow fadeIn" data-wow-delay="0.8s">
3146          <h2>OUR HISTORY</h2>
3147          <p style="color:#444444;">In addition to the expert customization service we have been offering for nearly 20 years, we have recently realized a project that is particularly important to us: helping French and foreign artists and designers, not only to acquire notoriety, but also to be rewarded for their talent.</p>
3148        </div>
3149      </div>
3150      <div class="row">
3151        <div class="wow fadeIn col-lg-12" data-wow-delay="1.4s">
3152          <p style="color:#444444;">For this, we have created the Designer / Reseller Pact, a platform meant for sharing whereby each artist can freely propose his or her achievements for sale. The principle is simple: we take care of the entire logistics process, from production to delivery, and each artist receives the commission of his choice* on each product sold.</p>
3153        </div>
3154      </div>
3155      <div class="bloc-div2 row">
3156        <div class="col-md-6 col-md-offset-3"><a class="button-action" href="https://www.tunetoo.co.uk/tunetoo-personnalised-embroidery-impression-textile-accessories.php">Customize my product</a></div>
3157      </div>
3158    </div>
3159  </div>
3160
3161  <div class="bloc-text-designer">
3162    <div class="container">
3163      <div class="row">
3164        <h2><strong>Nos solutions de Print On Demand : personnalisation sans contrainte</strong></h2><br><br>
3165        <p class="p_designer"><strong>Le Print On Demand (POD)</strong> vous permet de créer et vendre des produits personnalisés sans contrainte logistique :</p>
3166        <div class="row">
3167          <br>
3168          <div class="wow fadeIn col-lg-4"  data-wow-delay="0.5s">
3169            <p class="p_designer"><strong>Sans stock</strong> : les produits sont fabriqués à la commande.</p>
3170          </div>
3171          <div class="wow fadeIn col-lg-4" data-wow-delay="1s">
3172            <p class="p_designer"><strong>Flexibilité totale</strong> : <strong>t-shirts</strong>, <strong>sweats</strong>, <strong>casquettes</strong>, <strong>mugs</strong>, <strong>accessoires</strong> et bien plus.</p>
3173          </div>
3174          <div class="wow fadeIn col-lg-4" data-wow-delay="1.5s">
3175            <p class="p_designer"><strong>Gestion simplifiée</strong> : Tunetoo coordonne la production, l’expédition et le suivi des commandes</p>
3176          </div>
3177          <div class="wow fadeIn col-lg-12" data-wow-delay="1.5s">
3178          <p class="p_designer">Que vous soyez créateur, entrepreneur ou porteur de projet, Tunetoo vous accompagne à chaque étape avec un suivi personnalisé et une expertise technique éprouvée.</p>
3179        </div>
3180        </div>
3181          <br><br>
3182	     <div class="wow pulse col-md-6 col-md-offset-3" data-wow-delay="1.8s"><a class="button-action2" href="https://www.tunetoo.co.uk/design-sell-tshirt.php">Join the sales community</a></div>
3183     </div>
3184   </div>
3185 </div>
3186
3187 
3188 <div class="bloc-text-grey">
3189    <div class="container">
3190      <div class="espace-vertical  row">
3191        <div class="col-md-6"><img class="img-responsive" src="https://a86axszy.cdn.imgeng.in/images/produits-apropos.png" alt="produits-tunetoo"></div>
3192        <div class="col-md-6">
3193          <h2>OUR PRODUCTS</h2>
3194          <p>We take pride in offering beautiful and elegant products, selected especially for their high quality, comfort and their capacity to last.</p>
3195          <p>From the organic cotton sweatshirt to the urban backpack, passing through beanies, snapbacks and travel mugs, we continually renew and improve our range of products in order to offer an ever broader choice for our audiences.</p>
3196        </div>
3197      </div>
3198      <div class="separator-div row"><div class="col-lg-12"><div class="separator2"></div></div></div>
3199      <div class="row" style="margin-bottom:40px;">
3200        <div class="col-md-6">
3201          <h2>OUR BRAND’S CULTURE</h2>
3202          <p>When a brand grows and its activities are in constant growth, there is always a risk that satisfaction with the manufacturing process will deteriorate, and that the initial passion will become a repetitive task. To avoid this, we are anxious to maintain the pleasure we have in making products that will be appreciated by their users. Because it is important to remain sincere and true to our original intentions, we have founded an internal 
3202culture based on communication, transparency, and the exchange of ideas. In order to maintain a positive harmony and to reinvent one's self constantly, but also in order to be proud of what we accomplish on a daily basis.</p>
3203        </div>
3204			     <div class="col-md-6"><img class="atelier img-responsive" src="https://a86axszy.cdn.imgeng.in/images/atelier-tunetoo.jpg" alt="atelier-tunetoo"></div>
3205      </div>
3206    </div>
3207  </div>
3208
3209 <div class="bloc-text-end"></div>
3210
3211 <div class="bloc-text-grey">
3212  	<div class="container">
3213  		<div class="row">
3214  			<div class="col-md-12">
3215          <h2>Nos techniques de personnalisation :</h2><br>
3216          <p>Selon les produits et les usages, plusieurs techniques de marquage sont proposées :<br><br>
3217										  <strong>Impression directe sur textile (DTG)</strong> : Idéale pour les visuels complexes et multicolores.</p>
3218          <p><strong>Sublimation</strong> :  Parfaite pour les textiles polyester et objets comme les mugs.</p>
3219          <p><strong>Flex & Flock</strong> : Pour des rendus texturés et contrastés.</p>
3220          <p><strong>Broderie</strong> : La personnalisation haut de gamme, durable et élégante.<br><br>Les techniques disponibles dépendent du produit choisi, du support et du visuel.</p>
3221        </div>
3222  		</div>
3223  		<div class="bloc-div2 row">
3224        <div class="col-md-6 col-md-offset-3"><a class="button-action" href="https://www.tunetoo.co.uk/marking-techniques.php">Marking techniques</a></div>
3225      </div>
3226  	</div>
3227  </div>
3228
3229  
3230<div class="bloc-text-grey">
3231    <div class="container">
3232    	<div class="row">
3233        <div class="col-lg-12">
3234          <div class="separator-div row"><div class="col-lg-12"><div class="separator2"></div></div></div>
3235          <h2>Pourquoi choisir Tunetoo ?</h2>
3236        </div>
3237      </div>
3238      <div class="row"><br>
3239          <div class="wow fadeIn col-lg-4"  data-wow-delay="0.5s">
3240            <p style="color:#444444;"><strong>Une expertise reconnue</strong> dans la personnalisation textile et objet</p>
3241          </div>
3242          <div class="wow fadeIn col-lg-4" data-wow-delay="1s">
3243            <p style="color:#444444;"><strong>Un modèle flexible</strong> adapté aux particuliers comme aux professionnels
3244											<br><br><strong>Un service client dédié</strong>, disponible pour vous accompagner avant et après commande.</p>
3245          </div>
3246          <div class="wow fadeIn col-lg-4" data-wow-delay="1.5s">
3247            <p style="color:#444444;"><strong>Des partenaires de production sélectionnés</strong> pour leur sérieux et leur savoir-faire.</p>
3248          </div>
3249        </div>
3250    </div>
3251    <p style="color:#444444;text-align:center;padding-top:20px;">Les conditions applicables à la personnalisation, à la livraison, aux retours et au droit de rétractation sont précisées dans nos Conditions Générales de Vente.</p>
3252</div>
3253
3254
3255</div>
3256
3257
3258<div class="footer">
3259
3260<footer id="foot" class="container-fluid">
3261
3262
3263
3264<div class="bloc-secure pattern">
3265  <div class="content teaser">
3266    <div class="bloc col-sm-4 col-md-4">
3267      <div class="bloc-img">
3268        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/icons/eiffel-tower.svg" width="55px" alt="drapeau de pays">
3269      </div>
3270      <div class="bloc-secure-title">Made in France</div>
3271      <p><span>Personalised products in our workshops in Bordeaux</span><br/> in France.</p>
3272    </div>
3273    <div class="bloc col-sm-4 col-md-4">
3274      <div class="bloc-img">
3275        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/icon-secure.svg" width="55" alt="cadenas">
3276      </div>
3277      <div class="bloc-secure-title">FULLY SECURE WEBSITE</div>
3278      <p><span>Your payment is 100% secure.</span></p>
3279      <div class="logo-secure">
3280        <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/banques/secure.png" alt="secure">
3281      </div>
3282    </div>
3283      <div class="bloc col-sm-4 col-md-4">
3284        <div class="bloc-img">
3285          <img class="lazyload" data-srcset="https://a86axszy.cdn.imgeng.in/images/icon-sav.svg" width="55" alt="telephone">
3286        </div>
3287      <div class="bloc-secure-title">CUSTOMER SERVICE</div>
3288      <p>
3288Our customer service is available from Monday to Friday <br/>de 9h-12h | 14h-17h.</p>
3289      <span class="ttoo" alt='sav' data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zYXYucGhw" style="display: inline-block; margin-top:12px"><p class="sav-class" style="font-size: 13px; color:black;font-weight: 600;">Contact us</p></span>
3290    </div>
3291  </div>
3292</div>
3293
3294<div class="content sitemap">
3295    <div class="links col-sm-12 col-md-9">
3296        <ul>
3297            <li class="col-sm-2" style="width:20%!important">
3298              <p class="footer-sitemap-title">BUY</p>
3299              <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90dW5ldG9vLXBlcnNvbm5hbGlzZXItYnJvZGVyaWUtaW1wcmVzc2lvbi10ZXh0aWxlLW9iamV0LnBocA==">Customize</span><br>        
3300              <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9hcnQtc2hvcC5waHA=">Collection</span><br>
3301            </li>
3302            <li class="col-sm-2" style="width:20%!important">
3303                <p class="footer-sitemap-title">SALE</p>
3304                <span style="line-height: 1.2;font-size:12px" class="ttoo" style="overflow: hidden;" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zb2x1dGlvbi1kcm9wLXNoaXAucGhw">Solution drop-shipping</span><br> 
3305                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9vcGVuLXlvdXItb25saW5lLXNob3AucGhw">Reseller</span><br>
3306                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zZWxsLXlvdXItZGVzaWduLnBocA==">Designer</span><br>
3307            </li>
3308            <li class="col-sm-2" style="width:20%!important">
3309                <p class="footer-sitemap-title">ABOUT</p>
3310                <a href="https://www.tunetoo.co.uk/about.php" style="line-height: 1.2;font-size:12px">Tunetoo</a><br>
3311                <a href="https://www.tunetoo.co.uk/marking-techniques.php" style="line-height: 1.2;font-size:12px">Print</a><br>
3312                                             
3313            </li>
3314            <li class="col-sm-2" style="width:20%!important">
3315                <p class="footer-sitemap-title">INFORMATIONS</p>
3316                                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9zYXYucGhw">Helps</span><br>
3317                <span style="line-height: 1.2;font-size:12px" class="ttoo" style="overflow: hidden;" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90dW5ldG9vLXRlcm1zLWFuZC1jb25kaXRpb25zLnBocA==">Returns and refunds</span><br>
3318                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9idWxrLW9yZGVyLXF1b3RhdGlvbi1yZXF1ZXN0LnBocA==">Quotation</span><br>
3319                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9kYXRhLXByb3RlY3Rpb24ucGhw">Data protection</span><br>
3320            </li>
3321            <li class="col-sm-2" style="width:20%!important">
3322                <p class="footer-sitemap-title">SERVICE</p>
3323                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90dW5ldG9vLXRlcm1zLWFuZC1jb25kaXRpb25zLnBocA==">Terms</span><br>
3324                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay90dW5ldG9vLXRlcm1zLWFuZC1jb25kaXRpb25zLnBocCNv">Legal</span><br>
3325                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay93ZWItcGFydG5lcnNoaXAucGhw">Web Partnership</span><br>
3326                <span style="line-height: 1.2;font-size:12px" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cudHVuZXRvby5jby51ay9qb2JzLXR1bmV0b28ucGhw">Jobs</span><br>
3327            </li>
3328      </ul>
3329  </div>
3330  <div class="col-sm-12 col-md-3 rs" style="margin-bottom: 10px;">
3331		<div class="other-country">
3332		<div class="footer-sitemap-language-choice-title">Choose your country</div>
3333			<br>
3334		<div class="drapeaux">
3335			<ul>
3336        									<li><a href="https://www.tunetoo.co.uk/about.php"><span class="country-short-name">en</span><img class="lazyload" width="25" height="25" data-srcset="https://a86axszy.cdn.imgeng.in/images/united-kingdom.svg" alt="drapeau-en"></a></li>
3337									<li><a href="https://www.tunetoo.com/a-propos.php"><span class="country-short-name">fr</span><img class="lazyload" width="25" height="25" data-srcset="https://a86axszy.cdn.imgeng.in/images/france.svg" alt="drapeau-fr"></a></li>
3338									<li><a href="https://www.tunetoo.es/sobre-nosotros.php"><span class="country-short-name">es</span><img class="lazyload" width="25" height="25" data-srcset="https://a86axszy.cdn.imgeng.in/images/spain.svg" alt="drapeau-es"></a></li>
3339									<li><a href="https://www.tunetoo.de/a-propos.php"><span class="country-short-name">de</span><img class="lazyload" width="25" height="25" data-srcset="https://a86axszy.cdn.imgeng.in/images/Germany.svg" alt="drapeau-de"></a></li>
3340							</ul>
3341		</div>
3342		<br>
3343		<br>
3344	</div>
3345	 
3346    <div class="footer-social-networks-title">Trouvez nous maintenant sur</div>
3347      <ul class="teaser">
3348          <li><span style ="display: contents;" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL3R1bmV0b28="><img data-srcset="https://a86axszy.cdn.imgeng.in/images/rs/facebook.jpg" width="30" height="30"  class="lazyload" alt="facebook-icon"></span></li>
3349          <li><span style ="display: contents;" class="ttoo" data-ttoo="aHR0cHM6Ly9pbnN0YWdyYW0uY29tL3R1bmV0b29fZnIv"><img data-srcset="https://a86axszy.cdn.imgeng.in/images/rs/instagram.jpg" width="30" height="30" class="lazyload" alt="instagram-icon"></span></li>
3350          <li><span style ="display: contents;" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cucGludGVyZXN0LmNvbS90dW5ldG9vLw=="><img data-srcset="https://a86axszy.cdn.imgeng.in/images/rs/pinterest.jpg" width="30" height="30" class="lazyload" alt="pinterest-icon"></span></li>
3351          <li><span style ="display: contents;
3351" class="ttoo" data-ttoo="aHR0cHM6Ly93d3cueW91dHViZS5jb20vY2hhbm5lbC9VQ2tRdWNlYWpGcW9QS3Y5N0ZGU3lIN0E="><img data-srcset="https://a86axszy.cdn.imgeng.in/images/rs/youtube.jpg" width="30" height="30"  class="lazyload" alt="youtube-icon"></span></li>
3352      </ul>
3353
3354  </div>
3355  <p style="font-size: 10px;color:#595959;">Médiation de la consommation
3356    Conformément à l’article L.616-1 du Code de la consommation, le consommateur peut recourir gratuitement au médiateur suivant :
3357    CM2C – Centre de la Médiation de la Consommation de Conciliateurs de Justice  
3358    14 rue Saint Jean  
3359    75017 Paris  
3360    https://www.cm2c.net  
3361    [email protected]
3362  </p>
3363</div>
3364
3365<div class="blocdown teaser">
3366  <div class="row content">
3367    <div class="col-sm-4 col-md-4 logo-tunetoo"><img data-srcset="https://a86axszy.cdn.imgeng.in/images/logo-tunetoo-head.svg" height="40" alt="logo-tunetoo" class="lazyload"></div>
3368    <div class="col-sm-4 col-md-4"><p><i><span class="copyright">© Copyright 2026</span></i> - <span>Tunetoo</span></p></div>
3369    <div class="col-sm-4 col-md-4 partenaires"><img data-srcset="https://a86axszy.cdn.imgeng.in/images/footer/french-tech.svg" height="50" alt="logo-french-tech" class="lazyload"></div>
3370  </div>
3371</div>
3372
3373</footer>
3374
3375<!-- APPEL JS -->
3376<script src="https://www.tunetoo.com/js/lazysizes.min.js" async></script>
3376<!-- js lazy loading -->
3377<script src="https://cdnjs.cloudflare.com/ajax/libs/attrchange/2.0.1/attrchange.min.js" async></script>
3377 <!-- angular lazyload -->
3378
3379
3380<script type="text/javascript" src="https://www.tunetoo.co.uk/js/cookiechoices.js" defer></script>
vendor: 1 bytes, line 3380
3380
3381<script type="text/javascript">
3382  document.addEventListener('DOMContentLoaded', function(event) {
3383    cookieChoices.showCookieConsentBar('Tunetoo uses cookies to provide you with a tailored experience. By continuing to naviguate our website, you are agreeing to their use.',
3384      'Ok', 'More info', 'https://www.cnil.fr/linstitution/actualite/article/article/recommandation-sur-les-cookies-quelles-obligations-pour-les-responsables-de-sites-quels-conseils/');
3385  });
3386</script>
vendor: 1 bytes, line 3386
3386
3387<script type="text/javascript">
3388  document.addEventListener("DOMContentLoaded", function () {
3389    var elements = document.getElementsByClassName("ttoo");
3390    for (var i = 0; i < elements.length; i++) {
3391        elements[i].addEventListener("click", function (event) {
3392            if (this.closest("li.filtre-categorie")) {
3393                event.preventDefault(); 
3394                return;
3395            }
3396
3397            var data = this.getAttribute("data-ttoo");
3398            if (event.ctrlKey) {
3399                window.open(decodeURIComponent(window.atob(data)), "_blank").focus();
3400            } else {
3401                document.location.href = decodeURIComponent(window.atob(data));
3402            }
3403        }, false);
3404
3405        elements[i].addEventListener("contextmenu", function (event) {
3406            if (this.closest("li.filtre-categorie")) {
3407                event.preventDefault(); 
3408                return;
3409            }
3410
3411            var data = this.getAttribute("data-ttoo");
3412            if (event.ctrlKey) {
3413                window.open(decodeURIComponent(window.atob(data)), "_blank").focus();
3414            } else {
3415                window.open(decodeURIComponent(window.atob(data)), "_blank");
3416            }
3417        }, false);
3418    }
3419}); 
3420</script>
3420
3421
3422
3423 <!-- Appel du footer -->
3424</div>
3425
3426</div> <!-- fin container-fluid -->
3427</body>
3428</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.