From b89d7932ba0a2897151310fd3b51893af14b0355 Mon Sep 17 00:00:00 2001
From: Hani Yacoub <hani.yacoub@svadmins-MBP.lan>
Date: Tue, 23 Sep 2025 16:07:18 +0300
Subject: [PATCH] CM bocage FR

---
 l10n_CM/constants/bocage/FR/bocage_ad.json |  21 ++
 l10n_CM/constants/bocage/FR/bocage_cc.json |  19 ++
 l10n_CM/region/FR.json                     |   1 +
 l10n_CM/run_l10n.py                        |   1 +
 l10n_CM/sites/bocage/FR/bocage_ad.html     | 339 +++++++++++++++++++++
 l10n_CM/sites/bocage/FR/bocage_cc.html     |   1 +
 6 files changed, 382 insertions(+)
 create mode 100644 l10n_CM/constants/bocage/FR/bocage_ad.json
 create mode 100644 l10n_CM/constants/bocage/FR/bocage_cc.json
 create mode 100644 l10n_CM/sites/bocage/FR/bocage_ad.html
 create mode 100644 l10n_CM/sites/bocage/FR/bocage_cc.html
diff --git a/l10n_CM/constants/bocage/FR/bocage_ad.json b/l10n_CM/constants/bocage/FR/bocage_ad.json
new file mode 100644
index 000000000..13c48f8d0
--- /dev/null
+++ b/l10n_CM/constants/bocage/FR/bocage_ad.json
@@ -0,0 +1,21 @@
+{
+  "url": "http://127.0.0.1:8080/bocage_ad.html",
+  "field_mapping": {
+    "given_name": "30faf3ba-3ab3-450b-bf22-3f1bbfec3bf3",
+    "family_name": "0e2a4aeb-0eb2-4b9f-9c12-023d74629b39",
+    "country": "484f456e-5267-415a-973d-90d6532311c8",
+    "street_address": "b6740652-5653-4482-9ac6-086f7d86c635",
+    "postal_code": "d7450d00-dc6b-4933-a4e9-c82bbc732c62",
+    "telephone": "0e92a9b7-cf68-4849-a83f-7bea6365f7f8"
+  },
+
+  "form_field": "*[data-moz-autofill-inspect-id='{name}']",
+  "fields": [
+    "30faf3ba-3ab3-450b-bf22-3f1bbfec3bf3",
+    "0e2a4aeb-0eb2-4b9f-9c12-023d74629b39",
+    "484f456e-5267-415a-973d-90d6532311c8",
+    "b6740652-5653-4482-9ac6-086f7d86c635",
+    "d7450d00-dc6b-4933-a4e9-c82bbc732c62",
+    "0e92a9b7-cf68-4849-a83f-7bea6365f7f8"
+  ]
+}
\ No newline at end of file
diff --git a/l10n_CM/constants/bocage/FR/bocage_cc.json b/l10n_CM/constants/bocage/FR/bocage_cc.json
new file mode 100644
index 000000000..023c8873a
--- /dev/null
+++ b/l10n_CM/constants/bocage/FR/bocage_cc.json
@@ -0,0 +1,19 @@
+{
+  "url": "http://127.0.0.1:8080/bocage_cc.html",
+  "field_mapping": {
+    "card_number": "aaa71a9b-b50f-40d7-bb11-609f37857349",
+    "name": "e6f6f562-0263-44ff-8521-110bec29d149",
+    "expiration_month": "0bb3554d-5f2f-46f5-89af-1a01d460353b",
+    "expiration_year": "f3125a45-7826-4a9e-89a0-e867a28b83ed",
+    "cvv": "8005ad13-294d-4711-8a83-9ca96e78bce9"
+},
+
+  "form_field": "*[data-moz-autofill-inspect-id='{name}']",
+  "fields": [
+    "aaa71a9b-b50f-40d7-bb11-609f37857349",
+    "e6f6f562-0263-44ff-8521-110bec29d149",
+    "0bb3554d-5f2f-46f5-89af-1a01d460353b",
+    "f3125a45-7826-4a9e-89a0-e867a28b83ed",
+    "8005ad13-294d-4711-8a83-9ca96e78bce9"
+]
+}
\ No newline at end of file
diff --git a/l10n_CM/region/FR.json b/l10n_CM/region/FR.json
index 0ebcad8a3..5cc5be589 100644
--- a/l10n_CM/region/FR.json
+++ b/l10n_CM/region/FR.json
@@ -3,6 +3,7 @@
   "sites": [
     "amazon",
     "artsper",
+    "bocage",
     "cdiscount",
     "decathlon",
     "demo",
diff --git a/l10n_CM/run_l10n.py b/l10n_CM/run_l10n.py
index a288b6dd6..753f3bfad 100644
--- a/l10n_CM/run_l10n.py
+++ b/l10n_CM/run_l10n.py
@@ -27,6 +27,7 @@
     "aveda",
     "bestbuy",
     "bijoubrigitte",
+    "bocage",
     "boohoo",
     "brico",
     "burtsbees",
diff --git a/l10n_CM/sites/bocage/FR/bocage_ad.html b/l10n_CM/sites/bocage/FR/bocage_ad.html
new file mode 100644
index 000000000..5698ad6f4
--- /dev/null
+++ b/l10n_CM/sites/bocage/FR/bocage_ad.html
@@ -0,0 +1,339 @@
+<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data:; media-src data:; style-src data: 'unsafe-inline'; font-src data:; frame-src 'self' data:"><meta http-equiv="Memento-Datetime" content="Tue, 23 Sep 2025 12:08:22 GMT"><link rel="original" href="https://www.bocage.fr/checkout/#shipping"><meta name="title" content="Commander"><meta name="robots" content="INDEX,FOLLOW"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"><meta name="format-detection" content="telephone=no"><title>Commander</title><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/mage/calendar.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/css/styles-m.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/jquery/uppy/dist/uppy-custom.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Alma_MonthlyPayments/css/alma.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Mageplaza_Core/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Mageplaza_Core/css/magnific-popup.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/styles.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/owlcarousel/owl.carousel.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/animate.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/fontawesome5.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/mgz_font.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Core/css/mgz_bootstrap.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Builder/css/openiconic.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Builder/css/styles.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_Builder/css/common.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Magezon_NinjaMenus/css/styles.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Amasty_Base/vendor/slick/amslick.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/Amasty_Rules/css/amrules.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/MageWorx_Pickup/styles.min.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/MondialRelay_Shipping/css/style.min.css"><link rel="stylesheet" type="text/css" media="screen and (min-width:768px)" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/css/styles-l.min.css"><link rel="stylesheet" type="text/css" media="print" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/css/print.min.css"><link rel="preload" as="font" crossorigin="anonymous" href="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/fonts/work-sans/WorkSans-Regular.woff2"><link rel="icon" type="image/x-icon" href="https://www.bocage.fr/media/favicon/stores/1/favicon.png"><link rel="shortcut icon" type="image/x-icon" href="https://www.bocage.fr/media/favicon/stores/1/favicon.png"><meta name="google-site-verification" content="dccAAxYt6SJ0OyW_8mtsQipmJ2caRDXPKPt9zZnuWhY"><link href="https://www.bocage.fr/media/wysiwyg/BOCAGE/css/custom.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="https://use.typekit.net/zsa4zik.css"><link rel="stylesheet" type="text/css" media="all" href="https://www.bocage.fr/media/ulmod/socialshare/configed_css/design_bocage_store_default.css"><style>@media (min-width:1260px){.magezon-builder .mgz-container{width:1260px}}</style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/leaflet.css" integrity="sha256-SHMGCYmST46SoyGgo4YR/9AlK1vf3ff84Aq9yK4hdqM=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.css" integrity="sha256-+bdWuWOXMFkX0v9Cvr3OWClPiYefDQz9GGZP/7xZxdc=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.Default.css" integrity="sha256-LWhzWaQGZRsWFrrJxg+6Zn8TT84k0/trtiHBc6qcGpY=" crossorigin="anonymous"><style type="text/css" id="CookieConsentStateDisplayStyles">.cookieconsent-optin,.cookieconsent-optin-marketing,.cookieconsent-optin-preferences,.cookieconsent-optin-statistics{display:block;display:initial}.cookieconsent-optout,.cookieconsent-optout-marketing,.cookieconsent-optout-preferences,.cookieconsent-optout-statistics{display:none}</style><style id="css_var_c8d42cf608b94b71aa6c3ee581cf14a7">.sfs{--sf-font-size:15px;--font-size:15px;--sf-fallback-font:Open Sans;--sf-custom-font:Work Sans}.sfs{--sf-primary-color:#000000;--sf-light-text-color:#ffffff;--sf-primary-color-rgb:0,0,0;--sf-primary-50:#464646}.sfs{--sf-button-border-radius:5px}.sfs .sf-layer-modal-root{--sf-layer-position-left:0px;--sf-layer-position-right:0px;--sf-layer-position-top:0px;--sf-layer-position-bottom:0px;--sf-layer-overlay-position-left:0px;--sf-layer-overlay-position-right:0px;--sf-layer-overlay-position-top:0px;--sf-layer-overlay-position-bottom:0px;--sf-layer-overlay-color:50,50,50;--sf-layer-overlay-opacity:0.8;--sf-layer-overlay-blur:0px;--sf-layer-border-radius:0px;--sf-layer-enable-border-radius:0;--sf-layer-box-shadow:none;--sf-layer-enable-opening-animation-slide:1;--sf-layer-enable-opening-animation-zoom:0;--sf-layer-opening-top:0px;--sf-layer-opening-top-mobile:0px;--sf-layer-opening-width:9999px;--sf-layer-max-width:9999px;--sf-header-height:120px;--sf-overlay-position-top:0px;--sf-overlay-position-bottom:0px;--sf-overlay-position-left:0px;--sf-overlay-position-right:0px}.sfs .sf-layer-background-root{--sf-header-color:255,255,255;--sf-header-opacity:1}</style><link type="text/css" rel="stylesheet" href="https://tag.search.sensefuel.live/tag/0f6d774a-89fe-4682-b4dc-3e7a18f7a658/layer.css?v=3.49.1" id="css_c8d42cf608b94b71aa6c3ee581cf14a7"><link rel="stylesheet" type="text/css" href="https://tag.search.sensefuel.live/tag/0f6d774a-89fe-4682-b4dc-3e7a18f7a658/all-components-vocal.css?v=3.49.1"><link rel="stylesheet" type="text/css" href="https://tag.search.sensefuel.live/tag/0f6d774a-89fe-4682-b4dc-3e7a18f7a658/vocal.css?v=3.49.1"><style>._2ufjtJLyKm1AellaIsNsM_{line-height:1}._2ufjtJLyKm1AellaIsNsM_ *{box-sizing:border-box}._2ufjtJLyKm1AellaIsNsM_,._2ufjtJLyKm1AellaIsNsM_ b,._2ufjtJLyKm1AellaIsNsM_ div,._2ufjtJLyKm1AellaIsNsM_ h5,._2ufjtJLyKm1AellaIsNsM_ img,._2ufjtJLyKm1AellaIsNsM_ p,._2ufjtJLyKm1AellaIsNsM_ span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}._2ufjtJLyKm1AellaIsNsM_ a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}._2ufjtJLyKm1AellaIsNsM_ a:hover{border:0;padding-top:0;padding-bottom:0}._2ufjtJLyKm1AellaIsNsM_{position:absolute;background:#fff;box-shadow:0 -1px 2px 0 rgba(0,0,0,.07),0 15px 35px 1px rgba(56,58,103,.1),0 5px 15px 0 rgba(62,71,92,.07);border-radius:5px;display:none;z-index:10000;min-width:310px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:12px}@media (max-width:450px){._2ufjtJLyKm1AellaIsNsM_{min-width:260px;width:100%;position:fixed;border-radius:0;left:0!important}}._2ufjtJLyKm1AellaIsNsM_ ._1v1Lr8HYGuK1GZV9Wx9lr1,._2ufjtJLyKm1AellaIsNsM_ ._1yZAM0ea53GuTJZEnchgyc,._2ufjtJLyKm1AellaIsNsM_ ._3_pgbBiIBPFvkaIJzdA5i-,._2ufjtJLyKm1AellaIsNsM_ ._3uOiw4sHKOGhD8E3TmQW4o,._2ufjtJLyKm1AellaIsNsM_ ._3xqXF3FZiOsyzI3njRYKZp,._2ufjtJLyKm1AellaIsNsM_ .iGS0xChMr-VGwepERN8qC{background:auto}._2ufjtJLyKm1AellaIsNsM_ ._1M_m9Ruhmr30E5AKMGGE5c{text-align:center;font-weight:400;line-height:16px;letter-spacing:.2px;margin:0;background:#fcfdfd;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.7);border-radius:3px 3px 0 0}._2ufjtJLyKm1AellaIsNsM_ ._2WWB_qYiOjaGwLZrXMDQCZ{margin:0;font-weight:400;font-size:14px;color:#3e475c}._2ufjtJLyKm1AellaIsNsM_ ._1M_m9Ruhmr30E5AKMGGE5c::after{content:" "}._2ufjtJLyKm1AellaIsNsM_ ._1M_m9Ruhmr30E5AKMGGE5c{padding:12px;background:rgba(242,243,248,.28);box-shadow:inset 0 -1px 0 0 rgba(000,000,000,.04),inset 0 1px 0 0 rgba(255,255,255,.81);border-radius:3px 3px 0 0}._2ufjtJLyKm1AellaIsNsM_ ._28CwxQ2U3HtIqmeL6oa74V{padding:16px 24px 24px}._2ufjtJLyKm1AellaIsNsM_ ._3xmsTfxNV7AieXWNnci4W5{background-color:#fff;min-height:78px;display:flex;margin:0 auto 20px auto;max-width:400px;min-width:320px;border-radius:5px;border:1px solid rgba(000,000,000,.08)}._2ufjtJLyKm1AellaIsNsM_ .bqA_yV3-fkG1x6c3yv7TY{border-right:1px solid rgba(000,000,000,.04);background:#f2f3f8;border-radius:3.75px 0 0 3.75px;height:76px;flex:0 0 77px;overflow:hidden;position:relative}._2ufjtJLyKm1AellaIsNsM_ .bqA_yV3-fkG1x6c3yv7TY svg{position:absolute}.BWUQ6KWzrHls_x2i8gnzB{display:none;position:absolute;height:100%;width:100%}._2ufjtJLyKm1AellaIsNsM_ ._P_XWJN8ycMVyAoIL1irV{height:76px;padding:12px 16px;flex:1 1 232px}._2ufjtJLyKm1AellaIsNsM_ ._2BUX8pGrr5ZWy_mZsJhcBl{margin:0 0 .7em 0;width:60%}._2ufjtJLyKm1AellaIsNsM_ ._3O6PYUpBq1ld581xhb3Ym5{margin:0 0 1.2em 0;width:80%}._2ufjtJLyKm1AellaIsNsM_ .knbDU91zJw2npLxzCMCvT{width:50%}._2ufjtJLyKm1AellaIsNsM_ ._2BUX8pGrr5ZWy_mZsJhcBl,._2ufjtJLyKm1AellaIsNsM_ ._3O6PYUpBq1ld581xhb3Ym5,._2ufjtJLyKm1AellaIsNsM_ .knbDU91zJw2npLxzCMCvT{height:8px;background:#e8eaf2}._2ufjtJLyKm1AellaIsNsM_ ._3Aj3w9q0nllJbghy2EmKD7{height:76px;padding:12px 16px;overflow:hidden;display:none}._2ufjtJLyKm1AellaIsNsM_ ._3iJpo4VxYgNBKVdMELKFmV{font-size:115%;padding-bottom:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._2ufjtJLyKm1AellaIsNsM_ ._3Eduup1voIqUmZjsdhbPZT{padding-bottom:8px;text-overflow:ellipsis;overflow:hidden}._2ufjtJLyKm1AellaIsNsM_ ._2N3t6MfFy19YGoc7YQw57l{display:block;text-align:center;color:#fff;padding:0 16px;font-size:11px;line-height:32px;min-height:32px;letter-spacing:1px;text-transform:uppercase;background:#1dabe1;cursor:pointer;box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(11,80,105,.11);border-radius:5px}._2ufjtJLyKm1AellaIsNsM_ ._2N3t6MfFy19YGoc7YQw57l:hover{background-color:#0296d0;text-decoration:none}._2ufjtJLyKm1AellaIsNsM_ ._2N3t6MfFy19YGoc7YQw57l.fmNTNClvlhsCZZlX881n0{background:#e1391d}._2ufjtJLyKm1AellaIsNsM_ ._2N3t6MfFy19YGoc7YQw57l.fmNTNClvlhsCZZlX881n0:hover{background-color:#d02102;text-decoration:none}._2ufjtJLyKm1AellaIsNsM_ ._1eZ8vDjupR5L7PmSY77zaU{display:none;border-radius:50%;width:32px;height:32px;border:.15em solid rgba(0,0,0,.1);border-top-color:#3e475c;margin:0 auto;animation:_38ePh6w0ONIFPLTrglaQIP 1s infinite linear}@keyframes _38ePh6w0ONIFPLTrglaQIP{from{transform:rotate(0)}to{transform:rotate(360deg)}}._2ufjtJLyKm1AellaIsNsM_ ._3ejAHWR51Qj_95RS9LD2Jk ._1eZ8vDjupR5L7PmSY77zaU{display:block}._2ufjtJLyKm1AellaIsNsM_ ._2HqD5arGsfxGMoIzbNFmiz{display:none}._2ufjtJLyKm1AellaIsNsM_ ._13EU4iH2wUp_UUj2WbDL8I{display:block}._2ufjtJLyKm1AellaIsNsM_ ._3ejAHWR51Qj_95RS9LD2Jk ._2N3t6MfFy19YGoc7YQw57l{display:none}._2ufjtJLyKm1AellaIsNsM_ ._2HqD5arGsfxGMoIzbNFmiz p{font-size:12px;margin-bottom:15px}._2ufjtJLyKm1AellaIsNsM_ ._2HqD5arGsfxGMoIzbNFmiz ._23NYd8w8ab62l9io_uj24b,._2ufjtJLyKm1AellaIsNsM_ ._2HqD5arGsfxGMoIzbNFmiz ._34ulwZNuYSPt3I5bvD8huP{display:initial}._2ufjtJLyKm1AellaIsNsM_ ._2HqD5arGsfxGMoIzbNFmiz .rRPdlcnEO0zG3cF1opDEI{margin:0 3px -4px}._2ufjtJLyKm1AellaIsNsM_ div.a_HsGm7cACPgqbhgLWoVu div._2Ai-xROXB0OIVhLVqTBjvT{display:none}._2ufjtJLyKm1AellaIsNsM_ div.a_HsGm7cACPgqbhgLWoVu div._2Ip-dAEl8H-yk0c3L303MC{display:none}</style><style>._3LIqegCiHLwp1ZpuZV_Td{line-height:1}._3LIqegCiHLwp1ZpuZV_Td *{box-sizing:border-box}._3LIqegCiHLwp1ZpuZV_Td,._3LIqegCiHLwp1ZpuZV_Td div,._3LIqegCiHLwp1ZpuZV_Td img,._3LIqegCiHLwp1ZpuZV_Td p,._3LIqegCiHLwp1ZpuZV_Td span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}._3LIqegCiHLwp1ZpuZV_Td a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}._3LIqegCiHLwp1ZpuZV_Td a:hover{border:0;padding-top:0;padding-bottom:0}._3LIqegCiHLwp1ZpuZV_Td{position:fixed!important;width:100%;z-index:16777271;pointer-events:none}.EANPJngNkAHRUvJDlcE9w{top:0}._24ZokdzpEfSoWHxDgulX5F{bottom:0}._2FayGSgu2sbuFwTJwqZGZf{text-align:right}img._3vZXpW1m6oN4Q2_BiIx7IC{display:none;height:80px;width:80px;vertical-align:top;margin-right:10px;margin-inline-end:10px;margin-inline-start:0;-webkit-margin-end:10px;-webkit-margin-start:0;flex-basis:80px;flex-shrink:0}div._1t3keJA--ELrQHHHy6tYTX{background-color:#fff;padding:25px;margin:5px auto;border-radius:5px;max-width:550px;pointer-events:auto;box-shadow:0 -1px 2px 0 rgba(0,0,0,.07),0 15px 35px 1px rgba(56,58,103,.1),0 5px 15px 0 rgba(62,71,92,.07);--batch-positivebtn-textcolor:#fff;--batch-positivebtn-bgcolor:#1dabe1;--batch-positivebtn-hover_bgcolor:#0296d0;--batch-positivebtn-fontsize:14px;--batch-negativebtn-textcolor:black;--batch-negativebtn-bgcolor:transparent;--batch-negativebtn-hover_bgcolor:rgba(0, 0, 0, 0.05);--batch-negativebtn-fontsize:14px;--batch-extrabtn-textcolor:black;--batch-extrabtn-bgcolor:transparent;--batch-extrabtn-hover_bgcolor:transparent;--batch-extrabtn-fontsize:12px}._2FayGSgu2sbuFwTJwqZGZf div._1t3keJA--ELrQHHHy6tYTX,._30rAK4Qiy6fdlGZqMv4pLn div._1t3keJA--ELrQHHHy6tYTX{display:inline-block;margin:10px}.WZ_IENz44ENdnfBF7uwMf{display:flex}div._2AK95Go2CbbiQdTmHzKpTN{margin-top:15px;text-align:right;min-height:30px;display:flex;justify-content:flex-end}._1t3keJA--ELrQHHHy6tYTX ._2AK95Go2CbbiQdTmHzKpTN ._31X1hXVlxcQ2AQ-qYno4lE{display:none}._1t3keJA--ELrQHHHy6tYTX ._2hYQUYBGPVPPF8rtNxLrLI,._1t3keJA--ELrQHHHy6tYTX ._2hYQUYBGPVPPF8rtNxLrLI:hover{padding:10px 20px;text-decoration:none;display:block;text-align:center;border-radius:5px;transition:background-color .5s ease-out}._1t3keJA--ELrQHHHy6tYTX .yzvSsEetMQyOFUlhxm33b{flex-grow:1}._1t3keJA--ELrQHHHy6tYTX ._2AK95Go2CbbiQdTmHzKpTN ._1L7WS-u3E39T1P9PgiAbis{padding:10px 0;color:#000;color:var(--batch-extrabtn-textcolor);text-decoration:underline;font-size:11px;font-size:var(--batch-extrabtn-fontsize);background:0 0;background:var(--batch-extrabtn-bgcolor);margin-right:15px;margin-inline-end:15px;margin-inline-start:0;-webkit-margin-end:15px;-webkit-margin-start:0}._1t3keJA--ELrQHHHy6tYTX ._1L7WS-u3E39T1P9PgiAbis:hover{background-color:rgba(0,0,0,.05);background-color:var(--batch-extrabtn-hover_bgcolor)}._1t3keJA--ELrQHHHy6tYTX ._3SSxXv2gMiMW3uUSeKTh_M{color:#000;color:var(--batch-negativebtn-textcolor);font-size:14px;font-size:var(--batch-negativebtn-fontsize);background:0 0;background:var(--batch-negativebtn-bgcolor);margin-right:15px;margin-inline-end:15px;margin-inline-start:0;-webkit-margin-end:15px;-webkit-margin-start:0}._1t3keJA--ELrQHHHy6tYTX ._3SSxXv2gMiMW3uUSeKTh_M:hover{background-color:rgba(0,0,0,.05);background-color:var(--batch-negativebtn-hover_bgcolor)}._1t3keJA--ELrQHHHy6tYTX ._24XiJzCen47rGhLH54PH2R{color:#fff;color:var(--batch-positivebtn-textcolor);font-size:14px;font-size:var(--batch-positivebtn-fontsize);background:#1dabe1;background:var(--batch-positivebtn-bgcolor);cursor:pointer}._1t3keJA--ELrQHHHy6tYTX ._24XiJzCen47rGhLH54PH2R:hover{background-color:var(--batch-positivebtn-hover_bgcolor)}._1t3keJA--ELrQHHHy6tYTX ._24XiJzCen47rGhLH54PH2R._1olbuxeS2dqLqITSF9Yxr5{background:#e1391d;color:#fff}._1t3keJA--ELrQHHHy6tYTX ._24XiJzCen47rGhLH54PH2R._1olbuxeS2dqLqITSF9Yxr5:hover{background-color:#d02102;color:#fff;text-decoration:none}._1t3keJA--ELrQHHHy6tYTX .J-lteDeo5OboCTeB_KRS{box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 6px 0 rgba(11,80,105,.11)}._1t3keJA--ELrQHHHy6tYTX .IHnlU-e4vw9y-rKwgDrOj{flex-grow:1;line-height:1.3;flex-shrink:1;margin-left:16px}._1t3keJA--ELrQHHHy6tYTX ._1nZIPIMRQiXXjGYp_w5cha{display:none;border-radius:50%;width:30px;height:30px;border:.15em solid rgba(0,0,0,.1);border-top-color:#3e475c;margin:0 32px 0 0;animation:_3xwR7GZjTaDm6xCmZlnk_r 1s infinite linear}._2uZiT1RIj1l7P7KHuP752S ._1nZIPIMRQiXXjGYp_w5cha{display:inline-block;position:absolute}._2uZiT1RIj1l7P7KHuP752S ._2hYQUYBGPVPPF8rtNxLrLI{visibility:hidden}@keyframes _3xwR7GZjTaDm6xCmZlnk_r{from{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:550px){div._1t3keJA--ELrQHHHy6tYTX{margin:0;border-radius:0}img._3vZXpW1m6oN4Q2_BiIx7IC{height:60px;width:60px;flex-basis:60px}div._2AK95Go2CbbiQdTmHzKpTN{flex-direction:column-reverse}._1t3keJA--ELrQHHHy6tYTX .IHnlU-e4vw9y-rKwgDrOj{font-size:90%}._1t3keJA--ELrQHHHy6tYTX ._3SSxXv2gMiMW3uUSeKTh_M{margin-top:10px;margin-right:0;margin-inline-end:0;margin-inline-start:0;-webkit-margin-end:0;-webkit-margin-start:0}._2uZiT1RIj1l7P7KHuP752S ._2AK95Go2CbbiQdTmHzKpTN{align-items:center}._2uZiT1RIj1l7P7KHuP752S ._1nZIPIMRQiXXjGYp_w5cha{margin:5px 0}._2uZiT1RIj1l7P7KHuP752S ._2hYQUYBGPVPPF8rtNxLrLI{display:none}}</style><style class="KameleoonStyleSheet" id="kameleoonStyleSheet-285046" rel="stylesheet" type="text/css" media="screen">ul.custom-attr li span.custom-attr.special-price{color:#000}</style><style class="KameleoonStyleSheet" id="kameleoonStyleSheet-332367" rel="stylesheet" type="text/css" media="screen">#kameleoonElement-livraison{background:#000;color:#fff;line-height:1.2;text-align:center;border-radius:3px;width:fit-content;padding:20px 20px;position:relative;margin-bottom:3.2rem}#kameleoonElement-livraison i{font-size:14px}#kameleoonElement-livraison span{font-weight:700}@media only screen and (max-width:768px){#kameleoonElement-livraison{position:relative;width:auto;top:inherit}}</style></head><body data-container="body" id="html-body" class="checkout-index-index page-layout-1column macOs" aria-busy="false"><div class="_3LIqegCiHLwp1ZpuZV_Td EANPJngNkAHRUvJDlcE9w" id="batchsdk-ui-alert-container" style="display:none"><div id="batchsdk-ui-alert" class="_1t3keJA--ELrQHHHy6tYTX" style="background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,&quot;--batch-positivebtn-textcolor:white;--batch-positivebtn-bgcolor:#000000;--batch-positivebtn-hover_bgcolor:#6c028c"><div id="batchsdk-ui-alert__content" class="WZ_IENz44ENdnfBF7uwMf"><img id="batchsdk-ui-alert__content__img" class="_3vZXpW1m6oN4Q2_BiIx7IC" alt="" src="https://icons.batch.com/AA5077AAF8FE45A09FF6D97B29CB5E3A/default-icon.png" style="display:initial"><span id="batchsdk-ui-alert__content__text" class="IHnlU-e4vw9y-rKwgDrOj">Affichez les notifications.<br>Découvrez l'univers Bocage, notre savoir-faire chausseur et nos collections</span></div><div id="batchsdk-ui-alert__buttons" class="_2AK95Go2CbbiQdTmHzKpTN"><a id="batchsdk-ui-alert__buttons_extra" href="" rel="noopener noreferrer" target="_blank" class="_2hYQUYBGPVPPF8rtNxLrLI _1L7WS-u3E39T1P9PgiAbis _31X1hXVlxcQ2AQ-qYno4lE" style="font-size:14px"></a><div id="batchsdk-ui-alert__buttons_spacer" class="yzvSsEetMQyOFUlhxm33b _31X1hXVlxcQ2AQ-qYno4lE"></div><a id="batchsdk-ui-alert__buttons_negative" href="" class="_2hYQUYBGPVPPF8rtNxLrLI _3SSxXv2gMiMW3uUSeKTh_M" style="font-size:14px">Non merci</a><a id="batchsdk-ui-alert__buttons_positive" href="" class="_2hYQUYBGPVPPF8rtNxLrLI _24XiJzCen47rGhLH54PH2R J-lteDeo5OboCTeB_KRS" style="font-size:14px">Oui avec plaisir !</a><div id="batchsdk-ui-alert__buttons_loader" class="_1nZIPIMRQiXXjGYp_w5cha"></div></div></div></div><div class="page-wrapper"><div class="panel wrapper"><style>#html-body [data-pb-style=PDOO67I]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#000;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div class="pre-header-block" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="PDOO67I"><div class="row-full-width-inner" data-element="inner"><div data-content-type="text" data-appearance="default" data-element="main"><p id="O2YJVEW" style="text-align:center"><span id="HD2ETXT" style="color:#fff;font-size:12px">Livraison offerte à domicile et en point relais dès 100€ d'achat</span></p></div></div></div></div><header class="page-header" style="top:29.8px"><div class="header content" data-kameleoon-dynamic-class-owhu="true" kameleoonlistener-tj0h="true"><span data-action="toggle-nav" class="action nav-toggle"><span class="is-not-active">Menu</span><span class="is-active">Fermer</span></span><a class="logo" href="https://www.bocage.fr/" title="Chaussures &amp; Accessoires Bocage pour Femme et Homme" aria-label="store logo"><img src="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/images/logo-bocage-black.svg" title="Chaussures &amp; Accessoires Bocage pour Femme et Homme" alt="Chaussures &amp; Accessoires Bocage pour Femme et Homme" width="144" height="28"></a><p class="header-secure">Paiement sécurisé</p></div></header><main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a><div class="page-title-wrapper"><h1 class="page-title"><span class="base" data-ui-id="page-title-wrapper">Commander</span></h1></div><div class="page messages"><div data-placeholder="messages"></div><div data-bind="scope: 'messages'"></div></div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="hbHk8YbqWYwQxwWn" data-moz-autofill-inspect-id="44271b81-98cf-434f-acd4-577196bb9b3b"><div id="checkout" data-bind="scope:'checkout'" class="checkout-container"><ul class="opc-progress-bar"><li class="opc-progress-bar-item _complete" data-kameleoon-dynamic-class-2d3v="true" kameleoonlistener-u15x="true"><span data-bind="i18n: 'My Cart', click: navigateToCart">Mon panier</span></li><li class="opc-progress-bar-item _active" data-bind="css: item.isVisible() ? '_active' : ($parent.isProcessed(item) ? '_complete' : '')" data-kameleoon-dynamic-class-tz5t="true" kameleoonlistener-6c5m="true"><span data-bind="i18n: item.title, click: $parent.navigateTo">Livraison</span></li><li class="opc-progress-bar-item" data-bind="css: item.isVisible() ? '_active' : ($parent.isProcessed(item) ? '_complete' : '')" data-kameleoon-dynamic-class-82cc="true" kameleoonlistener-1mh5="true"><span data-bind="i18n: item.title, click: $parent.navigateTo">Paiement</span></li></ul><div class="opc-estimated-wrapper" data-bind="blockLoader: isLoading"><div class="estimated-block"><span class="estimated-label" data-bind="i18n: 'Estimated Total'">Récapitulatif panier</span><span class="estimated-price" data-bind="text: getValue()">150,00&nbsp;€</span></div><div class="minicart-wrapper"><button type="button" class="action showcart" data-bind="click: showSidebar" data-toggle="opc-summary" data-kameleoon-dynamic-class-5yvt="true" kameleoonlistener-hcbq="true"><span class="counter qty"><span class="counter-number" data-bind="text: getQuantity()">1</span></span><span class="text-summary" data-bind="i18n: 'Summary'">Récapitulatif</span></button></div></div><div data-role="checkout-messages" class="messages" data-bind="visible: isVisible(), click: removeAll"></div><div class="opc-wrapper"><ol class="opc" id="checkoutSteps"><li id="opc-shipping_method" class="checkout-shipping-method" data-bind="fadeVisible: visible(), blockLoader: isLoading" role="presentation"><div class="checkout-shipping-method"><div class="step-title" data-role="title" data-bind="i18n: 'Choose Your Shipping Methods'">Choisissez votre mode de livraison</div><div id="kameleoonElement-livraison">Suite à une évolution technique de notre site certains modes de livraison ont dû être retirés temporairement, et ce jusqu'au mercredi 24 septembre.<b>Un délai supplémentaire de 24h à 48h concernant l'expédition de votre commande peut être à prévoir</b>. Nous sommes sincèrement désolés pour la gêne occasionnée.</div><div class="shipping-policy-block field-tooltip" data-bind="visible: config.isEnabled" style="display:none"><span class="field-tooltip-action" tabindex="0" data-toggle="dropdown" data-bind="mageInit: {'dropdown':{'activeClass': '_active'}}" aria-haspopup="true" aria-expanded="false" role="button"><span>Voir notre politique de livraison</span></span><div class="field-tooltip-content" data-target="dropdown" aria-hidden="true"><span data-bind="html: config.shippingPolicyContent"></span></div></div><div id="checkout-step-shipping_method" class="step-content" data-role="content" role="tabpanel" aria-hidden="false"><form id="co-shipping-method-form" class="form methods-shipping" novalidate="novalidate" data-bind="submit: setShippingInformation"><div id="checkout-shipping-method-load" class="shipping-method-list"><div class="shipping-method-list--item pickup-store"><div class="shipping-method-list--item-content"><div class="title title-instore"><span data-bind="i18n: 'In Store'">En boutique</span></div><table class="table-checkout-shipping-method"><thead><tr class="row"><th class="col col-method" data-bind="i18n: 'Select Method'">Choisir une méthode</th><th class="col col-price" data-bind="i18n: 'Price'">Prix</th><th class="col col-method" data-bind="i18n: 'Method Title'">Nom de la méthode</th><th class="col col-carrier" data-bind="i18n: 'Carrier Title'">Nom du transporteur</th></tr></thead><tbody><tr class="row" data-bind="css: {'is-opickup-method': method.isOpickupMethodOnMap}, attr: {'id': 'label_method_' + method.opickupMethodCodePrefix + '_' + method.carrier_code,'opickup-carrier-code': method.carrier_code, 'opickup-method-code-prefix': method.opickupMethodCodePrefix}, click: element.selectShippingMethod" id="label_method_mageworxpickup_mageworxpickup" opickup-carrier-code="mageworxpickup" opickup-method-code-prefix="mageworxpickup"><td class="col col-method"><input type="radio" class="radio" data-bind="attr: {'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
+                    'checked': element.rates().length == 1 || element.isSelected() == method.carrier_code + '_' + method.method_code}, value: method.carrier_code + '_' + method.method_code, checked: element.isSelected" aria-labelledby="label_method_mageworxpickup_mageworxpickup label_carrier_mageworxpickup_mageworxpickup" value="mageworxpickup_mageworxpickup" name="ko_unique_5" data-moz-autofill-inspect-id="ad25f0ce-9751-4020-a065-c0985812bcac"><label data-kameleoon-dynamic-class-i2pz="true" kameleoonlistener-ydo4="true"><span class="shipping-method-title" data-bind="text: method.method_title">Standard</span><span class="shipping-method-delay" data-bind="text: method.extension_attributes.delivery_time">De 2 à 5 jours</span><span class="price"><span class="price" data-bind="text: getFormattedPrice(method.price_incl_tax)">Offert</span></span><span style="display:none" class="price_excl_tax" data-bind="text: method.price_excl_tax">0</span><span style="display:none" class="price_incl_tax" data-bind="text: method.price_incl_tax">0</span></label></td></tr></tbody></table></div></div><div class="shipping-method-list--item mondial-relay"><div class="shipping-method-list--item-content"><div class="title title-mr"><span data-bind="i18n: 'In relay point'">En point relais</span></div><table class="table-checkout-shipping-method"><thead><tr class="row"><th class="col col-method" data-bind="i18n: 'Select Method'">Choisir une méthode</th><th class="col col-price" data-bind="i18n: 'Price'">Prix</th><th class="col col-method" data-bind="i18n: 'Method Title'">Nom de la méthode</th><th class="col col-carrier" data-bind="i18n: 'Carrier Title'">Nom du transporteur</th></tr></thead><tbody><tr class="row is-opickup-method" data-bind="css: {'is-opickup-method': method.isOpickupMethodOnMap}, attr: {'id': 'label_method_' + method.opickupMethodCodePrefix + '_' + method.carrier_code,'opickup-carrier-code': method.carrier_code, 'opickup-method-code-prefix': method.opickupMethodCodePrefix}, click: element.selectShippingMethod" id="label_method_pickup_ocolissimo" opickup-carrier-code="ocolissimo" opickup-method-code-prefix="pickup"><td class="col col-method"><input type="radio" class="radio" data-bind="attr: {'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
+                    'checked': element.rates().length == 1 || element.isSelected() == method.carrier_code + '_' + method.method_code}, value: method.carrier_code + '_' + method.method_code, checked: element.isSelected" aria-labelledby="label_method_pickup--id_003_ocolissimo label_carrier_pickup--id_003_ocolissimo" value="ocolissimo_pickup--id_003" name="ko_unique_6" data-moz-autofill-inspect-id="3b384e23-2f02-4ec7-962b-bb03ebfa3e56"><label data-kameleoon-dynamic-class-aa5k="true" kameleoonlistener-afp0="true"><span class="shipping-method-title" data-bind="text: method.method_title">Standard</span><span class="shipping-method-delay" data-bind="text: method.extension_attributes.delivery_time">De 2 à 5 jours</span><span class="price"><span class="price" data-bind="text: getFormattedPrice(method.price_incl_tax)">Offert</span></span><span style="display:none" class="price_excl_tax" data-bind="text: method.price_excl_tax">0</span><span style="display:none" class="price_incl_tax" data-bind="text: method.price_incl_tax">0</span><p><button type="button" class="button action opickup-choose-pickup-point" data-bind="i18n: 'Choose my pick-up point'">Choisir mon point retrait</button></p><input type="text" name="pickup_point_id" value="" style="position:absolute;width:0;height:0;opacity:0" required="" data-moz-autofill-inspect-id="be47b505-5ec8-44cb-9680-c22c905403a4" data-moz-autofill-type=""></label></td></tr></tbody></table></div></div><div class="shipping-method-list--item at-home"><div class="shipping-method-list--item-content"><div class="title title-athome"><span data-bind="i18n: 'At home'">À domicile</span></div><table class="table-checkout-shipping-method"><thead><tr class="row"><th class="col col-method" data-bind="i18n: 'Select Method'">Choisir une méthode</th><th class="col col-price" data-bind="i18n: 'Price'">Prix</th><th class="col col-method" data-bind="i18n: 'Method Title'">Nom de la méthode</th><th class="col col-carrier" data-bind="i18n: 'Carrier Title'">Nom du transporteur</th></tr></thead><tbody><tr class="row" data-bind="css: {'is-opickup-method': method.isOpickupMethodOnMap}, attr: {'id': 'label_method_' + method.opickupMethodCodePrefix + '_' + method.carrier_code,'opickup-carrier-code': method.carrier_code, 'opickup-method-code-prefix': method.opickupMethodCodePrefix}, click: element.selectShippingMethod" id="label_method_id_001_owsh1" opickup-carrier-code="owsh1" opickup-method-code-prefix="id_001"><td class="col col-method"><input type="radio" class="radio" data-bind="attr: {'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
+                    'checked': element.rates().length == 1 || element.isSelected() == method.carrier_code + '_' + method.method_code}, value: method.carrier_code + '_' + method.method_code, checked: element.isSelected" aria-labelledby="label_method_id_001_owsh1 label_carrier_id_001_owsh1" value="owsh1_id_001" name="ko_unique_7" checked="true" data-moz-autofill-inspect-id="7a8ea362-a582-4e60-94cf-f15a56527454"><label data-kameleoon-dynamic-class-a7fn="true" kameleoonlistener-hf7d="true"><span class="shipping-method-title" data-bind="text: method.method_title">Standard</span><span class="shipping-method-delay" data-bind="text: method.extension_attributes.delivery_time">De 2 à 5 jours</span><span class="price"><span class="price" data-bind="text: getFormattedPrice(method.price_incl_tax)">Offert</span></span><span style="display:none" class="price_excl_tax" data-bind="text: method.price_excl_tax">0</span><span style="display:none" class="price_incl_tax" data-bind="text: method.price_incl_tax">0</span></label></td></tr></tbody></table></div></div></div><div id="onepage-checkout-shipping-method-additional-load"><div id="opickup-popup" style="display:none"><div class="opickup-content-popup"><div id="opickup-map-container" class="opickup-map-container"><div id="opickup-map-loader" data-bind="blockLoader: loading.isLoading"></div><div id="opickup-map"></div><div id="opickup-pickup-point-info"></div></div><div id="opickup-text-container" class="opickup-left-block"><h2 data-bind="i18n: 'Find relais point'">Trouver un point relais</h2><div class="fieldset"><div class="field required"><div class="opickup-input-group"><input id="opickup-search-input" class="input-text opickup-search-input" type="text" data-bind="attr: {placeholder: $t('Search address, city, postcode, country…')}" placeholder="Adresse, ville, code postal, pays…" data-moz-autofill-inspect-id="4ca9c978-b989-4f1c-9d4e-904204c81039" data-moz-autofill-type="address-line1"><button id="opickup-search-btn" class="action primary" type="button" data-bind="click: function(){$data.searchField.loadPickupPoints()}, i18n: 'Search'">Rechercher</button></div><div class="opickup__or" data-bind="i18n: 'or'">ou</div><a href="#" class="opickup-my-position action primary alt" data-bind="click: findMe.locateMe, i18n: 'My Position'">Ma position</a></div></div><div id="opickup-error" class="error"></div><ul id="opickup-pickup-point-list"></ul></div></div></div><div id="mageworx-location-checkout-chooser" class="mw-store-locator-locations" data-bind="if: isPickupSelected(), visible: isVisible"></div></div></form></div></div></li><li id="shipping" class="checkout-shipping-address" data-bind="fadeVisible: isShowShippingAddressForm()" style=""><div class="step-title" data-role="title" data-bind="i18n: 'Your Shipping Address'">Votre adresse de livraison</div><div id="checkout-step-shipping" class="step-content" data-role="content"><form class="form form-login" data-role="email-with-possible-login" data-bind="submit:login" method="post" novalidate="novalidate"><fieldset id="customer-email-fieldset" class="fieldset" data-bind="blockLoader: isLoading"><div class="field required"><label class="label" for="customer-email"><span data-bind="i18n: 'Email Address'">Adresse email</span></label><div class="control _with-tooltip"><input class="input-text" type="email" data-bind="
+                            textInput: email,
+                            hasFocus: emailFocused,
+                            afterRender: emailHasChanged,
+                            mageInit: {'mage/trim-input':{}}" name="username" data-validate="{required:true, 'validate-email':true}" id="customer-email" aria-required="true" data-moz-autofill-inspect-id="ec792c9d-c861-43dd-b8d7-bdd6778f59bf" data-moz-autofill-type="email"><div class="field-tooltip toggle"><span class="label" data-bind="attr: { id: $data.tooltipId ? $data.tooltipId : 'tooltip-label' }" id="tooltip-label"><span>Info-bulle</span></span><span class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="
+                mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}},
+                attr: { 'aria-labelledby': $data.tooltipId ? $data.tooltipId : 'tooltip-label' }
+            " aria-labelledby="tooltip-label" aria-haspopup="true" aria-expanded="false" role="button"></span><div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">Nous vous enverrons votre confirmation de commande ici.</div></div><span class="note" data-bind="fadeVisible: isPasswordVisible() == false"><span>Vous pourrez créer un compte après avoir passé votre commande.</span></span></div></div><fieldset class="fieldset hidden-fields" data-bind="fadeVisible: isPasswordVisible" style="display:none"><div class="field toggle-password"><label class="label" for="customer-password"><span data-bind="i18n: 'Password'">Mot de passe</span></label><div class="control"><input class="input-text" data-bind="
+                                attr: {
+                                    placeholder: $t('Password'),
+                                }" type="password" name="password" id="customer-password" data-validate="{required:true}" autocomplete="off" placeholder="Mot de passe" data-moz-autofill-inspect-id="fa721843-02ca-4f4f-bc3a-a8d205493edf"><div class="icone-toggle-password" data-bind="afterRender: togglePasswordVisibility"></div><span class="note" data-bind="i18n: 'You already have an account with us. Sign in or continue as guest.'">Vous possédez déjà un compte. Connectez-vous ou continuez en tant qu’invité.</span></div></div><input name="captcha_form_id" type="hidden" data-bind="value: formId,  attr: {'data-scope': dataScope}" value="user_login" data-scope="" data-moz-autofill-inspect-id="6003d21c-dd5c-43c9-9683-b2fe8adc8d06"><div class="actions-toolbar"><input name="context" type="hidden" value="checkout" data-moz-autofill-inspect-id="f7838d1d-f74a-44ce-9fe1-abe8eefab11e"><div class="primary"><button type="submit" class="action login primary" data-action="checkout-method-login"><span data-bind="i18n: 'Login'">Se connecter</span></button></div><div class="secondary"><a class="action remind" data-bind="attr: { href: forgotPasswordUrl }" href="https://www.bocage.fr/customer/account/forgotpassword/"><span data-bind="i18n: 'Forgot Your Password?'">Mot de passe oublié ?</span></a></div></div></fieldset></fieldset></form><form class="form form-shipping-address" id="co-shipping-form" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="*Champs requis"><div id="shipping-new-address-form" class="fieldset address"><div class="field prefix-checkout _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.prefix"><label class="label" data-bind="attr: { for: element.uid }" for="K2U8R6K"><span data-bind="i18n: element.label">Civilité</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><fieldset class="admin__field prefix-checkout _required" data-bind="css: $data.additionalClasses, attr: {'data-config-scope': $data.scopeLabel, 'data-index': index}, visible: visible" data-index="prefix"><legend class="admin__field-label" data-bind="attr: {for: uid}" for="K2U8R6K"><span data-bind="text: label">Civilité</span></legend><div class="admin__field-control" data-bind="css: {'_with-tooltip': $data.tooltip}"><div class="admin__field admin__field-option"><input data-bind="css: {
+                    'admin__control-radio': !$parent.multiple,
+                    'admin__control-checkbox': $parent.multiple}, attr: {
+                    id: ++ko.uid,
+                    value: value,
+                    type: $parent.multiple ? 'checkbox' : 'radio'}, checked: $parent.value, disable: $parent.disabled" class="admin__control-radio" id="1" value="Mme" type="radio" name="ko_unique_1" data-moz-autofill-inspect-id="3ac2e2ab-e726-4ef6-b1df-a4e74d6e94b4"><label class="admin__field-label" data-bind="attr: {for: ko.uid}, text: label" for="1">Mme</label></div><div class="admin__field admin__field-option"><input data-bind="css: {
+                    'admin__control-radio': !$parent.multiple,
+                    'admin__control-checkbox': $parent.multiple}, attr: {
+                    id: ++ko.uid,
+                    value: value,
+                    type: $parent.multiple ? 'checkbox' : 'radio'}, checked: $parent.value, disable: $parent.disabled" class="admin__control-radio" id="2" value="Mr" type="radio" name="ko_unique_2" data-moz-autofill-inspect-id="8daf22ff-3154-4016-8fea-e812dae4a208"><label class="admin__field-label" data-bind="attr: {for: ko.uid}, text: label" for="2">Mr</label></div></div></fieldset></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.firstname"><label class="label" data-bind="attr: { for: element.uid }" for="XOC6V64"><span data-bind="i18n: element.label">Prénom</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="firstname" aria-required="true" aria-invalid="false" id="XOC6V64" data-moz-autofill-inspect-id="30faf3ba-3ab3-450b-bf22-3f1bbfec3bf3" data-moz-autofill-type="given-name"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.lastname"><label class="label" data-bind="attr: { for: element.uid }" for="LUQBXFR"><span data-bind="i18n: element.label">Nom</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="lastname" aria-required="true" aria-invalid="false" id="LUQBXFR" data-moz-autofill-inspect-id="0e2a4aeb-0eb2-4b9f-9c12-023d74629b39" data-moz-autofill-type="family-name"></div></div><fieldset class="field street admin__control-fields" data-bind="css: additionalClasses"><legend class="label"><span data-bind="i18n: element.label"></span></legend><div class="control"><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.street.0"><label class="label" data-bind="attr: { for: element.uid }" for="YSYIB56"><span data-bind="i18n: element.label">Adresse</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="street[0]" aria-required="true" aria-invalid="false" id="YSYIB56" data-moz-autofill-inspect-id="b6740652-5653-4482-9ac6-086f7d86c635" data-moz-autofill-type="address-line1"></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.street.1"><label class="label" data-bind="attr: { for: element.uid }" for="RRYYB07"><span data-bind="i18n: element.label">Complément d'adresse</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="street[1]" aria-invalid="false" id="RRYYB07" data-moz-autofill-inspect-id="6e520db4-fc95-42e3-81f0-008a3ebcc864" data-moz-autofill-type="address-line2"></div></div></div></fieldset><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.postcode"><label class="label" data-bind="attr: { for: element.uid }" for="TEQQYJ3"><span data-bind="i18n: element.label">Code postal</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="postcode" aria-required="true" aria-invalid="false" id="TEQQYJ3" data-moz-autofill-inspect-id="d7450d00-dc6b-4933-a4e9-c82bbc732c62" data-moz-autofill-type="postal-code"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.city"><label class="label" data-bind="attr: { for: element.uid }" for="LVCB181"><span data-bind="i18n: element.label">Ville</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="city" id="LVCB181" aria-required="true" aria-invalid="false" data-moz-autofill-inspect-id="4f30a7d2-cd8b-4e2c-98ca-33705129bb4a" data-moz-autofill-type="address-level2"></select></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.country_id"><label class="label" data-bind="attr: { for: element.uid }" for="NCL3TAH"><span data-bind="i18n: element.label">Pays</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="country_id" id="NCL3TAH" aria-required="true" aria-invalid="false" data-moz-autofill-inspect-id="484f456e-5267-415a-973d-90d6532311c8" data-moz-autofill-type="country"><option data-title="France" value="FR">France</option></select></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" style="display:none" name="shippingAddress.region_id"><label class="label" data-bind="attr: { for: element.uid }" for="LFEUEY9"><span data-bind="i18n: element.label">État/Province</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="region_id" id="LFEUEY9" aria-invalid="false" data-moz-autofill-inspect-id="49af5ee2-eae4-47a5-a9d4-d4626df3acf0" data-moz-autofill-type="address-level1"><option value="">Veuillez choisir un pays, une région ou une province</option><option data-title="Ain" value="544">Ain</option><option data-title="Aisne" value="547">Aisne</option><option data-title="Allier" value="550">Allier</option><option data-title="Alpes-de-Haute-Provence" value="553">Alpes-de-Haute-Provence</option><option data-title="Alpes-Maritimes" value="559">Alpes-Maritimes</option><option data-title="Ardèche" value="562">Ardèche</option><option data-title="Ardennes" value="565">Ardennes</option><option data-title="Ariège" value="568">Ariège</option><option data-title="Aube" value="571">Aube</option><option data-title="Aude" value="574">Aude</option><option data-title="Aveyron" value="577">Aveyron</option><option data-title="Bas-Rhin" value="745">Bas-Rhin</option><option data-title="Bouches-du-Rhône" value="580">Bouches-du-Rhône</option><option data-title="Calvados" value="583">Calvados</option><option data-title="Cantal" value="586">Cantal</option><option data-title="Charente" value="589">Charente</option><option data-title="Charente-Maritime" value="592">Charente-Maritime</option><option data-title="Cher" value="595">Cher</option><option data-title="Corrèze" value="598">Corrèze</option><option data-title="Corse-du-Sud" value="601">Corse-du-Sud</option><option data-title="Côte-d'Or" value="607">Côte-d'Or</option><option data-title="Côtes-d'Armor" value="610">Côtes-d'Armor</option><option data-title="Creuse" value="613">Creuse</option><option data-title="Deux-Sèvres" value="781">Deux-Sèvres</option><option data-title="Dordogne" value="616">Dordogne</option><option data-title="Doubs" value="619">Doubs</option><option data-title="Drôme" value="622">Drôme</option><option data-title="Essonne" value="817">Essonne</option><option data-title="Eure" value="625">Eure</option><option data-title="Eure-et-Loir" value="628">Eure-et-Loir</option><option data-title="Finistère" value="631">Finistère</option><option data-title="Gard" value="634">Gard</option><option data-title="Gers" value="640">Gers</option><option data-title="Gironde" value="643">Gironde</option><option data-title="Haut-Rhin" value="748">Haut-Rhin</option><option data-title="Haute-Corse" value="604">Haute-Corse</option><option data-title="Haute-Garonne" value="637">Haute-Garonne</option><option data-title="Haute-Loire" value="673">Haute-Loire</option><option data-title="Haute-Marne" value="700">Haute-Marne</option><option data-title="Haute-Saône" value="754">Haute-Saône</option><option data-title="Haute-Savoie" value="766">Haute-Savoie</option><option data-title="Haute-Vienne" value="805">Haute-Vienne</option><option data-title="Hautes-Alpes" value="556">Hautes-Alpes</option><option data-title="Hautes-Pyrénées" value="739">Hautes-Pyrénées</option><option data-title="Hauts-de-Seine" value="820">Hauts-de-Seine</option><option data-title="Hérault" value="646">Hérault</option><option data-title="Ille-et-Vilaine" value="649">Ille-et-Vilaine</option><option data-title="Indre" value="652">Indre</option><option data-title="Indre-et-Loire" value="655">Indre-et-Loire</option><option data-title="Isère" value="658">Isère</option><option data-title="Jura" value="661">Jura</option><option data-title="Landes" value="664">Landes</option><option data-title="Loir-et-Cher" value="667">Loir-et-Cher</option><option data-title="Loire" value="670">Loire</option><option data-title="Loire-Atlantique" value="676">Loire-Atlantique</option><option data-title="Loiret" value="679">Loiret</option><option data-title="Lot" value="682">Lot</option><option data-title="Lot-et-Garonne" value="685">Lot-et-Garonne</option><option data-title="Lozère" value="688">Lozère</option><option data-title="Maine-et-Loire" value="691">Maine-et-Loire</option><option data-title="Manche" value="694">Manche</option><option data-title="Marne" value="697">Marne</option><option data-title="Mayenne" value="703">Mayenne</option><option data-title="Meurthe-et-Moselle" value="706">Meurthe-et-Moselle</option><option data-title="Meuse" value="709">Meuse</option><option data-title="Monaco" value="2578">Monaco</option><option data-title="Morbihan" value="712">Morbihan</option><option data-title="Moselle" value="715">Moselle</option><option data-title="Nièvre" value="718">Nièvre</option><option data-title="Nord" value="721">Nord</option><option data-title="Oise" value="724">Oise</option><option data-title="Orne" value="727">Orne</option><option data-title="Outre-Mer" value="2575">Outre-Mer</option><option data-title="Paris" value="769">Paris</option><option data-title="Pas-de-Calais" value="730">Pas-de-Calais</option><option data-title="Puy-de-Dôme" value="733">Puy-de-Dôme</option><option data-title="Pyrénées-Atlantiques" value="736">Pyrénées-Atlantiques</option><option data-title="Pyrénées-Orientales" value="742">Pyrénées-Orientales</option><option data-title="Rhône" value="751">Rhône</option><option data-title="Saône-et-Loire" value="757">Saône-et-Loire</option><option data-title="Sarthe" value="760">Sarthe</option><option data-title="Savoie" value="763">Savoie</option><option data-title="Seine-et-Marne" value="775">Seine-et-Marne</option><option data-title="Seine-Maritime" value="772">Seine-Maritime</option><option data-title="Seine-Saint-Denis" value="823">Seine-Saint-Denis</option><option data-title="Somme" value="784">Somme</option><option data-title="Tarn" value="787">Tarn</option><option data-title="Tarn-et-Garonne" value="790">Tarn-et-Garonne</option><option data-title="Territoire-de-Belfort" value="814">Territoire-de-Belfort</option><option data-title="Val-d'Oise" value="829">Val-d'Oise</option><option data-title="Val-de-Marne" value="826">Val-de-Marne</option><option data-title="Var" value="793">Var</option><option data-title="Vaucluse" value="796">Vaucluse</option><option data-title="Vendée" value="799">Vendée</option><option data-title="Vienne" value="802">Vienne</option><option data-title="Vosges" value="808">Vosges</option><option data-title="Yonne" value="811">Yonne</option><option data-title="Yvelines" value="778">Yvelines</option></select></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" style="display:none" name="shippingAddress.region"><label class="label" data-bind="attr: { for: element.uid }" for="USOHH3S"><span data-bind="i18n: element.label">État/Province</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="region" aria-invalid="false" id="USOHH3S" data-moz-autofill-inspect-id="e41e1f16-e379-4726-81a9-856431f66c40" data-moz-autofill-type="address-level1"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.telephone"><label class="label" data-bind="attr: { for: element.uid }" for="CMDJLMJ"><span data-bind="i18n: element.label">Numéro de téléphone</span></label><div class="control _with-tooltip" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="telephone" aria-describedby="notice-CMDJLMJ" aria-required="true" aria-invalid="false" id="CMDJLMJ" data-moz-autofill-inspect-id="0e92a9b7-cf68-4849-a83f-7bea6365f7f8" data-moz-autofill-type="tel"><div class="field-tooltip toggle"><span class="label" data-bind="attr: { id: $data.tooltipId ? $data.tooltipId : 'tooltip-label' }" id="tooltip-CMDJLMJ"><span>Info-bulle</span></span><span class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="
+                mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}},
+                attr: { 'aria-labelledby': $data.tooltipId ? $data.tooltipId : 'tooltip-label' }
+            " aria-labelledby="tooltip-CMDJLMJ" aria-haspopup="true" aria-expanded="false" role="button"></span><div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">Pour des questions sur la livraison :</div></div><div class="field-note" data-bind="attr: { id: element.noticeId }" id="notice-CMDJLMJ"><span data-bind="text: element.notice">N° mobile, sans espace ni tiret ni point</span></div></div></div></div></form><div class="step-title step-title-billing" data-role="title" data-bind="i18n: 'Your Billing Address'">Votre adresse de facturation</div><div id="billing-address-container"><div class="billing-address-same-as-shipping-block field choice"><input type="checkbox" name="billing-address-same-as-shipping" data-bind="checked: isAddressSameAsShipping, click: useShippingAddress, attr: {id: 'billing-address-same-as-shipping-shared'}" id="billing-address-same-as-shipping-shared" data-moz-autofill-inspect-id="4923604f-1fef-4291-b0ff-aef25601a9ad"><label data-bind="attr: {for: 'billing-address-same-as-shipping-shared'}" for="billing-address-same-as-shipping-shared"><span data-bind="i18n: 'Billing address is same as Delivery address (uncheck if you wish to use difference address).'">Utiliser la même adresse que pour la livraison.</span></label></div><div class="form-billing-address" data-bind="visible: isShowBillingForm" style="display:none"><div class="checkout-billing-address"><div class="billing-address-form" data-bind="fadeVisible: isAddressFormVisible"><fieldset id="billing-new-address-form" class="fieldset address"><div class="field prefix-checkout _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.prefix"><label class="label" data-bind="attr: { for: element.uid }" for="UW5U6D1"><span data-bind="i18n: element.label">Civilité</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><fieldset class="admin__field prefix-checkout _required" data-bind="css: $data.additionalClasses, attr: {'data-config-scope': $data.scopeLabel, 'data-index': index}, visible: visible" data-index="prefix"><legend class="admin__field-label" data-bind="attr: {for: uid}" for="UW5U6D1"><span data-bind="text: label">Civilité</span></legend><div class="admin__field-control" data-bind="css: {'_with-tooltip': $data.tooltip}"><div class="admin__field admin__field-option"><input data-bind="css: {
+                    'admin__control-radio': !$parent.multiple,
+                    'admin__control-checkbox': $parent.multiple}, attr: {
+                    id: ++ko.uid,
+                    value: value,
+                    type: $parent.multiple ? 'checkbox' : 'radio'}, checked: $parent.value, disable: $parent.disabled" class="admin__control-radio" id="3" value="Mme" type="radio" name="ko_unique_3" data-moz-autofill-inspect-id="ea514253-732e-4159-8e0c-828d480822e7"><label class="admin__field-label" data-bind="attr: {for: ko.uid}, text: label" for="3">Mme</label></div><div class="admin__field admin__field-option"><input data-bind="css: {
+                    'admin__control-radio': !$parent.multiple,
+                    'admin__control-checkbox': $parent.multiple}, attr: {
+                    id: ++ko.uid,
+                    value: value,
+                    type: $parent.multiple ? 'checkbox' : 'radio'}, checked: $parent.value, disable: $parent.disabled" class="admin__control-radio" id="4" value="Mr" type="radio" name="ko_unique_4" data-moz-autofill-inspect-id="4cf62e3c-ccf9-402f-a91f-6d7060821b9a"><label class="admin__field-label" data-bind="attr: {for: ko.uid}, text: label" for="4">Mr</label></div></div></fieldset></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.firstname"><label class="label" data-bind="attr: { for: element.uid }" for="QHN173X"><span data-bind="i18n: element.label">Prénom</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="firstname" aria-required="true" aria-invalid="false" id="QHN173X" data-moz-autofill-inspect-id="4348d46d-dd90-4a5e-befc-fec9201d7f68" data-moz-autofill-type="given-name"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.lastname"><label class="label" data-bind="attr: { for: element.uid }" for="W4DALO7"><span data-bind="i18n: element.label">Nom</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="lastname" aria-required="true" aria-invalid="false" id="W4DALO7" data-moz-autofill-inspect-id="7d1d8d2b-81cc-46e2-b0be-5b5307f6003b" data-moz-autofill-type="family-name"></div></div><fieldset class="field street admin__control-fields" data-bind="css: additionalClasses"><legend class="label"><span data-bind="i18n: element.label"></span></legend><div class="control"><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.street.0"><label class="label" data-bind="attr: { for: element.uid }" for="ARYLIM1"><span data-bind="i18n: element.label">Adresse</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="street[0]" aria-required="true" aria-invalid="false" id="ARYLIM1" data-moz-autofill-inspect-id="b25ac46d-9a25-4b9a-b0df-d6f12fc58344" data-moz-autofill-type="address-line1"></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.street.1"><label class="label" data-bind="attr: { for: element.uid }" for="OJR1B88"><span data-bind="i18n: element.label">Complément d'adresse</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="street[1]" aria-invalid="false" id="OJR1B88" data-moz-autofill-inspect-id="810dd361-fb6b-49bc-b8c2-e0960b0ff4c9" data-moz-autofill-type="address-line2"></div></div></div></fieldset><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.postcode"><label class="label" data-bind="attr: { for: element.uid }" for="F9PU9GR"><span data-bind="i18n: element.label">Code postal</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="postcode" aria-required="true" aria-invalid="false" id="F9PU9GR" data-moz-autofill-inspect-id="b9ef4e16-7ddb-48b2-b82e-4fccff7c8602" data-moz-autofill-type="postal-code"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.city"><label class="label" data-bind="attr: { for: element.uid }" for="G6UGG9D"><span data-bind="i18n: element.label">Ville</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="city" id="G6UGG9D" aria-required="true" aria-invalid="false" data-moz-autofill-inspect-id="ce051e2a-5f40-4dde-b542-486ac29a477c" data-moz-autofill-type="address-level2"></select></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.country_id"><label class="label" data-bind="attr: { for: element.uid }" for="SKPIYI8"><span data-bind="i18n: element.label">Pays</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="country_id" id="SKPIYI8" aria-required="true" aria-invalid="false" data-moz-autofill-inspect-id="1ca802da-5964-4269-bb86-335db4837c4b" data-moz-autofill-type="country"><option data-title="France" value="FR">France</option></select></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" style="display:none" name="billingAddress.region_id"><label class="label" data-bind="attr: { for: element.uid }" for="UB6QNKE"><span data-bind="i18n: element.label">État/Province</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><select class="select" data-bind="
+    attr: {
+        name: inputName,
+        id: uid,
+        disabled: disabled,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        placeholder: placeholder
+    },
+    hasFocus: focused,
+    optgroup: options,
+    value: value,
+    optionsCaption: caption,
+    optionsValue: 'value',
+    optionsText: 'label',
+    optionsAfterRender: function(option, item) {
+        if (item &amp;&amp; item.disabled) {
+            ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
+        }
+    }" name="region_id" id="UB6QNKE" aria-invalid="false" data-moz-autofill-inspect-id="5cf6b07d-f158-4653-b675-c138d0612187" data-moz-autofill-type="address-level1"><option value="">Veuillez choisir un pays, une région ou une province</option><option data-title="Ain" value="544">Ain</option><option data-title="Aisne" value="547">Aisne</option><option data-title="Allier" value="550">Allier</option><option data-title="Alpes-de-Haute-Provence" value="553">Alpes-de-Haute-Provence</option><option data-title="Alpes-Maritimes" value="559">Alpes-Maritimes</option><option data-title="Ardèche" value="562">Ardèche</option><option data-title="Ardennes" value="565">Ardennes</option><option data-title="Ariège" value="568">Ariège</option><option data-title="Aube" value="571">Aube</option><option data-title="Aude" value="574">Aude</option><option data-title="Aveyron" value="577">Aveyron</option><option data-title="Bas-Rhin" value="745">Bas-Rhin</option><option data-title="Bouches-du-Rhône" value="580">Bouches-du-Rhône</option><option data-title="Calvados" value="583">Calvados</option><option data-title="Cantal" value="586">Cantal</option><option data-title="Charente" value="589">Charente</option><option data-title="Charente-Maritime" value="592">Charente-Maritime</option><option data-title="Cher" value="595">Cher</option><option data-title="Corrèze" value="598">Corrèze</option><option data-title="Corse-du-Sud" value="601">Corse-du-Sud</option><option data-title="Côte-d'Or" value="607">Côte-d'Or</option><option data-title="Côtes-d'Armor" value="610">Côtes-d'Armor</option><option data-title="Creuse" value="613">Creuse</option><option data-title="Deux-Sèvres" value="781">Deux-Sèvres</option><option data-title="Dordogne" value="616">Dordogne</option><option data-title="Doubs" value="619">Doubs</option><option data-title="Drôme" value="622">Drôme</option><option data-title="Essonne" value="817">Essonne</option><option data-title="Eure" value="625">Eure</option><option data-title="Eure-et-Loir" value="628">Eure-et-Loir</option><option data-title="Finistère" value="631">Finistère</option><option data-title="Gard" value="634">Gard</option><option data-title="Gers" value="640">Gers</option><option data-title="Gironde" value="643">Gironde</option><option data-title="Haut-Rhin" value="748">Haut-Rhin</option><option data-title="Haute-Corse" value="604">Haute-Corse</option><option data-title="Haute-Garonne" value="637">Haute-Garonne</option><option data-title="Haute-Loire" value="673">Haute-Loire</option><option data-title="Haute-Marne" value="700">Haute-Marne</option><option data-title="Haute-Saône" value="754">Haute-Saône</option><option data-title="Haute-Savoie" value="766">Haute-Savoie</option><option data-title="Haute-Vienne" value="805">Haute-Vienne</option><option data-title="Hautes-Alpes" value="556">Hautes-Alpes</option><option data-title="Hautes-Pyrénées" value="739">Hautes-Pyrénées</option><option data-title="Hauts-de-Seine" value="820">Hauts-de-Seine</option><option data-title="Hérault" value="646">Hérault</option><option data-title="Ille-et-Vilaine" value="649">Ille-et-Vilaine</option><option data-title="Indre" value="652">Indre</option><option data-title="Indre-et-Loire" value="655">Indre-et-Loire</option><option data-title="Isère" value="658">Isère</option><option data-title="Jura" value="661">Jura</option><option data-title="Landes" value="664">Landes</option><option data-title="Loir-et-Cher" value="667">Loir-et-Cher</option><option data-title="Loire" value="670">Loire</option><option data-title="Loire-Atlantique" value="676">Loire-Atlantique</option><option data-title="Loiret" value="679">Loiret</option><option data-title="Lot" value="682">Lot</option><option data-title="Lot-et-Garonne" value="685">Lot-et-Garonne</option><option data-title="Lozère" value="688">Lozère</option><option data-title="Maine-et-Loire" value="691">Maine-et-Loire</option><option data-title="Manche" value="694">Manche</option><option data-title="Marne" value="697">Marne</option><option data-title="Mayenne" value="703">Mayenne</option><option data-title="Meurthe-et-Moselle" value="706">Meurthe-et-Moselle</option><option data-title="Meuse" value="709">Meuse</option><option data-title="Monaco" value="2578">Monaco</option><option data-title="Morbihan" value="712">Morbihan</option><option data-title="Moselle" value="715">Moselle</option><option data-title="Nièvre" value="718">Nièvre</option><option data-title="Nord" value="721">Nord</option><option data-title="Oise" value="724">Oise</option><option data-title="Orne" value="727">Orne</option><option data-title="Outre-Mer" value="2575">Outre-Mer</option><option data-title="Paris" value="769">Paris</option><option data-title="Pas-de-Calais" value="730">Pas-de-Calais</option><option data-title="Puy-de-Dôme" value="733">Puy-de-Dôme</option><option data-title="Pyrénées-Atlantiques" value="736">Pyrénées-Atlantiques</option><option data-title="Pyrénées-Orientales" value="742">Pyrénées-Orientales</option><option data-title="Rhône" value="751">Rhône</option><option data-title="Saône-et-Loire" value="757">Saône-et-Loire</option><option data-title="Sarthe" value="760">Sarthe</option><option data-title="Savoie" value="763">Savoie</option><option data-title="Seine-et-Marne" value="775">Seine-et-Marne</option><option data-title="Seine-Maritime" value="772">Seine-Maritime</option><option data-title="Seine-Saint-Denis" value="823">Seine-Saint-Denis</option><option data-title="Somme" value="784">Somme</option><option data-title="Tarn" value="787">Tarn</option><option data-title="Tarn-et-Garonne" value="790">Tarn-et-Garonne</option><option data-title="Territoire-de-Belfort" value="814">Territoire-de-Belfort</option><option data-title="Val-d'Oise" value="829">Val-d'Oise</option><option data-title="Val-de-Marne" value="826">Val-de-Marne</option><option data-title="Var" value="793">Var</option><option data-title="Vaucluse" value="796">Vaucluse</option><option data-title="Vendée" value="799">Vendée</option><option data-title="Vienne" value="802">Vienne</option><option data-title="Vosges" value="808">Vosges</option><option data-title="Yonne" value="811">Yonne</option><option data-title="Yvelines" value="778">Yvelines</option></select></div></div><div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" style="display:none" name="billingAddress.region"><label class="label" data-bind="attr: { for: element.uid }" for="N6PYE4X"><span data-bind="i18n: element.label">État/Province</span></label><div class="control" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="region" aria-invalid="false" id="N6PYE4X" data-moz-autofill-inspect-id="6ef96682-545a-475e-a366-177cf27f6e8b" data-moz-autofill-type="address-level1"></div></div><div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddress.telephone"><label class="label" data-bind="attr: { for: element.uid }" for="E28G7BX"><span data-bind="i18n: element.label">Numéro de téléphone</span></label><div class="control _with-tooltip" data-bind="css: {'_with-tooltip': element.tooltip}"><input class="input-text" type="text" data-bind="
+    value: value,
+    valueUpdate: 'keyup',
+    hasFocus: focused,
+    attr: {
+        name: inputName,
+        placeholder: placeholder,
+        'aria-describedby': getDescriptionId(),
+        'aria-required': required,
+        'aria-invalid': error() ? true : 'false',
+        id: uid,
+        disabled: disabled
+    }" name="telephone" aria-describedby="notice-E28G7BX" aria-required="true" aria-invalid="false" id="E28G7BX" data-moz-autofill-inspect-id="7bd0f1eb-6827-495c-8eee-13a355415efe" data-moz-autofill-type="tel"><div class="field-tooltip toggle"><span class="label" data-bind="attr: { id: $data.tooltipId ? $data.tooltipId : 'tooltip-label' }" id="tooltip-E28G7BX"><span>Info-bulle</span></span><span class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="
+                mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}},
+                attr: { 'aria-labelledby': $data.tooltipId ? $data.tooltipId : 'tooltip-label' }
+            " aria-labelledby="tooltip-E28G7BX" aria-haspopup="true" aria-expanded="false" role="button"></span><div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">Pour des questions sur la livraison :</div></div><div class="field-note" data-bind="attr: { id: element.noticeId }" id="notice-E28G7BX"><span data-bind="text: element.notice">N° mobile, sans espace ni tiret ni point</span></div></div></div></fieldset></div></div></div></div></div></li><li class="checkout-shipping-method" data-bind="fadeVisible: isShowShippingAddressForm()" style=""><div class="actions-toolbar" id="shipping-method-buttons-container"><div class="primary"><button data-role="opc-continue" data-bind="click: setShippingInformation" class="button action continue primary" data-kameleoon-dynamic-class-2bum="true" kameleoonlistener-xy1c="true"><span data-bind="i18n: 'Validate my shipping method'">Valider mon mode de livraison</span></button></div></div></li><li id="payment" role="presentation" class="checkout-payment-method" data-bind="fadeVisible: isVisible" style="display:none"><div id="checkout-step-payment" class="step-content" data-role="content" role="tabpanel" aria-hidden="false"><form id="co-payment-form" class="form payments" novalidate="novalidate"><input data-bind="attr: {value: getFormKey()}" type="hidden" name="form_key" value="hbHk8YbqWYwQxwWn" data-moz-autofill-inspect-id="2d1658ca-230a-48d7-9a5b-fde47eb75d65"><fieldset class="fieldset"><legend class="legend"><span data-bind="i18n: 'Payment Information'">Informations de paiement</span></legend><input name="captcha_form_id" type="hidden" data-bind="value: formId,  attr: {'data-scope': dataScope}" value="payment_processing_request" data-scope="" data-moz-autofill-inspect-id="6581c903-3c18-4fbe-8977-8bfaa795439e"><div id="checkout-payment-method-load" class="opc-payment" data-bind="visible: isPaymentMethodsAvailable" style="display:none" kameleoonlistener-cy6v="true"><div class="no-payments-block" data-bind="i18n: 'No Payment Methods'">Aucun mode de paiement</div></div><div class="no-quotes-block" data-bind="visible: isPaymentMethodsAvailable() == false"><span>Aucune méthode de paiement disponible.</span></div><div class="payment-option opc-payment-additional rewardpoints" id="reward_placer" data-bind="visible: isAvailable()" style="display:none"><div class="payment-option-title"><span data-bind="i18n: 'Reward points'">Points de fidélité</span></div><div class="payment-option-content field choice"><div class="payment-option-inner"><span data-bind="html: $t(label)">points fidélité disponibles</span></div><div class="actions-toolbar" id="reward-points-buttons-container"><div class="primary"><button data-role="opc-use-reward" class="action action-use" data-bind="click: useRewardPoints"><span><span>Utiliser les points de fidélité</span></span></button></div></div></div></div></fieldset></form></div></li></ol></div><aside role="dialog" class="modal-custom opc-sidebar opc-summary-wrapper custom-slide" aria-describedby="modal-content-8" data-role="modal" data-type="custom" tabindex="0"><div data-role="focusable-start" tabindex="0"></div><div class="modal-inner-wrap" data-role="focusable-scope"><header class="modal-header"><button class="action-close" data-role="closeBtn" type="button"><span>Fermer</span></button></header><div id="modal-content-8" class="modal-content" data-role="content"><div id="opc-sidebar" data-bind="afterRender:setModalElement, mageInit: {
+    'Magento_Ui/js/modal/modal':{
+        'type': 'custom',
+        'modalClass': 'opc-sidebar opc-summary-wrapper',
+        'wrapperClass': 'checkout-container',
+        'parentModalClass': '_has-modal-custom',
+        'responsive': true,
+        'responsiveClass': 'custom-slide',
+        'overlayClass': 'modal-custom-overlay',
+        'buttons': []
+    }}"><div class="opc-block-summary" data-bind="blockLoader: isLoading"><span data-bind="i18n: 'Summary'" class="title">Récapitulatif</span><div class="block items-in-cart"><div class="content minicart-items" data-role="content"><div class="minicart-items-wrapper"><ol class="minicart-items"><li class="product-item"><div class="product"><span class="product-image-container" data-bind="attr: {'style': 'height: ' + getHeight($parents[1])/2 + 'px; width: ' + getWidth($parents[1])/2 + 'px;' }" style="height:106px;width:91px"><span class="product-image-wrapper"><img data-bind="attr: {'src': getSrc($parents[1]), 'width': getWidth($parents[1]), 'height': getHeight($parents[1]), 'alt': getAlt($parents[1]), 'title': getAlt($parents[1]) }" loading="lazy" src="https://www.bocage.fr/media/catalog/product/W/W/WWWBOC_20384450157_0.jpg?width=182&amp;height=212&amp;canvas=182,212&amp;optimize=medium&amp;bg-color=255,255,255&amp;fit=bounds" width="182" height="212" alt="Mocassin Cassidi noir" title="Mocassin Cassidi noir"></span></span><div class="product-item-details"><div class="product-item-inner"><div class="product-item-name-block"><strong class="product-item-name" data-bind="html: getNameUnsanitizedHtml($parent)">Mocassin Cassidi noir</strong><div class="details-qty"><span class="label"><span>Quantité</span></span><span class="value" data-bind="text: $parent.qty">1</span></div></div><div class="subtotal"><span class="price-including-tax" data-bind="attr:{'data-label': $t('Incl. Tax')}" data-label="Taxe incluse"><span class="cart-price"><span class="price" data-bind="text: getFormattedPrice(getRowDisplayPriceInclTax($parents[2]))">150,00&nbsp;€</span></span></span></div></div><div class="product options" data-bind="mageInit: {'collapsible':{'openedState': 'active'}}" data-collapsible="true" role="tablist"><span data-role="title" class="toggle" role="tab" aria-selected="false" aria-expanded="false" tabindex="0"><span>Voir plus de détails</span></span><div data-role="content" class="content" role="tabpanel" aria-hidden="true" style="display:none"><dl class="item-options"><dt class="label" data-bind="text: label">Coloris</dt><dd class="values" data-bind="html: valueUnsanitizedHtml">Noir</dd><dt class="label" data-bind="text: label">Pointure</dt><dd class="values" data-bind="html: valueUnsanitizedHtml">40</dd></dl></div></div></div></div></li></ol></div></div></div><table class="data table table-totals"><caption class="table-caption" data-bind="i18n: 'Order Summary'">Résumé de la commande</caption><tbody><tr class="totals sub"><th data-bind="i18n: title" class="mark" scope="row">Sous-total</th><td class="amount"><span class="price" data-bind="text: getValueInclTax(), attr: {'data-th': title}" data-th="Sous-total">150,00&nbsp;€</span></td></tr><tr class="grand totals"><th class="mark" scope="row"><strong data-bind="i18n: title">Total</strong></th><td data-bind="attr: {'data-th': title}" class="amount" data-th="Total"><strong><span class="price" data-bind="text: getValue()">150,00&nbsp;€</span></strong></td></tr></tbody></table></div><div class="opc-block-shipping-information"></div></div></div></div><div data-role="focusable-end" tabindex="0"></div></aside></div></div></div></main><footer class="page-footer"><style>#html-body [data-pb-style=GA5KB8R],#html-body [data-pb-style=HS8B7JJ]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=HS8B7JJ]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=GA5KB8R]{align-self:stretch}#html-body [data-pb-style=PINPSUS]{display:flex;width:100%}#html-body [data-pb-style=F3CUEU0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=S9VEMX6]{border-style:none}#html-body [data-pb-style=R2E983J]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=PYJXGUA]{border-style:none}#html-body [data-pb-style=OFSSW7I]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=VVBMK8C]{border-style:none}#html-body [data-pb-style=A37PP68]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=N42TTL6]{border-style:none}#html-body [data-pb-style=MCO7SVG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}@media only screen and (max-width:768px){#html-body [data-pb-style=N42TTL6],#html-body [data-pb-style=PYJXGUA],#html-body [data-pb-style=S9VEMX6],#html-body [data-pb-style=VVBMK8C]{border-style:none}}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="reinssurance" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="HS8B7JJ"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GA5KB8R"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PINPSUS"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F3CUEU0"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="S9VEMX6"><a href="https://bocage.fr/retours" target="" data-link-type="default" data-title="" data-element="link"><picture><source media="(max-width:767px)" srcset="https://www.bocage.fr/media/wysiwyg/Retours.png" data-element="source_srcset"><img src="https://www.bocage.fr/media/wysiwyg/Retours.png" alt="Retours gratuits" data-title="" loading="lazy" data-element="desktop_image"></picture></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><h5><a tabindex="0" href="https://bocage.fr/retours">Retours gratuits</a></h5></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="R2E983J"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="PYJXGUA"><a href="https://bocage.fr/paiement" target="" data-link-type="default" data-title="" data-element="link"><picture><source media="(max-width:767px)" srcset="https://www.bocage.fr/media/wysiwyg/Cadena.png" data-element="source_srcset"><img src="https://www.bocage.fr/media/wysiwyg/Cadena.png" alt="Paiement" data-title="" loading="lazy" data-element="desktop_image"></picture></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><h5><a tabindex="0" href="https://bocage.fr/paiement">Paiement sécurisé</a></h5><p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="OFSSW7I"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="VVBMK8C"><a href="https://bocage.fr/livraison" target="" data-link-type="default" data-title="" data-element="link"><picture><source media="(max-width:767px)" srcset="https://www.bocage.fr/media/wysiwyg/Livraison.png" data-element="source_srcset"><img src="https://www.bocage.fr/media/wysiwyg/Livraison.png" alt="Livraison" data-title="" loading="lazy" data-element="desktop_image"></picture></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><h5><a tabindex="0" href="https://bocage.fr/livraison">Livraison gratuite</a></h5><p>&nbsp;</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="A37PP68"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="N42TTL6"><a href="https://assistance.bocage.fr/hc/fr/requests/new" target="_blank" data-link-type="default" data-title="" data-element="link"><picture><source media="(max-width:767px)" srcset="https://www.bocage.fr/media/wysiwyg/SAV.png" data-element="source_srcset"><img src="https://www.bocage.fr/media/wysiwyg/SAV.png" alt="Formulaire de contact" data-title="" loading="lazy" data-element="desktop_image"></picture></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><h5><a tabindex="0" href="https://assistance.bocage.fr/hc/fr/requests/new" target="_blank" rel="noopener">Service client</a></h5><p style="line-height:24px"><span style="font-size:14px"><a tabindex="0" href="https://assistance.bocage.fr/hc/fr/requests/new" target="_blank" rel="noopener">Formulaire de contact</a></span></p><p style="line-height:14px"><a tabindex="0" href="tel:02%2041%2071%2074%2000">02 41 71 74 00</a></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MCO7SVG"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>.fab.mgz-fa-magento:before,.fas.mgz-fa-at:before,.fas.mgz-fa-bomb:before,.mgz-fa-caret-right:before{display:none;font-size:0}.mgz-fa-caret-right+span,.mgz-tab-nav.serif-italic>a>span,.nav-item.serif-italic>a>span{font-family:span,serif;font-style:italic}.mgz-tab-nav.italic>a>span,.nav-item.italic>a>span{font-style:italic}.fab.mgz-fa-magento+span,.mgz-tab-nav.serif>a>span,.nav-item.serif>a>span{font-family:span,serif}.fas.mgz-fa-at+span,.mgz-tab-nav.red>a>span,.nav-item.red>a>span{color:#be0005}.fas.mgz-fa-bomb+span,.mgz-tab-nav.bold>a>span,.nav-item.bold>a>span{font-weight:600}.reinssurance .pagebuilder-column-group .pagebuilder-column{max-width:24rem}</style></div></div></div><div class="footer content"></div><div class="bottom-footer"><small class="copyright"><span>© BOCAGE</span></small><style>#html-body [data-pb-style=C0YT1P0],#html-body [data-pb-style=XFWI9F0]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=C0YT1P0]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XFWI9F0]{align-self:stretch}#html-body [data-pb-style=AVNQX0Y]{display:flex;width:100%}#html-body [data-pb-style=BP934BA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="C0YT1P0"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XFWI9F0"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AVNQX0Y"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BP934BA"><div data-content-type="text" data-appearance="default" data-element="main"><ul><li><a id="NL48P3W" tabindex="0" href="https://www.bocage.fr/gestion-des-cookies">Gestion des cookies</a></li><li><a tabindex="0" href="https://www.bocage.fr/media/wysiwyg/BOCAGE/PDF/CGV.pdf" target="_blank" rel="noopener">Conditions générales de ventes</a></li><li><a tabindex="0" href="https://www.bocage.fr/media/wysiwyg/BOCAGE/PDF/CGU.pdf" target="_blank" rel="noopener">CGU</a></li><li><a tabindex="0" href="https://www.bocage.fr/mentions-legales">Mentions légales</a></li><li><a tabindex="0" href="https://www.bocage.fr/politique-protection-des-donnees">Politique de protection des données&nbsp;</a></li><li><a tabindex="0" href="https://www.bocage.fr/mentions-legales-promotions">*Promotions&nbsp;</a></li></ul></div></div></div></div></div></div></div></footer><div class="amgdpr-privacy-policy" id="amgdpr-privacy-popup"></div><div class="ampromo-overlay" data-role="ampromo-overlay"><div class="ampromo-items-content" data-ampromo-js="items-content"><div class="ampromo-close" data-role="ampromo-popup-hide"></div><h2>Choisissez votre cadeau</h2><div class="ampromo-popup-container" data-ampromo-js="popup-container"></div></div></div></div><iframe style="display:none;position:absolute;width:1px;height:1px;top:-9999px" name="__uspapiLocator" tabindex="-1" role="presentation" aria-hidden="true" title="Blank" data-moz-autofill-inspect-id="c74b8703-86cc-46e9-8842-d24837d3341b"></iframe><iframe style="position:absolute;width:1px;height:1px;top:-9999px" tabindex="-1" role="presentation" aria-hidden="true" title="Blank" src="consentcdn.cookiebot.com/0.html" data-moz-autofill-inspect-id="825c03dc-7734-4ec3-9fa9-f35048fcd990"></iframe><img id="CookiebotSessionPixel" src="https://imgsct.cookiebot.com/1.gif?dgi=acc43b6b-1f63-49fd-8109-f2807b45d84e" alt="Cookiebot session tracker icon loaded" data-cookieconsent="ignore" style="display:none"><style>@import url('https://fonts.googleapis.com/css2?family=Source+Sans Pro:wght@300;400;700&display=swap');div.widget_24714_-706699:empty{display:inherit}</style><iframe height="0" width="0" style="display:none;visibility:hidden" data-moz-autofill-inspect-id="ba6e273b-674e-4698-a346-363f33bee2a4" srcdoc="&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;iframe height=&amp;quot;0&amp;quot; width=&amp;quot;0&amp;quot; style=&amp;quot;display: none; visibility: hidden;&amp;quot; src=&amp;quot;https://www.googletagmanager.com/static/service_worker/5940/sw_iframe.html?origin=https%3A%2F%2Fwww.bocage.fr&amp;quot; data-moz-autofill-inspect-id=&amp;quot;4cbce8ba-f18a-4672-9188-907074f55f36&amp;quot;&gt;&lt;/iframe&gt;&lt;/body&gt;&lt;/html&gt;"></iframe><div style="display:none;visibility:hidden"></div><iframe height="0" width="0" style="display:none;visibility:hidden" data-moz-autofill-inspect-id="03de8d9f-807a-4680-9e4b-9e657c5b9e56" srcdoc="&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;iframe height=&amp;quot;0&amp;quot; width=&amp;quot;0&amp;quot; style=&amp;quot;display: none; visibility: hidden;&amp;quot; src=&amp;quot;https://gtm.bocage.fr/_/service_worker/5940/sw_iframe.html?origin=https%3A%2F%2Fwww.bocage.fr&amp;amp;1p=1&amp;quot; data-moz-autofill-inspect-id=&amp;quot;7cd2f7fd-a87a-4dfd-b1c8-8a80fca2482b&amp;quot;&gt;&lt;/iframe&gt;&lt;/body&gt;&lt;/html&gt;"></iframe><div class="modals-wrapper"><aside role="dialog" class="modal-slide mageworx-modal-location" aria-describedby="modal-content-7" data-role="modal" data-type="slide" tabindex="0"><div data-role="focusable-start" tabindex="0"></div><div class="modal-inner-wrap" data-role="focusable-scope"><header class="modal-header"><button class="action-close" data-role="closeBtn" type="button"><span>Fermer</span></button></header><div id="modal-content-7" class="modal-content" data-role="content"><div id="locationPopup" class="modal" style=""><div class="modal-content"><div id="mw-store-locator-locations" class="mw-store-locator-locations"><div class="mw-sl__content mw-sl__content--static mw-sl__content-filter mw-sl__content--map-right"><div class="current_page_type" id="checkout_index_index"></div><div class="current_product" id=""></div><div class="mw-left-block"><h2 class="sl-pickup-title">Trouvez votre boutique</h2><div class="mw-sl__search mw-sl__search--choose-location" id="mw-sl__search"><div class="mw-sl__search-form-content"><span id="mw_location_current_location_info" style="display:none">France, Île-de-France,</span><div class="mw-sl__input"><input name="search_text" class="mw-sl__input__control" id="mw-sl_search_text" type="text" placeholder="Ville, Code postal..." data-moz-autofill-inspect-id="70906020-e9b3-445e-8871-1091973bef6f" data-moz-autofill-type="tel-extension"><button class="mw-search-reset" type="reset"><span class="button-label">Réinitialiser</span></button><div class="mw-sl__input__backdrop"></div></div><div class="mw-sl__search__footer"><button id="mw-sl_search_button" class="mw-sl__search__submit"><span class="button-label">Rechercher</span></button></div><div class="mw-sl__search__controls"><input type="hidden" name="current_product" value="" data-moz-autofill-inspect-id="fbb23737-cce2-4dc3-a816-9707cc563864"> <input type="hidden" id="search-location-current-id" name="current_id" value="" data-moz-autofill-inspect-id="a4f0cffc-09aa-4b06-85c2-a9426583b69e"><div class="mw-sl__or">ou</div><div id="mw-sl_search_current-location" class="mw-sl__search__current-location"><a id="use_location"><i class="mw-sl__icon mw-sl__icon--location"><img src="https://www.bocage.fr/static/version1758614959/frontend/Bocage/base/fr_FR/MageWorx_StoreLocator/images/svg/location.svg" alt="Location icon"></i>Géolocalisez-moi</a></div><div class="mw-sl__search__radius"><p class="mw-sl__search__text">Radius to search</p><select id="radius-select" name="radius" class="mw-sl__select" data-moz-autofill-inspect-id="f480a743-2e86-4025-ba95-77d13d77c723" data-moz-autofill-type=""><option value="25">25 km</option><option value="50" selected="">50 km</option><option value="100">100 km</option><option value="0">Toutes les boutiques</option></select></div></div><input id="mw-sl__lat" name="autocomplete[lat]" type="hidden" value="0" data-moz-autofill-inspect-id="45247574-532b-43de-b48d-dd0a19ae5e79"> <input id="mw-sl__lng" name="autocomplete[lng]" type="hidden" value="0" data-moz-autofill-inspect-id="77d306e2-8d6c-4130-a055-f7d5d3882007"> <input class="field" name="autocomplete[small_city]" id="mw_sublocality_level_1" type="hidden" value="" data-moz-autofill-inspect-id="d232a4bb-c99c-4db0-aa9c-3eb9e59b5156"> <input class="field" name="autocomplete[city]" id="mw_locality" type="hidden" value="" data-moz-autofill-inspect-id="8dc0e1a2-b54a-489d-90a3-a3f3c5fd2f72"> <input class="field" name="autocomplete[region]" id="mw_administrative_area_level_1" type="hidden" value="" data-moz-autofill-inspect-id="336a946d-b8de-4d73-b6b0-fdd24a28dce4"> <input class="field" name="autocomplete[postcode]" id="mw_postal_code" type="hidden" value="" data-moz-autofill-inspect-id="06a2a401-7233-4026-8ff4-ddb8c01a3622"> <input class="field" name="autocomplete[country_id]" id="mw_country" type="hidden" value="" data-moz-autofill-inspect-id="c1d832fb-ebc3-41e9-9140-bc8bffec6415"> <input class="field" name="place_avalaible" id="place_avalaible" type="hidden" data-moz-autofill-inspect-id="af191fb4-4290-4c01-87d1-808cbbd3b709"></div></div><div id="mw-all-stores"><div class="mw-sl__stores"><div class="mw-sl__stores__list" id="mw-sl__stores__list_block"></div></div></div></div><div class="mw-sl__map" id="mw-sl-map"></div></div></div></div></div></div></div><div data-role="focusable-end" tabindex="0"></div></aside></div><img src="https://trk.lgw.io/lead?account_id=1041&amp;order_ref=46027307&amp;amount=150.0000&amp;currency=EUR" alt="" border="0"><div class="_2ufjtJLyKm1AellaIsNsM_" style="display:none"><div id="batchsdk-ui-popin__header" class="_1M_m9Ruhmr30E5AKMGGE5c"><span id="batchsdk-ui-popin__header__title" class="_2WWB_qYiOjaGwLZrXMDQCZ">Recevoir les notifications</span></div><div id="batchsdk-ui-popin__content" class="_28CwxQ2U3HtIqmeL6oa74V"><div id="batchsdk-ui-popin__content-activate" class="_13EU4iH2wUp_UUj2WbDL8I" style="display:block"><div class="_3xmsTfxNV7AieXWNnci4W5"><div class="bqA_yV3-fkG1x6c3yv7TY"><svg class="_11BpMuPVsiLYOTZO39TJqi" version="1.1" viewBox="-1040 -1200 3600 2800"><path fill="#DADEEC" fill-rule="evenodd" d="M1468 1156q28 -28 48 -76t20 -88v-1152q0 -40 -28 -68t-68 -28h-1344q-40 0 -68 28t-28 68v1600q0 40 28 68t68 28h896q40 0 88 -20t76 -48zM1024 1400v-376h376q-10 29 -22 41l-313 313q-12 12 -41 22zM1408 -128v1024h-416q-40 0 -68 28t-28 68v416h-768v-1536h1280z
+M1280 320v-320h-1024v192l192 192l128 -128l384 384zM448 512q-80 0 -136 56t-56 136t56 136t136 56t136 -56t56 -136t-56 -136t-136 -56z"></path></svg><img class="BWUQ6KWzrHls_x2i8gnzB" style="display:none"></div><div id="batchsdk-ui-popin__content-activate__placeholder" class="_P_XWJN8ycMVyAoIL1irV" style="display:initial"><div class="_2BUX8pGrr5ZWy_mZsJhcBl"></div><div class="_3O6PYUpBq1ld581xhb3Ym5"></div><div class="knbDU91zJw2npLxzCMCvT"></div></div><div id="batchsdk-ui-popin__content-activate__content" class="_3Aj3w9q0nllJbghy2EmKD7" style="display:none"><div id="batchsdk-ui-popin__content-activate__content__title" class="_3iJpo4VxYgNBKVdMELKFmV"></div><div id="batchsdk-ui-popin__content-activate__content__body" class="_3Eduup1voIqUmZjsdhbPZT"></div></div></div><a class="_2N3t6MfFy19YGoc7YQw57l batchsdk-ui-popin__content-activate__button-positive batchsdk-ui-popin__content-activate__button-positive" id="batchsdk-ui-popin__content-activate__button">Je m'abonne</a><div class="_1eZ8vDjupR5L7PmSY77zaU"></div></div><div id="batchsdk-ui-popin__content-reactivate" class="_2HqD5arGsfxGMoIzbNFmiz" style="display:none"><p><b class="_1yZAM0ea53GuTJZEnchgyc">Step 1</b><span class="_34ulwZNuYSPt3I5bvD8huP"></span></p><p><b class="_3uOiw4sHKOGhD8E3TmQW4o">Step 2</b><span class="_23NYd8w8ab62l9io_uj24b"></span></p><picture alt=""></picture></div></div></div><style>@import url('https://fonts.googleapis.com/css2?family=Source+Sans Pro:wght@300;400;700&display=swap');div.widget_24714_-706699:empty{display:inherit}</style><div class="widget_24714_-706699 kameleoonWidget-24714 KameleoonJavaScriptAdded" id="kameleoonWidget_-706699"></div><div style="width:0;height:0;display:none;visibility:hidden" id="batBeacon858632977052"><img style="width:0;height:0;display:none;visibility:hidden" id="batBeacon20294576418" width="0" height="0" alt="" src="https://bat.bing.com/action/0?ti=5708225&amp;Ver=2&amp;mid=9bc77ed2-0be4-4821-ad9a-340bc400fbf1&amp;bo=2&amp;sid=e505b9e0987511f094035dbab2ddfdf2&amp;vid=e505a150987511f0aacad903e4e5df8d&amp;vids=0&amp;msclkid=N&amp;pi=918639831&amp;lg=fr&amp;sw=1440&amp;sh=900&amp;sc=30&amp;tl=Commander&amp;p=https%3A%2F%2Fwww.bocage.fr%2Fcheckout%2F%23shipping&amp;r=https%3A%2F%2Fwww.bocage.fr%2Fcustomer%2Faccount%2Flogin%2Forigin%2Fcart&amp;lt=2839&amp;evt=pageLoad&amp;sv=2&amp;asc=G&amp;cdb=AQIT&amp;rn=736783"></div></body></html>
\ No newline at end of file
diff --git a/l10n_CM/sites/bocage/FR/bocage_cc.html b/l10n_CM/sites/bocage/FR/bocage_cc.html
new file mode 100644
index 000000000..78652369f
--- /dev/null
+++ b/l10n_CM/sites/bocage/FR/bocage_cc.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="FR"><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data:; media-src data:; style-src data: 'unsafe-inline'; font-src data:; frame-src data:"><meta http-equiv="Memento-Datetime" content="Tue, 23 Sep 2025 12:10:16 GMT"><link rel="original" href="https://payment.direct.worldline-solutions.com/hostedtokenization/tokenization/form/a5b8e919f7654caba9a7ee88f71961a6"><title>Confirmation du paiement</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="https://assets.cdn.v-psp.com/otp/15083fb2cca79c6b4e85/templates/hostedtokenization/defaulttemplate/styles.min.css" crossorigin="anonymous" integrity="sha384-FSIQ7kwpqsOru5Zum9XB7daORl3+xPPACevKuLy7O25Mz3MQzc4Xioq5c23eMqRo"></head><body><div class="container"><div class="row main-content"><div class="paymentpart"><form class="payment-paymentmethodform" name="payment-paymentmethodform" id="payment-paymentmethodform" method="post" action="https://payment.direct.worldline-solutions.com/hostedtokenization/Tokenization/Submit/a5b8e919f7654caba9a7ee88f71961a6" novalidate=""><div id="payment-cardnumber-field-container" class="payment-field-container"><div id="input_cardnumber" class="row"><label id="payment-cardnumber-label" class="payment-label" for="payment-cardnumber">Numéro de la carte*</label><input id="payment-cardnumber" class="payment-input" name="cardnumber" type="text" inputmode="numeric" title="Numéro de la carte" aria-label="Numéro de la carte" autocomplete="off" payment-val-msg-required="Le numéro de la carte est obligatoire" payment-val-msg-pattern="Caractères invalides saisis" payment-val-msg-maxlength="Numéro de la carte est trop long" payment-val-msg-minlength="Numéro de la carte est trop court" payment-val-msg-luhn="Le numéro de carte est invalide" value="" required="" minlength="12" maxlength="24" data-moz-autofill-inspect-id="aaa71a9b-b50f-40d7-bb11-609f37857349" data-moz-autofill-type="cc-number"> <img src="https://assets.cdn.v-psp.com/htp/3fec3ef93bb9ce982875/images/pm/cards.gif" class="payment-pm-image input-bg" alt="cards"><span id="card-brand-live-region" aria-live="polite">cards</span><div class="clear"></div><div id="payment-cardnumber-cobadging-container" class="payment-cobadging" style="display:none"><a id="payment-cardnumber-cobadging-link" href="#" style="display:none">Plusieurs options de paiement détectées.</a><div id="payment-cardnumber-cobadging-brandlist-container" class="payment-cobadging" style="display:none"><label id="payment-cardnumber-cobadging-brandlist-label" style="display:none">Cette carte a plusieurs options de paiement, veuillez choisir votre option préférée.</label><div id="payment-cardnumber-cobadging-brandlist" style="display:none"></div></div></div><div class="error"><span id="payment-cardnumber-error" class="payment-error" role="alert"></span></div><input type="hidden" name="browserColorDepth" value="30" data-moz-autofill-inspect-id="bd8f8a1e-0ff4-4ced-a914-25dbf9a158c9"><input type="hidden" name="browserJavaEnabled" value="false" data-moz-autofill-inspect-id="fe9e9743-8d8b-42e6-83b6-f3c8f32a612a"><input type="hidden" name="browserLanguage" value="fr" data-moz-autofill-inspect-id="22300c28-3afd-4685-bf6d-d08c3c6c0e08"><input type="hidden" name="browserScreenHeight" value="900" data-moz-autofill-inspect-id="d67ef9a0-c9ff-415d-8d82-8bd1b29a5cd0"><input type="hidden" name="browserScreenWidth" value="1440" data-moz-autofill-inspect-id="eb373f3a-8a5e-4aff-9577-4505f67af4b4"><input type="hidden" name="browserTimeZone" value="-180" data-moz-autofill-inspect-id="f845481e-639d-4c4a-b7c5-18900b2579ff"><input type="hidden" name="cobadging" id="selected-brand" data-moz-autofill-inspect-id="37e66450-6cc9-4155-808a-7205156ffb84"><input type="hidden" name="cobadging-indicator" value="notApplicable" id="cobadging-indicator" data-moz-autofill-inspect-id="b637db1a-36d2-49ff-ae13-3043944b3a36"><input type="hidden" name="selected-brand-for-groupcards" value="cards" data-moz-autofill-inspect-id="7a136cfc-cd1c-4794-b9cc-4228413dfc50"></div></div><div id="payment-cardholdername-field-container" class="payment-field-container"><div id="input_cardholdername" class="row"><label id="payment-cardholdername-label" class="payment-label" for="payment-cardholdername">Titulaire de la carte*</label><input id="payment-cardholdername" class="payment-input" name="cardholdername" type="text" title="Titulaire de la carte" aria-label="Titulaire de la carte" autocomplete="off" payment-val-msg-required="Le nom du titulaire de la carte est obligatoire" payment-val-msg-pattern="Caractères invalides saisis" payment-val-msg-maxlength="Titulaire de la carte est trop long" payment-val-msg-minlength="Titulaire de la carte est trop court" digitslimit="7" payment-val-msg-digitslimit="Caractères invalides saisis" value="" required="" pattern="^[a-zA-ZàáâãäåæçèéêëìíîïðñòóôõöøùúûüýþÿÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖØÙÚÛÜÝÞßẞŠšŽžŸÿčČďĎěĚľĽĺĹňŇřŘšťŠŤůŮžŽęĘłŁśŚźŹżŻąĄčČęĘėĖįĮšŠųŲūŪžŽäÄöÖõÕüÜāĀčČēĒģĢīĪķĶļĻņŅōŌŗŖšŠūŪžŽ0-9 +_.=,:\-\[\]\/\(\)']*$" minlength="2" maxlength="50" payment-val-digitslimit="8" data-moz-autofill-inspect-id="e6f6f562-0263-44ff-8521-110bec29d149" data-moz-autofill-type="cc-name"><span id="card-brand-live-region" aria-live="polite"></span><div class="clear"></div><div class="error"><span id="payment-cardholdername-error" class="payment-error" role="alert"></span></div></div></div><div id="payment-cardexpirationmonth-field-container" class="payment-field-container"><div id="input_cardexpirationmonth" class="row"><label id="payment-cardexpirationmonth-label" class="payment-label" for="payment-cardexpirationmonth">Date d'expiration*</label><select id="payment-cardexpirationmonth" class="payment-select" name="cardexpirationmonth" payment-val-msg-expirydatevalidity="La date d'expiration doit se trouver dans le futur" payment-val-msg-required="La date d'expiration est obligatoire" payment-val-expirydatemaxrange="20" payment-val-msg-expirydatemaxrange="La date d’expiration ne peut pas dépasser 20 ans dans le futur" payment-val-subsequentid="cardexpirationyear" title="Mois d’expiration" aria-label="Mois d’expiration" payment-val-expirydatevalidity="0" minlength="2" maxlength="2" data-moz-autofill-inspect-id="0bb3554d-5f2f-46f5-89af-1a01d460353b" data-moz-autofill-type="cc-exp-month"><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select>&nbsp;<select id="payment-cardexpirationyear" class="payment-select" name="cardexpirationyear" payment-val-expirydatemaxrange="20" payment-val-msg-expirydatemaxrange="La date d’expiration ne peut pas dépasser 20 ans dans le futur" title="Année d'expiration" aria-label="Année d'expiration" payment-val-msg-expirydatevalidity="La date d'expiration doit se trouver dans le futur" payment-val-expirydatevalidity="0" data-moz-autofill-inspect-id="f3125a45-7826-4a9e-89a0-e867a28b83ed" data-moz-autofill-type="cc-exp-year"><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option><option value="2049">2049</option><option value="2050">2050</option><option value="2051">2051</option><option value="2052">2052</option><option value="2053">2053</option><option value="2054">2054</option><option value="2055">2055</option><option value="2056">2056</option><option value="2057">2057</option><option value="2058">2058</option><option value="2059">2059</option><option value="2060">2060</option><option value="2061">2061</option><option value="2062">2062</option><option value="2063">2063</option><option value="2064">2064</option></select><span id="card-brand-live-region" aria-live="polite"></span><div class="clear"></div><div class="error"><span id="payment-cardexpirationmonth-error" class="payment-error" role="alert"></span></div></div></div><div id="payment-cvc-field-container" class="payment-field-container"><div id="input_cvc" class="row"><label id="payment-cvc-label" class="payment-label" for="payment-cvc">Code de vérification de la carte*</label><input id="payment-cvc" class="payment-input" name="cvc" type="text" inputmode="numeric" title="Code de vérification de la carte" aria-label="Code de vérification de la carte" autocomplete="off" payment-val-msg-required="Le code de vérification de la carte est obligatoire" payment-val-msg-maxlength="Code de vérification de la carte est trop long" payment-val-msg-minlength="Code de vérification de la carte est trop court" payment-val-msg-pattern="Caractères invalides saisis" value="" minlength="3" maxlength="4" pattern="^[0-9]*$" data-moz-autofill-inspect-id="8005ad13-294d-4711-8a83-9ca96e78bce9" data-moz-autofill-type="cc-csc"><span id="card-brand-live-region" aria-live="polite"></span><button id="tooltip" aria-expanded="false" aria-haspopup="true" aria-controls="tooltiptext"><img src="https://assets.cdn.v-psp.com/otp/15083fb2cca79c6b4e85/templates/hostedtokenization/defaulttemplate/cvc.png" alt="Cvc Information icon"><span id="tooltiptext" aria-hidden="true"><div id="payment-cvc-info-container" class="payment-info">Veuillez d’abord saisir votre numéro de carte</div></span></button><div class="clear"></div><div class="error"><span id="payment-cvc-error" class="payment-error" role="alert"></span></div></div></div></form></div></div></div><div style="clear:both;display:block"></div></body></html>
\ No newline at end of file
