PageSourceSearch

https://www.bocalaboutons.fr/

html bocalaboutons.fr collected 2026-10-07 17:15:26 UTC 202,640 bytes, 2,170 lines download raw bytes

1<!doctype html>
2<html lang="fr" dir="ltr">
3<head>
4<!--
5  _  __  _____   _   _    _____   ______    _____   _    _    ____    _____
6 | |/ / |_   _| | \ | |  / ____| |  ____|  / ____| | |  | |  / __ \  |  __ \
7 | ' /    | |   |  \| | | |  __  | |__    | (___   | |__| | | |  | | | |__) |
8 |  <     | |   | . ` | | | |_ | |  __|    \___ \  |  __  | | |  | | |  ___/
9 | . \   _| |_  | |\  | | |__| | | |____   ____) | | |  | | | |__| | | |
10 |_|\_\ |_____| |_| \_|  \_____| |______| |_____/  |_|  |_|  \____/  |_|
11
12-->
13<meta charset="UTF-8">
14<title>Boutons vintage et mercerie ancienne &#124; Bocal &#224; boutons</title>
15<meta name="description" content="Boutons vintage anciens en verre, nacre et m&#233;tal. Mercerie ancienne pour amateurs de couture. S&#233;lection de boutons Haute couture et classiques">
16<meta name="keywords" content="bouton ancien, bouton vintage, bouton de collection, bouton de couture, bouton classique, bouton &#224; coudre, r&#233;tro, parurier, mode, haute couture, vintage, mercerie ancienne, fourniture de couture, couture, accessoires boutons vintage, mercerie vintage, accessoires couture anciens, boutons en nacre, boutons en verre, boutons en m&#233;tal, cr&#233;ation couture, DIY, mercerie r&#233;tro, customisation, costume d&#39;&#233;poque, boutons sur carte, carton &#224; boutons, confection, restauration de poup&#233;es, boutons pour v&#234;tements de poup&#233;e, boutons r&#233;tro, accessoires couture, boutons pour tricot, fournitures cr&#233;atives, collection mercerie, fibule, fibulanomiste, bouton militaire">
17<meta name="copyright" content="Copyright (c) by KingEshop">
18<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
19<meta name="robots" content="index, follow">
20<meta name="generator" content="www.kingeshop.com - Cr&#233;er une boutique en ligne">
21<link rel="canonical" href="https://www.bocalaboutons.fr/Accueil-ccbaaaaaa.asp">
22<meta name="location" content="France,FRANCE">
23<link rel="icon" href="img_per/1072347/mi_ima_f19c0c698b.png" type="image/png">
24
25<script>
26const obs = new PerformanceObserver(e=>{const [n]=e.getEntriesByType('navigation');if(!n) return;console.log('TTFB:', parseInt(n.responseStart - n.requestStart), 'ms |','Total (réseau + DNS + SSL + TTFB):', parseInt(n.responseStart), 'ms');obs.disconnect();});obs.observe({type:'navigation',buffered:true});
27</script>
27
28
29
30<style>
31</style>
32
33<link rel="preload" href="https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyCMIT5lu.woff2" as="font" type="font/woff2" crossorigin="anonymous">
34<link rel="preload" href="https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0ITw.woff2" as="font" type="font/woff2" crossorigin="anonymous">
35<link rel="preload" href="https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2" as="font" type="font/woff2" crossorigin="anonymous">
36<link rel="preload" href="https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2" as="font" type="font/woff2" crossorigin="anonymous">
37<link rel="preload" href="https://fonts.gstatic.com/s/kreon/v27/t5tuIRIUKY-TFHXJc2iPrQ.woff2" as="font" type="font/woff2" crossorigin="anonymous">
38<link rel="preload" href="https://fonts.gstatic.com/s/kreon/v27/t5tuIRIUKY-TFHXHc2g.woff2" as="font" type="font/woff2" crossorigin="anonymous">
39<link rel="stylesheet" href="img_per/1072347/z_style.css?OPTIMIZED=2026_10_01_08_00_03">
40
41<style>
42
43.n_fixed_x {scrollbar-width: thin;scrollbar-color: #ccc #f0f0f0;}
44.n_fixed_x::-webkit-scrollbar {width: 5px;}
45.n_fixed_x::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;}
46.n_fixed_x::-webkit-scrollbar-track {background: #f0f0f0;}
47
48@media (min-width:1000px){
49#c1cen .c2pagcom,#c1cen .c2pagcomform,#c1cen .c2pagcomerr,#c1cen .c2pagcomsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.6;}#c1cen .c2pagcom {width: 100%;border-collapse: collapse;margin-bottom: 30px;}#c1cen .c2pagcom > tbody > tr > td {padding: 15px 10px;border-bottom: 1px solid #e2e2e2;}#c1cen .c2pagcom > tbody > tr:first-child td div {font-weight: bold;font-size: 20px;padding-bottom: 10px;}#c1cen .c2pagcom tr td div:nth-child(1) {font-weight: bold;font-size: 15px;}#c1cen .c2pagcom tr td div:nth-child(2) {margin: 5px 0;}#c1cen .c2pagcom tr td div:nth-child(3) {font-size: 12px;color: #777;}#c1cen .c2pagcomform {margin-left:auto;margin-right:auto;padding: 20px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;}#c1cen .c2pagcomform form div {margin-bottom: 18px;}#c1cen .c2pagcomform span {display: inline-block;width: 250px;font-weight: bold;font-size:14px;margin-bottom: 5px;}#c1cen .c2pagcomform input[type="text"],#c1cen .c2pagcomform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cen .c2pagcomform textarea {resize: vertical;}#c1cen .c2pagcomform input[type="button"] {background: #0077cc;color: white;padding: 12px 25px;border: none;border-radius: 5px;cursor: pointer;font-size: 15px;transition: background 0.2s ease-in-out;}#c1cen .c2pagcomform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cen .c2pagcomform input[type="button"]:disabled {background: #b7b7b7;cursor: not-allowed;}#c1cen .c2pagcomerr,#c1cen .c2pagcomsuc {margin-top: 25px;padding: 15px;border-radius: 5px;font-weight: bold;}#c1cen .c2pagcomerr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cen .c2pagcomsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
50#c1cen .c2pagcontform,#c1cen .c2pagconterr,#c1cen .c2pagcontsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.6;font-size: 15px;}#c1cen .c2pagcontform {margin-left:auto;margin-right:auto;padding: 20px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;}#c1cen .c2pagcontform form div {margin-bottom: 18px;}#c1cen .c2pagcontform span {display: inline-block;width: 250px;font-weight: bold;margin-bottom: 5px;}#c1cen .c2pagcontform input[type="text"],#c1cen .c2pagcontform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cen .c2pagcontform textarea {resize: vertical;}#c1cen .c2pagcontform input[type="button"] {background: #0077cc;color: white;padding: 12px 25px;border: none;border-radius: 5px;cursor: pointer;font-size: 15px;transition: background 0.2s ease-in-out;}#c1cen .c2pagcontform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cen .c2pagcontform input[type="button"]:disabled {background: #b7b7b7;
50cursor: not-allowed;}#c1cen .c2pagconterr,#c1cen .c2pagcontsuc {margin-top: 25px;padding: 15px;border-radius: 5px;font-weight: bold;}#c1cen .c2pagconterr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cen .c2pagcontsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
51#c1cen .c2prodcomm,#c1cen .c2prodcomform,#c1cen .c2prodcomerr,#c1cen .c2prodcomsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.6;}#c1cen .c2prodcomm {width: 100%;border-collapse: collapse;margin-bottom: 30px;}#c1cen .c2prodcomm .etoiles span {height: 1.3rem;width: 1.3rem;margin-left: 0;margin-right: 0;color: rgb(255,164,28);transition: all .3s ease;}#c1cen .c2prodcomm .resume {margin-bottom: 25px; padding: 18px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;margin-bottom: 25px;}#c1cen .c2prodcomm .resume .noteetqte {font-size: 16px;margin-top: 6px;}#c1cen .c2prodcomm .resume .lien {font-size: 15px;margin-top: 8px;color: #0077cc;cursor: pointer;}#c1cen .c2prodcomm .resume .lien:hover {text-decoration: underline;}#c1cen .c2prodcomm .avis {padding: 18px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;margin-bottom: 25px;}#c1cen .c2prodcomm .avis .entete {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 8px;}#c1cen .c2prodcomm .avis .entete .pseudo {font-weight: bold;margin-left: 10px;}#c1cen .c2prodcomm .avis .entete .date {margin-left: auto;font-size: 12px;color: #777;}#c1cen .c2prodcomm .avis .corps {margin: 10px 0;font-size: 15px;}#c1cen .c2prodcomm .avis .reponse {background: #fff;border-left: 4px solid #0077cc;padding: 12px 15px;margin-top: 15px;border-radius: 4px;}#c1cen .c2prodcomm .avis .reponse .entete {display: flex;flex-wrap: wrap;margin-bottom: 6px;}#c1cen .c2prodcomm .avis .reponse .entete .texte {font-weight: bold;}#c1cen .c2prodcomm .avis .reponse .entete .date {margin-left: auto;color: #777;font-size: 12px;}#c1cen .c2prodcomm .avis .reponse .corps {font-size: 15px;}#c1cen .c2prodcomform {margin-left:auto;margin-right:auto;padding: 20px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;}#c1cen .c2prodcomform form div {margin-bottom: 18px;}#c1cen .c2prodcomform span {display: inline-block;width: 250px;font-weight: bold;font-size:14px;margin-bottom: 5px;}#c1cen .c2prodcomform select {display:block;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cen .c2prodcomform input[type="text"],#c1cen .c2prodcomform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cen .c2prodcomform textarea {resize: vertical;}#c1cen .c2prodcomform input[type="button"] {background: #0077cc;color: white;padding: 12px 25px;border: none;border-radius: 5px;cursor: pointer;font-size: 15px;transition: background 0.2s ease-in-out;}#c1cen .c2prodcomform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cen .c2prodcomform input[type="button"]:disabled {background: #b7b7b7;cursor: not-allowed;}#c1cen .c2prodcomerr,#c1cen .c2prodcomsuc {margin-top: 25px;padding: 15px;border-radius: 5px;font-weight: bold;font-size: 14px;}#c1cen .c2prodcomerr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cen .c2prodcomsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
52#c1cen .c2map {padding: 40px 20px;font-family: Arial, sans-serif;color: #333;line-height: 1.5;}#c1cen .c2map .c3grppag .titre,#c1cen .c2map .c3grpcat .titre {font-size: 22px;font-weight: bold;margin: 0 0 20px 0;display: block;width: 100%;}#c1cen .c2map .page,#c1cen .c2map .simple {display: inline-block;vertical-align: top;background: #fafafa;border: 1px solid #e2e2e2;padding: 12px 14px;margin: 0 12px 12px 0;border-radius: 6px;box-shadow: 0 1px 2px rgba(0,0,0,0.08);}#c1cen .c2map .page a,#c1cen .c2map .simple a {display: block;text-decoration: none;color: #0077cc;font-size: 15px;}#c1cen .c2map .page a:hover,#c1cen .c2map .simple a:hover {text-decoration: underline;}#c1cen .c2map .mere {display: block;width: auto;background: #fafafa;border: 1px solid #e2e2e2;padding: 14px;margin: 0 0 20px 0;border-radius: 6px;box-shadow: 0 1px 2px rgba(0,0,0,0.08);}#c1cen .c2map .mere > span {display: block;font-weight: bold;font-size: 16px;margin-bottom: 10px;}#c1cen .c2map .mere > a {display: inline-block;background: #fff;border: 1px solid #ddd;padding: 7px 10px;margin: 0 10px 10px 0;font-size: 14px;border-radius: 4px;color: #0077cc;text-decoration: none;}#c1cen .c2map .mere >
52 a:hover {text-decoration: underline;}
53}
54@media (max-width:999px){
55#c1cenmob .c2pagcom,#c1cenmob .c2pagcomform,#c1cenmob .c2pagcomerr,#c1cenmob .c2pagcomsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.5;}#c1cenmob .c2pagcom {width: 100%;border-collapse: collapse;margin-bottom: 25px;}#c1cenmob .c2pagcom tr td {padding: 12px 5px;border-bottom: 1px solid #e2e2e2;}#c1cenmob .c2pagcom tr:first-child td div {font-weight: bold;font-size: 18px;}#c1cenmob .c2pagcom tr td div:nth-child(1) {font-weight: bold;font-size: 14px;}#c1cenmob .c2pagcom tr td div:nth-child(2) {margin: 5px 0;font-size: 14px;}#c1cenmob .c2pagcom tr td div:nth-child(3) {font-size: 12px;color: #777;}#c1cenmob .c2pagcomform {margin-left:auto;margin-right:auto;padding: 15px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;font-size: 16px;}#c1cenmob .c2pagcomform form div {margin-bottom: 16px;}#c1cenmob .c2pagcomform span {display: block;font-weight: bold;margin-bottom: 6px;}#c1cenmob .c2pagcomform input[type="text"],#c1cenmob .c2pagcomform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cenmob .c2pagcomform input[type="button"] {width: 100%;background: #0077cc;color: white;padding: 12px 0;border: none;border-radius: 5px;font-size: 16px;cursor: pointer;transition: background 0.2s;}#c1cenmob .c2pagcomform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cenmob .c2pagcomform input[type="button"]:disabled {background: #b7b7b7;cursor: not-allowed;}#c1cenmob .c2pagcomerr,#c1cenmob .c2pagcomsuc {margin-top: 20px;padding: 14px;border-radius: 5px;font-weight: bold;}#c1cenmob .c2pagcomerr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cenmob .c2pagcomsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
56#c1cenmob .c2pagcontform,#c1cenmob .c2pagconterr,#c1cenmob .c2pagcontsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.5;font-size: 15px;}#c1cenmob .c2pagcontform {margin-left:auto;margin-right:auto;padding: 15px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;font-size: 16px;}#c1cenmob .c2pagcontform form div {margin-bottom: 16px;}#c1cenmob .c2pagcontform span {display: block;font-weight: bold;margin-bottom: 6px;}#c1cenmob .c2pagcontform input[type="text"],#c1cenmob .c2pagcontform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cenmob .c2pagcontform input[type="button"] {width: 100%;background: #0077cc;color: white;padding: 12px 0;border: none;border-radius: 5px;font-size: 16px;cursor: pointer;transition: background 0.2s;}#c1cenmob .c2pagcontform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cenmob .c2pagcontform input[type="button"]:disabled {background: #b7b7b7;cursor: not-allowed;}#c1cenmob .c2pagconterr,#c1cenmob .c2pagcontsuc {margin-top: 20px;padding: 14px;border-radius: 5px;font-weight: bold;}#c1cenmob .c2pagconterr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cenmob .c2pagcontsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
57#c1cenmob .c2prodcomm,#c1cenmob .c2prodcomform,#c1cenmob .c2prodcomerr,#c1cenmob .c2prodcomsuc {max-width: 900px;margin:50px auto;font-family: Arial, sans-serif;color: #333;line-height: 1.5;}#c1cenmob .c2prodcomm {width: 100%;border-collapse: collapse;margin-bottom: 25px;}#c1cenmob .c2prodcomm .etoiles span {height: 1.3rem;width: 1.3rem;margin-left: 0;margin-right: 0;color: rgb(255,164,28);transition: all .3s ease;}#c1cenmob .c2prodcomm .resume {margin-bottom: 20px;}#c1cenmob .c2prodcomm .resume .noteetqte {font-size: 15px;margin-top: 5px;}#c1cenmob .c2prodcomm .resume .lien {color: #0077cc;font-size: 15px;margin-top: 7px;cursor: pointer;}#c1cenmob .c2prodcomm .avis {padding: 15px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;margin-bottom: 20px;}#c1cenmob .c2prodcomm .avis .entete {display: flex;flex-wrap: wrap;margin-bottom: 8px;}#c1cenmob .c2prodcomm .avis .entete .pseudo {font-weight: bold;margin-left: 8px;}#c1cenmob .c2prodcomm .avis .entete .date {margin-left: auto;font-size: 12px;color: #777;}#c1cenmob .c2prodcomm .avis .corps {font-size: 15px;margin: 8px 0;}#c1cenmob .c2prodcomm .avis .reponse {background: #fff;border-left: 4px solid #0077cc;padding: 12px;border-radius: 4px;margin-top: 12px;}#c1cenmob .c2prodcomm .avis .reponse .entete {display: flex;flex-wrap: wrap;margin-bottom: 5px;}#c1cenmob .c2prodcomm .avis .reponse .entete .texte {font-weight: bold;}#c1cenmob .c2prodcomm .avis .reponse .entete .date {margin-left: auto;color: #777;font-size: 12px;}#c1cenmob .c2prodcomm .avis .reponse .corps {font-size: 15px;}#c1cenmob .c2prodcomform {margin-left:auto;margin-right:auto;padding: 15px;border: 1px solid #ddd;background: #fafafa;border-radius: 6px;font-size: 16px;}#c1cenmob .c2prodcomform form div {margin-bottom: 16px;}#c1cenmob .c2prodcomform span {display: block;font-weight: bold;margin-bottom: 6px;}#c1cenmob .c2prodcomform select {display:block;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cenmob .c2prodcomform input[type="text"],#c1cenmob .c2prodcomform textarea {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}#c1cenmob .c2prodcomform input[type="button"] {width: 100%;background: #0077cc;color: white;padding: 12px 0;border: none;border-radius: 5px;font-size: 16px;cursor: pointer;transition: background 0.2s;}#c1cenmob .c2prodcomform input[type="button"]:hover:not(:disabled) {background: #005fa3;}#c1cenmob .c2prodcomform input[type="button"]:disabled {background: #b7b7b7;
57cursor: not-allowed;}#c1cenmob .c2prodcomerr,#c1cenmob .c2prodcomsuc {margin-top: 20px;padding: 14px;border-radius: 5px;font-weight: bold;font-size: 14px;}#c1cenmob .c2prodcomerr {background: #ffe5e5;color: #c40000;border: 1px solid #f5b5b5;}#c1cenmob .c2prodcomsuc {background: #e9ffe5;color: #1d7a00;border: 1px solid #b6ecb0;}
58#c1cenmob .c2map {padding: 20px 12px;font-family: Arial, sans-serif;color: #333;line-height: 1.4;}#c1cenmob .c2map .c3grppag .titre,#c1cenmob .c2map .c3grpcat .titre {font-size: 18px;font-weight: bold;margin: 0 0 15px 0;display: block;width: 100%;}#c1cenmob .c2map .page,#c1cenmob .c2map .simple {display: block;background: #fafafa;border: 1px solid #e2e2e2;padding: 12px;margin: 0 0 12px 0;border-radius: 6px;}#c1cenmob .c2map .page a,#c1cenmob .c2map .simple a {display: block;text-decoration: none;color: #0077cc;font-size: 15px;}#c1cenmob .c2map .page a:hover,#c1cenmob .c2map .simple a:hover {text-decoration: underline;}#c1cenmob .c2map .mere {display: block;background: #fafafa;border: 1px solid #e2e2e2;padding: 12px;margin: 0 0 18px 0;border-radius: 6px;}#c1cenmob .c2map .mere > span {display: block;font-weight: bold;font-size: 15px;margin-bottom: 10px;}#c1cenmob .c2map .mere > a {display: block;background: #fff;border: 1px solid #ddd;padding: 7px 10px;margin: 0 0 10px 0;font-size: 14px;border-radius: 4px;color: #0077cc;text-decoration: none;}#c1cenmob .c2map .mere >
58 a:hover {text-decoration: underline;}
59}
60</style>
61
62<script>document.cookie = "uno=d0e2444f749d4139c5d70580d63e34f1";</script>
62
63
64<style>#Zone_Widget div[style*="color: red"] {display: none;}</style>
65<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
vendor: 1 bytes, line 65
65
66<script src="https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>
vendor: 1 bytes, line 66
66
67<script>
68function xMondialRelay(){
69	let loc_id = 'id_facture_mob';
70	let loc_conteiner = 'c1cenmob';
71	if (window.innerWidth >= 1000){
72		loc_id = 'id_facture_bur';
73		loc_conteiner = 'c1cen';
74	}
75	let loc_zip = document.querySelector('#id_code_postal_facture') ? document.querySelector('#id_code_postal_facture').value : '';
76	let t;
77	$(document).ready(function () {
78		$('#Zone_Widget').MR_ParcelShopPicker({
79			Target: '#Target_Widget',
80			Brand: 'CC20UQ7O',
81			Country: 'FR',
82			PostCode: loc_zip,
83			ColLivMod: '24R',
84			NbResults: '7',
85			Responsive: true,
86			ShowResultsOnMap: true,
87			Theme: 'mondialrelay',
88			TargetDisplay: '#TargetDisplay_Widget',
89			TargetDisplayInfoPR: '#TargetDisplayInfoPR_Widget',
90			OnParcelShopSelected:
91						function (data) {
92						let loc_relai = 'Endroit choisi pour prendre ma commande avec Mondial Relay : ';
93						if(data.Nom)		loc_relai += data.Nom + ' ';
94						if(data.Adresse1)	loc_relai += data.Adresse1 + ' ';
95						if(data.Adresse2)	loc_relai += data.Adresse2 + ' ';
96						if(data.CP)			loc_relai += data.CP + ' ';
97						if(data.Ville)		loc_relai += data.Ville + ' ';
98						alert(loc_relai);
99						xDesactiverFacture(loc_id);ajaxSendReceiveData(loc_conteiner,'','POST','checkout-cYaaaaaaa.asp','uno=d0e2444f749d4139c5d70580d63e34f1&v1=' + loc_id + '&v2=facture&v3=commentaire_facture&v5=' + xEncoder(loc_relai) + '&zz=' + Math.random());
100						}
101                });
102            });
103};
104</script>
104
105
106</head>
107<body>
108<div style="display:none" id="id_lan1_lettrique">c</div>
109
110
111<!-- CONTAINER MOBILE (start) -->
112<div id="x0conmob">
113
114	<!-- BLOCK ALERT MOBILE (start) -->
115	<div id="a1alemob">
116		<p><span>Livraison offerte &#224; partir de 59 euros d&#39;achat</span></p>
117		<span onclick="document.cookie = 'avantentetemob=no;';document.getElementById('a1alemob').style.display = 'none';" class="icon_bouton_croix"></span>
118	</div>
119
120<script>document.addEventListener('DOMContentLoaded', function(){let root = document.querySelector(':root');let rootStyles = getComputedStyle(root);let btn_fermer= rootStyles.getPropertyValue('--sm--a1alemob__span--display_css_javascript');btn_fermer = btn_fermer.replace(/\s/g, '');if(btn_fermer != 'block'){document.cookie = 'avantentetemob=oui;'};if(xObtenirCookie('avantentetemob') == 'no'){document.getElementById('a1alemob').style.display = 'none';};});</script>
120
121
122	<!-- BLOCK ALERT MOBILE (end) -->
123
124	<!-- BLOCK HEADER MOBILE (start) -->
125	<div id="h1heamob_fake"></div>
126	<header id="h1heamob">
127
128<style>
129#idhtmlentete_mob{width:100%;aspect-ratio:600/89;}
130#idhtmlentete_mob #mi_ima_scrtty1ym9{top:10.112%;left:4.91%;width:90.00%;height:56.180%;z-index:0;object-fit:contain;}
131</style>
132<div id="idhtmlentete_mob" data-orw="600" data-orh="89">
133<div id="mi_ima_scrtty1ym9">
134<img data-src="img_per/1072347/mi_ima_scrtty1ym9.webp" alt="" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
135</div>
136	<!-- Menu et icone hamburger de la version mobile (début) -->
137	<div id="menunavmob">
138		<div>
139			<!-- Bloc contenant la copie de bloc entête qui va dans le menu du hamburguer (début) -->
140			<div id="entetenavmob">
141<style>
142#idhtmlentete_mob{width:100%;aspect-ratio:600/89;}
143#idhtmlentete_mob #mi_ima_scrtty1ym9{top:10.112%;left:4.91%;width:90.00%;height:56.180%;z-index:0;object-fit:contain;}
144</style>
145<div id="idhtmlentete_mob" data-orw="600" data-orh="89">
146<div id="mi_ima_scrtty1ym9">
147<img data-src="img_per/1072347/mi_ima_scrtty1ym9.webp" alt="" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
148</div>				</div>
149			</div>
150			<!-- Bloc contenant la copie de bloc entête qui va dans le menu du hamburguer (fin) -->
151			<!-- Bloc des catégories et des sous-catégories version mobile (début) -->
152			<ul id="categoriesmob">
153				<!-- Une catégorie mère simple sans sous-catégories -->
154				<li>
155					<a href="https://www.bocalaboutons.fr/Boutons-d-occasion-chines-cbbaaaaaa.asp">
156						<span class="titre">Boutons d&#39;occasion chin&#233;s</span>
157					</a>
158				</li>
159				<!-- Une catégorie mère avec des sous-catégories -->
160				<li class="mere">
161					<a href="#" onclick="return false;">
162						<span class="titre">Boutons anciens neufs</span>
163						<span class="fleche"><span class="icon_angle_down_line"></span></span>
164					</a>
165					<div class="souscategoriesmob">
166						<ul>
167							<li>
168								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-inf-a-10-mm-cbcaaaaab.asp">
169									<span class="titre">Bouton couture TAILLE inf. &#224; 10 mm</span>
170								</a>
171							</li>
172							<li>
173								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-10-14-mm-cbcaaaaac.asp">
174									<span class="titre">Bouton couture TAILLE 10-14 mm</span>
175								</a>
176							</li>
177							<li>
178								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-15-19-mm-cbcaaaaad.asp">
179									<span class="titre">Bouton couture TAILLE 15-19 mm</span>
180								</a>
181							</li>
182							<li>
183								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-20-24-mm-cbcaaaaae.asp">
184									<span class="titre">Bouton couture TAILLE 20-24 mm</span>
185								</a>
186							</li>
187							<li>
188								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-25-29-mm-cbcaaaaaf.asp">
189									<span class="titre">Bouton couture TAILLE 25-29 mm</span>
190								</a>
191							</li>
192							<li>
193								<a href="https://www.bocalaboutons.fr/Bouton-de-couture-TAILLE-30-34-mm-cbcaaaaag.asp">
194									<span class="titre">Bouton de couture TAILLE 30-34 mm</span>
195								</a>
196							</li>
197							<li>
198								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-35-39-mm-cbcaaaaah.asp">
199									<span class="titre">Bouton couture TAILLE 35-39 mm</span>
200								</a>
201							</li>
202							<li>
203								<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-sup-a-40-mm-cbcaaaaai.asp">
204									<span class="titre">Bouton couture TAILLE sup &#224; 40 mm</span>
205								</a>
206							</li>
207						</ul>
208					</div>
209				</li>
210				<!-- Une catégorie mère simple sans sous-catégories -->
211				<li>
212					<a href="https://www.bocalaboutons.fr/Boutons-anciens-sur-carte-cbdaaaaaa.asp">
213						<span class="titre">Boutons anciens sur carte</span>
214					</a>
215				</li>
216				<!-- Une catégorie mère avec des sous-catégories -->
217				<li class="mere">
218					<a href="#" onclick="return false;">
219						<span class="titre">Mercerie ancienne</span>
220						<span class="fleche"><span class="icon_angle_down_line"></span></span>
221					</a>
222					<div class="souscategoriesmob">
223						<ul>
224							<li>
225								<a href="https://www.bocalaboutons.fr/Yeux-et-truffe-pour-poupees-et-oursons-cbeaaaaab.asp">
226									<span class="titre">Yeux et truffe pour poup&#233;es et oursons</span>
227								</a>
228							</li>
229							<li>
230								<a href="https://www.bocalaboutons.fr/Boucles-de-ceintures-cbeaaaaac.asp">
231									<span class="titre">Boucles de ceintures</span>
232								</a>
233							</li>
234							<li>
235								<a href="https://www.bocalaboutons.fr/Kit-de-bretelles-cbeaaaaad.asp">
236									<span class="titre">Kit de bretelles</span>
237								</a>
238							</li>
239							<li>
240								<a href="https://www.bocalaboutons.fr/Divers-cbeaaaaae.asp">
241									<span class="titre">Divers</span>
242								</a>
243							</li>
244						</ul>
245					</div>
246				</li>
247			</ul>
248			<!-- Bloc des titres des pages statiques version mobile (fin) -->
249			<!-- Bloc des titres des pages statiques version mobile (début) -->
250			<ul id="pagesmob">
251				<li>
252					<a href="https://www.bocalaboutons.fr/Accueil-ccbaaaaaa.asp">
253						<span class="image"><img width="20" height="20" data-src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgaGVpZ2h0PSI4MDBweCIgd2lkdGg9IjgwMHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgMzAzLjg0IDMwMy44NCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDEwMDAyOyIgZD0iTTI1My4zNTIsODguODY3bDAuMzU5LTMzLjc1NWMwLjA4Mi03LjQ1Mi01Ljg5Ni0xMy40OTQtMTMuMzQ3LTEzLjQ5NGgtOC4zNDkNCgkJYy03LjQ1MiwwLTEzLjQ5NCw2LjA0My0xMy40OTQsMTMuNDk0djMuOTY1YzAsNy40NTItNC42NDUsOS42MzMtMTAuMzcyLDQuODY4bC00NC40NTMtMzYuOTY5DQoJCWMtNS43MjctNC43NzYtMTUuMDU1LTQuODE0LTIwLjgyNi0wLjEwM0wzLjU3OSwxNDAuNTFjLTUuNzc2LDQuNzEtNC40MTcsOC41MjgsMy4wMzUsOC41MjhoNy45MTQNCgkJYzcuNDUyLDAsMTguMjgxLTMuNjc3LDI0LjE5O
253C04LjIxOGwxMDMuODkyLTc5Ljc4YzUuOTA3LTQuNTM2LDE1LjM5OC00LjQxMSwyMS4xODUsMC4yNzdsOTkuNzg1LDgwLjg3Mw0KCQljNS43ODcsNC42ODgsMTYuNTI0LDguNDk2LDIzLjk3NSw4LjQ5Nmg5LjYxMWM3LjQ1MiwwLDguODcxLTMuODg5LDMuMTY2LTguNjg2bC0zNi44MDYtMzAuOTU5DQoJCUMyNTcuODI4LDEwNi4yNDQsMjUzLjI3LDk2LjMxOCwyNTMuMzUyLDg4Ljg2N3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMDEwMDAyOyIgZD0iTTE0MS41OSw4MS43NjlsLTc5Ljg3OCw2MS4zODVjLTUuOTA3LDQuNTQyLTEwLjY5OSwxNC4yNjctMTAuNjk5LDIxLjcxOHYxMDIuMTI0DQoJCWMwLDcuNDUyLDYuMDQzLDEzLjQ4MywxMy40OTQsMTMuNDc4bDQ2LjM5NS0wLjA4MmM3LjQ1Mi0wLjAxMSwxMy41MDUtNi4wNTksMTMuNTE2LTEzLjUxMWwwLjA3MS0zOC4xNDQNCgkJYzAuMDE2LTcuNDUyLTAuNzEzLTE3LjY2MSwyLjA2Ny0yMS4xOTFjMS4zNi0xLjcxMywzLjU5LTMuMDUxLDcuMjM0LTMuMDUxYzEzLjc4MywwLDIwLjMyLDAsMzUuMjk0LDANCgkJYzEyLjI5OCwwLDExLjQ5OCwxMC43NDgsMTEuNDk4LDEwLjc0OGwtMC4wOTgsNTEuNDE1Yy0wLjAxMSw3LjQ1Miw2LjAxNiwxMy40ODksMTMuNDczLDEzLjQ4OWg0Ni40MDENCgkJYzcuNDUyLDAsMTMuNDk0LTYuMDM3LDEzLjQ5NC0xMy40ODlWMTY0Ljg3MmMwLTcuNDUyLTQuNzk3LTE3LjE3MS0xMC43MS0yMS43MDdsLTgwLjEzOS02MS40MDcNCgkJQzE1Ny4wODYsNzcuMjIxLDE0Ny41MDIsNzcuMjMyLDE0MS41OSw4MS43Njl6IE0xMzQuNDE2LDE2OS4xOTFjLTUuMTI0LDAtOS4yNzktNC4xNS05LjI3OS05LjI3NGMwLTUuMTI0LDQuMTU1LTkuMjc5LDkuMjc5LTkuMjc5DQoJCXM5LjI3OSw0LjE1NSw5LjI3OSw5LjI3OUMxNDMuNjk1LDE2NS4wNDEsMTM5LjU0LDE2OS4xOTEsMTM0LjQxNiwxNjkuMTkxeiBNMTM0LjQxNiwxMzIuMDc0Yy01LjEyNCwwLTkuMjc5LTQuMTU1LTkuMjc5LTkuMjc5DQoJCXM0LjE1NS05LjI3OSw5LjI3OS05LjI3OXM5LjI3OSw0LjE1NSw5LjI3OSw5LjI3OVMxMzkuNTQsMTMyLjA3NCwxMzQuNDE2LDEzMi4wNzR6IE0xNzEuNTM4LDE2OS4xOTENCgkJYy01LjEyNCwwLTkuMjc5LTQuMTUtOS4yNzktOS4yNzRjMC01LjEyNCw0LjE1NS05LjI3OSw5LjI3OS05LjI3OWM1LjEyNCwwLDkuMjc5LDQuMTU1LDkuMjc5LDkuMjc5DQoJCUMxODAuODExLDE2NS4wNDEsMTc2LjY2MSwxNjkuMTkxLDE3MS41MzgsMTY5LjE5MXogTTE3MS41MzgsMTMyLjA3NGMtNS4xMjQsMC05LjI3OS00LjE1NS05LjI3OS05LjI3OXM0LjE1NS05LjI3OSw5LjI3OS05LjI3OQ0KCQljNS4xMjQsMCw5LjI3OSw0LjE1NSw5LjI3OSw5LjI3OVMxNzYuNjYxLDEzMi4wNzQsMTcxLjUzOCwxMzIuMDc0eiIvPg0KPC9nPg0KPC9zdmc+" alt="Icon : Accueil" class="lazy" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw=="></span>
254						<span class="titre">Accueil</span>
255					</a>
256				</li>
257				<li>
258					<a href="https://www.bocalaboutons.fr/Contact-ccgaaaaaa.asp">
259						<span class="image"><img width="20" height="20" data-src="data:image/webp;base64,UklGRmQDAABXRUJQVlA4IFgDAADQHwCdASqpAK4APhkKhEEhIQvUakAIAMJaW7gLqHmbKCGpgf76X+r/88/Dvtb/TdzAH6zZbl6h+I37If2DSZfjF+sf+xzhr49/S/yM1Sn+9fhfxs/PF/T/yO/mfxBf0nl6/Iv75/xPcE/i/9B/zv5Tfv/4RvRO/WAfaDfResOd3fRFMktYLbhlvkKjE9o3EkbSKd1VsYkTzq5nvpdRJJo6MpE0KppfTjYxIuN4f//HGRjzzEyDWMSLitZHgWQoVuUDAGRyrYBswtQqdeF1rZZgtTrwutbLMFg1LbYxmYeBdYLcoLbv7BshPQAMS4WpDukVOxl7cZ/lMGqty91rZgUZAfDxwLQUAAD+/7IzX/4vATdJl+Vd72/8xDN+OAJM4pLQKcPAM7RuM2wQ8/zUWqq1jPelKa+xGzj+lEXRZl/9ArS1p2bG8f9daAAi7ANj0zy7qloxkxf2fNMjWAhooJHRmAI88BAAWoCYozp3/+HzfE6hVGwRMsi7JZizN8AtRvaUDQX/jCgZSB/NN/ESuTZK2BLUS50t/K/PNE60Gksmo8LxLNDIh/bhwGu4gBO4vFu99F+3tiyq+ODNwdWcbBeZ9SOFGUSlluQkSpyaxgFWS6cJgxSG7WEFi27mX+TiL390154cZga38zZgwKCVjpf3//Vkt3c+fsc7mVFKZBPkKvmlIa0J88uL/zxx/7mOfkjksqAuO9NVe9NBJ3yNOIH9tgr/rkEkMEoSCTucb4KkZFDwPAJ0HBKaTNOIu11eZTCDRYL/z3WJREdSZDtg/OfrMafwzGBMysGwz/Gk2dOvx+HvI/vBN1a29Qohx8QahDFOyNXncezktUtrfTZIuItxbFpcCF5YgjPvOXo9fb79hfg1fVNarOedoCgaumPSJ1FFyKCNhYggcCb5ZwlKZ2Y2ETjchbtuxRHdas0yvGVUU94VhjwPcM+L+NvfVe0tTwmf3JQhMdv9pPOR9QwbPdLnI8vrizr//LDrokfegg0Idy3JQ4PTAX/Od0Qlb743XwZDf1eQBQA0NmbWuFk7jYfP5uyJwBfZTlwn9bBtMUF/TV3NUmhe4hJAHl5I0TV1IVS/A7zxKxHMa8EujtUq7XUNwZJjfjwNgNqQ9mV8qz0hrWmU4BqhgAAA" alt="Icon : Contact" class="lazy" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw=="></span>
260						<span class="titre">Contact</span>
261					</a>
262				</li>
263			</ul>
264			<!-- Bloc des titres des pages statiques version mobile (fin) -->
265			<div style="min-height:100px;order:99;">
266			</div>
267		</div>
268	</div>
269	<div id="iconnavmob"><span></span></div>
270	<!-- Menu et icone hamburger de la version mobile (fin) -->
271
272	<!-- Menu et icone panier de la version mobile (début) -->
273	<div id="menupaniermob">
274		<div class="sidecart" id="id_panier_mob">
275			<!-- Panier (début) -->
276
277			<!-- Panier (fin) -->
278		</div>
279	</div>
280
281	<div id="iconpaniermob">
282		<span>
283			<svg id="id-bag-line2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.95 122.88"><path d="M28.98,31.32v-9.74h-0.01c0-4.72,1.94-9.02,5.05-12.13c3.12-3.12,7.41-5.06,12.13-5.06V4.4h0.03V4.39 c4.72,0,9.02,1.94,12.13,5.05c3.12,3.12,5.05,7.41,5.06,12.13h-0.01v9.86c-2.09,0.69-3.6,2.65-3.6,4.97c0,2.89,2.34,5.24,5.24,5.24 c2.89,0,5.24-2.35,5.24-5.24c0-1.88-0.99-3.52-2.47-4.44V21.57h-0.01c-0.01-5.93-2.43-11.32-6.33-15.22 c-3.91-3.91-9.31-6.34-15.24-6.34V0l-0.03,0v0.01c-5.93,0-11.32,2.43-15.22,6.33c-3.91,3.91-6.34,9.31-6.34,15.24h-0.01v10.65 c-1.26,0.96-2.08,2.47-2.08,4.17c0,2.89,2.35,5.24,5.24,5.24c2.89,0,5.24-2.35,5.24-5.24C32.98,33.94,31.27,31.88,28.98,31.32 L28.98,31.32L28.98,31.32z M10.99,31.49h6.56c-0.86,1.61-1.36,3.46-1.36,5.42c0,0.68,0.06,1.34,0.17,1.98h-3.23l-5.56,76.59h78.67 l-5.56-76.59h-4.6c0.11-0.64,0.17-1.31,0.17-1.98c0-1.96-0.49-3.8-1.36-5.42h7.92c1.41,0,2.64,0.57,3.5
2835,1.48 c0.88,0.88,1.44,2.07,1.53,3.36l5.89,81.19c0.01,0.16,0.02,0.28,0.02,0.35c0,1.39-0.59,2.62-1.5,3.52c-0.85,0.83-2,1.38-3.24,1.47 c-0.16,0.01-0.29,0.02-0.36,0.02H5.1c-0.07,0-0.2-0.01-0.36-0.02c-1.23-0.09-2.39-0.63-3.24-1.47c-0.92-0.9-1.5-2.13-1.5-3.53 c0-0.07,0.01-0.18,0.02-0.35l5.89-81.19c0.09-1.29,0.65-2.48,1.53-3.36C8.36,32.06,9.59,31.49,10.99,31.49L10.99,31.49z M37.81,31.49h16.83c-0.86,1.61-1.36,3.46-1.36,5.42c0,0.68,0.06,1.34,0.17,1.98H38.99c0.11-0.64,0.17-1.31,0.17-1.98 C39.17,34.95,38.67,33.11,37.81,31.49L37.81,31.49z"/><text x="48" y="77" dy=".35em" text-anchor="middle" style="font-size: 50px; font-weight: bold;font-family: sans-serif;" id="id_panier_qte_mob">0</text></svg>
284			<svg viewBox="0 -0.5 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill-rule="evenodd"><g transform="translate(-419.000000, -240.000000)" ><g transform="translate(56.000000, 160.000000)"><polygon points="375.0183 90 384 98.554 382.48065 100 373.5 91.446 364.5183 100 363 98.554 371.98065 90 363 81.446 364.5183 80 373.5 88.554 382.48065 80 384 81.446"></polygon></g></g></g></svg>
285		</span>
286	</div>
287	<!-- Menu et icone panier de la version mobile (fin) -->
288
289	<!-- Menu et icone recherche de la version mobile (début) -->
290	<div id="menurechmob">
291		<div>
292			<div>
293				<input type="text" aria-label="search" placeholder="Rechercher" value="" maxlength="100" id="v1_search_mob" name="v1_search_mob" onkeyup="if(event.keyCode == 13 && document.getElementById('v1_search_mob').value.replace(/ /g,' ') != ''){location.href = 'https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=' + encodeURIComponent(xEncoder(document.getElementById('v1_search_mob').value));};">
294				<button class="icon_loupe" aria-label="submit search" onclick="if(document.getElementById('v1_search_mob').value.replace(/ /g,' ') != ''){location.href = 'https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=' + encodeURIComponent(xEncoder(document.getElementById('v1_search_mob').value));};"></button>
295			</div>
296
297		</div>
298	</div>
299	<div id="iconrechmob">
300		<span>
301			<svg id="id-find-line2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.879 119.799"><path d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z"/></svg>
302			<svg viewBox="0 -0.5 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill-rule="evenodd"><g transform="translate(-419.000000, -240.000000)" ><g transform="translate(56.000000, 160.000000)"><polygon points="375.0183 90 384 98.554 382.48065 100 373.5 91.446 364.5183 100 363 98.554 371.98065 90 363 81.446 364.5183 80 373.5 88.554 382.48065 80 384 81.446"></polygon></g></g></g></svg>
303		</span>
304	</div>
305	<!-- Menu et icone recherche de la version mobile (fin) -->
306
307</div>
308
309	</header>
310	<!-- BLOCK HEADER MOBILE (end) -->
311
312	<!-- BLOCK PAGE CENTER MOBILE (start) -->
313	<main id="c1cenmob">
314<style>
315#idhtmlcentre_mob{width:100%;aspect-ratio:600/2247;}
316#idhtmlcentre_mob #mi_div_accafb74ee{top:0.134%;left:0.00%;width:100.00%;height:15.576%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
317#idhtmlcentre_mob #mi_div_accafb74ee .c1{color:#004080ff;font-family:font_titre;font-size:28px;}
318#idhtmlcentre_mob #mi_div_accafb74ee .c2{color:#004080ff;font-size:21px;font-family:font_titre;}
319#idhtmlcentre_mob #mi_div_accafb74ee .c3{color:#004080ff;font-size:22px;font-family:font_titre;}
320#idhtmlcentre_mob #mi_div_accafb74ee .c4{color:#5d5d5dff;font-size:16px;}
321#idhtmlcentre_mob #mi_div_accafb74ee .c5{color:#5d5d5dff;font-size:16px;}
322#idhtmlcentre_mob #mi_div_accafb74ee .c6{color:#5d5d5dff;font-size:16px;}
323#idhtmlcentre_mob #mi_div_accafb74ee .c7{color:#5d5d5dff;font-size:16px;}
324#idhtmlcentre_mob #mi_ima_9fff8be5f2{top:16.377%;left:0%;width:100.00%;height:11.081%;z-index:0;object-fit:contain;}
325#idhtmlcentre_mob #mi_ima_1f9ac2985b{top:27.859%;left:0%;width:24.50%;height:11.126%;z-index:0;}
326#idhtmlcentre_mob #mi_ima_4c85ef1d19{top:27.859%;left:25.15%;width:24.50%;height:11.126%;z-index:0;}
327#idhtmlcentre_mob #mi_ima_06408e2084{top:27.859%;left:50.35%;width:24.50%;height:11.126%;z-index:0;}
328#idhtmlcentre_mob #mi_ima_6df0a34b42{top:27.859%;left:75.50%;width:24.50%;height:11.126%;z-index:0;}
329#idhtmlcentre_mob #mi_div_aa42776112{top:34.713%;left:2.00%;width:20.00%;height:1.780%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
330#idhtmlcentre_mob #mi_div_aa42776112 .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
331#idhtmlcentre_mob #mi_div_51b0bc729c{top:34.713%;left:28.00%;width:20.00%;height:1.780%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
332#idhtmlcentre_mob #mi_div_51b0bc729c .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
333#idhtmlcentre_mob #mi_div_853ada46f7{top:34.713%;left:53.00%;width:20.00%;height:1.780%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
334#idhtmlcentre_mob #mi_div_853ada46f7 .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
335#idhtmlcentre_mob #mi_div_7512a51310{top:34.713%;left:78.00%;width:20.00%;height:1.780%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
336#idhtmlcentre_mob #mi_div_7512a51310 .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
337#idhtmlcentre_mob #mi_div_a6ff47e24e{top:39.564%;left:0%;width:100.00%;height:6.364%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#eeebe37f;}
338#idhtmlcentre_mob #mi_div_a6ff47e24e .c1{color:#c0a592ff;font-size:8px;cursor:pointer;text-transform:uppercase;font-family:font_titre;animation-name:anima1;animation-iteration-count:infinite;animation-duration:1200ms;display:inline-block;font-weight:700;}
339#idhtmlcentre_mob #mi_div_a6ff47e24e .c2{color:#004080ff;font-size:22px;font-family:font_titre;}
340#idhtmlcentre_mob #mi_div_a6ff47e24e .c3{color:#c0a592ff;font-size:17px;}
341#idhtmlcentre_mob #mi_div_a6ff47e24e .c4{color:#c0a592ff;font-size:16px;}
342#idhtmlcentre_mob #mi_div_a6ff47e24e .c5{color:#c0a592ff;}
343#idhtmlcentre_mob #mi_div_ef7d508e22{top:46.417%;left:4.71%;width:85.00%;height:12.194%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;background-color:#294a960f;text-align:center;}
344#idhtmlcentre_mob #mi_div_ef7d508e22 .c1{font-size:20px;color:#004080ff;}
345#idhtmlcentre_mob #mi_ima_c1f20f49ef{top:47.886%;left:21.22%;width:50.00%;height:2.225%;z-index:0;object-fit:contain;}
346#idhtmlcentre_mob #mi_div_df0ce58cf3{top:60.080%;left:0%;width:100.00%;height:7.744%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
347#idhtmlcentre_mob #mi_div_df0ce58cf3 .c1{color:#004080ff;font-size:22px;font-family:font_titre;}
348#idhtmlcentre_mob #mi_div_df0ce58cf3 .c2{color:#5d5d5dff;font-size:16px;}
349#idhtmlcentre_mob #mi_div_df0ce58cf3 .c3{color:#5d5d5dff;font-size:16px;}
350#idhtmlcentre_mob #mi_div_163b9bada3{top:68.269%;left:0%;width:100.00%;height:22.252%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;background-color:#eeebe37f;}
351#idhtmlcentre_mob #mi_div_29def13a0b{top:68.803%;left:0%;width:100.00%;height:4.762%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
352#idhtmlcentre_mob #mi_div_29def13a0b:hover{background-color:#c0a59233;}
353#idhtmlcentre_mob #mi_div_29def13a0b .c1{font-size:24px;color:#004080ff;font-weight:700;}
354#idhtmlcentre_mob #mi_div_29def13a0b .c2{text-transform:uppercase;color:#004080ff;font-weight:700;font-size:16px;}
355#idhtmlcentre_mob #mi_div_29def13a0b .c4{color:#004080ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
356#idhtmlcentre_mob #mi_div_29def13a0b .c4:hover{}
357#idhtmlcentre_mob #mi_div_b09077a04a{top:74.143%;left:0%;width:100.00%;height:4.806%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
358#idhtmlcentre_mob #mi_div_b09077a04a:hover{background-color:#c0a59233;}
359#idhtmlcentre_mob #mi_div_b09077a04a .c1{font-size:25px;color:#004080ff;font-weight:700;text-transform:uppercase;}
360#idhtmlcentre_mob #mi_div_b09077a04a .c2{font-size:16px;color:#004080ff;font-weight:700;text-transform:uppercase;}
361#idhtmlcentre_mob #mi_div_b09077a04a .c4{color:#004080ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
362#idhtmlcentre_mob #mi_div_b09077a04a .c4:hover{}
363#idhtmlcentre_mob #mi_div_7ae1390e12{top:79.484%;left:0%;width:100.00%;height:4.806%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
364#idhtmlcentre_mob #mi_div_7ae1390e12:hover{;background-color:#c0a59233;}
365#idhtmlcentre_mob #mi_div_7ae1390e12 .c1{color:#004080ff;font-size:25px;font-weight:700;}
366#idhtmlcentre_mob #mi_div_7ae1390e12 .c2{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:16px;}
367#idhtmlcentre_mob #mi_div_7ae1390e12 .c4{color:#004080ff;font-weight:700;font-size:15px;cursor:pointer;font-style:italic;letter-spacing:1px;line-height:150%;}
368#idhtmlcentre_mob #mi_div_7ae1390e12 .c4:hover{}
369#idhtmlcentre_mob #mi_div_d12bd2c89f{top:84.869%;left:0%;width:100.00%;height:4.940%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
370#idhtmlcentre_mob #mi_div_d12bd2c89f:hover{background-color:#c0a59233;}
371#idhtmlcentre_mob #mi_div_d12bd2c89f .c1{font-size:25px;color:#004080ff;font-weight:700;}
372#idhtmlcentre_mob #mi_div_d12bd2c89f .c2{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:16px;}
373#idhtmlcentre_mob #mi_div_d12bd2c89f .c5{color:#384ea0ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
374#idhtmlcentre_mob #mi_div_88c44589d5{top:92.256%;left:0%;width:100.00%;height:7.744%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
375#idhtmlcentre_mob #mi_div_88c44589d5 .c1{color:#004080ff;font-size:22px;font-family:font_titre;}
376#idhtmlcentre_mob #mi_div_88c44589d5 .c2{color:#294a96ff;font-family:font_titre;font-size:11px;}
377#idhtmlcentre_mob #mi_div_88c44589d5 .c3{color:#747474ff;font-size:16px;}
378#idhtmlcentre_mob #mi_div_88c44589d5 .c4{color:#747474ff;font-size:16px;}
379</style>
380<div id="idhtmlcentre_mob" data-orw="600" data-orh="2247">
381<div id="mi_div_accafb74ee">
382<p>
383<span class="c1">Bienvenue chez BOCAL A BOUTONS, le&nbsp;rendez-vous des amateurs de boutons Vintage et mercerie ancienne de qualit&#233;</span>
384</p>
385<p>
386</p>
387<h2>
388<span class="c2">&nbsp;</span>
389</h2>
390<p>
391</p>
392<p>
393</p>
394<h2>
395<span class="c3">A propos de nos boutons</span>
396</h2>
397<p>
398</p>
399<p>
400<span class="c4">Nous s&#233;lectionnons des boutons neufs en verre, nacre, m&#233;tal et mati&#232;res naturelles provenant de  stocks de merceries et fabricants fran&#231;ais.</span>
401</p>
402<p>
403<span class="c5">Que vous soyez passionn&#233;s de couture ou d&#233;butants, amateurs de mercerie ancienne ou collectionneurs d&#39;objets authentiques, d&#233;couvrez notre s&#233;lection unique de boutons Haute couture, boutons classiques et pi&#232;ces rares.</span>
404</p>
405<p>
406<span class="c6">&nbsp;Nos collections incluent des styles des ann&#233;es 1920 &#224; 2000, parfaits pour restaurer des v&#234;tements vintage ou cr&#233;er des pi&#232;ces contemporaines charg&#233;es de caract&#232;re.</span>
407</p>
408<p>
409<span class="c7">Redonnez vie &#224; ces tr&#233;sors d&#39;antan en laissant libre cours &#224; votre imagination et en apportant une touche r&#233;tro ou classique &#224; vos pi&#232;ces uniques.</span>
410</p>
411</div><div id="mi_ima_9fff8be5f2">
412<img data-src="img_per/1072347/mi_ima_9fff8be5f2.webp" alt="Collection de boutons vintage en verre, nacre et m&#233;tal color&#233;s" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
413</div><div id="mi_ima_1f9ac2985b">
414<img data-src="img_per/1072347/mi_ima_1f9ac2985b.webp" alt="bouton bois" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
415</div><div id="mi_ima_4c85ef1d19">
416<img data-src="img_per/1072347/mi_ima_4c85ef1d19.webp" alt="bouton verre" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
417</div><div id="mi_ima_06408e2084">
418<img data-src="img_per/1072347/mi_ima_06408e2084.webp" alt="bouton m&#233;tal" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
419</div><div id="mi_ima_6df0a34b42">
420<img data-src="img_per/1072347/mi_ima_6df0a34b42.webp" alt="Boutons vintage en nacre blanc cass&#233; ann&#233;es 1950" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
421</div><a id="mi_div_aa42776112" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=bois">
422<p>
423<span class="c1">Bois</span>
424</p>
425</a><a id="mi_div_51b0bc729c" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=verre">
426<p>
427<span class="c1">verre</span>
428</p>
429</a><a id="mi_div_853ada46f7" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=m%5B%5B233%5D%5Dtal">
430<p>
431<span class="c1">metal</span>
432</p>
433</a><a id="mi_div_7512a51310" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=nacre">
434<p>
435<span class="c1">nacre</span>
436</p>
437</a><div id="mi_div_a6ff47e24e">
438<p>
439<span class="c1">&nbsp;</span>
440</p>
441<p>
442</p>
443<h2>
444<span class="c2">&nbsp;Actualit&#233;s de la boutique</span>
445</h2>
446<p>
447</p>
448<p>
449<span class="c3">Acquisition d&#39;un stock provenant d&#39;une mercerie d&#233;finitivement ferm&#233;e en Rh&#244;ne-Alpes.</span>
450</p>
451<p>
452<span class="c4">La mise en ligne de plus de 1000&nbsp;r&#233;f&#233;rences suppl&#233;mentaires sur le site s&#39;est poursuivie encore tout le mois de&nbsp;Mai</span>
453</p>
454<p>
455<span class="c5">&nbsp;</span>
456</p>
457</div><div id="mi_div_ef7d508e22">
458<p>
459<span class="c1">Calendrier des Puces de couturi&#232;res 2026 o&#249; trouver le</span>
460</p>
461<p>
462<span class="c2">&nbsp;</span>
463</p>
464<p>
465<span class="c3">&nbsp;&nbsp;</span>
466</p>
467<p>
468<span class="c4">LEMPS (07) - Dimanche 8 F&#233;vrier 2026</span>
469</p>
470<p>
471<span class="c5">LORIOL (26) - Dimanche15 F&#233;vrier 2026</span>
472</p>
473<p>
474<span class="c6">&nbsp;MOIDIEU DETOURBES (38) - Dimanche 29 Mars 2026</span>
475</p>
476<p>
477<span class="c7">SOYONS (07) - Dimanche 19 Avril 2026</span>
478</p>
479<p>
480<span class="c8">GRANE (26) - Dimanche 26 Avril 2026</span>
481</p>
482<p>
483<span class="c9">BOURG DE PEAGE (26) - Samedi 30 Mai 2026</span>
484</p>
485<p>
486<span class="c10">ETOILE SUR RHONE (26) - Dimanche 11 Octobre 2026&nbsp;</span>
487</p>
488<p>
489<span class="c11">MARGES (26) - 8 Novembre 2026</span>
490</p>
491</div><div id="mi_ima_c1f20f49ef">
492<img data-src="img_per/1072347/mi_ima_c1f20f49ef.webp" alt="bocal a boutons VINTAGE" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
493</div><div id="mi_div_df0ce58cf3">
494<p>
495</p>
496<h2>
497<span class="c1">Chaque bouton raconte une histoire, reflet&nbsp;du charme et du savoir-faire d&#39;autrefois.</span>
498</h2>
499<p>
500</p>
501<p>
502</p>
503<h2>
504<span class="c2">En couture ou en tricot, quelle que soit l&#39;&#233;poque, le bouton est consid&#233;r&#233; comme le d&#233;tail ultime du v&#234;tement qu&#39;il soit d&#233;coratif comme fonctionnel. Son choix est essentiel et r&#233;pond &#224; diff&#233;rentes exigences personnelles quant &#224; la couleur, la mati&#232;re ou la forme. Le crit&#232;re du prix est li&#233; &#224; la mati&#232;re, la taille, l&#39;&#233;poque ou la raret&#233;.</span>
505</h2>
506<p>
507</p>
508<p>
509</p>
510<h2>
511<span class="c3">Comprendre sa diversit&#233;, c&#39;est&nbsp;assurer sa long&#233;vit&#233;</span>
512</h2>
513<p>
514</p>
515</div><div id="mi_div_163b9bada3">
516<p>
517<span class="c1">&nbsp;</span>
518</p>
519</div><div id="mi_div_29def13a0b">
520<p>
521</p>
522<h3>
523<span class="c1">L&#39;HISTOIRE DU BOUTON</span>
524</h3>
525<p>
526</p>
527<p>
528<span class="c2">de la fibule au bouton Haute Couture</span>
529</p>
530<p>
531<span class="c3">&nbsp;</span>
532</p>
533<p>
534<a href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp" class="c4">Comment a &#233;volu&#233; le bouton au cours de l&#39;Histoire?</a>
535</p>
536</div><div id="mi_div_b09077a04a">
537<p>
538</p>
539<h3>
540<span class="c1">Le savoir-faire fran&#231;ais</span>
541</h3>
542<p>
543</p>
544<p>
545<span class="c2">L&#39;h&#233;ritage jurassien et la tabletterie M&#233;ruvienne</span>
546</p>
547<p>
548<span class="c3">&nbsp;</span>
549</p>
550<p>
551<a href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp" class="c4">O&#249; se trouvaient les manufactures?</a>
552</p>
553</div><div id="mi_div_7ae1390e12">
554<p>
555</p>
556<h3>
557<span class="c1">LES ASPECTS TECHNIQUES</span>
558</h3>
559<p>
560</p>
561<p>
562<span class="c2">&nbsp;Forme, Mati&#232;re, fixation comme crit&#232;res de choix</span>
563</p>
564<p>
565<span class="c3">&nbsp;</span>
566</p>
567<p>
568<a href="https://www.bocalaboutons.fr/Aspects-techniques-du-bouton-cckaaaaaa.asp" class="c4">Comment distinguer les boutons?</a>
569</p>
570</div><div id="mi_div_d12bd2c89f">
571<p>
572</p>
573<h3>
574<span class="c1">LE GUIDE D&#39;ENTRETIEN</span>
575</h3>
576<p>
577</p>
578<p>
579<span class="c2">Conseils selon la mati&#232;re et astuces</span>
580<span class="c3">&nbsp;</span>
581</p>
582<p>
583<span class="c4">&nbsp;</span>
584</p>
585<p>
586<a href="https://www.bocalaboutons.fr/Conseils-d-entretien-des-boutons-cclaaaaaa.asp" class="c5">Comment prendre soin de ses boutons?&nbsp;</a>
587</p>
588</div><div id="mi_div_88c44589d5">
589<p>
590</p>
591<h2>
592<span class="c1">D&#233;couvrez les nouveaut&#233;s du BOCAL A BOUTONS pour vos loisirs cr&#233;atifs</span>
593</h2>
594<p>
595</p>
596<p>
597</p>
598<h3>
599<span class="c2">&nbsp;</span>
600</h3>
601<p>
602<span class="c3">&nbsp;Pour visualiser l&#39;ensemble du catalogue des produits propos&#233;s &#224; la vente, rendez-vous&nbsp;directement dans la barre horizontale en haut de page pr&#233;sentant les 4 cat&#233;gories principales de boutons ou bien utilisez la fonction &#34;Loupe&#34; pour affiner votre recherche par taille (ex : 14MM), par mati&#232;re (ex : m&#233;tal) ou par couleur (ex : rouge)</span>
603</p>
604<p>
605<span class="c4">&nbsp;</span>
606</p>
607</div></div>
608
609
610		<!-- Ici commence la liste des produit recommandés -->
611
612
613
614		<div class="c2prodrecom xchargeimages">
615
616			<div class="c3card">
617
618				<div class="dethaut">
619					<div class="fond">
620						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Metal-dore-20-mm-Queue-cbaaaaQya.asp';">
621							<img class="lazy" data-src="img_pro/1072347/-2208-S-1-vrdphtdwmn.webp" width="351" height="210" alt="6 Boutons M&#233;tal dor&#233; 20 mm Queue" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
622						</label>
623					</div>
624				</div>
625
626				<div class="det1root">
627					<div class="detnom">6 Boutons M&#233;tal dor&#233; 20 mm Queue</div>
628
629					<div class="detreference"><span>R&#233;f&#233;rence : </span>916V</div>
630
631					<div class="detprix">
632						<div class="detnormal"><span class="montant">4,50</span><span title="Euro">&#8364;</span></div>
633					</div>
634
635					<div class="detdisponibles">
636						<span class="icone icon_crochet"></span>
637						<span>2 en stock</span>
638					</div>
639
640					<div class="detbtnplus">
641						<a href="https://www.bocalaboutons.fr/6-Boutons-Metal-dore-20-mm-Queue-cbaaaaQya.asp">
642							<span class="icone icon_trois_points" title="Voir plus"></span>
643							<span class="texte">Voir plus</span>
644						</a>
645					</div>
646
647					<div class="detligne2"></div>
648					<div class="detligne3"></div>
649					<div class="detligne4"></div>
650					<div class="detligne5"></div>
651					<div class="detligne6"></div>
652					<div class="detligne7"></div>
653					<div class="detligne8"></div>
654				</div>
655			</div>
656
657			<div class="c3card">
658
659				<div class="dethaut">
660					<div class="fond">
661						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Lucite-transparent-18-mm-cbaaaaPVa.asp';">
662							<img class="lazy" data-src="img_pro/1072347/-2179-S-1-ghwwdeeejh.webp" width="351" height="210" alt="6 Boutons Lucite transparent 18 mm" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
663						</label>
664					</div>
665				</div>
666
667				<div class="det1root">
668					<div class="detnom">6 Boutons Lucite transparent 18 mm</div>
669
670					<div class="detreference"><span>R&#233;f&#233;rence : </span>182E</div>
671
672					<div class="detprix">
673						<div class="detnormal"><span class="montant">3,50</span><span title="Euro">&#8364;</span></div>
674					</div>
675
676					<div class="detdisponibles">
677						<span class="icone icon_crochet"></span>
678						<span>6 en stock</span>
679					</div>
680
681					<div class="detbtnplus">
682						<a href="https://www.bocalaboutons.fr/6-Boutons-Lucite-transparent-18-mm-cbaaaaPVa.asp">
683							<span class="icone icon_trois_points" title="Voir plus"></span>
684							<span class="texte">Voir plus</span>
685						</a>
686					</div>
687
688					<div class="detligne2"></div>
689					<div class="detligne3"></div>
690					<div class="detligne4"></div>
691					<div class="detligne5"></div>
692					<div class="detligne6"></div>
693					<div class="detligne7"></div>
694					<div class="detligne8"></div>
695				</div>
696			</div>
697
698			<div class="c3card">
699
700				<div class="dethaut">
701					<div class="fond">
702						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Metal-23mm-Medecin-militaire-cbaaaaPSa.asp';">
703							<img class="lazy" data-src="img_pro/1072347/-2176-S-1-wnjpnzcyng.webp" width="351" height="210" alt="6 Boutons M&#233;tal 23mm M&#233;decin militaire" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
704						</label>
705					</div>
706				</div>
707
708				<div class="det1root">
709					<div class="detnom">6 Boutons M&#233;tal 23mm M&#233;decin militaire</div>
710
711					<div class="detreference"><span>R&#233;f&#233;rence : </span>179E</div>
712
713					<div class="detprix">
714						<div class="detnormal"><span class="montant">5,00</span><span title="Euro">&#8364;</span></div>
715					</div>
716
717					<div class="detdisponibles">
718						<span class="icone icon_crochet"></span>
719						<span>1 en stock</span>
720					</div>
721
722					<div class="detbtnplus">
723						<a href="https://www.bocalaboutons.fr/6-Boutons-Metal-23mm-Medecin-militaire-cbaaaaPSa.asp">
724							<span class="icone icon_trois_points" title="Voir plus"></span>
725							<span class="texte">Voir plus</span>
726						</a>
727					</div>
728
729					<div class="detligne2"></div>
730					<div class="detligne3"></div>
731					<div class="detligne4"></div>
732					<div class="detligne5"></div>
733					<div class="detligne6"></div>
734					<div class="detligne7"></div>
735					<div class="detligne8"></div>
736				</div>
737			</div>
738
739			<div class="c3card">
740
741				<div class="dethaut">
742					<div class="fond">
743						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/8-Boutons-Blanc-verre-11-mm-cbaaaaPLa.asp';">
744							<img class="lazy" data-src="img_pro/1072347/-2169-S-1-fvnvaahmhc.webp" width="351" height="210" alt="8 Boutons Blanc verre 11 mm" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
745						</label>
746					</div>
747				</div>
748
749				<div class="det1root">
750					<div class="detnom">8 Boutons Blanc verre 11 mm</div>
751
752					<div class="detreference"><span>R&#233;f&#233;rence : </span>885V</div>
753
754					<div class="detprix">
755						<div class="detnormal"><span class="montant">3,00</span><span title="Euro">&#8364;</span></div>
756					</div>
757
758					<div class="detdisponibles">
759						<span class="icone icon_crochet"></span>
760						<span>1 en stock</span>
761					</div>
762
763					<div class="detbtnplus">
764						<a href="https://www.bocalaboutons.fr/8-Boutons-Blanc-verre-11-mm-cbaaaaPLa.asp">
765							<span class="icone icon_trois_points" title="Voir plus"></span>
766							<span class="texte">Voir plus</span>
767						</a>
768					</div>
769
770					<div class="detligne2"></div>
771					<div class="detligne3"></div>
772					<div class="detligne4"></div>
773					<div class="detligne5"></div>
774					<div class="detligne6"></div>
775					<div class="detligne7"></div>
776					<div class="detligne8"></div>
777				</div>
778			</div>
779
780			<div class="c3card">
781
782				<div class="dethaut">
783					<div class="fond">
784						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/8-Boutons-Verre-Noir-14-mm-Queue-Etoile-cbaaaaPna.asp';">
785							<img class="lazy" data-src="img_pro/1072347/-2145-S-1-uzkrwvfljw.webp" width="351" height="210" alt="8 Boutons Verre Noir 14 mm Queue Etoile" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
786						</label>
787					</div>
788				</div>
789
790				<div class="det1root">
791					<div class="detnom">8 Boutons Verre Noir 14 mm Queue Etoile</div>
792
793					<div class="detreference"><span>R&#233;f&#233;rence : </span>861V</div>
794
795					<div class="detprix">
796						<div class="detnormal"><span class="montant">3,00</span><span title="Euro">&#8364;</span></div>
797					</div>
798
799					<div class="detdisponibles">
800						<span class="icone icon_crochet"></span>
801						<span>1 en stock</span>
802					</div>
803
804					<div class="detbtnplus">
805						<a href="https://www.bocalaboutons.fr/8-Boutons-Verre-Noir-14-mm-Queue-Etoile-cbaaaaPna.asp">
806							<span class="icone icon_trois_points" title="Voir plus"></span>
807							<span class="texte">Voir plus</span>
808						</a>
809					</div>
810
811					<div class="detligne2"></div>
812					<div class="detligne3"></div>
813					<div class="detligne4"></div>
814					<div class="detligne5"></div>
815					<div class="detligne6"></div>
816					<div class="detligne7"></div>
817					<div class="detligne8"></div>
818				</div>
819			</div>
820
821			<div class="c3card">
822
823				<div class="dethaut">
824					<div class="fond">
825						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Noir-36-mm-Inclusions-cbaaaaNZa.asp';">
826							<img class="lazy" data-src="img_pro/1072347/-2079-S-1-vgupudmluj.webp" width="351" height="210" alt="6 Boutons Noir 36 mm Inclusions" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
827						</label>
828					</div>
829				</div>
830
831				<div class="det1root">
832					<div class="detnom">6 Boutons Noir 36 mm Inclusions</div>
833
834					<div class="detreference"><span>R&#233;f&#233;rence : </span>123A</div>
835
836					<div class="detprix">
837						<div class="detnormal"><span class="montant">5,00</span><span title="Euro">&#8364;</span></div>
838					</div>
839
840					<div class="detdisponibles">
841						<span class="icone icon_crochet"></span>
842						<span>2 en stock</span>
843					</div>
844
845					<div class="detbtnplus">
846						<a href="https://www.bocalaboutons.fr/6-Boutons-Noir-36-mm-Inclusions-cbaaaaNZa.asp">
847							<span class="icone icon_trois_points" title="Voir plus"></span>
848							<span class="texte">Voir plus</span>
849						</a>
850					</div>
851
852					<div class="detligne2"></div>
853					<div class="detligne3"></div>
854					<div class="detligne4"></div>
855					<div class="detligne5"></div>
856					<div class="detligne6"></div>
857					<div class="detligne7"></div>
858					<div class="detligne8"></div>
859				</div>
860			</div>
861		</div>
862
863	</main>
864	<!-- BLOCK PAGE CENTER MOBILE (end) -->
865
866	<!-- BLOCK FOOT MOBILE (start) -->
867	<footer id="f1foomob">
868<style>
869#idhtmlpied_mob{width:100%;aspect-ratio:600/427;}
870#idhtmlpied_mob #mi_div_f8132bd4e9{top:2.342%;left:0.00%;width:34.75%;height:64.403%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
871#idhtmlpied_mob #mi_div_f8132bd4e9 .c1{color:#385789ff;line-height:176%;font-weight:700;font-size:16px;}
872#idhtmlpied_mob #mi_div_f8132bd4e9 .c2{color:#385789ff;font-size:14px;line-height:150%;}
873#idhtmlpied_mob #mi_div_f8132bd4e9 .c3{color:#385789ff;font-size:14px;line-height:150%;}
874#idhtmlpied_mob #mi_div_f8132bd4e9 .c4{color:#385789ff;font-size:14px;line-height:150%;}
875#idhtmlpied_mob #mi_div_f8132bd4e9 .c5{color:#385789ff;font-size:14px;line-height:150%;}
876#idhtmlpied_mob #mi_div_f8132bd4e9 .c6{color:#385789ff;font-size:14px;line-height:150%;}
877#idhtmlpied_mob #mi_div_f8132bd4e9 .c7{color:#385789ff;font-size:13px;line-height:150%;}
878#idhtmlpied_mob #mi_div_f8132bd4e9 .c8{color:#385789ff;font-size:12px;line-height:150%;}
879#idhtmlpied_mob #mi_div_f8132bd4e9 .c9{color:#385789ff;font-size:12px;line-height:150%;}
880#idhtmlpied_mob #mi_div_f8132bd4e9 .c10{color:#385789ff;cursor:pointer;font-size:14px;font-weight:700;line-height:150%;}
881#idhtmlpied_mob #mi_div_f8132bd4e9 .c11{color:#385789ff;cursor:pointer;font-size:14px;font-weight:700;line-height:150%;}
882#idhtmlpied_mob #mi_div_f8132bd4e9 .c12{color:#385789ff;cursor:pointer;font-size:14px;line-height:150%;font-weight:700;}
883#idhtmlpied_mob #mi_div_f8132bd4e9 .c13{color:#385789ff;cursor:pointer;font-size:12px;line-height:140%;}
884#idhtmlpied_mob #mi_div_f8132bd4e9 .c14{color:#385789ff;cursor:pointer;font-size:12px;line-height:140%;}
885#idhtmlpied_mob #mi_div_c10a7285c3{top:2.342%;left:34.00%;width:30.00%;height:9.368%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
886#idhtmlpied_mob #mi_div_c10a7285c3 .c1{text-transform:uppercase;color:#385789ff;font-weight:700;font-size:16px;}
887#idhtmlpied_mob #mi_div_bae0fd56eb{top:2.342%;left:67.5%;width:30.00%;height:8.899%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
888#idhtmlpied_mob #mi_div_bae0fd56eb .c1{text-transform:uppercase;color:#385789ff;font-weight:700;font-size:16px;}
889#idhtmlpied_mob #mi_div_17218c7365{top:11.710%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
890#idhtmlpied_mob #mi_div_17218c7365:hover{transform:translateX(5px);}
891#idhtmlpied_mob #mi_div_17218c7365 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
892#idhtmlpied_mob #mi_div_17218c7365 .c1:hover{transform:translateX(5px);display:inline-block;}
893#idhtmlpied_mob #mi_div_04679d9f27{top:11.710%;left:67.50%;width:20.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;}
894#idhtmlpied_mob #mi_div_04679d9f27:hover{transform:translateX(5px);}
895#idhtmlpied_mob #mi_div_04679d9f27 .c1{font-size:13px;color:#385789ff;letter-spacing:1px;line-height:150%;cursor:pointer;}
896#idhtmlpied_mob #mi_div_04679d9f27 .c1:hover{transform:translateX(5px);display:inline-block;}
897#idhtmlpied_mob #mi_div_36e296bc09{top:14.052%;left:33.00%;width:1.00%;height:49.180%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-left:1px dashed #385789ff;}
898#idhtmlpied_mob #mi_div_fb26a6be51{top:14.052%;left:66.00%;width:1.00%;height:83.607%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-left:1px dashed #385789ff;}
899#idhtmlpied_mob #mi_div_ffddd1f962{top:18.735%;left:34.00%;width:33.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
900#idhtmlpied_mob #mi_div_ffddd1f962:hover{transform:translateX(5px);}
901#idhtmlpied_mob #mi_div_ffddd1f962 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
902#idhtmlpied_mob #mi_div_ffddd1f962 .c1:hover{transform:translateX(5px);display:inline-block;}
903#idhtmlpied_mob #mi_div_53296a579e{top:18.735%;left:67.50%;width:30.00%;height:5.386%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;}
904#idhtmlpied_mob #mi_div_53296a579e:hover{transform:translateX(5px);}
905#idhtmlpied_mob #mi_div_53296a579e .c1{font-size:13px;letter-spacing:1px;color:#385789ff;cursor:pointer;}
906#idhtmlpied_mob #mi_div_53296a579e .c1:hover{transform:translateX(5px);
906display:inline-block;}
907#idhtmlpied_mob #mi_div_dc85bd96f1{top:25.761%;left:67.50%;width:30.00%;height:6.323%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;cursor:pointer;}
908#idhtmlpied_mob #mi_div_dc85bd96f1:hover{transform:translateX(5px);}
909#idhtmlpied_mob #mi_div_dc85bd96f1 .c1{font-size:13px;color:#385789ff;cursor:pointer;line-height:150%;letter-spacing:1px;}
910#idhtmlpied_mob #mi_div_b966aa5e67{top:30.445%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
911#idhtmlpied_mob #mi_div_b966aa5e67:hover{transform:translateX(5px);}
912#idhtmlpied_mob #mi_div_b966aa5e67 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
913#idhtmlpied_mob #mi_div_b966aa5e67 .c1:hover{transform:translateX(5px);display:inline-block;}
914#idhtmlpied_mob #mi_div_7795f9c761{top:32.787%;left:67.50%;width:32.00%;height:6.323%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 5px 0 #00000000;}
915#idhtmlpied_mob #mi_div_7795f9c761:hover{transform:translateX(5px);}
916#idhtmlpied_mob #mi_div_7795f9c761 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
917#idhtmlpied_mob #mi_div_f470c3f59e{top:37.471%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
918#idhtmlpied_mob #mi_div_f470c3f59e:hover{transform:translateX(5px);}
919#idhtmlpied_mob #mi_div_f470c3f59e .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
920#idhtmlpied_mob #mi_div_f470c3f59e .c1:hover{transform:translateX(5px);display:inline-block;}
921#idhtmlpied_mob #mi_div_62a0d4fdca{top:39.813%;left:67.50%;width:32.00%;height:10.539%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
922#idhtmlpied_mob #mi_div_62a0d4fdca:hover{transform:translateX(5px);}
923#idhtmlpied_mob #mi_div_62a0d4fdca .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
924#idhtmlpied_mob #mi_div_15d3c4eba8{top:44.496%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
925#idhtmlpied_mob #mi_div_15d3c4eba8:hover{transform:translateX(5px);}
926#idhtmlpied_mob #mi_div_15d3c4eba8 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
927#idhtmlpied_mob #mi_div_15d3c4eba8 .c1:hover{transform:translateX(5px);display:inline-block;}
928#idhtmlpied_mob #mi_div_2ef2686522{top:51.522%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
929#idhtmlpied_mob #mi_div_2ef2686522:hover{transform:translateX(5px);}
930#idhtmlpied_mob #mi_div_2ef2686522 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
931#idhtmlpied_mob #mi_div_2ef2686522 .c1:hover{transform:translateX(5px);display:inline-block;}
932#idhtmlpied_mob #mi_div_f2eba98e77{top:51.522%;left:67.50%;width:32.00%;height:10.539%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
933#idhtmlpied_mob #mi_div_f2eba98e77:hover{transform:translateX(5px);}
934#idhtmlpied_mob #mi_div_f2eba98e77 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
935#idhtmlpied_mob #mi_div_1d1a92ff5c{top:58.548%;left:34.00%;width:30.00%;height:6.792%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
936#idhtmlpied_mob #mi_div_1d1a92ff5c:hover{transform:translateX(5px);}
937#idhtmlpied_mob #mi_div_1d1a92ff5c .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
938#idhtmlpied_mob #mi_div_1d1a92ff5c .c1:hover{transform:translateX(5px);display:inline-block;}
939#idhtmlpied_mob #mi_div_6ea23acf2f{top:63.232%;left:67.50%;width:32.00%;height:6.089%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;box-shadow:2px 2px 5px 0 #00000000;border-radius:5px 5px 5px 5px;cursor:pointer;}
940#idhtmlpied_mob #mi_div_6ea23acf2f:hover{;transform:translateX(5px);}
941#idhtmlpied_mob #mi_div_6ea23acf2f .c1{font-size:13px;color:#385789ff;line-height:150%;letter-spacing:1px;cursor:pointer;}
942#idhtmlpied_mob #mi_div_6ea23acf2f .c1:hover{transform:translateX(5px);
942display:inline-block;}
943#idhtmlpied_mob #mi_div_3318f64fe0{top:74.941%;left:67.50%;width:32.00%;height:6.089%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;box-shadow:2px 2px 5px 0 #00000000;border-radius:5px 5px 5px 5px;cursor:pointer;}
944#idhtmlpied_mob #mi_div_3318f64fe0:hover{;transform:translateX(5px);}
945#idhtmlpied_mob #mi_div_3318f64fe0 .c1{font-size:13px;color:#385789ff;line-height:150%;letter-spacing:1px;cursor:pointer;}
946#idhtmlpied_mob #mi_div_3318f64fe0 .c1:hover{transform:translateX(5px);display:inline-block;}
947#idhtmlpied_mob #mi_div_efcb1b413d{top:77.049%;left:0.81%;width:60.00%;height:11.710%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff54;}
948#idhtmlpied_mob #mi_div_efcb1b413d .c1{color:#385789ff;font-style:italic;text-transform:lowercase;font-family:font_special;}
949#idhtmlpied_mob #mi_div_efcb1b413d .c2{color:#385789ff;font-style:italic;font-family:font_special;}
950#idhtmlpied_mob #mi_div_cce7f123c3{top:86.651%;left:67.50%;width:32.00%;height:6.323%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
951#idhtmlpied_mob #mi_div_cce7f123c3:hover{transform:translateX(5px);}
952#idhtmlpied_mob #mi_div_cce7f123c3 .c1{font-size:13px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
953#idhtmlpied_mob #mi_div_a893b3a7b4{top:93.677%;left:67.50%;width:30.00%;height:6.323%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
954#idhtmlpied_mob #mi_div_a893b3a7b4 .c1{font-size:13px;line-height:150%;letter-spacing:1px;color:#294a96ff;cursor:pointer;}
955#idhtmlpied_mob #mi_div_a893b3a7b4 .c1:hover{transform:translateX(5px);display:inline-block;}
956</style>
957<div id="idhtmlpied_mob" data-orw="600" data-orh="427">
958<div id="mi_div_f8132bd4e9">
959<p>
960<span class="c1">BOCAL A BOUTONS</span>
961</p>
962<p>
963<span class="c2">Adresse :</span>
964</p>
965<p>
966<span class="c3">23 rue de la Royanne</span>
967</p>
968<p>
969<span class="c4">26100 ROMANS SUR ISERE&nbsp;</span>
970</p>
971<p>
972<span class="c5">France&nbsp;</span>
973</p>
974<p>
975<span class="c6">&nbsp;</span>
976</p>
977<p>
978<span class="c7">T&#233;l&#233;phone :</span>
979</p>
980<p>
981<span class="c8">&#43;33 (0)4 75 24 20 16</span>
982</p>
983<p>
984<span class="c9">&nbsp;</span>
985</p>
986<p>
987<a href="mailto:[email protected]" class="c10">Email</a>
988</p>
989<p>
990<a href="mailto:[email protected]" class="c11">&nbsp;</a>
991</p>
992<p>
993<a href="https://www.manucrea.fr" class="c12">Manucr&#233;a</a>
994<span class="c13">,</span>
995</p>
996<p>
997<span class="c14">mon autre boutique de boutons </span>
998</p>
999</div><div id="mi_div_c10a7285c3">
1000<p>
1001<span class="c1">Boutons anciens</span>
1002<span class="c2">&nbsp;  </span>
1003</p>
1004</div><div id="mi_div_bae0fd56eb">
1005<p>
1006<span class="c1">Informations</span>
1007<span class="c2">&nbsp;</span>
1008</p>
1009</div><a id="mi_div_17218c7365" href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp">
1010<p>
1011<span class="c1">Histoire du bouton</span>
1012<span class="c2">&nbsp;  </span>
1013</p>
1014</a><div id="mi_div_04679d9f27">
1015<p>
1016<a href="https://www.bocalaboutons.fr/A-propos-ccnaaaaaa.asp" class="c1">A propos</a>
1017</p>
1018</div><div id="mi_div_36e296bc09">
1019<p>
1020<span class="c1">&nbsp;</span>
1021</p>
1022</div><div id="mi_div_fb26a6be51">
1023<p>
1024<span class="c1">&nbsp;</span>
1025</p>
1026</div><a id="mi_div_ffddd1f962" href="https://www.bocalaboutons.fr/Comment-dater-un-bouton-cctaaaaaa.asp">
1027<p>
1028<span class="c1">Comment dater un bouton</span>
1029<span class="c2">&nbsp;  </span>
1030</p>
1031</a><a id="mi_div_53296a579e" href="https://www.bocalaboutons.fr/Contact-ccgaaaaaa.asp">
1032<p>
1033<span class="c1">Contact</span>
1034</p>
1035</a><div id="mi_div_dc85bd96f1">
1036<p>
1037<a href="https://www.bocalaboutons.fr/PLAN-DU-SITE-ccpaaaaaa.asp" class="c1">Plan du site</a>
1038</p>
1039</div><a id="mi_div_b966aa5e67" href="https://www.bocalaboutons.fr/Guide-des-tailles-ccsaaaaaa.asp">
1040<p>
1041<span class="c1">Guide des tailles</span>
1042<span class="c2">&nbsp;&nbsp;</span>
1043</p>
1044</a><a id="mi_div_7795f9c761" href="https://www.bocalaboutons.fr/Frais-de-port-et-livraison-cccaaaaaa.asp">
1045<p>
1046<span class="c1">Frais de port et livraison</span>
1047</p>
1048</a><a id="mi_div_f470c3f59e" href="https://www.bocalaboutons.fr/Les-fabricants-de-boutons-anciens-ccuaaaaaa.asp">
1049<p>
1050<span class="c1">Fabricants de boutons</span>
1051<span class="c2">&nbsp;</span>
1052</p>
1053</a><a id="mi_div_62a0d4fdca" href="https://www.bocalaboutons.fr/Mode-de-paiement-et-securite-cceaaaaaa.asp">
1054<p>
1055<span class="c1">Mode de paiement et s&#233;curit&#233;</span>
1056</p>
1057</a><a id="mi_div_15d3c4eba8" href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp">
1058<p>
1059<span class="c1">Savoir-faire fran&#231;ais</span>
1060<span class="c2">&nbsp;</span>
1061</p>
1062</a><a id="mi_div_2ef2686522" href="https://www.bocalaboutons.fr/Aspects-techniques-du-bouton-cckaaaaaa.asp">
1063<p>
1064<span class="c1">Aspects techniques</span>
1065<span class="c2">&nbsp;</span>
1066</p>
1067</a><a id="mi_div_f2eba98e77" href="https://www.bocalaboutons.fr/Conditions-generales-de-vente-ccdaaaaaa.asp">
1068<p>
1069<span class="c1">Conditions g&#233;n&#233;rales de vente</span>
1070</p>
1071</a><a id="mi_div_1d1a92ff5c" href="https://www.bocalaboutons.fr/Conseils-d-entretien-des-boutons-cclaaaaaa.asp">
1072<p>
1073<span class="c1">Guide d&#39;entretien</span>
1074<span class="c2">&nbsp;</span>
1075</p>
1076</a><div id="mi_div_6ea23acf2f">
1077<p>
1078<a href="https://www.bocalaboutons.fr/Politique-de-retour-et-Remboursement-ccmaaaaaa.asp" class="c1">Retour et remboursement</a>
1079</p>
1080</div>
1080<div id="mi_div_3318f64fe0">
1081<p>
1082<a href="https://www.bocalaboutons.fr/Formulaire-de-retractation-ccraaaaaa.asp" class="c1">Formulaire de retractation</a>
1083</p>
1084</div><div id="mi_div_efcb1b413d">
1085<p>
1086<span class="c1">&#34; Nous chinons pour vous des boutons&nbsp;anciens.</span>
1087</p>
1088<p>
1089<span class="c2">Imaginez-leur une nouvelle vie!&#34;</span>
1090</p>
1091</div><a id="mi_div_cce7f123c3" href="https://www.bocalaboutons.fr/Mentions-legales-cchaaaaaa.asp">
1092<p>
1093<span class="c1">Mentions l&#233;gales</span>
1094</p>
1095</a><div id="mi_div_a893b3a7b4">
1096<p>
1097<a href="https://www.bocalaboutons.fr/RGPD-ccqaaaaaa.asp" class="c1">RGPD</a>
1098</p>
1099</div></div>
1100	</footer>
1101	<!-- BLOCK FOOT MOBILE (end) -->
1102
1103
1104</div>
1105<!-- CONTAINER MOBILE (end) -->
1106
1107
1108
1109
1110<!-- CONTAINER BUREAU (start) -->
1111<div id="x0con">
1112
1113	<!-- BLOCK ALERT BUREAU (start) -->
1114	<div id="a1ale">
1115		<p><span>Frais de port offerts &#224; partir de 69 euros d&#39;achat avec envoi en Mondial relay</span></p>
1116		<span onclick="document.cookie = 'avantentete=no;';document.getElementById('a1ale').style.display = 'none';" class="icon_bouton_croix"></span>
1117	</div>
1118
1119<script>document.addEventListener('DOMContentLoaded', function() {let root = document.querySelector(':root');let rootStyles = getComputedStyle(root);let btn_fermer= rootStyles.getPropertyValue('--lg--a1ale__span--display_css_javascript');btn_fermer = btn_fermer.replace(/\s/g, '');if(btn_fermer != 'block'){document.cookie = 'avantentete=oui;'};if(xObtenirCookie('avantentete') == 'no'){document.getElementById('a1ale').style.display = 'none';};});</script>
1119
1120
1121	<!-- BLOCK ALERT BUREAU (end) -->
1122
1123	<!-- BLOCK HEADER BUREAU (start) -->
1124	<header id="h1hea">
1125
1126		<div id="h2ban">
1127		</div>
1128
1129		<nav id="h2em1">
1130			<ul id="h3mi1">
1131				<li class="current">
1132					<a href="https://www.bocalaboutons.fr/Accueil-ccbaaaaaa.asp"><span>Accueil</span></a>
1133				</li>
1134				<li>
1135					<a href="https://www.bocalaboutons.fr/Contact-ccgaaaaaa.asp"><span>Contact</span></a>
1136				</li>
1137				<li>
1138					<a href="https://www.bocalaboutons.fr/FAQ-Comment-rechercher-et-voir-les-boutons-sur-le-site-cczaaaaaa.asp"><span>FAQ - Comment rechercher et voir les boutons sur le site ?</span></a>
1139				</li>
1140			</ul>
1141			<div id="h3sea">
1142				<div>
1143					<input type="text" aria-label="search" value="" maxlength="100" id="v1_search" name="v1_search" onkeyup="if(event.keyCode == 13 && document.getElementById('v1_search').value.replace(/ /g,' ') != ''){location.href = 'https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=' + encodeURIComponent(xEncoder(document.getElementById('v1_search').value));};">
1144					<button aria-label="submit search" onclick="if(document.getElementById('v1_search').value.replace(/ /g,' ') != ''){location.href = 'https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=' + encodeURIComponent(xEncoder(document.getElementById('v1_search').value));};">
1145						<svg id="id-find-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.879 119.799"><path d="M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z"/></svg>
1146					</button>
1147				</div>
1148			</div>
1149
1150			<ul id="h3con">
1151				<li>
1152					<a href="https://www.bocalaboutons.fr/Login-cgaaaaaaa.asp">
1153						<svg id="svg" id="id-user-plein" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="424.5733788395904" viewBox="0, 0, 400,424.5733788395904"><g id="svgg"><path id="path0" d="M165.870 8.951 C 91.077 25.358,61.436 120.963,113.770 177.001 C 175.460 243.058,283.963 205.170,290.276 115.366 C 295.033 47.692,232.623 -5.693,165.870 8.951 M111.945 237.053 C 78.244 239.831,54.729 252.115,33.032 278.277 C 16.039 298.768,9.627 320.779,9.581 358.781 C 9.540 392.857,15.993 406.492,35.176 412.863 C 46.407 416.594,338.357 415.454,346.030 411.649 C 363.849 402.814,366.553 395.614,366.553 356.997 C 366.553 304.205,354.368 278.308,318.089 253.999 C 295.660 238.970,259.964 232.193,241.514 239.463 C 209.039 252.257,174.488 252.875,141.980 241.242 C 130.345 237.079,123.395 236.110,111.945 237.053 " stroke="none" fill-rule="evenodd"></path></g></svg>
1154						<span id="id_clientid_prenom_nom_bur">Connexion</span>
1155					</a>
1156				</li>
1157			</ul>
1158
1159			<ul id="h3ico">
1160				<li>
1161					<a href="https://www.facebook.com/profile.php?id=61582622583119" target="_blank" title="Facebook">
1162						<span>
1163							<svg id="id-facebook-line" xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M380.001 120.001h99.993V0h-99.993c-77.186 0-139.986 62.8-139.986 139.986v60h-80.009V320h79.985v320h120.013V320h99.994l19.996-120.013h-119.99v-60.001c0-10.843 9.154-19.996 19.996-19.996v.012z"/></svg>
1164						</span>
1165					</a>
1166				</li>
1167				<li>
1168					<a href="https://instagram.com/bocal_a_boutons" target="_blank" title="Instagram">
1169						<span>
1170							<svg id="id-instagram-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><path d="M61.45,0C44.76,0,42.66.07,36.11.37A45.08,45.08,0,0,0,21.2,3.23a29.86,29.86,0,0,0-10.88,7.08,3
11700.26,30.26,0,0,0-7.1,10.88A44.92,44.92,0,0,0,.37,36.11C.08,42.66,0,44.75,0,61.44S.07,80.21.37,86.77a45.08,45.08,0,0,0,2.86,14.91,30.12,30.12,0,0,0,7.08,10.88,30.13,30.13,0,0,0,10.88,7.1,45.17,45.17,0,0,0,14.92,2.85c6.55.3,8.64.37,25.33.37s18.77-.07,25.33-.37a45.17,45.17,0,0,0,14.92-2.85,31.54,31.54,0,0,0,18-18,45.6,45.6,0,0,0,2.86-14.91c.29-6.55.37-8.64.37-25.33s-.08-18.78-.37-25.33a45.66,45.66,0,0,0-2.86-14.92,30.1,30.1,0,0,0-7.09-10.88,29.77,29.77,0,0,0-10.88-7.08A45.14,45.14,0,0,0,86.76.37C80.2.07,78.12,0,61.43,0ZM55.93,11.07h5.52c16.4,0,18.34.06,24.82.36a34,34,0,0,1,11.41,2.11,19,19,0,0,1,7.06,4.6,19.16,19.16,0,0,1,4.6,7.06,34,34,0,0,1,2.11,11.41c.3,6.47.36,8.42.36,24.82s-.06,18.34-.36,24.82a33.89,33.89,0,0,1-2.11,11.4A20.35,20.35,0,0,1,97.68,109.3a33.64,33.64,0,0,1-11.41,2.12c-6.47.3-8.42.36-24.82.36s-18.35-.06-24.83-.36a34,34,0,0,1-11.41-2.12,19,19,0,0,1-7.07-4.59,19,19,0,0,1-4.59-7.06,34,34,0,0,1-2.12-11.41c-.29-6.48-.35-8.42-.35-24.83s.06-18.34.35-24.82a33.7,33.7,0,0,1,2.12-11.41,19,19,0,0,1,4.59-7.06,19.12,19.12,0,0,1,7.07-4.6A34.22,34.22,0,0,1,36.62,11.4c5.67-.25,7.86-.33,19.31-.34Zm38.31,10.2a7.38,7.38,0,1,0,7.38,7.37,7.37,7.37,0,0,0-7.38-7.37ZM61.45,29.89A31.55,31.55,0,1,0,93,61.44,31.56,31.56,0,0,0,61.45,29.89Zm0,11.07A20.48,20.48,0,1,1,41,61.44,20.48,20.48,0,0,1,61.45,41Z"/></svg>
1171						</span>
1172					</a>
1173				</li>
1174				<li>
1175					<a href="https://www.pinterest.com/bocalaboutons/" target="_blank" title="Pinterest">
1176						<span>
1177							<svg id="id-pinterest-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2599 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M576 3333c185-165 312-400 374-641 25-95 127-484 127-484 66 127 261 234 466 234 614 0 1056-564 1056-1267C2599 502 2050-1 1344-1 465-1-1 589-1 1231c0 298 159 670 413 788 38 19 59 10 68-28 6-29 41-166 57-231 5-20 3-39-14-59-84-102-152-290-152-464 0-449 340-884 919-884 500 0 850 340 850 828 0 551-278 933-640 933-200 0-350-165-301-368 58-242 169-503 169-677 0-156-83-286-258-286-205 0-368 211-368 495 0 180 60 302 60 302s-202 853-239 1012c-41 176-25 423-7 584l18 158z"/></svg>
1178						</span>
1179					</a>
1180				</li>
1181				<li>
1182					<a href="JavaScript:alert('Bientôt!');" title="Infolettres - Newsletters">
1183						<span>
1184							<svg id="id-newsletter-fin" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 507.9 507.9" style="enable-background:new 0 0 507.9 507.9;" xml:space="preserve"><g><g><path d="M465.7,84.45H42.3c-23.3,0-42.3,19-42.3,42.4v254.3c0,23.3,19,42.3,42.3,42.3h423.3c23.3,0,42.3-19,42.3-42.3v-254.3 C508,103.45,489,84.45,465.7,84.45z M454.3,112.75l-200.4,169.1L53.7,112.75H454.3z M28.2,377.75v-249.6L177,253.75L28.2,377.75z M51.4,395.15l147.5-122.9l45.9,38.8c2.6,2.2,5.9,3.3,9.1,3.3s6.5-1.1,9.1-3.3l46-38.8l147.7,122.9H51.4z M479.8,377.65 l-148.9-123.9l148.9-125.7V377.65z"/></g></g></svg>
1185						</span>
1186					</a>
1187				</li>
1188			</ul>
1189
1190			<ul id="h3lan">
1191				<li class="current">
1192					<span class="noa">
1193						<span>
1194							<img class="lazy" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.bocalaboutons.fr/img_grl/img_svg/z_flag_lan_004.svg" alt="Fran&#231;ais (French)" title="Fran&#231;ais (French)" width="15" height="11">
1195						</span>
1196					</span>
1197				</li>
1198				<li>
1199					<a href="https://www.bocalaboutons.fr/Home-bccaaaaaa.asp">
1200						<span>
1201							<img class="lazy" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.bocalaboutons.fr/img_grl/img_svg/z_flag_lan_001.svg" alt="English" title="English" width="15" height="11">
1202						</span>
1203					</a>
1204				</li>
1205			</ul>
1206
1207			<ul id="h3pan">
1208				<li>
1209					<input type="checkbox" id="idCheckboxFacture">
1210					<label for="idCheckboxFacture" class="icone" onclick="ajaxSendReceiveData('id_panier_bur','','POST','sidecart-cXaaaaaaa.asp','uno=d0e2444f749d4139c5d70580d63e34f1&v1=id_panier_bur&zz=' + Math.random());">
1211						<span>
1212							<svg id="id-bag-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.95 122.88"><path d="M28.98,31.32v-9.74h-0.01c0-4.72,1.94-9.02,5.05-12.13c3.12-3.12,7.41-5.06,12.13-5.06V4.4h0.03V4.39 c4.72,0,9.02,1.94,12.13,5.05c3.12,3.12,5.05,7.41,5.06,12.13h-0.01v9.86c-2.09,0.69-3.6,2.65-3.6,4.97c0,2.89,2.34,5.24,5.24,5.24 c2.89,0,5.24-2.35,5.24-5.24c0-1.88-0.99-3.52-2.47-4.44V21.57h-0.01c-0.01-5.93-2.43-11.32-6.33-15.22 c-3.91-3.91-9.31-6.34-15.24-6.34V0l-0.03,0v0.01c-5.93,0-11.32,2.43-15.22,6.33c-3.91,3.91-6.34,9.31-6.34,15.24h-0.01v10.65 c-1.26,0.96-2.08,2.47-2.08,4.17c0,2.89,2.35,5.24,5.24,5.24c2.89,0,5.24-2.35,5.24-5.24C32.98,33.94,31.27,31.88,28.98,31.32 L28.98,31.32L28.98,31.32z M10.99,31.49h6.56c-0.86,1.61-1.36,3.46-1.36,5.42c0,0.68,0.06,1.34,0.17,1.98h-3.23l-5.56,76.59h78.67 l-5.56-76.59h-4.6c0.11-0.64,0.17-1.31,0.17-1.98c0-1.96-0.49-3.8-1.36-5.42h7.92c1.41,0,2.64,0.57,3.5
12125,1.48 c0.88,0.88,1.44,2.07,1.53,3.36l5.89,81.19c0.01,0.16,0.02,0.28,0.02,0.35c0,1.39-0.59,2.62-1.5,3.52c-0.85,0.83-2,1.38-3.24,1.47 c-0.16,0.01-0.29,0.02-0.36,0.02H5.1c-0.07,0-0.2-0.01-0.36-0.02c-1.23-0.09-2.39-0.63-3.24-1.47c-0.92-0.9-1.5-2.13-1.5-3.53 c0-0.07,0.01-0.18,0.02-0.35l5.89-81.19c0.09-1.29,0.65-2.48,1.53-3.36C8.36,32.06,9.59,31.49,10.99,31.49L10.99,31.49z M37.81,31.49h16.83c-0.86,1.61-1.36,3.46-1.36,5.42c0,0.68,0.06,1.34,0.17,1.98H38.99c0.11-0.64,0.17-1.31,0.17-1.98 C39.17,34.95,38.67,33.11,37.81,31.49L37.81,31.49z"/><text x="48" y="77" dy=".35em" text-anchor="middle" style="font-size: 50px; font-weight: bold;font-family: sans-serif;" id="id_panier_qte_bur">0</text></svg>
1213						</span>
1214					</label>
1215					<label for="idCheckboxFacture"  class="fond">
1216					</label>
1217					<div class="fullsidecart">
1218
1219						<div class="sidecart" id="id_panier_bur">
1220							<!-- Panier (début) -->
1221							<!-- Panier (fin) -->
1222						</div>
1223
1224					</div>
1225				</li>
1226			</ul>
1227
1228		</nav>
1229
1230		<div id="h2log">
1231			<a href="https://www.bocalaboutons.fr/Accueil-ccbaaaaaa.asp" aria-label="Image du logo">
1232				<img src="img_per/1072347/mi_ima_3725788e0c.webp" alt="www.bocalaboutons.fr" width="20" height="20">
1233			</a>
1234		</div>
1235
1236		<div id="h2tit">
1237			<a href="https://www.bocalaboutons.fr/Accueil-ccbaaaaaa.asp">
1238				BOCAL A BOUTONS boutons anciens
1239			</a>
1240		</div>
1241
1242		<div id="h2slo">
1243			<span>Collection Couture Confection Loisirs cr&#233;atifs Creations DIY Restauration de costumes et v&#234;tements de poup&#233;es ...</span>
1244		</div>
1245
1246		<div id="h2tex">
1247			<p>Selection de boutons Vintage et mercerie ancienne</p>
1248		</div>
1249
1250		<nav id="h2em2">
1251			<ul id="h3mi2">
1252				<li>
1253					<a href="https://www.bocalaboutons.fr/Boutons-d-occasion-chines-cbbaaaaaa.asp"><span>Boutons d&#39;occasion chin&#233;s</span></a>
1254				</li>
1255				<li class="menu2 hfx1">
1256					<a href="#" onclick="return false;"><span>Boutons anciens neufs<span></span></span></a>
1257					<div>
1258						<div class="row">
1259							<ul class="col">
1260								<li class="lien">
1261									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-inf-a-10-mm-cbcaaaaab.asp"><span>Bouton couture TAILLE inf. &#224; 10 mm</span></a>
1262								</li>
1263								<li class="lien">
1264									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-10-14-mm-cbcaaaaac.asp"><span>Bouton couture TAILLE 10-14 mm</span></a>
1265								</li>
1266								<li class="lien">
1267									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-15-19-mm-cbcaaaaad.asp"><span>Bouton couture TAILLE 15-19 mm</span></a>
1268								</li>
1269							</ul>
1270							<ul class="col">
1271								<li class="lien">
1272									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-20-24-mm-cbcaaaaae.asp"><span>Bouton couture TAILLE 20-24 mm</span></a>
1273								</li>
1274								<li class="lien">
1275									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-25-29-mm-cbcaaaaaf.asp"><span>Bouton couture TAILLE 25-29 mm</span></a>
1276								</li>
1277								<li class="lien">
1278									<a href="https://www.bocalaboutons.fr/Bouton-de-couture-TAILLE-30-34-mm-cbcaaaaag.asp"><span>Bouton de couture TAILLE 30-34 mm</span></a>
1279								</li>
1280							</ul>
1281							<ul class="col">
1282								<li class="lien">
1283									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-35-39-mm-cbcaaaaah.asp"><span>Bouton couture TAILLE 35-39 mm</span></a>
1284								</li>
1285								<li class="lien">
1286									<a href="https://www.bocalaboutons.fr/Bouton-couture-TAILLE-sup-a-40-mm-cbcaaaaai.asp"><span>Bouton couture TAILLE sup &#224; 40 mm</span></a>
1287								</li>
1288							</ul>
1289						</div>
1290					</div>
1291				</li>
1292				<li>
1293					<a href="https://www.bocalaboutons.fr/Boutons-anciens-sur-carte-cbdaaaaaa.asp"><span>Boutons anciens sur carte</span></a>
1294				</li>
1295				<li class="menu2 hfx1">
1296					<a href="#" onclick="return false;"><span>Mercerie ancienne<span></span></span></a>
1297					<div>
1298						<div class="row">
1299							<ul class="col">
1300								<li class="lien">
1301									<a href="https://www.bocalaboutons.fr/Yeux-et-truffe-pour-poupees-et-oursons-cbeaaaaab.asp"><span>Yeux et truffe pour poup&#233;es et oursons</span></a>
1302								</li>
1303								<li class="lien">
1304									<a href="https://www.bocalaboutons.fr/Boucles-de-ceintures-cbeaaaaac.asp"><span>Boucles de ceintures</span></a>
1305								</li>
1306								<li class="lien">
1307									<a href="https://www.bocalaboutons.fr/Kit-de-bretelles-cbeaaaaad.asp"><span>Kit de bretelles</span></a>
1308								</li>
1309								<li class="lien">
1310									<a href="https://www.bocalaboutons.fr/Divers-cbeaaaaae.asp"><span>Divers</span></a>
1311								</li>
1312							</ul>
1313						</div>
1314					</div>
1315				</li>
1316			</ul>
1317		</nav>
1318
1319	</header>
1320	<!-- BLOCK HEADER BUREAU (end) -->
1321
1322	<!-- BLOCK PAGE CENTER BUREAU (start) -->
1323	<main id="c1cen">
1324<style>
1325#idhtmlcentre_bur{width:100%;aspect-ratio:1400/2096;}
1326#idhtmlcentre_bur #mi_div_jf858pmuj2{top:0.716%;left:2.21%;width:95.30%;height:11.450%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
1327#idhtmlcentre_bur #mi_div_jf858pmuj2 .c1{color:#004080ff;font-family:font_titre;font-size:28px;font-weight:700;letter-spacing:1px;}
1328#idhtmlcentre_bur #mi_div_jf858pmuj2 .c2{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1329#idhtmlcentre_bur #mi_div_jf858pmuj2 .c3{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1330#idhtmlcentre_bur #mi_div_jf858pmuj2 .c4{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1331#idhtmlcentre_bur #mi_div_jf858pmuj2 .c5{font-size:17px;}
1332#idhtmlcentre_bur #mi_div_jf858pmuj2 .c6{font-size:17px;}
1333#idhtmlcentre_bur #mi_ima_6bjv29sy39{top:13.550%;left:0%;width:100.00%;height:27.672%;z-index:0;object-fit:contain;}
1334#idhtmlcentre_bur #mi_ima_hvrhwwjjwe{top:41.985%;left:0.00%;width:23.00%;height:11.927%;z-index:0;}
1335#idhtmlcentre_bur #mi_ima_ilipxh576j{top:41.985%;left:25.5%;width:23.00%;height:11.927%;z-index:0;}
1336#idhtmlcentre_bur #mi_ima_cmrmib24rz{top:41.985%;left:51.2%;width:23.00%;height:11.927%;z-index:0;}
1337#idhtmlcentre_bur #mi_ima_viqp765d0o{top:41.985%;left:77%;width:23.00%;height:11.927%;z-index:0;}
1338#idhtmlcentre_bur #mi_div_ni43l9f5it{top:51.527%;left:7.01%;width:10.00%;height:1.908%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
1339#idhtmlcentre_bur #mi_div_ni43l9f5it .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
1340#idhtmlcentre_bur #mi_div_ftwlofazci{top:51.527%;left:32.14%;width:10.00%;height:1.908%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
1341#idhtmlcentre_bur #mi_div_ftwlofazci .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
1342#idhtmlcentre_bur #mi_div_x4pxunueo9{top:51.527%;left:57.94%;width:10.00%;height:1.908%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
1343#idhtmlcentre_bur #mi_div_x4pxunueo9 .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
1344#idhtmlcentre_bur #mi_div_dpapgkah9y{top:51.527%;left:83.00%;width:10.00%;height:1.908%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#ffffff7f;cursor:pointer;}
1345#idhtmlcentre_bur #mi_div_dpapgkah9y .c1{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:22px;}
1346#idhtmlcentre_bur #mi_div_7yu0y34vke{top:55.868%;left:0%;width:100.00%;height:6.345%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;background-color:#eeebe37f;}
1347#idhtmlcentre_bur #mi_div_7yu0y34vke .c1{color:#c0a592ff;font-size:8px;cursor:pointer;text-transform:uppercase;font-family:font_titre;animation-name:anima1;animation-iteration-count:infinite;animation-duration:1200ms;display:inline-block;font-weight:700;}
1348#idhtmlcentre_bur #mi_div_7yu0y34vke .c2{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1349#idhtmlcentre_bur #mi_div_7yu0y34vke .c3{color:#8e7a6cff;font-size:17px;}
1350#idhtmlcentre_bur #mi_div_7yu0y34vke .c4{color:#8e7a6cff;font-size:16px;}
1351#idhtmlcentre_bur #mi_div_7yu0y34vke .c5{color:#8e7a6cff;font-size:16px;}
1352#idhtmlcentre_bur #mi_div_7yu0y34vke .c6{color:#c0a592ff;}
1353#idhtmlcentre_bur #mi_div_bior8ig2df{top:63.597%;left:17.28%;width:65.00%;height:12.595%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;background-color:#3857890d;text-align:center;}
1354#idhtmlcentre_bur #mi_div_bior8ig2df .c1{font-size:22px;color:#004080ff;font-weight:700;}
1355#idhtmlcentre_bur #mi_div_bior8ig2df .c5{color:#353535ff;}
1356#idhtmlcentre_bur #mi_div_bior8ig2df .c6{color:#353535ff;}
1357#idhtmlcentre_bur #mi_div_bior8ig2df .c7{color:#353535ff;}
1358#idhtmlcentre_bur #mi_div_bior8ig2df .c8{color:#353535ff;}
1359#idhtmlcentre_bur #mi_div_bior8ig2df .c9{color:#353535ff;}
1360#idhtmlcentre_bur #mi_div_bior8ig2df .c10{color:#353535ff;}
1361#idhtmlcentre_bur #mi_div_bior8ig2df .c11{color:#353535ff;}
1362#idhtmlcentre_bur #mi_ima_y9v9mt1j4k{top:65.744%;left:34.18%;width:30.00%;height:2.385%;z-index:0;object-fit:contain;}
1363#idhtmlcentre_bur #mi_div_bf624nf67h{top:77.385%;left:0%;width:100.00%;height:16.698%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;background-color:#eeebe37f;}
1364#idhtmlcentre_bur #mi_div_ijl8qtukv6{top:77.910%;left:0.00%;width:100.00%;height:4.819%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
1365#idhtmlcentre_bur #mi_div_ijl8qtukv6 .c1{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1366#idhtmlcentre_bur #mi_div_ijl8qtukv6 .c2{color:#353535ff;font-size:17px;}
1367#idhtmlcentre_bur #mi_div_ijl8qtukv6 .c3{color:#353535ff;font-size:17px;}
1368#idhtmlcentre_bur #mi_div_evw5w6365g{top:83.015%;left:6.00%;width:18.50%;height:9.924%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
1369#idhtmlcentre_bur #mi_div_evw5w6365g:hover{background-color:#c0a59233;}
1370#idhtmlcentre_bur #mi_div_evw5w6365g .c1{font-size:24px;color:#004080ff;font-weight:700;}
1371#idhtmlcentre_bur #mi_div_evw5w6365g .c2{text-transform:uppercase;color:#004080ff;font-weight:700;font-size:16px;}
1372#idhtmlcentre_bur #mi_div_evw5w6365g .c4{color:#004080ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
1373#idhtmlcentre_bur #mi_div_evw5w6365g .c4:hover{}
1374#idhtmlcentre_bur #mi_div_3ne381y2j9{top:83.015%;left:29.07%;width:18.50%;height:9.876%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
1375#idhtmlcentre_bur #mi_div_3ne381y2j9:hover{background-color:#c0a59233;}
1376#idhtmlcentre_bur #mi_div_3ne381y2j9 .c1{font-size:25px;color:#004080ff;font-weight:700;text-transform:uppercase;}
1377#idhtmlcentre_bur #mi_div_3ne381y2j9 .c2{font-size:16px;color:#004080ff;font-weight:700;text-transform:uppercase;}
1378#idhtmlcentre_bur #mi_div_3ne381y2j9 .c4{color:#004080ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
1379#idhtmlcentre_bur #mi_div_3ne381y2j9 .c4:hover{}
1380#idhtmlcentre_bur #mi_div_ecrp2qrxsg{top:83.015%;left:52.00%;width:18.00%;height:9.876%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
1381#idhtmlcentre_bur #mi_div_ecrp2qrxsg:hover{;background-color:#c0a59233;}
1382#idhtmlcentre_bur #mi_div_ecrp2qrxsg .c1{color:#004080ff;font-size:25px;font-weight:700;}
1383#idhtmlcentre_bur #mi_div_ecrp2qrxsg .c2{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:16px;}
1384#idhtmlcentre_bur #mi_div_ecrp2qrxsg .c4{color:#004080ff;font-weight:700;font-size:15px;cursor:pointer;font-style:italic;letter-spacing:1px;line-height:150%;}
1385#idhtmlcentre_bur #mi_div_ecrp2qrxsg .c4:hover{}
1386#idhtmlcentre_bur #mi_div_wxfe4ot7c7{top:83.015%;left:75.00%;width:18.50%;height:9.924%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;border-radius:10px 10px 10px 10px;border:4px dashed #004080ff;}
1387#idhtmlcentre_bur #mi_div_wxfe4ot7c7:hover{background-color:#c0a59233;}
1388#idhtmlcentre_bur #mi_div_wxfe4ot7c7 .c1{font-size:25px;color:#004080ff;font-weight:700;}
1389#idhtmlcentre_bur #mi_div_wxfe4ot7c7 .c2{color:#004080ff;font-weight:700;text-transform:uppercase;font-size:16px;}
1390#idhtmlcentre_bur #mi_div_wxfe4ot7c7 .c5{color:#384ea0ff;font-weight:700;font-size:15px;font-style:italic;cursor:pointer;letter-spacing:1px;line-height:150%;}
1391#idhtmlcentre_bur #mi_div_oa49gftxjk{top:95.229%;left:0.00%;width:100.00%;height:4.771%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
1392#idhtmlcentre_bur #mi_div_oa49gftxjk .c1{color:#004080ff;font-size:22px;font-family:font_titre;font-weight:700;}
1393#idhtmlcentre_bur #mi_div_oa49gftxjk .c2{color:#294a96ff;font-family:font_titre;font-size:11px;}
1394#idhtmlcentre_bur #mi_div_oa49gftxjk .c3{color:#353535ff;font-size:17px;}
1395#idhtmlcentre_bur #mi_div_oa49gftxjk .c4{color:#747474ff;font-size:16px;}
1396</style>
1397<div id="idhtmlcentre_bur" data-orw="1400" data-orh="2096">
1398<div id="mi_div_jf858pmuj2">
1399<p>
1400</p>
1401<h1>
1402<span class="c1">Bienvenue chez BOCAL A BOUTONS, le&nbsp;rendez-vous des amateurs de boutons Vintage et mercerie ancienne de qualit&#233;</span>
1403</h1>
1404<p>
1405</p>
1406<p>
1407<span class="c2"> </span>
1408</p>
1409<p>
1410<span class="c3">&nbsp;</span>
1411</p>
1412<p>
1413</p>
1414<h2>
1415<span class="c4">A propos de nos boutons</span>
1416</h2>
1417<p>
1418</p>
1419<p>
1420<span class="c5">Nous s&#233;lectionnons des boutons neufs en verre, nacre, m&#233;tal et mati&#232;res naturelles provenant de stocks de merceries et fabricants fran&#231;
1420ais.  Que vous soyez passionn&#233;s de couture ou d&#233;butants, amateurs de mercerie ancienne ou collectionneurs d&#39;objets authentiques, d&#233;couvrez notre s&#233;lection unique de boutons Haute couture, boutons classiques et pi&#232;ces rares.</span>
1421</p>
1422<p>
1423<span class="c6">Nos collections incluent des styles des ann&#233;es 1920 &#224; 2000, parfaits pour restaurer des v&#234;tements vintage ou cr&#233;er des pi&#232;ces contemporaines charg&#233;es de caract&#232;re.  Redonnez vie &#224; ces tr&#233;sors d&#39;antan en laissant libre cours &#224; votre imagination et en apportant une touche r&#233;tro ou classique &#224; vos pi&#232;ces uniques.</span>
1424</p>
1425</div><div id="mi_ima_6bjv29sy39">
1426<img data-src="img_per/1072347/mi_ima_6bjv29sy39.webp" alt="Collection de boutons vintage en verre, nacre et m&#233;tal color&#233;s" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1427</div><div id="mi_ima_hvrhwwjjwe">
1428<img data-src="img_per/1072347/mi_ima_hvrhwwjjwe.webp" alt="bouton bois" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1429</div><div id="mi_ima_ilipxh576j">
1430<img data-src="img_per/1072347/mi_ima_ilipxh576j.webp" alt="bouton verre" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1431</div><div id="mi_ima_cmrmib24rz">
1432<img data-src="img_per/1072347/mi_ima_cmrmib24rz.webp" alt="bouton m&#233;tal" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1433</div><div id="mi_ima_viqp765d0o">
1434<img data-src="img_per/1072347/mi_ima_viqp765d0o.webp" alt="Boutons vintage en nacre blanc cass&#233; ann&#233;es 1950" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1435</div><a id="mi_div_ni43l9f5it" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=bois">
1436<p>
1437<span class="c1">Bois</span>
1438</p>
1439</a><a id="mi_div_ftwlofazci" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=verre">
1440<p>
1441<span class="c1">verre</span>
1442</p>
1443</a><a id="mi_div_x4pxunueo9" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=m%5B%5B233%5D%5Dtal">
1444<p>
1445<span class="c1">metal</span>
1446</p>
1447</a><a id="mi_div_dpapgkah9y" href="https://www.bocalaboutons.fr/Resultat-de-la-recherche-cbaaaaaaa.asp?v1=nacre">
1448<p>
1449<span class="c1">nacre</span>
1450</p>
1451</a><div id="mi_div_7yu0y34vke">
1452<p>
1453<span class="c1">&nbsp;</span>
1454</p>
1455<p>
1456</p>
1457<h2>
1458<span class="c2">&nbsp;Actualit&#233;s de la boutique</span>
1459</h2>
1460<p>
1461</p>
1462<p>
1463<span class="c3">Apr&#232;s l&#39;acquisition en Avril d&#39;un stock provenant d&#39;une mercerie d&#233;finitivement ferm&#233;e en Rh&#244;ne-Alpes, l</span>
1464<span class="c4">a mise en ligne de plus de 1000&nbsp;r&#233;f&#233;rences suppl&#233;mentaires sur le site s&#39;est poursuivie encore les mois de&nbsp;Mai, Juin et Juillet</span>
1465</p>
1466<p>
1467<span class="c5">Visite des batiments de l&#39;ancienne fabrique de boutons Simon Lahu &#224; Lavans les Saint Claude au mois de Juillet</span>
1468</p>
1469<p>
1470<span class="c6">&nbsp;</span>
1471</p>
1472</div><div id="mi_div_bior8ig2df">
1473<p>
1474<span class="c1">Calendrier des Puces de couturi&#232;res 2026 o&#249; trouver le</span>
1475</p>
1476<p>
1477<span class="c2">&nbsp;</span>
1478</p>
1479<p>
1480<span class="c3">&nbsp;</span>
1481</p>
1482<p>
1483<span class="c4">&nbsp;</span>
1484</p>
1485<p>
1486<span class="c5">LORIOL (26) - Dimanche15 F&#233;vrier 2026</span>
1487</p>
1488<p>
1489<span class="c6">&nbsp;MOIDIEU DETOURBES (38) - Dimanche 29 Mars 2026</span>
1490</p>
1491<p>
1492<span class="c7">SOYONS (07) - Dimanche 19 Avril 2026</span>
1493</p>
1494<p>
1495<span class="c8">GRANE (26) - Dimanche 26 Avril 2026</span>
1496</p>
1497<p>
1498<span class="c9">BOURG DE PEAGE (26) - Samedi 30 Mai 2026</span>
1499</p>
1500<p>
1501<span class="c10">ETOILE SUR RHONE (26) - Dimanche 11 Octobre 2026</span>
1502</p>
1503<p>
1504<span class="c11">MARGES (26) - 8 Novembre 2026</span>
1505</p>
1506</div><div id="mi_ima_y9v9mt1j4k">
1507<img data-src="img_per/1072347/mi_ima_y9v9mt1j4k.webp" alt="bocal a boutons VINTAGE" src="data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==" class="lazy" width="1000" height="500">
1508</div><div id="mi_div_bf624nf67h">
1509<p>
1510<span class="c1">&nbsp;</span>
1511</p>
1512</div><div id="mi_div_ijl8qtukv6">
1513<p>
1514</p>
1515<h2>
1516<span class="c1">Chaque bouton raconte une histoire, reflet&nbsp;du charme et du savoir-faire d&#39;autrefois.</span>
1517</h2>
1518<p>
1519</p>
1520<p>
1521<span class="c2">En couture ou en tricot, quelle que soit l&#39;&#233;poque, le bouton est consid&#233;r&#233; comme le d&#233;tail ultime du v&#234;tement qu&#39;il soit d&#233;coratif comme fonctionnel. Son choix est essentiel et r&#233;pond &#224; diff&#233;rentes exigences personnelles quant &#224; la couleur, la mati&#232;re ou la forme. Le crit&#232;re du prix est li&#233; &#224; la mati&#232;re, la taille, l&#39;&#233;poque ou la raret&#233;.</span>
1522</p>
1523<p>
1524<span class="c3">Comprendre sa diversit&#233;, c&#39;est&nbsp;assurer sa long&#233;vit&#233;</span>
1525</p>
1526</div><div id="mi_div_evw5w6365g">
1527<p>
1528</p>
1529<h3>
1530<span class="c1">L&#39;HISTOIRE DU BOUTON</span>
1531</h3>
1532<p>
1533</p>
1534<p>
1535<span class="c2">de la fibule au bouton Haute Couture</span>
1536</p>
1537<p>
1538<span class="c3">&nbsp;</span>
1539</p>
1540<p>
1541<a href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp" class="c4">Comment a &#233;volu&#233; le bouton au cours de l&#39;Histoire?</a>
1542</p>
1543</div><div id="mi_div_3ne381y2j9">
1544<p>
1545</p>
1546<h3>
1547<span class="c1">Le savoir-faire fran&#231;ais</span>
1548</h3>
1549<p>
1550</p>
1551<p>
1552<span class="c2">L&#39;h&#233;ritage jurassien et la tabletterie M&#233;ruvienne</span>
1553</p>
1554<p>
1555<span class="c3">&nbsp;</span>
1556</p>
1557<p>
1558<a href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp" class="c4">O&#249; se trouvaient les manufactures?</a>
1559</p>
1560</div><div id="mi_div_ecrp2qrxsg">
1561<p>
1562</p>
1563<h3>
1564<span class="c1">LES ASPECTS TECHNIQUES</span>
1565</h3>
1566<p>
1567</p>
1568<p>
1569<span class="c2">&nbsp;Forme, Mati&#232;re, fixation comme crit&#232;res de choix</span>
1570</p>
1571<p>
1572<span class="c3">&nbsp;</span>
1573</p>
1574<p>
1575<a href="https://www.bocalaboutons.fr/Aspects-techniques-du-bouton-cckaaaaaa.asp" class="c4">Comment distinguer les boutons?</a>
1576</p>
1577</div><div id="mi_div_wxfe4ot7c7">
1578<p>
1579</p>
1580<h3>
1581<span class="c1">LE GUIDE D&#39;ENTRETIEN</span>
1582</h3>
1583<p>
1584</p>
1585<p>
1586<span class="c2">Conseils selon la mati&#232;re et astuces</span>
1587<span class="c3">&nbsp;</span>
1588</p>
1589<p>
1590<span class="c4">&nbsp;</span>
1591</p>
1592<p>
1593<a href="https://www.bocalaboutons.fr/Conseils-d-entretien-des-boutons-cclaaaaaa.asp" class="c5">Comment prendre soin de ses boutons?&nbsp;</a>
1594</p>
1595</div><div id="mi_div_oa49gftxjk">
1596<p>
1597</p>
1598<h2>
1599<span class="c1">D&#233;couvrez les nouveaut&#233;s du BOCAL A BOUTONS pour vos loisirs cr&#233;atifs</span>
1600</h2>
1601<p>
1602</p>
1603<p>
1604</p>
1605<h3>
1606<span class="c2">&nbsp;</span>
1607</h3>
1608<p>
1609<span class="c3">Pour visualiser l&#39;ensemble du catalogue des produits propos&#233;s &#224; la vente, rendez-vous&nbsp;directement dans la barre horizontale en haut de page pr&#233;sentant les 4 cat&#233;gories principales de boutons ou bien utilisez la fonction &#34;Loupe&#34; pour affiner votre recherche par taille (ex : 14MM), par mati&#232;re (ex : m&#233;tal) ou par couleur (ex : rouge)</span>
1610</p>
1611<p>
1612<span class="c4">&nbsp;</span>
1613</p>
1614</div></div>
1615
1616
1617		<!-- Ici commence la liste des produit recommandés -->
1618
1619
1620
1621		<div class="c2prodrecom xchargeimages">
1622
1623			<div class="c3card">
1624
1625				<div class="dethaut">
1626					<div class="fond">
1627						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Metal-dore-20-mm-Queue-cbaaaaQya.asp';">
1628							<img class="lazy" data-src="img_pro/1072347/-2208-S-1-vrdphtdwmn.webp" width="351" height="210" alt="6 Boutons M&#233;tal dor&#233; 20 mm Queue" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1629						</label>
1630					</div>
1631				</div>
1632
1633				<div class="det1root">
1634					<div class="detnom">6 Boutons M&#233;tal dor&#233; 20 mm Queue</div>
1635
1636					<div class="detreference"><span>R&#233;f&#233;rence : </span>916V</div>
1637
1638					<div class="detprix">
1639						<div class="detnormal"><span class="montant">4,50</span><span title="Euro">&#8364;</span></div>
1640					</div>
1641
1642					<div class="detdisponibles">
1643						<span class="icone icon_crochet"></span>
1644						<span>2 en stock</span>
1645					</div>
1646
1647					<div class="detbtnplus">
1648						<a href="https://www.bocalaboutons.fr/6-Boutons-Metal-dore-20-mm-Queue-cbaaaaQya.asp">
1649							<span class="icone icon_trois_points" title="Voir plus"></span>
1650							<span class="texte">Voir plus</span>
1651						</a>
1652					</div>
1653
1654					<div class="detligne2"></div>
1655					<div class="detligne3"></div>
1656					<div class="detligne4"></div>
1657					<div class="detligne5"></div>
1658					<div class="detligne6"></div>
1659					<div class="detligne7"></div>
1660					<div class="detligne8"></div>
1661				</div>
1662			</div>
1663
1664			<div class="c3card">
1665
1666				<div class="dethaut">
1667					<div class="fond">
1668						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Lucite-transparent-18-mm-cbaaaaPVa.asp';">
1669							<img class="lazy" data-src="img_pro/1072347/-2179-S-1-ghwwdeeejh.webp" width="351" height="210" alt="6 Boutons Lucite transparent 18 mm" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1670						</label>
1671					</div>
1672				</div>
1673
1674				<div class="det1root">
1675					<div class="detnom">6 Boutons Lucite transparent 18 mm</div>
1676
1677					<div class="detreference"><span>R&#233;f&#233;rence : </span>182E</div>
1678
1679					<div class="detprix">
1680						<div class="detnormal"><span class="montant">3,50</span><span title="Euro">&#8364;</span></div>
1681					</div>
1682
1683					<div class="detdisponibles">
1684						<span class="icone icon_crochet"></span>
1685						<span>6 en stock</span>
1686					</div>
1687
1688					<div class="detbtnplus">
1689						<a href="https://www.bocalaboutons.fr/6-Boutons-Lucite-transparent-18-mm-cbaaaaPVa.asp">
1690							<span class="icone icon_trois_points" title="Voir plus"></span>
1691							<span class="texte">Voir plus</span>
1692						</a>
1693					</div>
1694
1695					<div class="detligne2"></div>
1696					<div class="detligne3"></div>
1697					<div class="detligne4"></div>
1698					<div class="detligne5"></div>
1699					<div class="detligne6"></div>
1700					<div class="detligne7"></div>
1701					<div class="detligne8"></div>
1702				</div>
1703			</div>
1704
1705			<div class="c3card">
1706
1707				<div class="dethaut">
1708					<div class="fond">
1709						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Metal-23mm-Medecin-militaire-cbaaaaPSa.asp';">
1710							<img class="lazy" data-src="img_pro/1072347/-2176-S-1-wnjpnzcyng.webp" width="351" height="210" alt="6 Boutons M&#233;tal 23mm M&#233;decin militaire" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1711						</label>
1712					</div>
1713				</div>
1714
1715				<div class="det1root">
1716					<div class="detnom">6 Boutons M&#233;tal 23mm M&#233;decin militaire</div>
1717
1718					<div class="detreference"><span>R&#233;f&#233;rence : </span>179E</div>
1719
1720					<div class="detprix">
1721						<div class="detnormal"><span class="montant">5,00</span><span title="Euro">&#8364;</span></div>
1722					</div>
1723
1724					<div class="detdisponibles">
1725						<span class="icone icon_crochet"></span>
1726						<span>1 en stock</span>
1727					</div>
1728
1729					<div class="detbtnplus">
1730						<a href="https://www.bocalaboutons.fr/6-Boutons-Metal-23mm-Medecin-militaire-cbaaaaPSa.asp">
1731							<span class="icone icon_trois_points" title="Voir plus"></span>
1732							<span class="texte">Voir plus</span>
1733						</a>
1734					</div>
1735
1736					<div class="detligne2"></div>
1737					<div class="detligne3"></div>
1738					<div class="detligne4"></div>
1739					<div class="detligne5"></div>
1740					<div class="detligne6"></div>
1741					<div class="detligne7"></div>
1742					<div class="detligne8"></div>
1743				</div>
1744			</div>
1745
1746			<div class="c3card">
1747
1748				<div class="dethaut">
1749					<div class="fond">
1750						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/8-Boutons-Blanc-verre-11-mm-cbaaaaPLa.asp';">
1751							<img class="lazy" data-src="img_pro/1072347/-2169-S-1-fvnvaahmhc.webp" width="351" height="210" alt="8 Boutons Blanc verre 11 mm" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1752						</label>
1753					</div>
1754				</div>
1755
1756				<div class="det1root">
1757					<div class="detnom">8 Boutons Blanc verre 11 mm</div>
1758
1759					<div class="detreference"><span>R&#233;f&#233;rence : </span>885V</div>
1760
1761					<div class="detprix">
1762						<div class="detnormal"><span class="montant">3,00</span><span title="Euro">&#8364;</span></div>
1763					</div>
1764
1765					<div class="detdisponibles">
1766						<span class="icone icon_crochet"></span>
1767						<span>1 en stock</span>
1768					</div>
1769
1770					<div class="detbtnplus">
1771						<a href="https://www.bocalaboutons.fr/8-Boutons-Blanc-verre-11-mm-cbaaaaPLa.asp">
1772							<span class="icone icon_trois_points" title="Voir plus"></span>
1773							<span class="texte">Voir plus</span>
1774						</a>
1775					</div>
1776
1777					<div class="detligne2"></div>
1778					<div class="detligne3"></div>
1779					<div class="detligne4"></div>
1780					<div class="detligne5"></div>
1781					<div class="detligne6"></div>
1782					<div class="detligne7"></div>
1783					<div class="detligne8"></div>
1784				</div>
1785			</div>
1786
1787			<div class="c3card">
1788
1789				<div class="dethaut">
1790					<div class="fond">
1791						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/8-Boutons-Verre-Noir-14-mm-Queue-Etoile-cbaaaaPna.asp';">
1792							<img class="lazy" data-src="img_pro/1072347/-2145-S-1-uzkrwvfljw.webp" width="351" height="210" alt="8 Boutons Verre Noir 14 mm Queue Etoile" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1793						</label>
1794					</div>
1795				</div>
1796
1797				<div class="det1root">
1798					<div class="detnom">8 Boutons Verre Noir 14 mm Queue Etoile</div>
1799
1800					<div class="detreference"><span>R&#233;f&#233;rence : </span>861V</div>
1801
1802					<div class="detprix">
1803						<div class="detnormal"><span class="montant">3,00</span><span title="Euro">&#8364;</span></div>
1804					</div>
1805
1806					<div class="detdisponibles">
1807						<span class="icone icon_crochet"></span>
1808						<span>1 en stock</span>
1809					</div>
1810
1811					<div class="detbtnplus">
1812						<a href="https://www.bocalaboutons.fr/8-Boutons-Verre-Noir-14-mm-Queue-Etoile-cbaaaaPna.asp">
1813							<span class="icone icon_trois_points" title="Voir plus"></span>
1814							<span class="texte">Voir plus</span>
1815						</a>
1816					</div>
1817
1818					<div class="detligne2"></div>
1819					<div class="detligne3"></div>
1820					<div class="detligne4"></div>
1821					<div class="detligne5"></div>
1822					<div class="detligne6"></div>
1823					<div class="detligne7"></div>
1824					<div class="detligne8"></div>
1825				</div>
1826			</div>
1827
1828			<div class="c3card">
1829
1830				<div class="dethaut">
1831					<div class="fond">
1832						<label class="contimage" onclick="window.location.href='https://www.bocalaboutons.fr/6-Boutons-Noir-36-mm-Inclusions-cbaaaaNZa.asp';">
1833							<img class="lazy" data-src="img_pro/1072347/-2079-S-1-vgupudmluj.webp" width="351" height="210" alt="6 Boutons Noir 36 mm Inclusions" src="data:image/gif;base64,R0lGODlhdQBGAJEAAAAAAP///////wAAACH5BAUUAAIALAAAAAB1AEYAAAJmlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4KFQAADs=">
1834						</label>
1835					</div>
1836				</div>
1837
1838				<div class="det1root">
1839					<div class="detnom">6 Boutons Noir 36 mm Inclusions</div>
1840
1841					<div class="detreference"><span>R&#233;f&#233;rence : </span>123A</div>
1842
1843					<div class="detprix">
1844						<div class="detnormal"><span class="montant">5,00</span><span title="Euro">&#8364;</span></div>
1845					</div>
1846
1847					<div class="detdisponibles">
1848						<span class="icone icon_crochet"></span>
1849						<span>2 en stock</span>
1850					</div>
1851
1852					<div class="detbtnplus">
1853						<a href="https://www.bocalaboutons.fr/6-Boutons-Noir-36-mm-Inclusions-cbaaaaNZa.asp">
1854							<span class="icone icon_trois_points" title="Voir plus"></span>
1855							<span class="texte">Voir plus</span>
1856						</a>
1857					</div>
1858
1859					<div class="detligne2"></div>
1860					<div class="detligne3"></div>
1861					<div class="detligne4"></div>
1862					<div class="detligne5"></div>
1863					<div class="detligne6"></div>
1864					<div class="detligne7"></div>
1865					<div class="detligne8"></div>
1866				</div>
1867			</div>
1868		</div>
1869
1870	</main>
1871	<!-- BLOCK PAGE CENTER BUREAU (end) -->
1872
1873
1874	<!-- BLOCK FOOT BUREAU (start) -->
1875	<footer id="f1foo">
1876<style>
1877#idhtmlpied_bur{width:100%;aspect-ratio:1400/360;}
1878#idhtmlpied_bur #mi_div_kovt9o9wt3{top:2.778%;left:40.00%;width:30.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
1879#idhtmlpied_bur #mi_div_kovt9o9wt3 .c1{text-transform:uppercase;color:#385789ff;font-weight:700;font-size:16px;}
1880#idhtmlpied_bur #mi_div_nv8jzhdi9f{top:2.778%;left:69.00%;width:30.00%;height:10.556%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
1881#idhtmlpied_bur #mi_div_nv8jzhdi9f .c1{text-transform:uppercase;color:#385789ff;font-weight:700;font-size:16px;}
1882#idhtmlpied_bur #mi_div_71vkie8qmx{top:3.611%;left:0.8%;width:34.75%;height:37.222%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
1883#idhtmlpied_bur #mi_div_71vkie8qmx .c1{color:#385789ff;line-height:176%;font-weight:700;font-size:16px;}
1884#idhtmlpied_bur #mi_div_71vkie8qmx .c2{color:#385789ff;font-size:15px;line-height:150%;}
1885#idhtmlpied_bur #mi_div_71vkie8qmx .c3{color:#385789ff;font-size:15px;line-height:150%;}
1886#idhtmlpied_bur #mi_div_71vkie8qmx .c4{color:#385789ff;cursor:pointer;font-size:15px;font-weight:700;line-height:150%;}
1887#idhtmlpied_bur #mi_div_71vkie8qmx .c5{color:#385789ff;cursor:pointer;font-size:15px;line-height:150%;font-weight:700;}
1888#idhtmlpied_bur #mi_div_71vkie8qmx .c6{color:#385789ff;cursor:pointer;font-size:15px;line-height:140%;}
1889#idhtmlpied_bur #mi_div_9jvkak1z7c{top:13.889%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1890#idhtmlpied_bur #mi_div_9jvkak1z7c:hover{transform:translateX(5px);}
1891#idhtmlpied_bur #mi_div_9jvkak1z7c .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1892#idhtmlpied_bur #mi_div_9jvkak1z7c .c1:hover{transform:translateX(5px);display:inline-block;}
1893#idhtmlpied_bur #mi_div_i91cdphfac{top:13.889%;left:69.00%;width:20.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;}
1894#idhtmlpied_bur #mi_div_i91cdphfac:hover{transform:translateX(5px);}
1895#idhtmlpied_bur #mi_div_i91cdphfac .c1{font-size:15px;color:#385789ff;letter-spacing:1px;line-height:150%;cursor:pointer;}
1896#idhtmlpied_bur #mi_div_i91cdphfac .c1:hover{transform:translateX(5px);display:inline-block;}
1897#idhtmlpied_bur #mi_div_5rdh2m4kxr{top:16.667%;left:37.00%;width:1.00%;height:69.444%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-left:1px dashed #385789ff;}
1898#idhtmlpied_bur #mi_div_1dsezehsjc{top:16.667%;left:66.00%;width:1.00%;height:83.333%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-left:1px dashed #385789ff;}
1899#idhtmlpied_bur #mi_div_iiag3bouqn{top:22.222%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1900#idhtmlpied_bur #mi_div_iiag3bouqn:hover{transform:translateX(5px);}
1901#idhtmlpied_bur #mi_div_iiag3bouqn .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1902#idhtmlpied_bur #mi_div_iiag3bouqn .c1:hover{transform:translateX(5px);display:inline-block;}
1903#idhtmlpied_bur #mi_div_xurxtnja7w{top:22.222%;left:69.00%;width:20.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;}
1904#idhtmlpied_bur #mi_div_xurxtnja7w:hover{transform:translateX(5px);}
1905#idhtmlpied_bur #mi_div_xurxtnja7w .c1{font-size:15px;letter-spacing:1px;color:#385789ff;cursor:pointer;}
1906#idhtmlpied_bur #mi_div_xurxtnja7w .c1:hover{transform:translateX(5px);display:inline-block;}
1907#idhtmlpied_bur #mi_div_wz7txn34i7{top:30.556%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1908#idhtmlpied_bur #mi_div_wz7txn34i7:hover{transform:translateX(5px);}
1909#idhtmlpied_bur #mi_div_wz7txn34i7 .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1910#idhtmlpied_bur #mi_div_wz7txn34i7 .c1:hover{transform:translateX(5px);display:inline-block;}
1911#idhtmlpied_bur #mi_div_vqx1mnq7my{top:30.556%;left:69.00%;width:18.40%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;cursor:pointer;}
1912#idhtmlpied_bur #mi_div_vqx1mnq7my:hover{transform:translateX(5px);}
1913#idhtmlpied_bur #mi_div_vqx1mnq7my .c1{font-size:15px;color:#385789ff;cursor:pointer;line-height:150%;letter-spacing:1px;}
1914#idhtmlpied_bur #mi_div_1qoy5gsbzt{top:38.889%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1915#idhtmlpied_bur #mi_div_1qoy5gsbzt:hover{transform:translateX(5px);}
1916#idhtmlpied_bur #mi_div_1qoy5gsbzt .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1917#idhtmlpied_bur #mi_div_1qoy5gsbzt .c1:hover{transform:translateX(5px);display:inline-block;}
1918#idhtmlpied_bur #mi_div_7wr06trtyk{top:38.889%;left:69.00%;width:18.40%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 5px 0 #00000000;}
1919#idhtmlpied_bur #mi_div_7wr06trtyk:hover{transform:translateX(5px);}
1920#idhtmlpied_bur #mi_div_7wr06trtyk .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1921#idhtmlpied_bur #mi_div_v6dr4u48b7{top:47.222%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1922#idhtmlpied_bur #mi_div_v6dr4u48b7:hover{transform:translateX(5px);}
1923#idhtmlpied_bur #mi_div_v6dr4u48b7 .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1924#idhtmlpied_bur #mi_div_v6dr4u48b7 .c1:hover{transform:translateX(5px);display:inline-block;}
1925#idhtmlpied_bur #mi_div_p35unztjgv{top:47.222%;left:69.00%;width:25.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1926#idhtmlpied_bur #mi_div_p35unztjgv:hover{transform:translateX(5px);}
1927#idhtmlpied_bur #mi_div_p35unztjgv .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1928#idhtmlpied_bur #mi_div_fpvkw73xcf{top:55.556%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1929#idhtmlpied_bur #mi_div_fpvkw73xcf:hover{transform:translateX(5px);}
1930#idhtmlpied_bur #mi_div_fpvkw73xcf .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1931#idhtmlpied_bur #mi_div_fpvkw73xcf .c1:hover{transform:translateX(5px);display:inline-block;}
1932#idhtmlpied_bur #mi_div_zj81l39av3{top:55.556%;left:69.00%;width:25.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1933#idhtmlpied_bur #mi_div_zj81l39av3:hover{transform:translateX(5px);}
1934#idhtmlpied_bur #mi_div_zj81l39av3 .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1935#idhtmlpied_bur #mi_div_6gxclo3yil{top:56.667%;left:0.42%;width:36.05%;height:17.222%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;text-align:center;}
1936#idhtmlpied_bur #mi_div_6gxclo3yil .c1{color:#3857897f;font-size:20px;font-style:italic;font-family:font_special;letter-spacing:2px;}
1937#idhtmlpied_bur #mi_div_6gxclo3yil .c2{color:#3857897f;font-style:italic;font-family:font_special;font-size:20px;letter-spacing:2px;}
1938#idhtmlpied_bur #mi_div_3hhe39wz3g{top:63.889%;left:40.00%;width:25.00%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1939#idhtmlpied_bur #mi_div_3hhe39wz3g:hover{transform:translateX(5px);}
1940#idhtmlpied_bur #mi_div_3hhe39wz3g .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1941#idhtmlpied_bur #mi_div_3hhe39wz3g .c1:hover{transform:translateX(5px);display:inline-block;}
1942#idhtmlpied_bur #mi_div_rmbv02ux8k{top:63.889%;left:69.00%;width:18.40%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;box-shadow:2px 2px 5px 0 #00000000;border-radius:5px 5px 5px 5px;cursor:pointer;}
1943#idhtmlpied_bur #mi_div_rmbv02ux8k:hover{;transform:translateX(5px);}
1944#idhtmlpied_bur #mi_div_rmbv02ux8k .c1{font-size:15px;color:#385789ff;line-height:150%;letter-spacing:1px;cursor:pointer;}
1945#idhtmlpied_bur #mi_div_rmbv02ux8k .c1:hover{transform:translateX(5px);
1945display:inline-block;}
1946#idhtmlpied_bur #mi_div_18oh7vahz6{top:72.222%;left:69.00%;width:20.25%;height:10.278%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;box-shadow:2px 2px 5px 0 #00000000;border-radius:5px 5px 5px 5px;cursor:pointer;}
1947#idhtmlpied_bur #mi_div_18oh7vahz6:hover{;transform:translateX(5px);}
1948#idhtmlpied_bur #mi_div_18oh7vahz6 .c1{font-size:15px;color:#385789ff;line-height:150%;letter-spacing:1px;cursor:pointer;}
1949#idhtmlpied_bur #mi_div_18oh7vahz6 .c1:hover{transform:translateX(5px);display:inline-block;}
1950#idhtmlpied_bur #mi_div_08a2o4c5j8{top:80.556%;left:69.00%;width:18.40%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;cursor:pointer;border-radius:5px 5px 5px 5px;box-shadow:2px 2px 5px 0 #00000000;}
1951#idhtmlpied_bur #mi_div_08a2o4c5j8:hover{transform:translateX(5px);}
1952#idhtmlpied_bur #mi_div_08a2o4c5j8 .c1{font-size:15px;cursor:pointer;color:#385789ff;line-height:150%;letter-spacing:1px;}
1953#idhtmlpied_bur #mi_div_6loe3g6zlo{top:88.889%;left:69.00%;width:20.00%;height:11.111%;z-index:0;padding:0.50% 0.50% 0.50% 0.50%;}
1954#idhtmlpied_bur #mi_div_6loe3g6zlo .c1{font-size:15px;line-height:150%;letter-spacing:1px;color:#294a96ff;cursor:pointer;}
1955#idhtmlpied_bur #mi_div_6loe3g6zlo .c1:hover{transform:translateX(5px);display:inline-block;}
1956</style>
1957<div id="idhtmlpied_bur" data-orw="1400" data-orh="360">
1958<div id="mi_div_kovt9o9wt3">
1959<p>
1960<span class="c1">Boutons anciens</span>
1961<span class="c2">&nbsp;  </span>
1962</p>
1963</div><div id="mi_div_nv8jzhdi9f">
1964<p>
1965<span class="c1">Informations</span>
1966<span class="c2">&nbsp;</span>
1967</p>
1968</div><div id="mi_div_71vkie8qmx">
1969<p>
1970<span class="c1">BOCAL A BOUTONS</span>
1971</p>
1972<p>
1973<span class="c2">Adresse : 23 rue de la Royanne, 26100 ROMANS SUR ISERE - France&nbsp;</span>
1974</p>
1975<p>
1976<span class="c3">T&#233;l&#233;phone : &#43;33 (0)4 75 24 20 16</span>
1977</p>
1978<p>
1979<a href="mailto:[email protected]" class="c4">Email</a>
1980</p>
1981<p>
1982<a href="https://www.manucrea.fr" class="c5">Manucr&#233;a</a>
1983<span class="c6">, mon autre boutique de boutons </span>
1984</p>
1985</div><a id="mi_div_9jvkak1z7c" href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp">
1986<p>
1987<span class="c1">Histoire du bouton</span>
1988<span class="c2">&nbsp;  </span>
1989</p>
1990</a><div id="mi_div_i91cdphfac">
1991<p>
1992<a href="https://www.bocalaboutons.fr/A-propos-ccnaaaaaa.asp" class="c1">A propos</a>
1993</p>
1994</div><div id="mi_div_5rdh2m4kxr">
1995<p>
1996<span class="c1">&nbsp;</span>
1997</p>
1998</div><div id="mi_div_1dsezehsjc">
1999<p>
2000<span class="c1">&nbsp;</span>
2001</p>
2002</div><a id="mi_div_iiag3bouqn" href="https://www.bocalaboutons.fr/Comment-dater-un-bouton-cctaaaaaa.asp">
2003<p>
2004<span class="c1">Comment dater un bouton</span>
2005<span class="c2">&nbsp;  </span>
2006</p>
2007</a><a id="mi_div_xurxtnja7w" href="https://www.bocalaboutons.fr/Contact-ccgaaaaaa.asp">
2008<p>
2009<span class="c1">Contact</span>
2010</p>
2011</a><a id="mi_div_wz7txn34i7" href="https://www.bocalaboutons.fr/Guide-des-tailles-ccsaaaaaa.asp">
2012<p>
2013<span class="c1">Guide des tailles</span>
2014<span class="c2">&nbsp;&nbsp;</span>
2015</p>
2016</a><div id="mi_div_vqx1mnq7my">
2017<p>
2018<a href="https://www.bocalaboutons.fr/PLAN-DU-SITE-ccpaaaaaa.asp" class="c1">Plan du site</a>
2019</p>
2020</div><a id="mi_div_1qoy5gsbzt" href="https://www.bocalaboutons.fr/Les-fabricants-de-boutons-anciens-ccuaaaaaa.asp">
2021<p>
2022<span class="c1">Fabricants de boutons</span>
2023</p>
2024</a><a id="mi_div_7wr06trtyk" href="https://www.bocalaboutons.fr/Frais-de-port-et-livraison-cccaaaaaa.asp">
2025<p>
2026<span class="c1">Frais de port et livraison</span>
2027</p>
2028</a><a id="mi_div_v6dr4u48b7" href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp">
2029<p>
2030<span class="c1">Savoir-faire fran&#231;ais</span>
2031<span class="c2">&nbsp;</span>
2032</p>
2033</a><a id="mi_div_p35unztjgv" href="https://www.bocalaboutons.fr/Mode-de-paiement-et-securite-cceaaaaaa.asp">
2034<p>
2035<span class="c1">Mode de paiement et s&#233;curit&#233;</span>
2036</p>
2037</a><a id="mi_div_fpvkw73xcf" href="https://www.bocalaboutons.fr/Aspects-techniques-du-bouton-cckaaaaaa.asp">
2038<p>
2039<span class="c1">Aspects techniques</span>
2040<span class="c2">&nbsp;</span>
2041</p>
2042</a><a id="mi_div_zj81l39av3" href="https://www.bocalaboutons.fr/Conditions-generales-de-vente-ccdaaaaaa.asp">
2043<p>
2044<span class="c1">Conditions g&#233;n&#233;rales de vente</span>
2045</p>
2046</a><div id="mi_div_6gxclo3yil">
2047<p>
2048<span class="c1">&#34; Nous chinons pour vous des boutons&nbsp;anciens.</span>
2049</p>
2050<p>
2051<span class="c2">Imaginez-leur une nouvelle vie!&#34;</span>
2052</p>
2053</div><a id="mi_div_3hhe39wz3g" href="https://www.bocalaboutons.fr/Conseils-d-entretien-des-boutons-cclaaaaaa.asp">
2054<p>
2055<span class="c1">Guide d&#39;entretien</span>
2056<span class="c2">&nbsp;</span>
2057</p>
2058</a><div id="mi_div_rmbv02ux8k">
2059<p>
2060<a href="https://www.bocalaboutons.fr/Politique-de-retour-et-Remboursement-ccmaaaaaa.asp" class="c1">Retour et remboursement</a>
2061</p>
2062</div><div id="mi_div_18oh7vahz6">
2063<p>
2064<a href="https://www.bocalaboutons.fr/Formulaire-de-retractation-ccraaaaaa.asp" class="c1">Formulaire de retractation</a>
2065</p>
2066</div><a id="mi_div_08a2o4c5j8" href="https://www.bocalaboutons.fr/Mentions-legales-cchaaaaaa.asp">
2067<p>
2068<span class="c1">Mentions l&#233;gales</span>
2069</p>
2070</a><div id="mi_div_6loe3g6zlo">
2071<p>
2072<a href="https://www.bocalaboutons.fr/RGPD-ccqaaaaaa.asp" class="c1">RGPD</a>
2073</p>
2074</div></div>
2075	</footer>
2076	<!-- BLOCK FOOT BUREAU (end) -->
2077
2078
2079</div>
2080<!-- CONTAINER BUREAU (end) -->
2081
2082
2083
2084
2085<script>function xObtenirCookie(e){let t=e+"=",o=document.cookie.split(";");for(let e=0;e<o.length;e++){let i=o[e];for(;" "===i.charAt(0);)i=i.substring(1);if(0===i.indexOf(t))return i.substring(t.length,i.length)}return null}function ajaxSendReceiveData(e,t,o,i,n){if(-1!=navigator.userAgent.indexOf("Opera"))var l=new XMLHttpRequest;else if(document.all)l=new ActiveXObject("Microsoft.XMLHTTP");else l=new XMLHttpRequest;"GET"==o?l.open("GET",i+"?xx="+Math.random(1)+"&"+n,!0):"POST"==o&&l.open("POST",i,!0),l.onreadystatechange=function(){1==l.readyState||2==l.readyState||3==l.readyState?""!=t&&(document.getElementById(e).innerHTML='<br><div style="position:relative;top:0px;left:0px;width:100px;height:22px;background:black;z-index:99999999;color:white;font-size:11px;font-weight:bold;padding:5px;">'+t+"</div>"):4==l.readyState&&200==l.status&&(document.getElementById(e).innerHTML=l.responseText)},"GET"==o?l.send(null):"POST"==o&&(l.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8"),l.send("xx="+Math.random(1)+"&"+n))}function xEncoder(e){void 0===e&&(e="");let t="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_.~!();:=,?[]@/ ",o="";for(let i=0;i<e.length;i++){let n=e.codePointAt(i),l=String.fromCodePoint(n);-1!==t.indexOf(l)?o+=l:o+="[["+n+"]]",n>65535&&i++}return o}function xParserUnicode(e){return e.replace(/&#([0-9]{1,7});/gi,(function(e,t){let o=parseInt(t,10);return String.fromCharCode(o)}))}function xScrollVersElement(e){const t=document.getElementById(e);t&&t.scrollIntoView({behavior:"smooth"})}function xImprimerDiv(e){let t=document.getElementById(e).outerHTML,o=document.createElement("iframe");o.style.position="absolute",o.style.width="0px",o.style.height="0px",o.style.border="none",document.body.appendChild(o);let i="";i+="*,::after,::before{margin:0;padding:0;box-sizing:inherit}",i+="html{box-sizing:border-box;font-size:62.5%;min-height:100vh;scroll-behavior:smooth}",i+="body{min-height:100vh;overflow-x:hidden}",i+="body.rtl * {direction:rtl;}",i+="body,html{width:190mm;margin:0 auto;}",i+="body>div{width:190mm;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:5px;padding:10px 20px 20px 20px;color:#000;background-color:#fff;border:1px solid rgba(100,100,100,.2)}",i+="body>div>.grostitre{display:flex;column-gap:20px;width:100%;margin-bottom:5px;padding:5px 10px;font-size:26px;font-family:Arial,sans-serif;text-transform:uppercase}",i+="body>div > .grostitre > button{display:none;}",i+="body>div>.donnees{width:49.5%;padding:10px 15px;border:1px solid rgba(100,100,100,.2);border-radius:3px;font-family:Arial,sans-serif;text-align:start;font-size:14px;line-height:150%}",i+="body>div.troisblocs>.donnees{width:32.5%;font-size:13px}",i+="body>div>.donnees .cassable{word-break:break-all}",i+="body>div>.donnees>.entete{display:inline-block;margin-top:5px;font-weight:700}",i+="body>div>.commande{width:99%;padding:20px;border-radius:3px;text-align:center;font-size:13px;font-family:Arial,sans-serif}",i+="body>div>.commande>:is(.titre,.ligne){display:grid;grid-template-columns:1fr 180px 120px 120px 120px;min-height:30px;margin-bottom:1px;border:1px solid rgba(100,100,100,.2)}",i+="body>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4,.c5,.c1_c5){grid-row:1;padding:5px 10px;text-align:center}",i+="body>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4){border-left-width:0;border-right:1px solid rgba(100,100,100,.2)}",i+="body.rtl>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4){border-right-width:0;border-left:1px solid rgba(100,100,100,.2)}",i+="body>div>.commande>.ligne>.c1_c5{grid-column:1/-1;grid-row:2;border-top:1px dashed rgba(100,100,100,.2)}",i+="body>div>.commande>.titre>:is(.c1,.c2,.c3,.c4,.c5){font-weight:700}",i+="body>div>.commande>.ligne>.c1{text-align:start}",i+="body>div>.commande>.ligne>:is(.c3,.c5){text-align:end;padding-left:10px;padding-right:30%}",i+="body.rtl>div>.commande>.ligne>:is(.c3,.c5){text-align:start}",i+="body>div>.commande>:is(.titre.affichable,.ligne.affichable){display:none;}",i+="body>div>.commande>.final{display:grid;grid-template-columns:1fr 120px;min-height:30px;margin-bottom:1px;text-align:right}",i+="body.rtl>div>.commande>.final{text-align:left}",i+="body>div>.commande>.final>:is(.c1,.c2){padding:5px 10px}",i+="body>div>.commande>.final>.c2{direction:ltr;text-align:right;padding-right:30%}",i+="body>div>.commande>.final.partiel{margin-top:10px;margin-bottom:10px}",i+="body>div>.commande>.final.coupon1>.c1>.code{color:green;margin:0 5px;font-weight:700}",i+="body>div>.commande>.final.reel>:is(.c1,.c2){color:green;font-weight:700}",i+="body>div>.commande>.final.total>:is(.c1,.c2){color:#000;font-weight:700}",i+="body>div>.commande>.final.multiple{min-height:0}",i+="body>div>.commande>.final.multiple.premier{margin-top:20px;color:green;font-weight:700}",i+="body>div>.commande>.final.multiple>:is(.c1,.c2){padding-top:0;padding-bottom:0}",i+="body>div>.commentairefacture{width:100%;margin-bottom:20px;font-size:15px;padding:10px 15px;border:1px solid rgba(100,100,100,.2);border-radius:3px;font-family:Arial,sans-serif}",i+="body>div>.messageconfirmation{width:100%;padding:5px 10px;font-size:15px;font-family:Arial,sans-serif}",o.contentDocument.open(),o.contentDocument.write(`\n        <html>\n        <head>\n            <style>*,::after,::before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;min-height:100vh;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}body.rtl * {direction:rtl;}body,html{width:190mm;margin:0 auto;}body>div{width:190mm;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:5px;padding:10px 20px 20px 20px;color:#000;background-color:#fff;border:1px solid rgba(100,100,100,.2)}body>div>.grostitre{display:flex;column-gap:20px;width:100%;margin-bottom:5px;padding:5px 10px;font-size:26px;font-family:Arial,sans-serif;text-transform:uppercase}body>div > .grostitre > button{display:none;}body>div>.donnees{width:49.5%;padding:10px 15px;border:1px solid rgba(100,100,100,.2);border-radius:3px;font-family:Arial,sans-serif;text-align:start;font-size:14px;line-height:150%}body>div.troisblocs>.donnees{width:32.5%;font-size:13px}body>div>.donnees .cassable{word-break:break-all}body>div>.donnees>.entete{display:inline-block;margin-top:5px;font-weight:700}body>div>.commande{width:99%;padding:20px;border-radius:3px;text-align:center;font-size:13px;font-family:Arial,sans-serif}body>div>.commande>:is(.titre,.ligne){display:grid;grid-template-columns:1fr 180px 120px 120px 120px;min-height:30px;margin-bottom:1px;border:1px solid rgba(100,100,100,.2)}body>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4,.c5,.c1_c5){grid-row:1;padding:5px 10px;text-align:center}body>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4){border-left-width:0;border-right:1px solid rgba(100,100,100,.2)}body.rtl>div>.commande>:is(.titre,.ligne)>:is(.c1,.c2,.c3,.c4){border-right-width:0;border-left:1px solid rgba(100,100,100,.2)}body>div>.commande>.ligne>.c1_c5{grid-column:1/-1;grid-row:2;border-top:1px dashed rgba(100,100,100,.2)}body>div>.commande>.titre>:is(.c1,.c2,.c3,.c4,.c5){font-weight:700}body>div>.commande>.ligne>.c1{text-align:start}body>div>.commande>.ligne>:is(.c3,.c5){text-align:end;padding-left:10px;padding-right:30%}body.rtl>div>.commande>.ligne>:is(.c3,.c5){text-align:start}body>div>.commande>:is(.titre.affichable,.ligne.affichable){display:none;}body>div>.commande>.final{display:grid;grid-template-columns:1fr 120px;min-height:30px;margin-bottom:1px;text-align:right}body.rtl>div>.commande>.final{text-align:left}body>div>.commande>.final>:is(.c1,.c2){padding:5px 10px}body>div>.commande>.final>.c2{direction:ltr;text-align:right;padding-right:30%}body>div>.commande>.final.partiel{margin-top:10px;margin-bottom:10px}body>div>.commande>.final.coupon1>.c1>.code{color:green;margin:0 5px;font-weight:700}body>div>.commande>.final.reel>:is(.c1,.c2){color:green;font-weight:700}body>div>.commande>.final.total>:is(.c1,.c2){color:#000;font-weight:700}body>div>.commande>.final.multiple{min-height:0}body>div>.commande>.final.multiple.premier{margin-top:20px;color:green;font-weight:700}body>div>.commande>.final.multiple>:is(.c1,.c2){padding-top:0;padding-bottom:0}body>div>.commentairefacture{width:100%;margin-bottom:20px;font-size:15px;padding:10px 15px;border:1px solid rgba(100,100,100,.2);border-radius:3px;font-family:Arial,sans-serif}body>div>.messageconfirmation{width:100%;padding:5px 10px;font-size:15px;font-family:Arial,sans-serif}</style>\n        </head>\n        <body>${t}</body>\n        </html>\n    `),o.contentDocument.close();let n=o.contentDocument.createElement("style");n.type="text/css",n.media="print",n.innerHTML="\n        body * { display: block; }\n        button { display: none; }\n    ",o.contentDocument.head.appendChild(n),o.onload=function(){o.contentWindow.focus(),o.contentWindow.print(),setTimeout((()=>{document.body.removeChild(o)}),300)}}function xImprimerFactureBur(){xImprimerDiv("id_facture_terminee_bur")}function xImprimerFactureMob(){xImprimerDiv("id_facture_terminee_mob")}function transformerDivPlayEnIframe(){document.querySelectorAll('div[id^="mi_vid_"]').forEach((e=>{const t=e.querySelector(".play");if(!t)return;const o=e.querySelector("img");o&&o.remove();const i=t.getAttribute("data-url"),n=t.getAttribute("data-titre"),l=t.getAttribute("data-screen"),r=t.getAttribute("data-portrait");t.remove();const a=document.createElement("iframe");r?(a.setAttribute("width","315"),a.setAttribute("height","560"),a.setAttribute("style","aspect-ratio: 9 / 16;")):(a.setAttribute("width","560"),a.setAttribute("height","315")),a.setAttribute("src",i),n&&a.setAttribute("title",n),l&&a.setAttribute("allowfullscreen",""),a.setAttribute("frameborder","0"),a.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"),e.appendChild(a)}))}function stockerTaillePoliceOriginale(){document.querySelectorAll('div[id^="idhtml"] div[
2085id^="mi_div_"] *,div[id^="idhtml"] a[id^="mi_div_"] *').forEach((e=>{let t=window.getComputedStyle(e).getPropertyValue("font-size");e.setAttribute("data-orfs",t)}))}function ajusterTaillePolice(){document.querySelectorAll('div[id^="idhtml"]').forEach((e=>{let t=e.offsetWidth,o=parseFloat(e.getAttribute("data-orw"));e.querySelectorAll('div[id^="mi_div_"] *,a[id^="mi_div_"] *').forEach((e=>{let i=parseFloat(e.getAttribute("data-orfs"));if(i){let n=i*(t/o);e.style.fontSize=n+"px"}}))}))}function xMontrerPanierScroll(e){let t=document.querySelector(e);t&&(t.scrollTop=0,setTimeout((function(){t.scrollTop+=1e3,setTimeout((function(){t.scrollTop=0}),500)}),500))}function gereHamPanRec(e){if("hamburger"==e||"panier"==e||"recherche"==e){let t=document.querySelector("body"),o=t.classList.contains("rtl");if("hamburger"==e){let e=document.getElementById("iconnavmob"),i=document.getElementById("menunavmob");if(e.classList.contains("click"))t.removeAttribute("style"),e.removeAttribute("style"),e.classList.remove("click"),i.classList.remove("click"),document.getElementById("iconpaniermob")&&document.getElementById("iconpaniermob").removeAttribute("style"),document.getElementById("iconrechmob")&&document.getElementById("iconrechmob").removeAttribute("style");else{let n=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconnavmob--topPour_css_javascript")),l=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconnavmob--leftRightEndPour_css_javascript")),r=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconnavmobclick--topPour_css_javascript")),a=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconnavmobclick--leftRightEndPour_css_javascript"));t.style.overflow="hidden",e.style.top=parseInt(e.offsetTop*r/n)+"px",o?(e.style.left="auto",e.style.right=e.offsetRight*a/l*100/i.offsetWidth+"%"):(e.style.left=e.offsetLeft*a/l*100/i.offsetWidth+"%",e.style.right="auto"),e.classList.add("click"),i.classList.add("click"),document.getElementById("iconpaniermob")&&(document.getElementById("iconpaniermob").style.zIndex="1"),document.getElementById("iconrechmob")&&(document.getElementById("iconrechmob").style.zIndex="1")}}else if("panier"==e){let e=document.getElementById("iconpaniermob"),i=document.getElementById("menupaniermob");if(e.classList.contains("click"))t.removeAttribute("style"),e.removeAttribute("style"),e.classList.remove("click"),i.classList.remove("click"),i.removeAttribute("style"),document.getElementById("iconnavmob")&&document.getElementById("iconnavmob").removeAttribute("style"),document.getElementById("iconrechmob")&&document.getElementById("iconrechmob").removeAttribute("style");else{let n=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconpaniermob--topPour_css_javascript")),l=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconpaniermob--leftRightEndPour_css_javascript")),r=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconpaniermobclick--topPour_css_javascript")),a=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconpaniermobclick--leftRightEndPour_css_javascript"));t.style.overflow="hidden",e.style.top=parseInt(e.offsetTop*r/n)+"px",o?(e.style.left="auto",e.style.right=e.offsetRight*a/l*100/i.offsetWidth+"%"):(e.style.left=e.offsetLeft*a/l*100/i.offsetWidth+"%",e.style.right="auto"),e.classList.add("click"),i.classList.add("click"),i.style.maxHeight=window.innerHeight+"px",document.getElementById("iconnavmob")&&(document.getElementById("iconnavmob").style.zIndex="1"),document.getElementById("iconrechmob")&&(document.getElementById("iconrechmob").style.zIndex="1")}}else if("recherche"==e){let e=document.getElementById("iconrechmob"),i=document.getElementById("menurechmob");if(e.classList.contains("click"))t.removeAttribute("style"),e.removeAttribute("style"),e.classList.remove("click"),i.classList.remove("click"),document.getElementById("iconnavmob")&&document.getElementById("iconnavmob").removeAttribute("style"),document.getElementById("iconpaniermob")&&document.getElementById("iconpaniermob").removeAttribute("style");else{let n=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconrechmob--topPour_css_javascript")),l=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconrechmob--leftRightEndPour_css_javascript")),r=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconrechmobclick--topPour_css_javascript")),a=parseInt(getComputedStyle(document.querySelector(":root")).getPropertyValue("--sm--iconrechmobclick--leftRightEndPour_css_javascript"));t.style.overflow="hidden",e.style.top=parseInt(e.offsetTop*r/n)+"px",o?(e.style.left="auto",e.style.right=e.offsetRight*a/l*100/i.offsetWidth+"%"):(e.style.left=e.offsetLeft*a/l*100/i.offsetWidth+"%",e.style.right="auto"),e.classList.add("click"),i.classList.add("click"),document.getElementById("iconnavmob")&&(document.getElementById("iconnavmob").style.zIndex="1"),document.getElementById("iconpaniermob")&&(document.getElementById("iconpaniermob").style.zIndex="1")}}}}document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".play").forEach((e=>{e.addEventListener("click",(()=>{transformerDivPlayEnIframe()})),e.addEventListener("mouseover",(()=>{transformerDivPlayEnIframe()}))}))})),document.addEventListener("DOMContentLoaded",(()=>{stockerTaillePoliceOriginale(),ajusterTaillePolice(),window.addEventListener("resize",ajusterTaillePolice)})),document.addEventListener("DOMContentLoaded",(function(){let e;if("IntersectionObserver"in window){e=document.querySelectorAll(".lazy");let t=new IntersectionObserver((function(e,o){e.forEach((function(e){if(e.isIntersecting){let o=e.target;o.src=o.dataset.src,o.classList.remove("lazy"),t.unobserve(o)}}))}));e.forEach((function(e){t.observe(e)}))}else{let o;function t(){o&&clearTimeout(o),o=setTimeout((function(){let o=window.pageYOffset;e.forEach((function(e){e.offsetTop<window.innerHeight+o&&(e.src=e.dataset.src,e.classList.remove("lazy"))})),0==e.length&&(document.removeEventListener("scroll",t),window.removeEventListener("resize",t),window.removeEventListener("orientationChange",t))}),20)}e=document.querySelectorAll(".lazy"),document.addEventListener("scroll",t),window.addEventListener("resize",t),window.addEventListener("orientationChange",t)}})),document.getElementById("iconnavmob")&&document.getElementById("iconnavmob").addEventListener("click",(function(){gereHamPanRec("hamburger")})),document.getElementById("iconpaniermob")&&document.getElementById("iconpaniermob").addEventListener("click",(function(){ajaxSendReceiveData("id_panier_mob","","POST","sidecart-"+document.getElementById("id_lan1_lettrique").innerHTML+"Xaaaaaaa.asp","uno="+xObtenirCookie("uno")+"&v1=id_panier_mob&zz="+Math.random()),gereHamPanRec("panier")})),document.getElementById("iconrechmob")&&document.getElementById("iconrechmob").addEventListener("click",(function(){gereHamPanRec("recherche")}));let globalLastWidth=window.innerWidth;function xPreparerPageFacture(){let e=document.getElementById("c1cen");if(e){e.id="c1cen_masque";let t=document.createElement("main");t.id="c1cen",e.parentNode.insertBefore(t,e)}let t=document.getElementById("c1cenmob");if(t){t.id="c1cenmob_masque";let e=document.createElement("main");e.id="c1cenmob",t.parentNode.insertBefore(e,t)}document.getElementById("idCheckboxFacture")&&(document.getElementById("idCheckboxFacture").checked=!1),document.getElementById("iconpaniermob")&&(document.getElementById("iconpaniermob").classList.add("click"),gereHamPanRec("panier")),document.querySelector("body").removeAttribute("style")}function xSupprimerPageFacture(){document.getElementById("c1cen")&&document.getElementById("c1cen_masque")&&(document.getElementById("c1cen").remove(),document.getElementById("c1cen_masque").id="c1cen"),document.getElementById("c1cenmob")&&document.getElementById("c1cenmob_masque")&&(document.getElementById("c1cenmob").remove(),document.getElementById("c1cenmob_masque").id="c1cenmob")}window.addEventListener("resize",(function(){window.innerWidth!==globalLastWidth&&(globalLastWidth=window.innerWidth,document.getElementById("iconnavmob")&&(document.getElementById("iconnavmob").classList.add("click"),gereHamPanRec("hamburger")),document.getElementById("iconpaniermob")&&(document.getElementById("iconpaniermob").classList.add("click"),gereHamPanRec("panier")),document.getElementById("iconrechmob")&&(document.getElementById("iconrechmob").classList.add("click"),gereHamPanRec("recherche")))})),document.getElementById("idblocentete_mob2")&&document.querySelector("#idblocentete_mob2").style.setProperty("--idblocentete_mob2",document.querySelector("#idblocentete_mob2").offsetWidth),window.addEventListener("load",(function(){document.getElementById("idblocentete_mob2")&&document.querySelector("#idblocentete_mob2").style.setProperty("--idblocentete_mob2",document.querySelector("#idblocentete_mob2").offsetWidth)})),window.addEventListener("resize",(function(){document.getElementById("idblocentete_mob2")&&document.querySelector("#idblocentete_mob2").style.setProperty("--idblocentete_mob2",document.querySelector("#idblocentete_mob2").offsetWidth)}));const mobileToutesLesSousCategoriesBrutes=document.querySelectorAll("#categoriesmob > li.mere"),mobileToutesLesSousCategories=document.querySelectorAll("#categoriesmob > li.mere > .souscategoriesmob");function mobileToggleSousCategories(e){const t=e.currentTarget.querySelector(".souscategoriesmob");let o=t.classList.contains("ouvert");
2085mobileToutesLesSousCategories.forEach((e=>{e.classList.remove("ouvert")})),o||t.classList.add("ouvert")}function mobileGarderSousCategorieOuverte(e){e.currentTarget.classList.remove("ouvert")}for(const e of mobileToutesLesSousCategoriesBrutes)e.addEventListener("click",mobileToggleSousCategories);for(const e of mobileToutesLesSousCategories)e.addEventListener("click",mobileGarderSousCategorieOuverte);if(document.querySelector("#c2nav")&&getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav__c3ari--display_css_javascript")&&getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav__c3aff--display_css_javascript")){let e=!1;(document.querySelector("#c2nav > #c3pag")||document.querySelector("#c2nav > #c3ari")&&"block"==getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav__c3ari--display_css_javascript").replaceAll(" ","")||document.querySelector("#c2nav > #c3aff")&&"flex"==getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav__c3aff--display_css_javascript").replaceAll(" ",""))&&(e=!0),e||document.querySelector("#c2nav").remove()}function getInfoPourFixed(e="",t="",o=""){let i,n,l,r,a,c,d=!1;return""!=e&&document.querySelector(e)&&getComputedStyle(document.documentElement).getPropertyValue(t)&&getComputedStyle(document.documentElement).getPropertyValue(o)&&1==parseInt(getComputedStyle(document.documentElement).getPropertyValue(t))&&(d=!0,i=e,n=document.querySelector(e),l=parseInt(document.querySelector(e).getBoundingClientRect().top+window.scrollY),r=document.querySelector(e).offsetLeft,a=document.querySelector(e).offsetWidth,c=parseInt(10*getComputedStyle(document.documentElement).getPropertyValue(o))),{le_pasa:d,le_Id:i,le_objet:n,le_distanceTop:l,le_distanceLeft:r,le_distanceWidth:a,le_distanceFixedTop:c}}const c2navMarginTop=10*parseInt(getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav--marginTopRem_css_javascript")),c2navMarginBottom=10*parseInt(getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2nav--marginBottomRem_css_javascript"));function setFixedElementOnScroll(e){e.le_pasa&&(window.scrollY>=e.le_distanceTop-e.le_distanceFixedTop?(e.le_objet.style.top=e.le_distanceFixedTop+"px",e.le_objet.style.left=e.le_distanceLeft+"px",e.le_objet.style.width=e.le_distanceWidth+"px",e.le_objet.style.position="fixed",e.le_objet.style.margin="0","#c2nav"==e.le_Id&&document.querySelector("#c2nav")&&(document.querySelector("#c1cen").style.paddingTop=parseInt(document.querySelector("#c2nav").offsetHeight)+c2navMarginTop+c2navMarginBottom+"px",document.querySelector("#c2ban")&&(document.querySelector("#c2ban").style.visibility="hidden"))):(e.le_objet.removeAttribute("style"),"#c2nav"==e.le_Id&&document.querySelector("#c2nav")&&(document.querySelector("#c1cen").removeAttribute("style"),document.querySelector("#c2ban")&&(document.querySelector("#c2ban").style.visibility="visible"))))}if(document.querySelector("#h1heamob_fake")&&document.querySelector("#h1heamob")){let e=10*parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sm--h1heamob--marginTopRem_css_javascript")),t=10*parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sm--h1heamob--marginBottomRem_css_javascript"));window.addEventListener("load",(function(){document.querySelector("#h1heamob_fake").style.height=parseInt(document.querySelector("#h1heamob").offsetHeight)+e+t+"px"})),window.addEventListener("resize",(function(){document.querySelector("#h1heamob_fake").style.height=0,document.querySelector("#h1heamob_fake").style.height=parseInt(document.querySelector("#h1heamob").offsetHeight)+e+t+"px"}))}window.addEventListener("load",(function(){const e=document.querySelector("#h1hea"),t=getInfoPourFixed("#h2em1","--lg--h2em1--elementFixe_javascript","--lg--h2em1--elementFixeTopRem_javascript"),o=getInfoPourFixed("#h2em2","--lg--h2em2--elementFixe_javascript","--lg--h2em2--elementFixeTopRem_javascript"),i=getInfoPourFixed("#h2tit","--lg--h2tit--elementFixe_javascript","--lg--h2tit--elementFixeTopRem_javascript"),n=getInfoPourFixed("#h2slo","--lg--h2slo--elementFixe_javascript","--lg--h2slo--elementFixeTopRem_javascript"),l=getInfoPourFixed("#h2tex","--lg--h2tex--elementFixe_javascript","--lg--h2tex--elementFixeTopRem_javascript"),r=getInfoPourFixed("#h2ban","--lg--h2ban--elementFixe_javascript","--lg--h2ban--elementFixeTopRem_javascript"),a=getInfoPourFixed("#h2log","--lg--h2log--elementFixe_javascript","--lg--h2log--elementFixeTopRem_javascript"),c=getInfoPourFixed("#c2nav","--lg--c1cen__c2nav--elementFixe_javascript","--lg--c1cen__c2nav--elementFixeTopRem_javascript"),d=getInfoPourFixed("#h1heamob","--sm--h1heamob--elementFixe_javascript","--sm--h1heamob--elementFixeTopRem_javascript");e&&(t.le_pasa||o.le_pasa||i.le_pasa||n.le_pasa||l.le_pasa||r.le_pasa||a.le_pasa||c.le_pasa||d.le_pasa)&&(setTimeout((function(){e.style.height=e.offsetHeight+"px"}),200),window.addEventListener("scroll",(function(e){setFixedElementOnScroll(t),setFixedElementOnScroll(o),setFixedElementOnScroll(i),setFixedElementOnScroll(n),setFixedElementOnScroll(l),setFixedElementOnScroll(r),setFixedElementOnScroll(a),setFixedElementOnScroll(c),setFixedElementOnScroll(d)}),!1))})),window.addEventListener("resize",(function(){document.querySelector("#h1hea")&&document.querySelector("#h1hea").removeAttribute("style"),document.querySelector("#h2em1")&&document.querySelector("#h2em1").removeAttribute("style"),document.querySelector("#h2em2")&&document.querySelector("#h2em2").removeAttribute("style"),document.querySelector("#h2tit")&&document.querySelector("#h2tit").removeAttribute("style"),document.querySelector("#h2slo")&&document.querySelector("#h2slo").removeAttribute("style"),document.querySelector("#h2tex")&&document.querySelector("#h2tex").removeAttribute("style"),document.querySelector("#h2ban")&&document.querySelector("#h2ban").removeAttribute("style"),document.querySelector("#h2log")&&document.querySelector("#h2log").removeAttribute("style"),document.querySelector("#c2nav")&&document.querySelector("#c2nav").removeAttribute("style"),document.querySelector("#h1heamob")&&document.querySelector("#h1heamob").removeAttribute("style");const e=document.querySelector("#h1hea"),t=getInfoPourFixed("#h2em1","--lg--h2em1--elementFixe_javascript","--lg--h2em1--elementFixeTopRem_javascript"),o=getInfoPourFixed("#h2em2","--lg--h2em2--elementFixe_javascript","--lg--h2em2--elementFixeTopRem_javascript"),i=getInfoPourFixed("#h2tit","--lg--h2tit--elementFixe_javascript","--lg--h2tit--elementFixeTopRem_javascript"),n=getInfoPourFixed("#h2slo","--lg--h2slo--elementFixe_javascript","--lg--h2slo--elementFixeTopRem_javascript"),l=getInfoPourFixed("#h2tex","--lg--h2tex--elementFixe_javascript","--lg--h2tex--elementFixeTopRem_javascript"),r=getInfoPourFixed("#h2ban","--lg--h2ban--elementFixe_javascript","--lg--h2ban--elementFixeTopRem_javascript"),a=getInfoPourFixed("#h2log","--lg--h2log--elementFixe_javascript","--lg--h2log--elementFixeTopRem_javascript"),c=getInfoPourFixed("#c2nav","--lg--c1cen__c2nav--elementFixe_javascript","--lg--c1cen__c2nav--elementFixeTopRem_javascript"),d=getInfoPourFixed("#h1heamob","--sm--h1heamob--elementFixe_javascript","--sm--h1heamob--elementFixeTopRem_javascript");e&&(t.le_pasa||o.le_pasa||i.le_pasa||n.le_pasa||l.le_pasa||r.le_pasa||a.le_pasa||c.le_pasa||d.le_pasa)&&(setTimeout((function(){e.style.height=e.offsetHeight+"px"}),200),window.addEventListener("scroll",(function(e){setFixedElementOnScroll(t),setFixedElementOnScroll(o),setFixedElementOnScroll(i),setFixedElementOnScroll(n),setFixedElementOnScroll(l),setFixedElementOnScroll(r),setFixedElementOnScroll(a),setFixedElementOnScroll(c),setFixedElementOnScroll(d)}),!1))}));const stopVideos=()=>{document.querySelectorAll("iframe").forEach((e=>{e.src=e.src})),document.querySelectorAll("video").forEach((e=>{e.pause()}))};let radios=document.querySelectorAll("input[type=radio]");function afficherPlusMoinsTexte(e,t){let o=0,i=0,n=0,l=0,r=0;if(1==t&&(o=document.querySelector("#id_"+e+" > .detsources"),i=document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient > .det2root > .detdescription"),n=document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient > .det2root > .detdescription > .btplusmoinstexte"),l=document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient > .det2root > .detdescription.textereduit"),r=document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient > .det2root > .detdescription.textecomplet"),o&&i&&n)){let e=o.dataset.afficherplus,t=o.dataset.affichermoins;l||0==!!l&&0==!!r?(i.classList.remove("textereduit"),i.classList.add("textecomplet"),n.innerHTML=t):r&&(i.classList.remove("textecomplet"),i.classList.add("textereduit"),n.innerHTML=e)}}function creaDet(e="",t=""){if(document.querySelector("#id_"+e+" > .detsources")&&document.querySelector("#id_"+e+" > .dethaut > .fond.premier > .lienapercu")){let o=0,i="";o=document.querySelector("#id_"+e+" > .detsources");let n=o.dataset.historique,l=o.dataset.width,r=o.dataset.height,a=o.dataset.alt,c=o.dataset.url1,d=o.dataset.url2,s=o.dataset.url3,m=o.dataset.url4,u=o.dataset.url5,g=o.dataset.urliframe,p=o.dataset.bandeau,y=o.dataset.afficherplus;o=document.querySelector("#id_"+e+" > .dethaut > .fond.premier > .lienapercu");let b=o.innerHTML,f=0,h=0;""!=c&&(f++,""!=d&&(f++,""!=s&&(f++,""!=m&&(f++,""!=u&&f++)))),""!=g&&(h=1);let _=f+h,v="",I="",x="",S="",M="",w="",E="",A="",C="",L=parseInt(window.innerWidth),j=1200,z="";if(L>=j?z="bureau":L<j&&(z="mobile"),"mobile"==n&&"bureau"==z||"bureau"==n&&"mobile"==z){Array.from(document.getElementById("id_"+e).getElementsByClassName("dynamique")).forEac
2085h((e=>{e.remove()})),document.querySelector("#id_"+e+" > .detsources").dataset.historique="vierge",n="vierge"}if("vierge"==n){"rapi"==t&&document.querySelector("#id_image_1_"+e).classList.remove("zoomactif"),document.querySelector("#id_"+e+" > .detsources").dataset.historique=z;let n=0;for(;n<f;)if(n++,1==n&&(v=c,I='<img src="'+c+'" width="'+l+'" height="'+r+'" alt="'+a+'">',x='<img src="'+c+'" width="'+l+'" height="'+r+'" alt="'+a+'"  data-numero="'+n+'" data-produitid="'+e+'" onclick="chImg(this)">',i="",_>1&&n<_&&(i+='<label class="navend dynamique" for="id_label_img_'+(n+1)+"_"+e+'">',i+='<div class="navcote">',i+='<span class="icon_angle_right_line"></span>',i+="</div>",i+="</label>"),i+='<div class="navcentre enfants'+_+' dynamique">',_>=1&&(i+=1==n?'<label for="id_label_img_1_'+e+'" class="current"></label>':'<label for="id_label_img_1_'+e+'"></label>'),_>=2&&(i+=2==n?'<label for="id_label_img_2_'+e+'" class="current"></label>':'<label for="id_label_img_2_'+e+'"></label>'),_>=3&&(i+=3==n?'<label for="id_label_img_3_'+e+'" class="current"></label>':'<label for="id_label_img_3_'+e+'"></label>'),_>=4&&(i+=4==n?'<label for="id_label_img_4_'+e+'" class="current"></label>':'<label for="id_label_img_4_'+e+'"></label>'),_>=5&&(i+=5==n?'<label for="id_label_img_5_'+e+'" class="current"></label>':'<label for="id_label_img_5_'+e+'"></label>'),_>=6&&(i+=6==n?'<label for="id_label_img_6_'+e+'" class="current"></label>':'<label for="id_label_img_6_'+e+'"></label>'),i+="</div>",o=document.querySelector("#id_label_img_1_"+e+"+ div.fond"),o.innerHTML+=i,o=document.querySelector("#id_image_1_"+e),o.style.backgroundImage="url("+c+")"),n>=2){let t;o=document.createComment("Input et image : "+n),document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("input"),o.classList.add("dynamique"),o.type="radio",o.name="id_card_"+e,o.id="id_label_img_"+n+"_"+e,document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("div"),o.classList.add("fond","dynamique"),2==n?t=d:3==n?t=s:4==n?t=m:5==n&&(t=u),i='<img src="'+t+'" width="'+l+'" height="'+r+'" alt="'+a+'"  data-numero="'+n+'" data-produitid="'+e+'" onclick="chImg(this)">',2==n?S=i:3==n?M=i:4==n?w=i:5==n&&(E=i),i='<label class="fermer" for="id_ferme_'+e+'"></label>',i+='<div class="contimage" id="id_image_'+n+"_"+e+'" onmouseover="afficheZoom(this.id);" onclick="prepareZoom(this.id)" data-urlimg="'+t+'" style="background-image: url('+t+');">',i+='<label class="croix" for="id_ferme_'+e+'">',i+='<span class="icon_bouton_croix"></span>',i+="</label>",i+="</div>",_>1&&(n>1&&(i+='<label class="navstart" for="id_label_img_'+(n-1)+"_"+e+'">',i+='<div class="navcote">',i+='<span class="icon_angle_left_line"></span>',i+="</div>",i+="</label>"),n<_&&(i+='<label class="navend" for="id_label_img_'+(n+1)+"_"+e+'">',i+='<div class="navcote">',i+='<span class="icon_angle_right_line"></span>',i+="</div>",i+="</label>")),i+='<div class="navcentre enfants'+_+'">',_>=1&&(i+=1==n?'<label for="id_label_img_1_'+e+'" class="current"></label>':'<label for="id_label_img_1_'+e+'"></label>'),_>=2&&(i+=2==n?'<label for="id_label_img_2_'+e+'" class="current"></label>':'<label for="id_label_img_2_'+e+'"></label>'),_>=3&&(i+=3==n?'<label for="id_label_img_3_'+e+'" class="current"></label>':'<label for="id_label_img_3_'+e+'"></label>'),_>=4&&(i+=4==n?'<label for="id_label_img_4_'+e+'" class="current"></label>':'<label for="id_label_img_4_'+e+'"></label>'),_>=5&&(i+=5==n?'<label for="id_label_img_5_'+e+'" class="current"></label>':'<label for="id_label_img_5_'+e+'"></label>'),_>=6&&(i+=6==n?'<label for="id_label_img_6_'+e+'" class="current"></label>':'<label for="id_label_img_6_'+e+'"></label>'),i+="</div>",i+='<label class="lienapercu" for="id_form_rapide_'+e+'">',i+=b,i+="</label>",o.innerHTML=i,document.querySelector("#id_"+e+" > .dethaut").appendChild(o)}if(1==h&&(n++,o=document.createComment("Input et Iframe"),document.querySelector("#id_"+e+" > .dethaut").appendChild(o),C='<label for="id_label_img_'+n+"_"+e+'">',C+='<svg id="id_video" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><rect width="512" height="470"></rect><path d="M395.6,69.8L325.8,0h-58.2l69.8,69.8H395.6z M23.3,0H0v69.8h93.1L23.3,0z M244.4,69.8L174.5,0h-58.2l69.8,69.8H244.4z M418.9,162.9h-93.1l69.8-69.8h-58.2l-69.8,69.8h-93.1l69.8-69.8h-58.2l-69.8,69.8H23.3l69.8-69.8H0v372.4 C0,491.1,20.9,512,46.5,512h418.9c25.7,0,46.5-20.9,46.5-46.5V93.1h-23.3L418.9,162.9z M186.2,442.2V232.7l186.2,104.7L186.2,442.2z M418.9,0l69.8,69.8H512V0H418.9z"></path></svg>',C+="</label>",o=document.createElement("input"),o.classList.add("dynamique"),o.type="radio",o.name="id_card_"+e,o.id="id_label_img_"+n+"_"+e,document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("div"),o.classList.add("fond","fondiframe","dynamique"),A='<iframe src="'+g+'?modestbranding=1&rel=0&cc_load_policy=1&iv_load_policy=3" title="'+a+'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',i='<label class="fermer" for="id_ferme_'+e+'"></label>',i+='<div class="contimage">',i+=A,i+="</div>",i+='<label class="croix" for="id_ferme_'+e+'">',i+='<span class="icon_bouton_croix"></span>',i+="</label>",_>1&&(n>1&&(i+='<label class="navstart" for="id_label_img_'+(n-1)+"_"+e+'">',i+='<div class="navcote">',i+='<span class="icon_angle_left_line"></span>',i+="</div>",i+="</label>"),n<_&&(i+='<label class="navend" for="id_label_img_'+(n+1)+"_"+e+'">',i+='<div class="navcote">',i+='<span class="icon_angle_right_line"></span>',i+="</div>",i+="</label>")),i+='<div class="navcentre enfants'+_+'">',_>=1&&(i+=1==n?'<label for="id_label_img_1_'+e+'" class="current"></label>':'<label for="id_label_img_1_'+e+'"></label>'),_>=2&&(i+=2==n?'<label for="id_label_img_2_'+e+'" class="current"></label>':'<label for="id_label_img_2_'+e+'"></label>'),_>=3&&(i+=3==n?'<label for="id_label_img_3_'+e+'" class="current"></label>':'<label for="id_label_img_3_'+e+'"></label>'),_>=4&&(i+=4==n?'<label for="id_label_img_4_'+e+'" class="current"></label>':'<label for="id_label_img_4_'+e+'"></label>'),_>=5&&(i+=5==n?'<label for="id_label_img_5_'+e+'" class="current"></label>':'<label for="id_label_img_5_'+e+'"></label>'),_>=6&&(i+=6==n?'<label for="id_label_img_6_'+e+'" class="current"></label>':'<label for="id_label_img_6_'+e+'"></label>'),i+="</div>",i+='<label class="lienapercu" for="id_form_rapide_'+e+'">',i+=b,i+="</label>",o.innerHTML=i,document.querySelector("#id_"+e+" > .dethaut").appendChild(o)),o=document.createComment("Input et Aperçu rapide"),document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("input"),o.classList.add("dynamique"),o.type="radio",o.name="id_card_"+e,o.id="id_form_rapide_"+e,document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("div"),o.classList.add("fond","formrapide","dynamique"),i='<label class="fermer" for="id_ferme_'+e+'"></label>',i+='<div class="formulaire">',i+='<div class="recipient">',i+='<div class="detimages">',i+='<label class="contimage" for="id_label_img_1_'+e+'" id="id_grande_img_'+e+'" style="background-image:url('+v+');">',i+=I,""!=p&&(i+='<div class="bandeau">
2085',i+=p,i+="</div>"),i+="</label>",(f>1||1==h)&&(i+='<div class="contminiatures">',i+=x,i+=S,i+=M,i+=w,i+=E,i+=C,i+="</div>"),i+="</div>",i+="</div>",i+='<label class="croix" for="id_ferme_'+e+'">',i+='<span class="icon_bouton_croix"></span>',i+="</label>",i+="</div>",o.innerHTML=i,document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.querySelector("#id_"+e+" > .det1root").cloneNode(!0),document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient").appendChild(o),o=document.querySelector("#id_"+e+" > .det2root").cloneNode(!0),document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient").appendChild(o),o=document.querySelector("#id_"+e+" > .dethaut > .fond.formrapide > .formulaire > .recipient > .det2root > .detdescription"),getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2cat__c3card__dethaut__inputchecked__fondformrapide__formulaire__recipient__det2root__detdescription--nombremotsminimum_javascript")&&o){let t=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2cat__c3card__dethaut__inputchecked__fondformrapide__formulaire__recipient__det2root__detdescription--nombremotsminimum_javascript")),i=o.innerHTML.split(" ");i=i.filter((e=>""!==e));let n=i.length;if(n>t&&t>0){let l="";for(let e=0;e<n;e++)e==t&&(l+='<span class="texterestant">'),l+=i[e]+" ";l+="</span>",l+='<button class="btplusmoinstexte" onclick="afficherPlusMoinsTexte('+e+',1)">'+y+"</button>",o.innerHTML=l}}o=document.createComment("Input de fermeture"),document.querySelector("#id_"+e+" > .dethaut").appendChild(o),o=document.createElement("input"),o.classList.add("dynamique"),o.type="radio",o.name="id_card_"+e,o.id="id_ferme_"+e,document.querySelector("#id_"+e+" > .dethaut").appendChild(o),"ima"==t?document.querySelector("#id_label_img_1_"+e).checked=!0:"rapi"==t&&(document.querySelector("#id_form_rapide_"+e).checked=!0)}}}function prepareZoom(e){let t=document.querySelector("#c1cen > #c2cat > .c3card > .dethaut > input:checked + .fond > #"+e+".contimage"),o=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2cat__c3card__dethaut__inputchecked__fond__contimage--zoom_javascript"));if(t&&Number.isInteger(o))if(0==!!t.classList.contains("zoomactif")){t.classList.add("zoomactif"),t.style.cursor='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgaWQ9ImlkX3pvb21vdXQiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMDEiLz48cGF0aCBkPSJNMzMuMjIxOCAzMy4yMjE4TDQxLjcwNzEgNDEuNzA3MSIgc3Ryb2tlPSJyZ2IoMjU1IDI1NSAyNTUgLyAwLjYpIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzMuMjIxOCAzMy4yMjE4TDQxLjcwNzEgNDEuNzA3MSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAxLjApIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMSAzOEMzMC4zODg4IDM4IDM4IDMwLjM4ODggMzggMjFDMzggMTEuNjExMiAzMC4zODg4IDQgMjEgNEMxMS42MTEyIDQgNCAxMS42MTEyIDQgMjFDNCAzMC4zODg4IDExLjYxMTIgMzggMjEgMzhaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTUgMjFMMjcgMjEiIHN0cm9rZT0icmdiKDAgMCAwIC8gMC44KSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") 16 16, zoom-out',t.style.backgroundPosition="center",t.style.backgroundSize="cover";let e=t.dataset.urlimg;if(e){let i=new Image;i.src=e,i.onload=()=>{let e=t.clientWidth,n=t.clientHeight,l=i.naturalWidth,r=i.naturalHeight,a=o/100;e/l>1&&e/l>=n/r?(r*=e/l,l=e):n/r>1&&n/r>e/l&&(l*=n/r,r=n),l*=a,r*=a,t.style.backgroundSize=l+"px "+r+"px"}}}else 1==!!t.classList.contains("zoomactif")&&(t.classList.remove("zoomactif"),t.style.cursor='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgaWQ9ImlkX3pvb21pbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hp
2085dGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigyNTUgMjU1IDI1NSAvIDAuNikiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigwIDAgMCAvIDEuMCkiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIxIDM4QzMwLjM4ODggMzggMzggMzAuMzg4OCAzOCAyMUMzOCAxMS42MTEyIDMwLjM4ODggNCAyMSA0QzExLjYxMTIgNCA0IDExLjYxMTIgNCAyMUM0IDMwLjM4ODggMTEuNjExMiAzOCAyMSAzOFoiIGZpbGw9IndoaXRlIiBzdHJva2U9InJnYigwIDAgMCAvIDAuOCkiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMSAxNUwyMSAyNyIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNSAyMUwyNyAyMSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") 16 16, zoom-in',t.style.backgroundPosition="center",t.style.backgroundSize="cover")}function afficheZoom(e){let t=document.querySelector("#c1cen > #c2cat > .c3card > .dethaut > input:checked + .fond > #"+e+".contimage"),o=document.querySelector("#c1cen > #c2cat > .c3card > .dethaut > input:checked + .fond > #"+e+".contimage > .croix"),i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--lg--c1cen__c2cat__c3card__dethaut__inputchecked__fond__contimage--zoom_javascript"));if(t&&o&&Number.isInteger(i)){let e=t.dataset.urlimg;if(e){let n=new Image;n.src=e,n.onload=()=>{let e=t.clientWidth,l=t.clientHeight,r=n.naturalWidth,a=n.naturalHeight,c=i/100;e/r>1&&e/r>=l/a?(a*=e/r,r=e):l/a>1&&l/a>e/r&&(r*=l/a,a=l),r*=c,a*=c,t.onmousemove=o=>{if(t.classList.contains("zoomactif")){let i=o.target.getBoundingClientRect(),n=o.clientX-i.left,c=o.clientY-i.top,d=n/(e/100)+"%",s=c/(l/100)+"%";t.style.backgroundPosition=d+" "+s,t.style.backgroundSize=r+"px "+a+"px",t.style.cursor='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgaWQ9ImlkX3pvb21vdXQiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMDEiLz48cGF0aCBkPSJNMzMuMjIxOCAzMy4yMjE4TDQxLjcwNzEgNDEuNzA3MSIgc3Ryb2tlPSJyZ2IoMjU1IDI1NSAyNTUgLyAwLjYpIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzMuMjIxOCAzMy4yMjE4TDQxLjcwNzEgNDEuNzA3MSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAxLjApIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMSAzOEMzMC4zODg4IDM4IDM4IDMwLjM4ODggMzggMjFDMzggMTEuNjExMiAzMC4zODg4IDQgMjEgNEMxMS42MTEyIDQgNCAxMS42MTEyIDQgMjFDNCAzMC4zODg4IDExLjYxMTIgMzggMjEgMzhaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTUgMjFMMjcgMjEiIHN0cm9rZT0icmdiKDAgMCAwIC8gMC44KSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") 16 16, zoom-out'}},t.onmouseleave=e=>{t.style.backgroundPosition="center",t.style.backgroundSize="cover",t.style.cursor='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgaWQ9ImlkX3pvb21pbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigyNTUgMjU1IDI1NSAvIDAuNikiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigwIDAgMCAvIDEuMCkiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIxIDM4QzMwLjM4ODggMzggMzggMzAuMzg4OCAzOCAyMUMzOCAxMS42MTEyIDMwLjM4ODggNCAyMSA0QzExLjYxMTIgNCA0IDExLjYxMTIgNCAyMUM0IDMwLjM4ODggMTEuNjExMiAzOCAyMSAzOFoiIGZpbGw9IndoaXRlIiBzdHJva2U9InJnYigwIDAgMCAvIDAuOCkiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMSAxNUwyMSAyNyIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNSAyMUwyNyAyMSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") 16 16, zoom-in',t.classList.remove("zoomactif")},o.onmousemove=e=>{t.style.backgroundPosition="center",t.style.backgroundSize="cover",t.style.cursor='url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgaWQ9ImlkX3pvb21pbiIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hp
2085dGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigyNTUgMjU1IDI1NSAvIDAuNikiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zMy4yMjE4IDMzLjIyMThMNDEuNzA3MSA0MS43MDcxIiBzdHJva2U9InJnYigwIDAgMCAvIDEuMCkiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIxIDM4QzMwLjM4ODggMzggMzggMzAuMzg4OCAzOCAyMUMzOCAxMS42MTEyIDMwLjM4ODggNCAyMSA0QzExLjYxMTIgNCA0IDExLjYxMTIgNCAyMUM0IDMwLjM4ODggMTEuNjExMiAzOCAyMSAzOFoiIGZpbGw9IndoaXRlIiBzdHJva2U9InJnYigwIDAgMCAvIDAuOCkiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yMSAxNUwyMSAyNyIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNSAyMUwyNyAyMSIgc3Ryb2tlPSJyZ2IoMCAwIDAgLyAwLjgpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==") 16 16, zoom-in',t.classList.remove("zoomactif")}}}}}function chImg(e){let t=document.querySelector("#id_grande_img_"+e.dataset.produitid),o=document.querySelector("#id_grande_img_"+e.dataset.produitid+" > img");t.style.backgroundImage="url("+o.src+")",o.style.removeProperty("opacity"),o.style.removeProperty("transition"),o.style.opacity="50%",setTimeout((()=>{o.src=e.src,o.alt=e.alt,t.htmlFor="id_label_img_"+e.dataset.numero+"_"+e.dataset.produitid,o.style.opacity="100%",o.style.transition="opacity 500ms"}),10)}function xChangeImage(e){let t=e.closest(".detimages").querySelector(".contimage"),o=e.dataset.numero,i=Array.from(t.querySelectorAll("div")).find((e=>e.dataset.numero===o));if(i){let e=i.offsetLeft-t.offsetWidth/2+i.offsetWidth/2;t.scrollTo({left:e,behavior:"smooth"})}}function xChargeImages(e){e.querySelectorAll(".lazy").forEach((e=>{e.src=e.dataset.src,e.classList.remove("lazy")}));e.querySelectorAll("[data-cache]").forEach((e=>{const t=e.getAttribute("data-cache");if(t){(new Image).src=t,e.removeAttribute("data-cache")}}))}function xChargeVideo(e){let t=e.closest(".xchargeimages").querySelector(".contimage"),o=e.dataset.numero,i=Array.from(t.querySelectorAll("div")).find((e=>e.dataset.numero===o));if(i&&i.classList.contains("xchargevideo")&&!i.querySelector("iframe")){let e=i.dataset.youtube_code,t=i.dataset.w,o=i.dataset.h,n=document.createElement("iframe");n.setAttribute("width",t),n.setAttribute("height",o),n.setAttribute("src",`https://www.youtube.com/embed/${e}`),n.setAttribute("frameborder","0"),n.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),n.setAttribute("allowfullscreen","true"),i.innerHTML="",i.appendChild(n)}}function xAfficherZoomBloquant(e){document.querySelectorAll('[id="id_image_zoom_bloquante"]').forEach((e=>e.remove())),document.querySelector("body").style.overflowY="hidden";let t=document.createElement("div");t.setAttribute("id","id_image_zoom_bloquante"),t.setAttribute("onclick","document.querySelector('body').style.overflowY = 'visible';this.remove();"),t.innerHTML='<div><span class="icon_bouton_croix"></span></div><img src="'+e+'" onload="xAjusterLeScroll(this)">',document.body.prepend(t)}function xAjusterLeScroll(e){const t=document.getElementById("id_image_zoom_bloquante");if(e.width>window.innerWidth||e.height>window.innerHeight){const o=(e.width-window.innerWidth)/2,i=(e.height-window.innerHeight)/2;t.scrollLeft=o>0?o:0,t.scrollTop=i>0?i:0}}function xAfficherPrix(e,t,o,i,n){if(i>=0&&0==o.indexOf("[")&&o.indexOf("]")>=2&&o.indexOf("]")<=19){let l=o.substring(o.indexOf("[")+1,o.indexOf("]")),r=document.querySelector(e);r&&(r.innerHTML=l);let a=document.querySelector(t);a&&(l=l.indexOf(".")>-1?(100*parseFloat(l)/(100-i)).toFixed(n)+"":l.indexOf(",")>-1?((100*parseFloat(l.replace(",","."))/(100-i)).toFixed(n)+"").replace(".",","):l.indexOf("،")>-1?((100*parseFloat(l.replace("،","."))/(100-i)).toFixed(n)+"").replace(".","،"):(100*parseInt(l)/(100-i)).toFixed(n)+"",a.innerHTML=l)}}function xChangerQte(e,t){let o=e.parentNode.querySelector("input"),i=parseInt(o.value);isNaN(i)&&(i=1),0===t?i=Math.max(i-1,1):1===t&&(i=Math.min(i+1,999)),o.value=i}function xFormaterQte(e){return(e+"").match(/^\d+$/)?e<1?value=1:e>999&&(e=999):e=1,e}function xPreparerValeur(e){let t="",o=document.querySelector(e);return o&&(t=xEncoder(o.value)),t}function xRetournerQte(e){let t=e.parentNode.querySelector('input[type="number"]').value,o=parseInt(t,10);return isNaN(o)&&(o=0),o}function xReinitialiserProduit(e,t,o,i,n){var l=document.querySelector(e);
2085if(l){var r=l.getAttribute("data-original");l.textContent=r}var a=document.querySelector(t);if(a){var c=a.getAttribute("data-original");a.textContent=c}var d=document.querySelector(o);d&&(d.selectedIndex=0);var s=document.querySelector(i);s&&(s.value="");var m=document.querySelector(n);m&&(m.value=1)}function xPreparerPanier(e){document.querySelectorAll("input[type='radio'][id^='id_form_rapide_']").forEach((function(e){e.checked=!1})),document.querySelector("body").removeAttribute("style"),"bur"==e?document.getElementById("idCheckboxFacture").checked=!0:"mob"==e&&gereHamPanRec("panier")}function xDesactiverFacture(e){var t=document.getElementById(e);t&&t.querySelectorAll("input,select,textarea,button").forEach((function(e){e.disabled=!0}))}radios.forEach((e=>e.addEventListener("change",(()=>(document.querySelectorAll("iframe").forEach((e=>{e.src=e.src})),void document.querySelectorAll("video").forEach((e=>{e.pause()}))))))),document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".xchargeimages").forEach((e=>{const t=e.querySelector(".xchargevideo");if(t){let o=t.dataset.numero;const i=()=>{xChargeImages(e),o&&xChargeVideo(t)};e.addEventListener("touchstart",i,{passive:!0}),e.addEventListener("scroll",i,{passive:!0})}}))})),document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelectorAll(".xchargeimages"),t=document.querySelectorAll(".contminiatures div");e.forEach((e=>{e.addEventListener("touchstart",(()=>{xChargeImages(e)}),{passive:!0})})),t.forEach((e=>{e.addEventListener("click",(()=>{xChangeImage(e),xChargeVideo(e)}))}))}));const DATECLIENTORIGINALE=(new Date).getTime();function initCountDown(e){(e||document).querySelectorAll(".detdelai").forEach((e=>{const t=(new Date).getTime()-DATECLIENTORIGINALE,o=(e.dataset.produitid,e.dataset.dateserveur),i=e.dataset.datelimite,n=e.dataset.delaisms,l=e.dataset.messagefin,r=e.dataset.comportement;let a=new Date(o).getTime();a+=t;let c=new Date(i).getTime()-a,d=setInterval((function(){if(c-=1e3,c>=0)!function(e,t){const o=Math.floor(t/864e5),i=Math.floor(t%864e5/36e5),n=Math.floor(t%36e5/6e4),l=Math.floor(t%6e4/1e3);e.querySelector(".jours").innerHTML=o,e.querySelector(".heures").innerHTML=i,e.querySelector(".minutes").innerHTML=n,e.querySelector(".secondes").innerHTML=l}(e,c);else if(c<0&&3==parseInt(r))c=n;else{if(clearInterval(d),0==parseInt(r)){const t=e.closest(".det1root").querySelector(".detbtnadd");t&&t.classList.add("inactif")}if(1==parseInt(r)&&(e.style.display="none"),""!=l&&(0==parseInt(r)||2==parseInt(r))){const t=e.closest(".det1root").querySelector(".detspecial");t&&(t.innerHTML=l)}}}),1e3)}))}function observeDOMChanges(){new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){(1===e.nodeType&&e.matches(".detdelai")||1===e.nodeType&&e.querySelector(".detdelai"))&&initCountDown(e)}))}))})).observe(document.body,{childList:!0,subtree:!0})}function xConstruireCarrousels(){const e=document.querySelectorAll('[id^="mi_div_"], [id^
2085="mi_ima_"], [id^="mi_vid_"]');let t={};e.forEach((e=>{const o=`w${e.offsetWidth}h${e.offsetHeight}t${e.offsetTop}l${e.offsetLeft}`;t[o]||(t[o]={elements:[],config:null,dimensions:{width:e.offsetWidth,height:e.offsetHeight,top:e.offsetTop,left:e.offsetLeft}}),t[o].elements.push(e),e.hasAttribute("data-carr")&&(t[o].config=xAnalyserOptionsCarrousel(e.getAttribute("data-carr")))})),Object.values(t).forEach((e=>{e.config&&e.elements.length>1&&xInitialiserCarrousel(e)}))}function xAnalyserOptionsCarrousel(e){const t={};return e.split(";").forEach((e=>{const[o,i]=e.split(":");t[o]=i})),t.effet=parseInt(t.effet,10),t}function xInitialiserCarrousel(e){const t=e.elements.find((e=>e.hasAttribute("data-carr"))).getAttribute("data-carrpos").split(";").reduce(((e,t)=>{const[o,i]=t.split(":");return o&&i&&(e[o.trim()]=i.trim()),e}),{}),o=document.createElement("div");o.style.position="absolute",o.style.width=t.width,o.style.height=t.height,o.style.top=t.top,o.style.left=t.left,o.style.overflow="hidden",o.classList.add("carrousel");e.elements[0].parentNode.insertBefore(o,e.elements[0]),e.elements.forEach((e=>{e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="100%",o.appendChild(e)})),xConfigurerCarrousel(o,e.elements,e.config.boutons,e.config.fleches,e.config.autoplay,parseInt(e.config.duree,10),e.config.effet)}function xConfigurerCarrousel(e,t,o,i,n,l,r){let a=t.length-1;t.forEach(((e,t)=>{e.style.position="absolute",1===r?(e.style.transition="left 0.5s linear",e.style.left=t===a?"0":"100%"):2===r&&(e.style.opacity="0",e.style.transition="opacity 0.5s ease-in-out")})),2===r&&(t[a].style.opacity="1");const c=(i="next")=>{let n;t.forEach((e=>{e.style.transition="none",e.offsetHeight})),n="number"==typeof i?i:"next"===i?(a+1)%t.length:a-1<0?t.length-1:a-1;const l=t[n];if(1===r?(l.style.left="next"===i?"100%":"-100%",l.offsetHeight,t[a].style.transition="left 0.5s linear",l.style.transition="left 0.5s linear",t[a].style.left="next"===i?"-100%":"100%",l.style.left="0"):2===r&&(t[a].style.opacity="0",setTimeout((()=>{l.style.transition="opacity 0.5s ease-in-out",l.style.opacity="1"}),50)),a=n,"bt0"!==o){let i=xAjouterBoutonsCarrousel(e,t,o,c);i&&xMajBoutonsClassCurrentCarrousel(a,i)}};if("fl0"!==i&&xAjouterFlechesCarrousel(e,a,t,c,r,i),"oui"===n){const t=1===r?1e3*l:1e3*l+500;let o=setInterval((()=>c("next")),t);e.addEventListener("mouseenter",(()=>clearInterval(o))),e.addEventListener("mouseleave",(()=>{o=setInterval((()=>c("next")),t)}))}}function xAjouterBoutonsCarrousel(e,t,o,i){if("bt0"===o)return null;const n=document.createElement("div");return n.classList.add("boutons",o),t.forEach(((e,t)=>{const o=document.createElement("div");o.addEventListener("click",(()=>i(t))),n.appendChild(o)})),e.querySelectorAll(".boutons").forEach((e=>e.remove())),e.appendChild(n),n}function xMajBoutonsClassCurrentCarrousel(e,t){t.querySelectorAll("div").forEach(((t,o)=>{t.className="",o===e&&t.classList.add("current")}))}function xAjouterFlechesCarrousel(e,t,o,i,n,l){const r=document.createElement("div");r.classList.add("fleches","gauche",l);const a=document.createElement("div");a.classList.add("fleches","droite",l),e.appendChild(r),e.appendChild(a),r.addEventListener("click",(()=>{i("prev")})),a.addEventListener("click",(()=>{i("next")}))}function xRendreDivFixe(e){document.querySelectorAll('#idhtmlcentre_bur div[id^="mi_div_"]').forEach((t=>{if(t.innerText.includes(e)){t.innerHTML=t.innerHTML.replace(e,""),t.classList.add("n_fixed_x");let o=t.parentElement;for(;o&&"relative"!==getComputedStyle(o).position;)o=o.parentElement;if(!o)return;const i=t.getBoundingClientRect().top+window.scrollY;window.addEventListener("scroll",(()=>{const e=window.scrollY;o.getBoundingClientRect();e>=i-10?(t.style.position="sticky",t.style.top="10px",t.style.zIndex="1000",t.style.maxHeight="90vh",t.style.overflowY="auto"):t.removeAttribute("style")}))}}))}document.addEventListener("DOMContentLoaded",(function(){initCountDown(),observeDOMChanges()})),xConstruireCarrousels(),xRendreDivFixe("~~~");</script>
vendor: 1 bytes, line 2085
2085
2086<script>!function(){function e(e){Array.isArray(e)||(e=[e]),function(){if(document.getElementById("kes_acc_css"))return;const e=document.createElement("style");e.id="kes_acc_css",e.textContent="\n.kes-acc-body{overflow:hidden;height:0px;transition:height 220ms ease;}\n[id^=idhtmlcentre_] > div{transition:transform 220ms ease;box-sizing:border-box;}\n.kes-acc-header{position: relative;padding-left: 2em;}\n.kes-acc-header::before{content:\"\";position:absolute;left:0;top:50%;width:2em;height:2em;transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:2em 2em;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 5.5L8 10l4.5-4.5' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");}\n.kes-acc-open .kes-acc-header::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");}\n    ",document.head.appendChild(e)}(),function(){if(document.getElementById("kes_acc_noanim_css"))return;const e=document.createElement("style");e.id="kes_acc_noanim_css",e.textContent="\nhtml.kes-acc-noanim .kes-acc-body{transition:none !important;}\nhtml.kes-acc-noanim [id^=idhtmlcentre_] > div{transition:none !important;}\n",document.head.appendChild(e)}();for(const n of e){const e=document.getElementById(n);e&&t(e)}}function t(e){if(!function(e){const t=Array.from(e.children).filter((e=>e&&1===e.nodeType&&"DIV"===e.tagName));for(const e of t){const t=e.querySelector("p:first-of-type span.c1");if(!t)continue;const n=(t.textContent||"").trim();if(/^\[acc[01]\]\s*/i.test(n))return!0}return!1}(e))return;const t=function(e){if(e.parentElement&&e.parentElement.classList&&e.parentElement.classList.contains("kes-acc-wrap"))return e.parentElement;const t=document.createElement("div");t.className="kes-acc-wrap",e.parentNode.insertBefore(t,e),t.appendChild(e),t.style.position="relative",t.style.width="100%",t.style.overflow="hidden",e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.width="100%";const n=Math.ceil(e.getBoundingClientRect().height)||0;n>0&&(t.style.height=n+"px");return t}(e);document.documentElement.classList.add("kes-acc-noanim");const n=Array.from(e.children).filter((e=>e&&1===e.nodeType&&"DIV"===e.tagName)).map((n=>{const o=getComputedStyle(n);return{el:n,topPct:parseFloat(o.top)||0,heightPct:parseFloat(o.height)||0,container:e,wrap:t}}));n.sort(((e,t)=>e.topPct-t.topPct||(e.el.id>t.el.id?1:-1)));for(const e of n){const t=e.el,s=t.querySelector("p:first-of-type span.c1");if(!s)continue;const i=(s.textContent||"").trim(),a=i.match(/^\[acc([01])\]\s*/i);if(!a)continue;if("1"===t.dataset.kesAcc)continue;const d="1"===a[1];s.textContent=i.replace(/^\[acc[01]\]\s*/i,"");const m=t.querySelector("p:first-of-type");if(!m)continue;m.classList.add("kes-acc-header"),m.setAttribute("tabindex","0");const u=Array.from(t.querySelectorAll("p")).slice(1),p=document.createElement("div");p.className="kes-acc-body";for(const e of u)p.appendChild(e);t.appendChild(p),t.dataset.kesAcc="1",c(p,n),r(t,d,!0),l(t);const h=()=>{const e=!t.classList.contains("kes-acc-open");r(t,e),l(t),f(n),o(n)};m.addEventListener("click",h),m.addEventListener("keydown",(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h())}))}d(n),f(n),a(e,t),requestAnimationFrame((()=>{requestAnimationFrame((()=>{document.documentElement.classList.remove("kes-acc-noanim"),o(n)}))})),function(e){m.includes(e)||m.push(e);if(u)return;u=!0;let t=null;window.addEventListener("resize",(()=>{clearTimeout(t),t=setTimeout((()=>{for(const e of m){for(const t of e){const e=getComputedStyle(t.el);t.topPct=parseFloat(e.top)||0,t.heightPct=parseFloat(e.height)||0}e.sort(((e,t)=>e.topPct-t.topPct||(e.el.id>t.el.id?1:-1))),d(e),f(e);const t=e[0]?.container,n=e[0]?.wrap;t&&n&&a(t,n)}}),80)}))}(n)}let n=0;function o(e){if(!e||!e.length)return;const t=++n,o=e[0].container,s=e[0].wrap,c=()=>{t===n&&(d(e),f(e),a(o,s))};requestAnimationFrame(c),setTimeout(c,260)}const s="undefined"!=typeof ResizeObserver?new ResizeObserver((e=>{for(const t of e){const e=t.target&&t.target.__kesBaseList;if(e){o(e);break}}})):null;function c(e,t){s&&e&&(e.__kesObserved||(e.__kesObserved=!0,e.__kesBaseList=t,s.observe(e)))}function i(e,t,n){let o=0;if(!e)return 0;const s=e.getBoundingClientRect();if(o=Math.max(o,s.bottom-t),n){const n=e.querySelectorAll("*");for(const e of n){const n=e.getBoundingClientRect();o=Math.max(o,n.bottom-t)}}return o}function a(e,t){if(!e||!t)return;const n=e.getBoundingClientRect(),o=n.top;let s=0;const c=Array.from(e.children).filter((e=>e&&1===e.nodeType&&"DIV"===e.tagName));for(const e of c)if("1"!==e.dataset.noheight&&(s=Math.max(s,i(e,o,!1)),"1"===e.dataset.kesAcc)){const t=e.querySelector(":scope > .kes-acc-body");t&&(s=Math.max(s,i(t,o,!0)))}if(s=Math.ceil(s)+2,s>0)t.style.height=s+"px";else{const e=Math.ceil(n.height)||0;e>0&&(t.style.height=e+"px")}}function r(e,t,n=!1){const s=e.querySelector(":scope > .kes-acc-body");if(s){if(t){s.style.height="auto";const t=s.scrollHeight;s.style.height="0px",s.offsetHeight,s.style.height=t+"px",e.classList.add("kes-acc-open")}else{const t=s.scrollHeight;s.style.height=t+"px",s.offsetHeight,s.style.height="0px",e.classList.remove("kes-acc-open")}if(document.documentElement.classList.contains("kes-acc-noanim"))e.classList.contains("kes-acc-open")&&(s.style.height="auto");else{const t=n=>{if("height"!==n.propertyName)return;s.removeEventListener("transitionend",t),e.classList.contains("kes-acc-open")&&(s.style.height="auto"),l(e);const c=s.__kesBaseList;c&&o(c)};s.addEventListener("transitionend",t)}}}function l(e){if("1"!==e.dataset.kesAcc)return;const t=e.querySelector("p:first-of-type"),n=e.querySelector(":scope > .kes-acc-body");if(!t||!n)return;const o=e.getBoundingClientRect().height,s=t.offsetHeight,c=n.scrollHeight;e.dataset.kesAccBaseH=String(o),e.dataset.kesAccHeaderH=String(s),e.dataset.kesAccBodyH=String(c)}function d(e){for(const t of e)l(t.el)}function f(e){for(const t of e)t.el.style.transform="translateY(0px)";const t=[],n=new Map;for(const o of e){const e=o.el;if("1"===e.dataset.noflow){n.set(e,0);continue}let s=0;for(const e of t)o.topPct>=e.bottomPct&&(s+=e.deltaPx);if(n.set(e,s),"1"===e.dataset.kesAcc){const n=parseFloat(e.dataset.kesAccBaseH||"0")||0,s=parseFloat(e.dataset.kesAccHeaderH||"0")||0,c=parseFloat(e.dataset.kesAccBodyH||"0")||0,i=Math.max(0,n-s);let a=0;a=e.classList.contains("kes-acc-open")?Math.max(0,c-i):-i;const r=o.topPct+o.heightPct;t.push({bottomPct:r,deltaPx:a})}}for(const t of e){const e=t.el;if("1"===e.dataset.noflow)continue;const o=n.get(e)||0;0!==o&&(e.style.transform="translateY("+o+"px)")}}const m=[];let u=!1;document.addEventListener("DOMContentLoaded",(()=>{e(["idhtmlproduit_bur","idhtmlupcateg_bur","idhtmlcentre_bur","idhtmlproduit_mob","idhtmlupcateg_mob","idhtmlcentre_mob"])})),window.kingEshopInitAccordeons=e}();</script>
vendor: 1 bytes, line 2086
2086
2087<script>async function xPartagerPage(t=null){let e=window.location.href,n=document.title;if(t){const i=t.getAttribute("data-kesshare-url"),a=t.getAttribute("data-kesshare-title");i&&(e=i),a&&(n=a)}if(navigator.share)try{await navigator.share({title:n,url:e})}catch(t){}else try{await navigator.clipboard.writeText(e),alert("The link has been copied: "+e)}catch(t){prompt("Copy this link:",e)}}function xImprimerProduit(t){const e=t.getAttribute("data-kesprint-image")||"",n=t.getAttribute("data-kesprint-nom")||"",i=t.getAttribute("data-kesprint-reference")||"",a=t.getAttribute("data-kesprint-prix")||"",o=t.getAttribute("data-kesprint-id")||"";let r="";if(""==o){const t=document.querySelector("#c1cen .detdescription");t&&(r=t.innerHTML)}else{const t=document.querySelector("#id_"+o+" .detdescription");t&&(r=t.innerHTML)}const d=window.open("","_blank","width=900,height=700");if(!d)return void alert("Unable to open the print window.");d.document.open(),d.document.write('<!DOCTYPE html>\n<html>\n<head>\n\t<meta charset="UTF-8">\n\t<title>Print Product</title>\n\t<style>\n\t\tbody{font-family: Arial, sans-serif;margin: 30px;color: #000;text-align: center;}\n\t\t.fiche{max-width: 700px;margin: 0 auto;}\n\t\t.image{margin-bottom: 25px;}\n\t\t.image img{max-width: 100%;max-height: 500px;object-fit: contain;display: block;margin: 0 auto;}\n\t\t.nom{font-size: 28px;font-weight: bold;margin: 0 0 15px 0;line-height: 1.3;}\n\t\t.info{font-size: 20px;margin: 10px 0;line-height: 1.3;}\n\t\t.libelle{font-weight: bold;}\n\t\t.description{font-size: 16px;line-height: 1.5;text-align: left;margin-top: 25px;}\n\t\t@media print{body{margin: 15px;}}\n\t</style>\n</head>\n<body>\n\t<div class="fiche" id="ficheProduit"></div>\n</body>\n</html>'),d.document.close();const l=d.document,c=l.getElementById("ficheProduit");if(!c)return void alert("Unable to build the print page.");if(""!=e){const t=l.createElement("div");t.className="image";const i=l.createElement("img");i.src=e,i.alt=n,t.appendChild(i),c.appendChild(t)}if(""!=n){const t=l.createElement("div");t.className="nom",t.textContent=n,c.appendChild(t)}if(""!=i){const t=l.createElement("div");t.className="info";const e=l.createElement("span");e.className="libelle",e.textContent=xParserUnicode("R&#233;f&#233;rence")+" :",t.appendChild(e),t.appendChild(l.createTextNode(" "+i)),c.appendChild(t)}if(""!=a){const t=l.createElement("div");t.className="info";const e=l.createElement("span");e.className="libelle",e.textContent=xParserUnicode("Prix")+" :",t.appendChild(e),t.appendChild(l.createTextNode(" "+a)),c.appendChild(t)}if(""!=r){const t=l.createElement("div");t.className="description",t.innerHTML=r,c.appendChild(t)}function s(){setTimeout((function(){d.focus(),d.print()}),200)}const p=l.querySelector("img");p?p.complete&&p.naturalWidth>0?s():(p.addEventListener("load",s,{once:!0}),p.addEventListener("error",s,{once:!0})):s()}</script>
vendor: 1 bytes, line 2087
2087
2088<script>
2089  function loadStripeScript(callback) {
2090    let script = document.createElement('script');
2091    script.src = 'https://js.stripe.com/v3/';
2092    script.defer = true;
2093    script.onload = callback;
2094    document.head.appendChild(script);
2095  }
2096  function xApiStripe(le_pk, le_id) {
2097    if (!window.Stripe) {
2098      loadStripeScript(function() {
2099        let stripe = Stripe(le_pk);
2100        stripe.redirectToCheckout({sessionId: le_id }).then(function (result) {});
2101      });
2102    } else {
2103      let stripe = Stripe(le_pk);
2104      stripe.redirectToCheckout({sessionId: le_id }).then(function (result) {});
2105    }
2106  }
2107</script>
2107
2108
2109<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
2110<style>:is(.cc-banner,.cc-window) {z-index:100000001 !important;}.cc-revoke{display:none !important;}</style>
2111<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js" defer></script>
vendor: 1 bytes, line 2111
2111
2112<script>
2113function xSupprimerTousLesCookiesSaufBasiques(){
2114    let cookies = document.cookie.split(';');
2115    for(let i=0; i < cookies.length; i++) {
2116        let equals = cookies[i].indexOf('=');
2117        let name = equals > -1 ? cookies[i].substr(0, equals) : cookies[i];
2118        name = name.trim();
2119        if(name != 'uno' && name != 'cookieconsent_status' && name != 'avantentete' && name != 'avantentetemob' && name != 'produits_display'){
2120            document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'
2121            document.cookie = name + '=;domain=www.bocalaboutons.fr;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'
2122            document.cookie = name + '=;domain=.www.bocalaboutons.fr;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'
2123            document.cookie = name + '=;domain=.bocalaboutons.fr;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'
2124            document.cookie = name + '=;domain=bocalaboutons.fr;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;'
2125        }
2126    }
2127}
2128if(xObtenirCookie('cookieconsent_status') != 'allow')
2129	xSupprimerTousLesCookiesSaufBasiques();
2130window.addEventListener('load', function(){
2131window.cookieconsent.initialise({
2132	'position': 'bottom',
2133	'theme': 'classic',
2134	'palette':{
2135			'popup':
2136						{
2137						'background': '#343c66',
2138						'text': '#cfcfe8',
2139						},
2140			'button':
2141						{
2142						'background': '#f71559',
2143						},
2144			},
2145	'content':{
2146			'message': 'En poursuivant votre navigation, vous acceptez l&#39;utilisation de cookies.<br/>Les cookies utilis&#233;s sur ce site servent &#224; s&#233;curiser et faciliter votre navigation. Ils permettent d&#39;analyser l&#39;utilisation qui est faite de ce site.',
2147			'allow': 'Je suis d&#42892;accord',
2148			'deny': 'D&#233;sactiver les cookies',
2149			'link': 'En savoir plus',
2150			'href': 'https://www.bocalaboutons.fr/Mentions-legales-cchaaaaaa.asp',
2151			},
2152	'type': 'opt-in',
2153	onStatusChange: function(status, chosenBefore)
2154		{
2155		var didConsent = this.hasConsented();
2156		if(!didConsent)
2157			{
2158			xSupprimerTousLesCookiesSaufBasiques();
2159			};
2160		},
2161	onRevokeChoice: function()
2162		{
2163		xSupprimerTousLesCookiesSaufBasiques();
2164		}
2165})});
2166</script>
2166
2167
2168
2169</body>
2170</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.