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 | Bocal à boutons</title> 15<meta name="description" content="Boutons vintage anciens en verre, nacre et métal. Mercerie ancienne pour amateurs de couture. Sé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 à coudre, ré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étal, création couture, DIY, mercerie rétro, customisation, costume d'époque, boutons sur carte, carton à boutons, confection, restauration de poupées, boutons pour vêtements de poupée, boutons rétro, accessoires couture, boutons pour tricot, fournitures cré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é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 à partir de 59 euros d'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'occasion chiné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. à 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 à 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é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 rendez-vous des amateurs de boutons Vintage et mercerie ancienne de qualité</span> 384</p> 385<p> 386</p> 387<h2> 388<span class="c2"> </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électionnons des boutons neufs en verre, nacre, métal et matières naturelles provenant de stocks de merceries et fabricants français.</span> 401</p> 402<p> 403<span class="c5">Que vous soyez passionnés de couture ou débutants, amateurs de mercerie ancienne ou collectionneurs d'objets authentiques, découvrez notre sélection unique de boutons Haute couture, boutons classiques et pièces rares.</span> 404</p> 405<p> 406<span class="c6"> Nos collections incluent des styles des années 1920 à 2000, parfaits pour restaurer des vêtements vintage ou créer des pièces contemporaines chargées de caractère.</span> 407</p> 408<p> 409<span class="c7">Redonnez vie à ces trésors d'antan en laissant libre cours à votre imagination et en apportant une touche rétro ou classique à vos piè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étal coloré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é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é anné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"> </span> 440</p> 441<p> 442</p> 443<h2> 444<span class="c2"> Actualités de la boutique</span> 445</h2> 446<p> 447</p> 448<p> 449<span class="c3">Acquisition d'un stock provenant d'une mercerie définitivement fermée en Rhône-Alpes.</span> 450</p> 451<p> 452<span class="c4">La mise en ligne de plus de 1000 références supplémentaires sur le site s'est poursuivie encore tout le mois de Mai</span> 453</p> 454<p> 455<span class="c5"> </span> 456</p> 457</div><div id="mi_div_ef7d508e22"> 458<p> 459<span class="c1">Calendrier des Puces de couturières 2026 où trouver le</span> 460</p> 461<p> 462<span class="c2"> </span> 463</p> 464<p> 465<span class="c3"> </span> 466</p> 467<p> 468<span class="c4">LEMPS (07) - Dimanche 8 Février 2026</span> 469</p> 470<p> 471<span class="c5">LORIOL (26) - Dimanche15 Février 2026</span> 472</p> 473<p> 474<span class="c6"> 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 </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 du charme et du savoir-faire d'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'époque, le bouton est considéré comme le détail ultime du vêtement qu'il soit décoratif comme fonctionnel. Son choix est essentiel et répond à différentes exigences personnelles quant à la couleur, la matière ou la forme. Le critère du prix est lié à la matière, la taille, l'époque ou la rareté.</span> 505</h2> 506<p> 507</p> 508<p> 509</p> 510<h2> 511<span class="c3">Comprendre sa diversité, c'est assurer sa longévité</span> 512</h2> 513<p> 514</p> 515</div><div id="mi_div_163b9bada3"> 516<p> 517<span class="c1"> </span> 518</p> 519</div><div id="mi_div_29def13a0b"> 520<p> 521</p> 522<h3> 523<span class="c1">L'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"> </span> 532</p> 533<p> 534<a href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp" class="c4">Comment a évolué le bouton au cours de l'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çais</span> 541</h3> 542<p> 543</p> 544<p> 545<span class="c2">L'héritage jurassien et la tabletterie Méruvienne</span> 546</p> 547<p> 548<span class="c3"> </span> 549</p> 550<p> 551<a href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp" class="c4">Où 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"> Forme, Matière, fixation comme critères de choix</span> 563</p> 564<p> 565<span class="c3"> </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'ENTRETIEN</span> 575</h3> 576<p> 577</p> 578<p> 579<span class="c2">Conseils selon la matière et astuces</span> 580<span class="c3"> </span> 581</p> 582<p> 583<span class="c4"> </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? </a> 587</p> 588</div><div id="mi_div_88c44589d5"> 589<p> 590</p> 591<h2> 592<span class="c1">Découvrez les nouveautés du BOCAL A BOUTONS pour vos loisirs créatifs</span> 593</h2> 594<p> 595</p> 596<p> 597</p> 598<h3> 599<span class="c2"> </span> 600</h3> 601<p> 602<span class="c3"> Pour visualiser l'ensemble du catalogue des produits proposés à la vente, rendez-vous directement dans la barre horizontale en haut de page présentant les 4 catégories principales de boutons ou bien utilisez la fonction "Loupe" pour affiner votre recherche par taille (ex : 14MM), par matière (ex : métal) ou par couleur (ex : rouge)</span> 603</p> 604<p> 605<span class="c4"> </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étal doré 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étal doré 20 mm Queue</div> 628 629 <div class="detreference"><span>Référence : </span>916V</div> 630 631 <div class="detprix"> 632 <div class="detnormal"><span class="montant">4,50</span><span title="Euro">€</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éférence : </span>182E</div> 671 672 <div class="detprix"> 673 <div class="detnormal"><span class="montant">3,50</span><span title="Euro">€</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étal 23mm Mé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étal 23mm Médecin militaire</div> 710 711 <div class="detreference"><span>Référence : </span>179E</div> 712 713 <div class="detprix"> 714 <div class="detnormal"><span class="montant">5,00</span><span title="Euro">€</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éférence : </span>885V</div> 753 754 <div class="detprix"> 755 <div class="detnormal"><span class="montant">3,00</span><span title="Euro">€</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éférence : </span>861V</div> 794 795 <div class="detprix"> 796 <div class="detnormal"><span class="montant">3,00</span><span title="Euro">€</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éférence : </span>123A</div> 835 836 <div class="detprix"> 837 <div class="detnormal"><span class="montant">5,00</span><span title="Euro">€</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 </span> 970</p> 971<p> 972<span class="c5">France </span> 973</p> 974<p> 975<span class="c6"> </span> 976</p> 977<p> 978<span class="c7">Téléphone :</span> 979</p> 980<p> 981<span class="c8">+33 (0)4 75 24 20 16</span> 982</p> 983<p> 984<span class="c9"> </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"> </a> 991</p> 992<p> 993<a href="https://www.manucrea.fr" class="c12">Manucré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"> </span> 1003</p> 1004</div><div id="mi_div_bae0fd56eb"> 1005<p> 1006<span class="c1">Informations</span> 1007<span class="c2"> </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"> </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"> </span> 1021</p> 1022</div><div id="mi_div_fb26a6be51"> 1023<p> 1024<span class="c1"> </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"> </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"> </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"> </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écurité</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çais</span> 1060<span class="c2"> </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"> </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éné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'entretien</span> 1074<span class="c2"> </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">" Nous chinons pour vous des boutons anciens.</span> 1087</p> 1088<p> 1089<span class="c2">Imaginez-leur une nouvelle vie!"</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é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 à partir de 69 euros d'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çais (French)" title="Franç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éatifs Creations DIY Restauration de costumes et vêtements de poupé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'occasion chiné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. à 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 à 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é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 rendez-vous des amateurs de boutons Vintage et mercerie ancienne de qualité</span> 1403</h1> 1404<p> 1405</p> 1406<p> 1407<span class="c2"> </span> 1408</p> 1409<p> 1410<span class="c3"> </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électionnons des boutons neufs en verre, nacre, métal et matières naturelles provenant de stocks de merceries et fabricants franç
1420ais. Que vous soyez passionnés de couture ou débutants, amateurs de mercerie ancienne ou collectionneurs d'objets authentiques, découvrez notre sélection unique de boutons Haute couture, boutons classiques et pièces rares.</span> 1421</p> 1422<p> 1423<span class="c6">Nos collections incluent des styles des années 1920 à 2000, parfaits pour restaurer des vêtements vintage ou créer des pièces contemporaines chargées de caractère. Redonnez vie à ces trésors d'antan en laissant libre cours à votre imagination et en apportant une touche rétro ou classique à vos piè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étal coloré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é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é anné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"> </span> 1454</p> 1455<p> 1456</p> 1457<h2> 1458<span class="c2"> Actualités de la boutique</span> 1459</h2> 1460<p> 1461</p> 1462<p> 1463<span class="c3">Après l'acquisition en Avril d'un stock provenant d'une mercerie définitivement fermée en Rhône-Alpes, l</span> 1464<span class="c4">a mise en ligne de plus de 1000 références supplémentaires sur le site s'est poursuivie encore les mois de Mai, Juin et Juillet</span> 1465</p> 1466<p> 1467<span class="c5">Visite des batiments de l'ancienne fabrique de boutons Simon Lahu à Lavans les Saint Claude au mois de Juillet</span> 1468</p> 1469<p> 1470<span class="c6"> </span> 1471</p> 1472</div><div id="mi_div_bior8ig2df"> 1473<p> 1474<span class="c1">Calendrier des Puces de couturières 2026 où trouver le</span> 1475</p> 1476<p> 1477<span class="c2"> </span> 1478</p> 1479<p> 1480<span class="c3"> </span> 1481</p> 1482<p> 1483<span class="c4"> </span> 1484</p> 1485<p> 1486<span class="c5">LORIOL (26) - Dimanche15 Février 2026</span> 1487</p> 1488<p> 1489<span class="c6"> 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"> </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 du charme et du savoir-faire d'autrefois.</span> 1517</h2> 1518<p> 1519</p> 1520<p> 1521<span class="c2">En couture ou en tricot, quelle que soit l'époque, le bouton est considéré comme le détail ultime du vêtement qu'il soit décoratif comme fonctionnel. Son choix est essentiel et répond à différentes exigences personnelles quant à la couleur, la matière ou la forme. Le critère du prix est lié à la matière, la taille, l'époque ou la rareté.</span> 1522</p> 1523<p> 1524<span class="c3">Comprendre sa diversité, c'est assurer sa longévité</span> 1525</p> 1526</div><div id="mi_div_evw5w6365g"> 1527<p> 1528</p> 1529<h3> 1530<span class="c1">L'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"> </span> 1539</p> 1540<p> 1541<a href="https://www.bocalaboutons.fr/L-Histoire-du-bouton-ccfaaaaaa.asp" class="c4">Comment a évolué le bouton au cours de l'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çais</span> 1548</h3> 1549<p> 1550</p> 1551<p> 1552<span class="c2">L'héritage jurassien et la tabletterie Méruvienne</span> 1553</p> 1554<p> 1555<span class="c3"> </span> 1556</p> 1557<p> 1558<a href="https://www.bocalaboutons.fr/Le-savoir-faire-francais-ccoaaaaaa.asp" class="c4">Où 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"> Forme, Matière, fixation comme critères de choix</span> 1570</p> 1571<p> 1572<span class="c3"> </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'ENTRETIEN</span> 1582</h3> 1583<p> 1584</p> 1585<p> 1586<span class="c2">Conseils selon la matière et astuces</span> 1587<span class="c3"> </span> 1588</p> 1589<p> 1590<span class="c4"> </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? </a> 1594</p> 1595</div><div id="mi_div_oa49gftxjk"> 1596<p> 1597</p> 1598<h2> 1599<span class="c1">Découvrez les nouveautés du BOCAL A BOUTONS pour vos loisirs créatifs</span> 1600</h2> 1601<p> 1602</p> 1603<p> 1604</p> 1605<h3> 1606<span class="c2"> </span> 1607</h3> 1608<p> 1609<span class="c3">Pour visualiser l'ensemble du catalogue des produits proposés à la vente, rendez-vous directement dans la barre horizontale en haut de page présentant les 4 catégories principales de boutons ou bien utilisez la fonction "Loupe" pour affiner votre recherche par taille (ex : 14MM), par matière (ex : métal) ou par couleur (ex : rouge)</span> 1610</p> 1611<p> 1612<span class="c4"> </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étal doré 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étal doré 20 mm Queue</div> 1635 1636 <div class="detreference"><span>Référence : </span>916V</div> 1637 1638 <div class="detprix"> 1639 <div class="detnormal"><span class="montant">4,50</span><span title="Euro">€</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éférence : </span>182E</div> 1678 1679 <div class="detprix"> 1680 <div class="detnormal"><span class="montant">3,50</span><span title="Euro">€</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étal 23mm Mé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étal 23mm Médecin militaire</div> 1717 1718 <div class="detreference"><span>Référence : </span>179E</div> 1719 1720 <div class="detprix"> 1721 <div class="detnormal"><span class="montant">5,00</span><span title="Euro">€</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éférence : </span>885V</div> 1760 1761 <div class="detprix"> 1762 <div class="detnormal"><span class="montant">3,00</span><span title="Euro">€</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éférence : </span>861V</div> 1801 1802 <div class="detprix"> 1803 <div class="detnormal"><span class="montant">3,00</span><span title="Euro">€</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éférence : </span>123A</div> 1842 1843 <div class="detprix"> 1844 <div class="detnormal"><span class="montant">5,00</span><span title="Euro">€</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"> </span> 1962</p> 1963</div><div id="mi_div_nv8jzhdi9f"> 1964<p> 1965<span class="c1">Informations</span> 1966<span class="c2"> </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 </span> 1974</p> 1975<p> 1976<span class="c3">Téléphone : +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é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"> </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"> </span> 1997</p> 1998</div><div id="mi_div_1dsezehsjc"> 1999<p> 2000<span class="c1"> </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"> </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"> </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çais</span> 2031<span class="c2"> </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écurité</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"> </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énérales de vente</span> 2045</p> 2046</a><div id="mi_div_6gxclo3yil"> 2047<p> 2048<span class="c1">" Nous chinons pour vous des boutons anciens.</span> 2049</p> 2050<p> 2051<span class="c2">Imaginez-leur une nouvelle vie!"</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'entretien</span> 2056<span class="c2"> </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é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éfé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'utilisation de cookies.<br/>Les cookies utilisés sur ce site servent à sécuriser et faciliter votre navigation. Ils permettent d'analyser l'utilisation qui est faite de ce site.', 2147 'allow': 'Je suis dꞌaccord', 2148 'deny': 'Dé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.