{"id":6023,"date":"2026-05-13T16:53:20","date_gmt":"2026-05-13T16:53:20","guid":{"rendered":"https:\/\/deseo.bcm.fr\/?page_id=6023"},"modified":"2026-05-13T17:32:27","modified_gmt":"2026-05-13T17:32:27","slug":"deseo-cargo","status":"publish","type":"page","link":"https:\/\/deseo.bcm.fr\/?page_id=6023","title":{"rendered":"D\u00e9s\u00e9o CARGO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6023\" class=\"elementor elementor-6023\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d2b4e e-con-full e-flex e-con e-parent\" data-id=\"e4d2b4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ed194e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ed194e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-cargo-hero\">\r\n  <div class=\"deseo-cargo-hero-inner\">\r\n    \r\n    <div class=\"deseo-cargo-hero-content\">\r\n      <p class=\"deseo-cargo-kicker\">D\u00c9S\u00c9O CARGO<\/p>\r\n\r\n      <h1 class=\"deseo-cargo-title\">\r\n        D\u00e9s\u00e9o Cargo : Le Container Am\u00e9nag\u00e9 qui Casse les Codes\r\n      <\/h1>\r\n\r\n      <p class=\"deseo-cargo-text\">\r\n        Avec le <strong>D\u00e9s\u00e9o Cargo<\/strong>, nous avons choisi de ne rien cacher. \r\n        Plut\u00f4t que de dissimuler l'origine de la structure, nous assumons pleinement \r\n        l'esth\u00e9tique du container maritime pour la transformer en un objet de design architectural. \r\n        C'est une solution d'habitat ou d'espace professionnel qui ne laisse personne indiff\u00e9rent.\r\n      <\/p>\r\n\r\n      <div class=\"deseo-cargo-actions\">\r\n        <a href=\"\/#contact\" class=\"deseo-cargo-btn deseo-cargo-btn-primary\">\r\n          Commander un D\u00e9s\u00e9o Cargo\r\n        <\/a>\r\n\r\n        <a href=\"\/#contact\" class=\"deseo-cargo-btn deseo-cargo-btn-secondary\">\r\n          Recevoir mon devis\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"deseo-cargo-hero-visual\">\r\n      <div class=\"deseo-cargo-image-frame\">\r\n        <img data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0015-scaled.jpg\"  decoding=\"async\" decoding=async data-opt-id=1133845105   \r\n          src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" \r\n          alt=\"Container am\u00e9nag\u00e9 D\u00e9s\u00e9o Cargo\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <div class=\"deseo-cargo-floating-card\">\r\n        <span>Design signature<\/span>\r\n        <strong>Un container maritime transform\u00e9 en objet architectural.<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  #deseo-cargo-hero{\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #0f1012 0%, #171a1d 100%);\r\n    color: #fff;\r\n    font-family: \"Manrope\", sans-serif;\r\n    padding: 90px 0;\r\n  }\r\n\r\n  #deseo-cargo-hero *{\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #deseo-cargo-hero::before{\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -20%;\r\n    background:\r\n      radial-gradient(circle at 14% 18%, rgba(142,199,253,0.08), transparent 26%),\r\n      radial-gradient(circle at 82% 74%, rgba(150,109,77,0.13), transparent 30%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #deseo-cargo-hero::after{\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -120px;\r\n    top: 12%;\r\n    width: 360px;\r\n    height: 360px;\r\n    border: 1px solid rgba(255,255,255,0.055);\r\n    transform: rotate(18deg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .deseo-cargo-hero-inner{\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(1400px, calc(100vw - 48px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    align-items: center;\r\n    gap: clamp(34px, 5vw, 74px);\r\n  }\r\n\r\n  .deseo-cargo-hero-content{\r\n    max-width: 640px;\r\n  }\r\n\r\n  .deseo-cargo-kicker{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 0 0 18px;\r\n    color: #8ec7fd;\r\n    font-size: 13px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .deseo-cargo-kicker::before{\r\n    content: \"\";\r\n    width: 40px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, #8ec7fd, rgba(142,199,253,0));\r\n  }\r\n\r\n  .deseo-cargo-title{\r\n    margin: 0;\r\n    color: #fff;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(36px, 4vw, 56px);\r\n    line-height: 1.02;\r\n    font-weight: 500;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .deseo-cargo-text{\r\n    margin: 24px 0 0;\r\n    color: #ffffff;\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n  }\r\n\r\n  .deseo-cargo-text strong{\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .deseo-cargo-actions{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .deseo-cargo-btn{\r\n    min-height: 54px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 22px;\r\n    border-radius: 2px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    font-weight: 800;\r\n    letter-spacing: -0.01em;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .deseo-cargo-btn:hover{\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .deseo-cargo-btn-primary{\r\n    background: #8ec7fd;\r\n    color: #0f1419;\r\n    border: 1px solid #8ec7fd;\r\n    box-shadow: 0 18px 42px rgba(142,199,253,0.18);\r\n  }\r\n\r\n  .deseo-cargo-btn-primary:hover{\r\n    background: #ffffff;\r\n    border-color: #ffffff;\r\n    color: #0f1012;\r\n  }\r\n\r\n  .deseo-cargo-btn-secondary{\r\n    background: transparent;\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255,255,255,0.22);\r\n  }\r\n\r\n  .deseo-cargo-btn-secondary:hover{\r\n    background: rgba(255,255,255,0.08);\r\n    border-color: #8ec7fd;\r\n    color: #8ec7fd;\r\n  }\r\n\r\n  .deseo-cargo-hero-visual{\r\n    position: relative;\r\n  }\r\n\r\n  .deseo-cargo-image-frame{\r\n    position: relative;\r\n    aspect-ratio: 5 \/ 4;\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n    background: #0c0d0f;\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    box-shadow: 0 34px 90px rgba(0,0,0,0.40);\r\n  }\r\n\r\n  .deseo-cargo-image-frame::before{\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 18px;\r\n    z-index: 2;\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .deseo-cargo-image-frame::after{\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(to top, rgba(0,0,0,0.34), rgba(0,0,0,0.04)),\r\n      linear-gradient(135deg, rgba(142,199,253,0.08), transparent 42%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .deseo-cargo-image-frame img{\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .deseo-cargo-image-frame:hover img{\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .deseo-cargo-floating-card{\r\n    position: absolute;\r\n    left: -24px;\r\n    bottom: 28px;\r\n    z-index: 3;\r\n    width: min(330px, 82%);\r\n    padding: 18px 20px;\r\n    background: rgba(15,16,18,0.92);\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.32);\r\n  }\r\n\r\n  .deseo-cargo-floating-card span{\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    color: #8ec7fd;\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .deseo-cargo-floating-card strong{\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  @media (max-width: 1100px){\r\n    #deseo-cargo-hero{\r\n      padding: 74px 0;\r\n    }\r\n\r\n    .deseo-cargo-hero-inner{\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .deseo-cargo-hero-content{\r\n      max-width: 100%;\r\n    }\r\n\r\n    .deseo-cargo-image-frame{\r\n      aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .deseo-cargo-floating-card{\r\n      left: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    #deseo-cargo-hero{\r\n      padding: 56px 0 64px;\r\n    }\r\n\r\n    .deseo-cargo-hero-inner{\r\n      width: min(1400px, calc(100vw - 24px));\r\n      gap: 34px;\r\n    }\r\n\r\n    .deseo-cargo-title{\r\n      font-size: clamp(32px, 9vw, 42px);\r\n      line-height: 1.06;\r\n    }\r\n\r\n    .deseo-cargo-text{\r\n      font-size: 15.5px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .deseo-cargo-actions{\r\n      flex-direction: column;\r\n    }\r\n\r\n    .deseo-cargo-btn{\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .deseo-cargo-image-frame{\r\n      aspect-ratio: 4 \/ 4.6;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .deseo-cargo-image-frame::before{\r\n      inset: 12px;\r\n    }\r\n\r\n    .deseo-cargo-floating-card{\r\n      position: relative;\r\n      left: auto;\r\n      bottom: auto;\r\n      width: 100%;\r\n      margin-top: 14px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ba14f2 e-con-full e-flex e-con e-parent\" data-id=\"1ba14f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24e7512 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"24e7512\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-cargo-before-after\">\r\n  <div class=\"dcba-inner\">\r\n\r\n    <div class=\"dcba-head\">\r\n      <p class=\"dcba-kicker\">Avant \/ Apr\u00e8s<\/p>\r\n      <h2 class=\"dcba-title\">Un Design Ext\u00e9rieur Magnifi\u00e9<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"dcba-visual-wrap\">\r\n      <div class=\"dcba-visual\" id=\"dcbaVisual\" style=\"--dcba-style:48;\">\r\n\r\n        <div class=\"dcba-scene dcba-scene-before\">\r\n          <img data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/Rear-left-1.jpg\"  decoding=\"async\" decoding=async data-opt-id=1229991531  \r\n            src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\"\r\n            alt=\"Container maritime brut avant transformation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"dcba-scene dcba-scene-after\">\r\n          <img decoding=\"async\" decoding=async data-opt-id=284429007  data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0236-scaled.jpg\" \r\n            src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\"\r\n            alt=\"D\u00e9s\u00e9o Cargo apr\u00e8s transformation\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"dcba-ribs\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dcba-divider\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dcba-topbar\">\r\n          <span class=\"dcba-chip\">Du container brut au D\u00e9s\u00e9o Cargo<\/span>\r\n          <span class=\"dcba-chip\">Stylisation <strong id=\"dcbaPercent\">48%<\/strong><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dcba-label dcba-label-before\">Avant<\/div>\r\n        <div class=\"dcba-label dcba-label-after\">Apr\u00e8s<\/div>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"dcba-help\">\r\n        Survolez l\u2019image pour r\u00e9v\u00e9ler la transformation du container en D\u00e9s\u00e9o Cargo.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcba-text\">\r\n      <p>\r\n        <strong>La T\u00f4le Sublim\u00e9e :<\/strong> aucun habillage ne vient masquer la structure.\r\n        La t\u00f4le d'acier est mise en valeur par des teintes s\u00e9lectionn\u00e9es avec soin, pour un\r\n        rendu industriel pur.<br><br>\r\n\r\n        <strong>Signature Lumineuse :<\/strong> des bandeaux originaux avec \u00e9clairage LED\r\n        soulignent les lignes de la construction et lui donnent une pr\u00e9sence unique d\u00e8s la\r\n        tomb\u00e9e de la nuit.<br><br>\r\n\r\n        <strong>Modularit\u00e9 de Format :<\/strong> selon l'envergure de votre projet,\r\n        le D\u00e9s\u00e9o Cargo est disponible sur une base de containers de <strong>20 pieds<\/strong>\r\n        ou <strong>40 pieds<\/strong>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  #deseo-cargo-before-after{\r\n    --white:#ffffff;\r\n    --blue:#8ec7fd;\r\n    --brown:#966d4d;\r\n    --line:rgba(255,255,255,.12);\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(circle at 14% 18%, rgba(142,199,253,.08), transparent 28%),\r\n      radial-gradient(circle at 84% 78%, rgba(150,109,77,.10), transparent 32%),\r\n      linear-gradient(180deg, #0f1012 0%, #131519 100%);\r\n    color:#fff;\r\n    font-family:\"Manrope\", sans-serif;\r\n    padding:96px 0;\r\n  }\r\n\r\n  #deseo-cargo-before-after *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .dcba-inner{\r\n    width:min(1360px, calc(100vw - 44px));\r\n    margin:0 auto;\r\n  }\r\n\r\n  .dcba-head{\r\n    max-width:980px;\r\n    margin:0 auto 42px;\r\n    text-align:center;\r\n  }\r\n\r\n  .dcba-kicker{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n    margin:0 0 18px;\r\n    color:var(--blue);\r\n    font-size:13px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dcba-kicker::before,\r\n  .dcba-kicker::after{\r\n    content:\"\";\r\n    width:42px;\r\n    height:1px;\r\n  }\r\n\r\n  .dcba-kicker::before{\r\n    background:linear-gradient(90deg, transparent, var(--blue));\r\n  }\r\n\r\n  .dcba-kicker::after{\r\n    background:linear-gradient(90deg, var(--blue), transparent);\r\n  }\r\n\r\n  .dcba-title{\r\n    margin:0;\r\n    color:#fff;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:clamp(44px, 5vw, 76px);\r\n    line-height:.94;\r\n    font-weight:500;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .dcba-visual-wrap{\r\n    max-width:1140px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .dcba-visual{\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:16 \/ 9;\r\n    min-height:520px;\r\n    overflow:hidden;\r\n    border-radius:22px;\r\n    background:#0c0d0f;\r\n    border:1px solid rgba(255,255,255,.10);\r\n    box-shadow:\r\n      0 34px 90px rgba(0,0,0,.42),\r\n      inset 0 1px 0 rgba(255,255,255,.04);\r\n    isolation:isolate;\r\n    cursor:ew-resize;\r\n  }\r\n\r\n  .dcba-visual::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:18px;\r\n    z-index:8;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcba-scene{\r\n    position:absolute;\r\n    inset:0;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .dcba-scene img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    display:block;\r\n    user-select:none;\r\n    -webkit-user-drag:none;\r\n  }\r\n\r\n  .dcba-scene-before{\r\n    z-index:1;\r\n  }\r\n\r\n  .dcba-scene-before::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(to top, rgba(0,0,0,.28), rgba(0,0,0,.06)),\r\n      linear-gradient(90deg, rgba(255,255,255,.04), transparent 34%);\r\n    z-index:1;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcba-scene-after{\r\n    z-index:2;\r\n    clip-path:inset(0 0 0 calc((100 - var(--dcba-style)) * 1%));\r\n    transition:clip-path .18s ease-out;\r\n  }\r\n\r\n  .dcba-scene-after::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:3;\r\n    background:\r\n      linear-gradient(90deg, rgba(142,199,253,.18), rgba(255,255,255,0) 14%),\r\n      linear-gradient(to top, rgba(0,0,0,.18), rgba(0,0,0,0));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcba-ribs{\r\n    position:absolute;\r\n    top:7%;\r\n    bottom:7%;\r\n    left:calc((100 - var(--dcba-style)) * 1% - clamp(82px, 10vw, 118px));\r\n    width:clamp(82px, 10vw, 118px);\r\n    display:grid;\r\n    grid-template-columns:repeat(6, 1fr);\r\n    gap:6px;\r\n    z-index:6;\r\n    opacity:calc(.16 + (var(--dcba-style) \/ 100) * .35);\r\n    pointer-events:none;\r\n    transition:left .18s ease-out, opacity .18s ease-out;\r\n  }\r\n\r\n  .dcba-ribs span{\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04)),\r\n      linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.02));\r\n    border-left:1px solid rgba(255,255,255,.18);\r\n    border-right:1px solid rgba(255,255,255,.06);\r\n    backdrop-filter:blur(2px);\r\n    -webkit-backdrop-filter:blur(2px);\r\n  }\r\n\r\n  .dcba-divider{\r\n    position:absolute;\r\n    top:0;\r\n    bottom:0;\r\n    left:calc((100 - var(--dcba-style)) * 1%);\r\n    transform:translateX(-50%);\r\n    z-index:12;\r\n    width:56px;\r\n    pointer-events:none;\r\n    transition:left .18s ease-out;\r\n  }\r\n\r\n  .dcba-divider::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    bottom:0;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:1px;\r\n    background:linear-gradient(\r\n      180deg,\r\n      rgba(255,255,255,0),\r\n      rgba(255,255,255,.95),\r\n      rgba(255,255,255,0)\r\n    );\r\n    box-shadow:0 0 22px rgba(255,255,255,.22);\r\n  }\r\n\r\n  .dcba-divider span{\r\n    position:absolute;\r\n    top:50%;\r\n    left:50%;\r\n    width:48px;\r\n    height:48px;\r\n    transform:translate(-50%, -50%);\r\n    border-radius:999px;\r\n    border:1px solid rgba(255,255,255,.16);\r\n    background:rgba(15,16,18,.76);\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n    box-shadow:0 10px 30px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .dcba-divider span::before,\r\n  .dcba-divider span::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:50%;\r\n    width:7px;\r\n    height:7px;\r\n    border-top:2px solid #fff;\r\n    border-left:2px solid #fff;\r\n  }\r\n\r\n  .dcba-divider span::before{\r\n    left:13px;\r\n    transform:translateY(-50%) rotate(-45deg);\r\n  }\r\n\r\n  .dcba-divider span::after{\r\n    right:13px;\r\n    transform:translateY(-50%) rotate(135deg);\r\n  }\r\n\r\n  .dcba-topbar{\r\n    position:absolute;\r\n    top:22px;\r\n    left:22px;\r\n    right:22px;\r\n    z-index:14;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcba-chip{\r\n    min-height:38px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:0 14px;\r\n    background:rgba(15,16,18,.74);\r\n    border:1px solid rgba(255,255,255,.12);\r\n    color:#fff;\r\n    font-size:12px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:.07em;\r\n    text-transform:uppercase;\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n  }\r\n\r\n  .dcba-chip strong{\r\n    margin-left:7px;\r\n    color:var(--blue);\r\n    font-weight:800;\r\n  }\r\n\r\n  .dcba-label{\r\n    position:absolute;\r\n    bottom:22px;\r\n    z-index:14;\r\n    min-height:34px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:0 14px;\r\n    background:rgba(15,16,18,.72);\r\n    border:1px solid rgba(255,255,255,.12);\r\n    color:#fff;\r\n    font-size:11px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n  }\r\n\r\n  .dcba-label-before{\r\n    left:22px;\r\n  }\r\n\r\n  .dcba-label-after{\r\n    right:22px;\r\n  }\r\n\r\n  .dcba-help{\r\n    margin:14px 0 0;\r\n    color:rgba(255,255,255,.72);\r\n    font-size:13px;\r\n    line-height:1.5;\r\n    text-align:center;\r\n    font-weight:500;\r\n  }\r\n\r\n  .dcba-text{\r\n    max-width:940px;\r\n    margin:34px auto 0;\r\n    text-align:center;\r\n  }\r\n\r\n  .dcba-text p{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:18px;\r\n    line-height:1.82;\r\n    font-weight:400;\r\n  }\r\n\r\n  .dcba-text strong{\r\n    font-weight:800;\r\n    color:#fff;\r\n  }\r\n\r\n  @media (max-width:1100px){\r\n    .dcba-visual{\r\n      min-height:460px;\r\n    }\r\n\r\n    .dcba-text p{\r\n      font-size:17px;\r\n    }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    #deseo-cargo-before-after{\r\n      padding:64px 0 72px;\r\n    }\r\n\r\n    .dcba-inner{\r\n      width:min(1400px, calc(100vw - 24px));\r\n    }\r\n\r\n    .dcba-head{\r\n      margin-bottom:30px;\r\n    }\r\n\r\n    .dcba-kicker{\r\n      font-size:11px;\r\n      gap:9px;\r\n    }\r\n\r\n    .dcba-kicker::before,\r\n    .dcba-kicker::after{\r\n      width:28px;\r\n    }\r\n\r\n    .dcba-title{\r\n      font-size:clamp(38px, 12vw, 54px);\r\n      line-height:.98;\r\n    }\r\n\r\n    .dcba-visual{\r\n      aspect-ratio:4 \/ 5;\r\n      min-height:440px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    .dcba-visual::after{\r\n      inset:12px;\r\n    }\r\n\r\n    .dcba-topbar{\r\n      top:14px;\r\n      left:14px;\r\n      right:14px;\r\n      flex-direction:column;\r\n      align-items:flex-start;\r\n    }\r\n\r\n    .dcba-chip{\r\n      min-height:32px;\r\n      padding:0 10px;\r\n      font-size:10px;\r\n    }\r\n\r\n    .dcba-divider span{\r\n      width:42px;\r\n      height:42px;\r\n    }\r\n\r\n    .dcba-label{\r\n      bottom:14px;\r\n      font-size:9px;\r\n      min-height:28px;\r\n      padding:0 10px;\r\n    }\r\n\r\n    .dcba-help{\r\n      font-size:12px;\r\n      text-align:left;\r\n    }\r\n\r\n    .dcba-text{\r\n      margin-top:26px;\r\n      text-align:left;\r\n    }\r\n\r\n    .dcba-text p{\r\n      font-size:15.5px;\r\n      line-height:1.76;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function initDeseoCargoBeforeAfter(){\r\n    const section = document.getElementById('deseo-cargo-before-after');\r\n    if(!section || section.dataset.ready === 'true') return;\r\n    section.dataset.ready = 'true';\r\n\r\n    const visual = document.getElementById('dcbaVisual');\r\n    const percent = document.getElementById('dcbaPercent');\r\n\r\n    if(!visual || !percent) return;\r\n\r\n    let current = 48;\r\n    let target = 48;\r\n    let ticking = false;\r\n\r\n    function clamp(value, min, max){\r\n      return Math.min(max, Math.max(min, value));\r\n    }\r\n\r\n    function applyStyle(value){\r\n      const style = clamp(value, 0, 100);\r\n      visual.style.setProperty('--dcba-style', style.toFixed(2));\r\n      percent.textContent = Math.round(style) + '%';\r\n    }\r\n\r\n    function animate(){\r\n      current += (target - current) * 0.18;\r\n      applyStyle(current);\r\n\r\n      if(Math.abs(target - current) > 0.1){\r\n        requestAnimationFrame(animate);\r\n      } else {\r\n        current = target;\r\n        applyStyle(current);\r\n        ticking = false;\r\n      }\r\n    }\r\n\r\n    function setTarget(value){\r\n      target = clamp(value, 0, 100);\r\n\r\n      if(!ticking){\r\n        ticking = true;\r\n        requestAnimationFrame(animate);\r\n      }\r\n    }\r\n\r\n    function updateFromMouse(clientX){\r\n      const rect = visual.getBoundingClientRect();\r\n      const x = clamp(clientX - rect.left, 0, rect.width);\r\n      const ratio = x \/ rect.width;\r\n\r\n      \/* souris \u00e0 gauche = plus d'apr\u00e8s, souris \u00e0 droite = plus d'avant *\/\r\n      const style = (1 - ratio) * 100;\r\n      setTarget(style);\r\n    }\r\n\r\n    visual.addEventListener('mousemove', function(e){\r\n      updateFromMouse(e.clientX);\r\n    });\r\n\r\n    visual.addEventListener('mouseenter', function(e){\r\n      updateFromMouse(e.clientX);\r\n    });\r\n\r\n    visual.addEventListener('mouseleave', function(){\r\n      setTarget(48);\r\n    });\r\n\r\n    visual.addEventListener('touchmove', function(e){\r\n      if(!e.touches || !e.touches[0]) return;\r\n      updateFromMouse(e.touches[0].clientX);\r\n    }, { passive:true });\r\n\r\n    visual.addEventListener('touchend', function(){\r\n      setTarget(48);\r\n    });\r\n\r\n    applyStyle(current);\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', initDeseoCargoBeforeAfter);\r\n  } else {\r\n    initDeseoCargoBeforeAfter();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17988a4 e-con-full e-flex e-con e-parent\" data-id=\"17988a4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f8c489 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5f8c489\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-cargo-fiche\">\r\n  <div class=\"dcf-inner\">\r\n\r\n    <div class=\"dcf-left\">\r\n      <h2 class=\"dcf-title\">D\u00c9S\u00c9O CARGO<\/h2>\r\n\r\n      <div class=\"dcf-story\">\r\n        <div class=\"dcf-story-head\">\r\n          <span class=\"dcf-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n              <path d=\"M12 3l2.6 5.2L20 9l-4 3.9.9 5.5L12 15.8 7.1 18.4 8 12.9 4 9l5.4-.8L12 3z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Storytelling<\/span>\r\n        <\/div>\r\n\r\n        <p class=\"dcf-story-text\">\r\nAujourd\u2019hui, tout se ressemble.\r\n\r\nLes m\u00eames lignes.\r\nLes m\u00eames int\u00e9rieurs.\r\nLes m\u00eames choix\u2026 faits pour plaire au plus grand nombre.\r\n\r\n\u00c0 force, on s\u2019habitue.\r\nOn suit.\r\nM\u00eame quand \u00e7a ne nous correspond pas vraiment.\r\n\r\nMais il y a toujours ce moment.\r\n\r\nCe moment o\u00f9 l\u2019on ressent le besoin de faire autrement.\r\nD\u2019assumer ce qu\u2019on aime vraiment.\r\n\r\nDe sortir du cadre.\r\n\r\nPas pour \u00eatre diff\u00e9rent.\r\nMais pour \u00eatre soi.\r\n\r\nChez BCM, on a \u00e9cout\u00e9 ce moment.\r\n\r\nOn est parti d\u2019un conteneur.\r\nQuelque chose de brut, d\u2019industriel.\r\n\r\nEt on a pris une d\u00e9cision simple :\r\nne rien cacher.\r\n\r\nRegarder cette mati\u00e8re autrement.\r\nLa valoriser.\r\nL\u2019assumer pleinement.\r\n\r\nEt c\u2019est comme \u00e7a qu\u2019est n\u00e9 D\u00c9S\u00c9O Cargo.\r\n        <\/p>\r\n\r\n        <button class=\"dcf-story-more\" type=\"button\">Lire plus<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-accordion\">\r\n\r\n        <div class=\"dcf-acc-item active\">\r\n          <button class=\"dcf-acc-trigger\" type=\"button\">\r\n            <span class=\"dcf-acc-trigger-left\">\r\n              <span class=\"dcf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                  <path d=\"M12 3l8 4.5v9L12 21 4 16.5v-9L12 3z\"\/>\r\n                  <path d=\"M12 12l8-4.5M12 12L4 7.5M12 12v9\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"label\">Dimensions<\/span>\r\n            <\/span>\r\n            <span class=\"dcf-acc-icon\">\u00d7<\/span>\r\n          <\/button>\r\n\r\n          <div class=\"dcf-acc-content\">\r\n            <div class=\"dcf-acc-grid\">\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u2194<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Dimensions<\/div>\r\n                  <div class=\"dcf-spec-val\">6 \u00d7 2.5 \u00d7 3 m<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a1<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Surface<\/div>\r\n                  <div class=\"dcf-spec-val\">15 m\u00b2<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u2302<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Format<\/div>\r\n                  <div class=\"dcf-spec-val\">Plain-pied<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcf-acc-item\">\r\n          <button class=\"dcf-acc-trigger\" type=\"button\">\r\n            <span class=\"dcf-acc-trigger-left\">\r\n              <span class=\"dcf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                  <path d=\"M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7l7-4z\"\/>\r\n                  <path d=\"M9 12l2 2 4-4\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"label\">Isolation<\/span>\r\n            <\/span>\r\n            <span class=\"dcf-acc-icon\">+<\/span>\r\n          <\/button>\r\n\r\n          <div class=\"dcf-acc-content\">\r\n            <div class=\"dcf-acc-grid\">\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u2248<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Isolation<\/div>\r\n                  <div class=\"dcf-spec-val\">Laine de bois<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u2713<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">R\u00e9glementation thermique<\/div>\r\n                  <div class=\"dcf-spec-val\">RE 2020<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a6<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Menuiserie<\/div>\r\n                  <div class=\"dcf-spec-val\">Aluminium double vitrage<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcf-acc-item\">\r\n          <button class=\"dcf-acc-trigger\" type=\"button\">\r\n            <span class=\"dcf-acc-trigger-left\">\r\n              <span class=\"dcf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                  <path d=\"M4 20V8l8-4 8 4v12\"\/>\r\n                  <path d=\"M4 12h16\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"label\">Principe constructif<\/span>\r\n            <\/span>\r\n            <span class=\"dcf-acc-icon\">+<\/span>\r\n          <\/button>\r\n\r\n          <div class=\"dcf-acc-content\">\r\n            <div class=\"dcf-acc-grid\">\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u258c<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Ossature principale<\/div>\r\n                  <div class=\"dcf-spec-val\">Conteneur acier<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a4<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Ossature secondaire<\/div>\r\n                  <div class=\"dcf-spec-val\">Bois<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a7<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Rev\u00eatement int\u00e9rieur<\/div>\r\n                  <div class=\"dcf-spec-val\">Bardage lambris bois<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a8<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Rev\u00eatement sol<\/div>\r\n                  <div class=\"dcf-spec-val\">PVC h\u00e9t\u00e9rog\u00e8ne effet bois<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25a3<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Rev\u00eatement ext\u00e9rieur<\/div>\r\n                  <div class=\"dcf-spec-val\">Aspect conteneur assum\u00e9<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcf-acc-item\">\r\n          <button class=\"dcf-acc-trigger\" type=\"button\">\r\n            <span class=\"dcf-acc-trigger-left\">\r\n              <span class=\"dcf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                  <path d=\"M13 2L6 13h5l-1 9 7-11h-5l1-9z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span class=\"label\">\u00c9lectricit\u00e9 & \u00e9quipement<\/span>\r\n            <\/span>\r\n            <span class=\"dcf-acc-icon\">+<\/span>\r\n          <\/button>\r\n\r\n          <div class=\"dcf-acc-content\">\r\n            <div class=\"dcf-acc-grid\">\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u26a1<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Installation \u00e9lectrique<\/div>\r\n                  <div class=\"dcf-spec-val\">R\u00e9seau \u00e9lectrique complet<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u2744<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">Climatisation<\/div>\r\n                  <div class=\"dcf-spec-val\">Oui<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"dcf-spec-row\">\r\n                <span class=\"dcf-spec-icon\">\u25c9<\/span>\r\n                <div>\r\n                  <div class=\"dcf-spec-key\">\u00c9clairage<\/div>\r\n                  <div class=\"dcf-spec-val\">Spot LED + ruban LED<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dcf-right\">\r\n      <div class=\"dcf-switch\">\r\n        <button type=\"button\" class=\"is-active\" data-media=\"exterior\">Ext\u00e9rieur<\/button>\r\n        <button type=\"button\" data-media=\"interior\">Int\u00e9rieur<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-media-frame\">\r\n        <div class=\"dcf-image-bg\"><\/div>\r\n\r\n        <button class=\"dcf-nav dcf-prev\" type=\"button\" aria-label=\"Image pr\u00e9c\u00e9dente\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M15 18l-6-6 6-6\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <img decoding=\"async\" decoding=async data-opt-id=1133845105  data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0015-scaled.jpg\"  \r\n          class=\"dcf-image is-cover\" \r\n          src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" \r\n          alt=\"D\u00c9S\u00c9O Cargo ext\u00e9rieur\"\r\n        >\r\n\r\n        <button class=\"dcf-nav dcf-next\" type=\"button\" aria-label=\"Image suivante\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M9 18l6-6-6-6\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-counter\">\r\n        <span class=\"dcf-cur\">1<\/span>\r\n        <span>\/<\/span>\r\n        <span class=\"dcf-total\">1<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"dcf-dock-wrap dcf-dock-hidden\">\r\n    <div class=\"dcf-dock\">\r\n\r\n      <div class=\"dcf-dock-model\">\r\n        <img decoding=\"async\" decoding=async data-opt-id=1645879190  data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/28.png\"  src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Mod\u00e8le 3D D\u00c9S\u00c9O Cargo\">\r\n        <div class=\"dcf-dock-model-name\">D\u00c9S\u00c9O CARGO<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-dock-meta\">\r\n        <span class=\"dcf-dock-label\">Surface<\/span>\r\n        <span class=\"dcf-dock-value\">15 m\u00b2<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-dock-meta\">\r\n        <span class=\"dcf-dock-label\">Dimensions<\/span>\r\n        <span class=\"dcf-dock-value\">6 \u00d7 2.5 \u00d7 3 m<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"dcf-dock-meta\">\r\n        <span class=\"dcf-dock-label\">Prix<\/span>\r\n        <span class=\"dcf-dock-value\">58 200 - 72 600 \u20ac<\/span>\r\n      <\/div>\r\n\r\n      <a href=\"\/#contact\" class=\"dcf-dock-cta\">Configurer mon espace<\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  #deseo-cargo-fiche{\r\n    --bg:#101113;\r\n    --panel:#141518;\r\n    --white:#ffffff;\r\n    --line:rgba(255,255,255,0.12);\r\n    --blue:#8ec7fd;\r\n    --brown:#966d4d;\r\n    --brown-hover:#6a4520;\r\n    --shadow:0 24px 80px rgba(0,0,0,.34);\r\n    position:relative;\r\n    overflow:visible;\r\n    background:\r\n      radial-gradient(circle at 15% 15%, rgba(142,199,253,.08), transparent 28%),\r\n      radial-gradient(circle at 85% 80%, rgba(150,109,77,.12), transparent 32%),\r\n      linear-gradient(180deg,#0f1012 0%, #131519 100%);\r\n    color:#fff;\r\n    font-family:\"Manrope\",sans-serif;\r\n    padding:88px 0 170px;\r\n  }\r\n\r\n  #deseo-cargo-fiche *{ box-sizing:border-box; }\r\n\r\n  .dcf-inner{\r\n    width:min(1500px, calc(100vw - 44px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(420px,48%) minmax(420px,52%);\r\n    gap:clamp(28px,4vw,56px);\r\n    align-items:start;\r\n  }\r\n\r\n  .dcf-title{\r\n    margin:0 0 24px;\r\n    color:var(--brown)!important;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-weight:600;\r\n    font-size:clamp(44px,5vw,78px);\r\n    line-height:.92;\r\n    letter-spacing:-.03em;\r\n  }\r\n\r\n  .dcf-story{\r\n    padding:0 0 20px;\r\n    margin:0 0 10px;\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .dcf-story-head{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin-bottom:14px;\r\n    color:#fff;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    letter-spacing:.02em;\r\n  }\r\n\r\n  .dcf-icon{\r\n    width:20px;\r\n    height:20px;\r\n    color:var(--blue);\r\n    flex:0 0 auto;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  .dcf-icon svg{\r\n    width:100%;\r\n    height:100%;\r\n  }\r\n\r\n  .dcf-story-text{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:16px;\r\n    line-height:1.78;\r\n    white-space:pre-line;\r\n    display:-webkit-box;\r\n    -webkit-line-clamp:6;\r\n    -webkit-box-orient:vertical;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .dcf-story-text.is-open{\r\n    display:block;\r\n    -webkit-line-clamp:unset;\r\n    overflow:visible;\r\n  }\r\n\r\n  .dcf-story-more{\r\n    margin-top:12px;\r\n    background:none;\r\n    border:none;\r\n    color:var(--blue);\r\n    font-size:14px;\r\n    font-weight:800;\r\n    cursor:pointer;\r\n    padding:0;\r\n  }\r\n\r\n  .dcf-accordion{\r\n    border-top:1px solid var(--line);\r\n    margin-top:10px;\r\n  }\r\n\r\n  .dcf-acc-item{\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .dcf-acc-trigger{\r\n    width:100%;\r\n    background:transparent;\r\n    border:none;\r\n    color:#fff;\r\n    padding:20px 0;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    cursor:pointer;\r\n    text-align:left;\r\n  }\r\n\r\n  .dcf-acc-trigger-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n  }\r\n\r\n  .dcf-acc-trigger .label{\r\n    color:#fff;\r\n    font-size:17px;\r\n    font-weight:800;\r\n  }\r\n\r\n  .dcf-acc-item.active .label{\r\n    color:var(--blue);\r\n  }\r\n\r\n  .dcf-acc-icon{\r\n    color:var(--blue);\r\n    font-size:34px;\r\n    line-height:1;\r\n    font-weight:300;\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .dcf-acc-content{\r\n    display:none;\r\n    padding:0 0 22px;\r\n  }\r\n\r\n  .dcf-acc-item.active .dcf-acc-content{\r\n    display:block;\r\n  }\r\n\r\n  .dcf-acc-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2, minmax(0, 1fr));\r\n    gap:18px 22px;\r\n  }\r\n\r\n  .dcf-spec-row{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    min-width:0;\r\n  }\r\n\r\n  .dcf-spec-icon{\r\n    width:22px;\r\n    height:22px;\r\n    border-radius:999px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:var(--blue);\r\n    border:1px solid rgba(142,199,253,.22);\r\n    background:rgba(142,199,253,.06);\r\n    font-size:12px;\r\n    line-height:1;\r\n    flex:0 0 auto;\r\n    margin-top:1px;\r\n  }\r\n\r\n  .dcf-spec-key{\r\n    color:#fff;\r\n    font-size:15px;\r\n    line-height:1.35;\r\n    font-weight:700;\r\n    margin-bottom:3px;\r\n  }\r\n\r\n  .dcf-spec-val{\r\n    color:#fff;\r\n    font-size:15px;\r\n    line-height:1.35;\r\n    font-weight:300;\r\n  }\r\n\r\n  .dcf-right{\r\n    min-width:0;\r\n    position:sticky;\r\n    top:110px;\r\n  }\r\n\r\n  .dcf-switch{\r\n    display:inline-flex;\r\n    align-self:flex-start;\r\n    margin-bottom:14px;\r\n    background:rgba(255,255,255,.05);\r\n    border:1px solid rgba(255,255,255,.10);\r\n    border-radius:999px;\r\n    padding:4px;\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n  }\r\n\r\n  .dcf-switch button{\r\n    border:none;\r\n    background:transparent;\r\n    color:#fff;\r\n    opacity:.78;\r\n    min-width:118px;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    cursor:pointer;\r\n    transition:all .22s ease;\r\n  }\r\n\r\n  .dcf-switch button.is-active{\r\n    background:var(--blue);\r\n    color:#0f1419;\r\n    opacity:1;\r\n  }\r\n\r\n  .dcf-media-frame{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:20px;\r\n    height:min(74vh, 760px);\r\n    min-height:560px;\r\n    background:#0c0d0f;\r\n    box-shadow:var(--shadow);\r\n    border:1px solid rgba(255,255,255,.06);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .dcf-image-bg{\r\n    position:absolute;\r\n    inset:-30px;\r\n    z-index:0;\r\n    background-image:url(\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0015-scaled.jpg\");\r\n    background-size:cover;\r\n    background-position:center;\r\n    background-repeat:no-repeat;\r\n    filter:blur(26px);\r\n    transform:scale(1.08);\r\n    opacity:.42;\r\n  }\r\n\r\n  .dcf-image{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    height:100%;\r\n    max-width:100%;\r\n    max-height:100%;\r\n    object-position:center;\r\n    display:block;\r\n    background:#0c0d0f;\r\n    transition:opacity .25s ease, transform .6s ease;\r\n  }\r\n\r\n  .dcf-image.is-cover{\r\n    object-fit:cover;\r\n    padding:0;\r\n  }\r\n\r\n  .dcf-image.is-contain{\r\n    object-fit:contain;\r\n    padding:18px;\r\n  }\r\n\r\n  .dcf-media-frame:hover .dcf-image{\r\n    transform:scale(1.018);\r\n  }\r\n\r\n  .dcf-nav{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    z-index:5;\r\n    width:52px;\r\n    height:52px;\r\n    border-radius:999px;\r\n    border:none;\r\n    background:rgba(16,17,19,.72);\r\n    color:#fff;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    cursor:pointer;\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n    transition:background .22s ease,color .22s ease;\r\n  }\r\n\r\n  .dcf-nav:hover{\r\n    background:var(--blue);\r\n    color:#0f1419;\r\n  }\r\n\r\n  .dcf-nav svg{\r\n    width:18px;\r\n    height:18px;\r\n  }\r\n\r\n  .dcf-prev{ left:16px; }\r\n  .dcf-next{ right:16px; }\r\n\r\n  .dcf-counter{\r\n    margin-top:12px;\r\n    display:flex;\r\n    justify-content:flex-end;\r\n    gap:8px;\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:700;\r\n  }\r\n\r\n  .dcf-dock-wrap{\r\n    width:min(1240px, calc(100vw - 32px));\r\n    z-index:999;\r\n    transition:opacity .24s ease, visibility .24s ease;\r\n  }\r\n\r\n  .dcf-dock-hidden{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:24px;\r\n    transform:translateX(-50%);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcf-dock-fixed{\r\n    position:fixed;\r\n    left:50%;\r\n    bottom:18px;\r\n    transform:translateX(-50%);\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  .dcf-dock-bottom{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:24px;\r\n    transform:translateX(-50%);\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  .dcf-dock{\r\n    width:100%;\r\n    background:#fff;\r\n    border:1px solid rgba(255,255,255,.10);\r\n    border-radius:16px;\r\n    box-shadow:0 24px 60px rgba(0,0,0,.35);\r\n    display:grid;\r\n    grid-template-columns:1.35fr .65fr .8fr .9fr auto;\r\n    align-items:center;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .dcf-dock-model,\r\n  .dcf-dock-meta{\r\n    padding:18px 22px;\r\n    min-width:0;\r\n  }\r\n\r\n  .dcf-dock-model{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n  }\r\n\r\n  .dcf-dock-model img{\r\n    width:56px;\r\n    height:56px;\r\n    object-fit:cover;\r\n    border-radius:10px;\r\n    background:rgba(0,0,0,.04);\r\n    border:1px solid rgba(0,0,0,.08);\r\n    flex:0 0 auto;\r\n  }\r\n\r\n  .dcf-dock-model-name{\r\n    color:#000;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    line-height:1.2;\r\n  }\r\n\r\n  .dcf-dock-meta{\r\n    border-left:1px solid rgba(0,0,0,.08);\r\n  }\r\n\r\n  .dcf-dock-label{\r\n    display:block;\r\n    color:#000;\r\n    opacity:.72;\r\n    font-size:12px;\r\n    text-transform:uppercase;\r\n    letter-spacing:.08em;\r\n    font-weight:800;\r\n    margin-bottom:4px;\r\n  }\r\n\r\n  .dcf-dock-value{\r\n    color:#000;\r\n    font-size:17px;\r\n    font-weight:600;\r\n    line-height:1.25;\r\n    white-space:nowrap;\r\n  }\r\n\r\n  .dcf-dock-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:94px;\r\n    padding:0 30px;\r\n    background:var(--brown);\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    white-space:nowrap;\r\n    border-left:1px solid rgba(0,0,0,.08);\r\n    transition:background .22s ease, color .22s ease;\r\n  }\r\n\r\n  .dcf-dock-cta:hover{\r\n    background:var(--brown-hover);\r\n    color:#fff;\r\n  }\r\n\r\n  @media (max-width:1260px){\r\n    .dcf-inner{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .dcf-right{\r\n      position:relative;\r\n      top:auto;\r\n    }\r\n\r\n    .dcf-media-frame{\r\n      height:58vh;\r\n      min-height:440px;\r\n    }\r\n\r\n    .dcf-dock{\r\n      grid-template-columns:1.2fr .7fr .9fr .9fr;\r\n      grid-template-areas:\r\n        \"model surface dimensions price\"\r\n        \"cta cta cta cta\";\r\n    }\r\n\r\n    .dcf-dock-model{ grid-area:model; }\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(1){ grid-area:surface; }\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(2){ grid-area:dimensions; }\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(3){ grid-area:price; }\r\n    .dcf-dock-cta{ grid-area:cta; min-height:54px; width:100%; }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    #deseo-cargo-fiche{\r\n      padding:60px 0 170px;\r\n    }\r\n\r\n    .dcf-inner{\r\n      width:min(1400px, calc(100vw - 24px));\r\n      gap:24px;\r\n    }\r\n\r\n    .dcf-title{\r\n      font-size:clamp(36px, 12vw, 52px);\r\n    }\r\n\r\n    .dcf-story-text{\r\n      font-size:14px;\r\n      line-height:1.7;\r\n      -webkit-line-clamp:7;\r\n    }\r\n\r\n    .dcf-acc-grid{\r\n      grid-template-columns:1fr;\r\n      gap:14px;\r\n    }\r\n\r\n    .dcf-spec-key,\r\n    .dcf-spec-val{\r\n      font-size:14px;\r\n    }\r\n\r\n    .dcf-switch{\r\n      width:100%;\r\n    }\r\n\r\n    .dcf-switch button{\r\n      flex:1;\r\n      min-width:0;\r\n      padding:10px 12px;\r\n      font-size:12px;\r\n    }\r\n\r\n    .dcf-media-frame{\r\n      height:42vh;\r\n      min-height:320px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    .dcf-image.is-contain{\r\n      padding:10px;\r\n    }\r\n\r\n    .dcf-nav{\r\n      width:40px;\r\n      height:40px;\r\n    }\r\n\r\n    .dcf-dock-wrap{\r\n      width:min(285px, calc(100vw - 20px));\r\n    }\r\n\r\n    .dcf-dock-hidden,\r\n    .dcf-dock-bottom{\r\n      left:auto;\r\n      right:10px;\r\n      bottom:10px;\r\n      transform:none;\r\n    }\r\n\r\n    .dcf-dock-fixed{\r\n      left:auto;\r\n      right:10px;\r\n      bottom:10px;\r\n      transform:none;\r\n    }\r\n\r\n    .dcf-dock{\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      grid-template-areas:\r\n        \"model model\"\r\n        \"surface dimensions\"\r\n        \"price price\"\r\n        \"cta cta\";\r\n      border-radius:12px;\r\n    }\r\n\r\n    .dcf-dock-model{\r\n      grid-area:model;\r\n      gap:10px;\r\n      padding:10px 12px;\r\n    }\r\n\r\n    .dcf-dock-model img{\r\n      width:34px;\r\n      height:34px;\r\n      border-radius:6px;\r\n    }\r\n\r\n    .dcf-dock-model-name{\r\n      font-size:12px;\r\n    }\r\n\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(1){ grid-area:surface; }\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(2){ grid-area:dimensions; }\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(3){ grid-area:price; }\r\n\r\n    .dcf-dock-meta{\r\n      padding:8px 10px;\r\n      border-left:none;\r\n      border-top:1px solid rgba(0,0,0,.08);\r\n    }\r\n\r\n    .dcf-dock .dcf-dock-meta:nth-of-type(2){\r\n      border-left:1px solid rgba(0,0,0,.08);\r\n    }\r\n\r\n    .dcf-dock-label{\r\n      font-size:9px;\r\n      margin-bottom:2px;\r\n    }\r\n\r\n    .dcf-dock-value{\r\n      font-size:11px;\r\n      line-height:1.2;\r\n    }\r\n\r\n    .dcf-dock-cta{\r\n      grid-area:cta;\r\n      min-height:40px;\r\n      padding:0 10px;\r\n      font-size:11px;\r\n      border-left:none;\r\n      border-top:1px solid rgba(0,0,0,.08);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function initDeseoCargoFiche(){\r\n    const section = document.getElementById('deseo-cargo-fiche');\r\n    if(!section || section.dataset.ready === 'true') return;\r\n    section.dataset.ready = 'true';\r\n\r\n    const exterior = [\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0015-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0166-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0236-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0147-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/5.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0162-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0143-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0110.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2025\/10\/Chat-gpt-4-.png\", fit:\"auto\", pos:\"center\" }\r\n    ];\r\n\r\n    const interior = [\r\n      \r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0130-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/8.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0123.jpg\", fit:\"auto\", pos:\"center\" },\r\n    \r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG_20260425_105537-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/9.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG_20260425_105534-scaled.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/3.jpg\", fit:\"auto\", pos:\"center\" },\r\n      { src:\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/4.jpg\", fit:\"auto\", pos:\"center\" }\r\n    ];\r\n\r\n    const image = section.querySelector('.dcf-image');\r\n    const imageBg = section.querySelector('.dcf-image-bg');\r\n    const frame = section.querySelector('.dcf-media-frame');\r\n    const prev = section.querySelector('.dcf-prev');\r\n    const next = section.querySelector('.dcf-next');\r\n    const switchBtns = section.querySelectorAll('.dcf-switch button');\r\n    const cur = section.querySelector('.dcf-cur');\r\n    const total = section.querySelector('.dcf-total');\r\n    const accItems = section.querySelectorAll('.dcf-acc-item');\r\n    const story = section.querySelector('.dcf-story-text');\r\n    const more = section.querySelector('.dcf-story-more');\r\n    const dock = section.querySelector('.dcf-dock-wrap');\r\n\r\n    if(!image || !frame || !prev || !next || !cur || !total) return;\r\n\r\n    let media = 'exterior';\r\n    let pos = 0;\r\n    let ticking = false;\r\n    let renderToken = 0;\r\n\r\n    function getList(){\r\n      return media === 'exterior' ? exterior : interior;\r\n    }\r\n\r\n    function chooseSmartFit(imgWidth, imgHeight){\r\n      const frameRatio = frame.clientWidth \/ frame.clientHeight;\r\n      const imgRatio = imgWidth \/ imgHeight;\r\n\r\n      if(imgRatio < frameRatio * 0.72 || imgRatio > frameRatio * 1.72){\r\n        return 'contain';\r\n      }\r\n\r\n      return 'cover';\r\n    }\r\n\r\n    function render(){\r\n      const arr = getList();\r\n      if(!arr.length) return;\r\n\r\n      if(pos < 0) pos = arr.length - 1;\r\n      if(pos >= arr.length) pos = 0;\r\n\r\n      const item = arr[pos];\r\n      const src = item.src;\r\n      const position = item.pos || 'center';\r\n\r\n      renderToken += 1;\r\n      const token = renderToken;\r\n\r\n      image.style.opacity = '0';\r\n\r\n      const loader = new Image();\r\n\r\n      loader.onload = function(){\r\n        if(token !== renderToken) return;\r\n\r\n        let fit = item.fit || 'cover';\r\n\r\n        if(fit === 'auto'){\r\n          fit = chooseSmartFit(loader.naturalWidth, loader.naturalHeight);\r\n        }\r\n\r\n        image.src = src;\r\n        image.alt = \"D\u00c9S\u00c9O Cargo \" + (media === 'exterior' ? 'ext\u00e9rieur' : 'int\u00e9rieur') + \" \" + (pos + 1);\r\n\r\n        image.classList.remove('is-cover', 'is-contain');\r\n        image.classList.add(fit === 'contain' ? 'is-contain' : 'is-cover');\r\n        image.style.objectPosition = position;\r\n\r\n        if(imageBg){\r\n          imageBg.style.backgroundImage = 'url(\"' + src + '\")';\r\n          imageBg.style.backgroundPosition = position;\r\n        }\r\n\r\n        cur.textContent = String(pos + 1);\r\n        total.textContent = String(arr.length);\r\n\r\n        window.requestAnimationFrame(function(){\r\n          image.style.opacity = '1';\r\n        });\r\n      };\r\n\r\n      loader.onerror = function(){\r\n        if(token !== renderToken) return;\r\n\r\n        image.src = src;\r\n        image.classList.remove('is-contain');\r\n        image.classList.add('is-cover');\r\n        image.style.objectPosition = position;\r\n\r\n        if(imageBg){\r\n          imageBg.style.backgroundImage = 'url(\"' + src + '\")';\r\n          imageBg.style.backgroundPosition = position;\r\n        }\r\n\r\n        cur.textContent = String(pos + 1);\r\n        total.textContent = String(arr.length);\r\n        image.style.opacity = '1';\r\n      };\r\n\r\n      loader.src = src;\r\n    }\r\n\r\n    function setDockState(state){\r\n      if(!dock) return;\r\n      dock.classList.remove('dcf-dock-hidden', 'dcf-dock-fixed', 'dcf-dock-bottom');\r\n      dock.classList.add(state);\r\n    }\r\n\r\n    function updateDockPosition(){\r\n      if(!dock) return;\r\n\r\n      const rect = section.getBoundingClientRect();\r\n      const scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n      const vh = window.innerHeight;\r\n      const sectionTop = rect.top + scrollY;\r\n      const sectionBottom = sectionTop + section.offsetHeight;\r\n      const bottomOffset = window.innerWidth <= 767 ? 10 : 18;\r\n\r\n      const fixedDockBottomDoc = scrollY + vh - bottomOffset;\r\n      const startPoint = sectionTop + 80;\r\n      const endPoint = sectionBottom - 24;\r\n\r\n      if(fixedDockBottomDoc < startPoint){\r\n        setDockState('dcf-dock-hidden');\r\n      } else if(fixedDockBottomDoc >= endPoint){\r\n        setDockState('dcf-dock-bottom');\r\n      } else {\r\n        setDockState('dcf-dock-fixed');\r\n      }\r\n    }\r\n\r\n    function requestDockUpdate(){\r\n      if(ticking) return;\r\n\r\n      ticking = true;\r\n      window.requestAnimationFrame(function(){\r\n        updateDockPosition();\r\n        ticking = false;\r\n      });\r\n    }\r\n\r\n    switchBtns.forEach(function(btn){\r\n      btn.addEventListener('click', function(){\r\n        switchBtns.forEach(function(b){\r\n          b.classList.remove('is-active');\r\n        });\r\n\r\n        btn.classList.add('is-active');\r\n        media = btn.dataset.media;\r\n        pos = 0;\r\n        render();\r\n      });\r\n    });\r\n\r\n    prev.addEventListener('click', function(){\r\n      pos -= 1;\r\n      render();\r\n    });\r\n\r\n    next.addEventListener('click', function(){\r\n      pos += 1;\r\n      render();\r\n    });\r\n\r\n    accItems.forEach(function(item){\r\n      const trigger = item.querySelector('.dcf-acc-trigger');\r\n\r\n      if(!trigger) return;\r\n\r\n      trigger.addEventListener('click', function(){\r\n        const wasOpen = item.classList.contains('active');\r\n\r\n        accItems.forEach(function(el){\r\n          el.classList.remove('active');\r\n          const icon = el.querySelector('.dcf-acc-icon');\r\n          if(icon) icon.textContent = '+';\r\n        });\r\n\r\n        if(!wasOpen){\r\n          item.classList.add('active');\r\n          const icon = item.querySelector('.dcf-acc-icon');\r\n          if(icon) icon.textContent = '\u00d7';\r\n        }\r\n\r\n        setTimeout(updateDockPosition, 80);\r\n      });\r\n    });\r\n\r\n    if(more && story){\r\n      more.addEventListener('click', function(){\r\n        const open = story.classList.toggle('is-open');\r\n        more.textContent = open ? 'Lire moins' : 'Lire plus';\r\n        setTimeout(updateDockPosition, 80);\r\n      });\r\n    }\r\n\r\n    window.addEventListener('scroll', requestDockUpdate, { passive:true });\r\n\r\n    window.addEventListener('resize', function(){\r\n      render();\r\n      requestDockUpdate();\r\n    });\r\n\r\n    render();\r\n    updateDockPosition();\r\n\r\n    setTimeout(updateDockPosition, 300);\r\n    setTimeout(updateDockPosition, 900);\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', initDeseoCargoFiche);\r\n  } else {\r\n    initDeseoCargoFiche();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a36b732 e-con-full e-flex e-con e-parent\" data-id=\"a36b732\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbca1b3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dbca1b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-cargo-interieur-mesure\">\r\n  <div class=\"dcim-inner\">\r\n\r\n    <div class=\"dcim-visual\">\r\n      <div class=\"dcim-image-frame\">\r\n        <img decoding=\"async\" decoding=async data-opt-id=381489454  data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/05\/IMG-20260424-WA0143-scaled.jpg\"  \r\n          src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" \r\n          alt=\"Int\u00e9rieur sur mesure D\u00e9s\u00e9o Cargo\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dcim-content\">\r\n      <p class=\"dcim-kicker\">Am\u00e9nagement sur mesure<\/p>\r\n\r\n      <h2 class=\"dcim-title\">\r\n        Un Int\u00e9rieur sans Limites : Votre Projet sur Mesure\r\n      <\/h2>\r\n\r\n      <p class=\"dcim-intro\">\r\n        Si l\u2019ext\u00e9rieur revendique ses racines industrielles, l\u2019int\u00e9rieur est une page blanche pr\u00eate \u00e0 accueillir tous vos d\u00e9sirs d\u2019am\u00e9nagement. Tout est possible pour cr\u00e9er un espace qui vous ressemble.\r\n      <\/p>\r\n\r\n      <div class=\"dcim-points\">\r\n\r\n        <article class=\"dcim-point\">\r\n          <span>01<\/span>\r\n          <div>\r\n            <h3>Finitions des Parois<\/h3>\r\n            <p>\r\n              Placoplatre pour un rendu classique, lambris ou panneaux de bois pour la chaleur, ou OSB pour affirmer le look industriel.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dcim-point\">\r\n          <span>02<\/span>\r\n          <div>\r\n            <h3>\u00c9quipements Complets<\/h3>\r\n            <p>\r\n              Int\u00e9gration sur mesure de cuisines \u00e9quip\u00e9es, salles de bains design et WC.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dcim-point\">\r\n          <span>03<\/span>\r\n          <div>\r\n            <h3>Confort Thermique<\/h3>\r\n            <p>\r\n              Bien que b\u00e2ti sur une structure acier, chaque b\u00e2timent est strictement conforme \u00e0 la RE 2020, garantissant une isolation thermique et acoustique de premier ordre.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  #deseo-cargo-interieur-mesure{\r\n    --blue:#8ec7fd;\r\n    --brown:#966d4d;\r\n    --line:rgba(255,255,255,.12);\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(circle at 16% 20%, rgba(142,199,253,.08), transparent 28%),\r\n      radial-gradient(circle at 86% 78%, rgba(150,109,77,.11), transparent 30%),\r\n      linear-gradient(180deg, #0f1012 0%, #131519 100%);\r\n    color:#fff;\r\n    font-family:\"Manrope\", sans-serif;\r\n    padding:104px 0;\r\n  }\r\n\r\n  #deseo-cargo-interieur-mesure *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .dcim-inner{\r\n    width:min(1380px, calc(100vw - 44px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(420px, 1.05fr) minmax(380px, .95fr);\r\n    gap:clamp(34px, 5vw, 78px);\r\n    align-items:center;\r\n  }\r\n\r\n  .dcim-visual{\r\n    position:relative;\r\n  }\r\n\r\n  .dcim-image-frame{\r\n    position:relative;\r\n    aspect-ratio:5 \/ 4;\r\n    overflow:hidden;\r\n    border-radius:18px;\r\n    background:#0c0d0f;\r\n    border:1px solid rgba(255,255,255,.10);\r\n    box-shadow:0 34px 90px rgba(0,0,0,.42);\r\n  }\r\n\r\n  .dcim-image-frame::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:18px;\r\n    z-index:2;\r\n    border:1px solid rgba(255,255,255,.14);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcim-image-frame::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    background:\r\n      linear-gradient(to top, rgba(0,0,0,.36), rgba(0,0,0,.04)),\r\n      linear-gradient(135deg, rgba(142,199,253,.08), transparent 42%);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dcim-image-frame img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    transition:transform .85s ease;\r\n  }\r\n\r\n  .dcim-image-frame:hover img{\r\n    transform:scale(1.035);\r\n  }\r\n\r\n  .dcim-content{\r\n    max-width:660px;\r\n  }\r\n\r\n  .dcim-kicker{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin:0 0 18px;\r\n    color:var(--blue);\r\n    font-size:13px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dcim-kicker::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    background:linear-gradient(90deg, var(--blue), rgba(142,199,253,0));\r\n  }\r\n\r\n  .dcim-title{\r\n    margin:0;\r\n    color:#fff;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:clamp(42px, 5vw, 72px);\r\n    line-height:.96;\r\n    font-weight:500;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .dcim-intro{\r\n    margin:24px 0 0;\r\n    color:#fff;\r\n    font-size:17px;\r\n    line-height:1.8;\r\n    font-weight:400;\r\n  }\r\n\r\n  .dcim-points{\r\n    margin-top:34px;\r\n    display:grid;\r\n    gap:14px;\r\n  }\r\n\r\n  .dcim-point{\r\n    display:grid;\r\n    grid-template-columns:46px 1fr;\r\n    gap:16px;\r\n    padding:18px 0;\r\n    border-top:1px solid var(--line);\r\n  }\r\n\r\n  .dcim-point:last-child{\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .dcim-point span{\r\n    width:38px;\r\n    height:38px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:var(--blue);\r\n    border:1px solid rgba(142,199,253,.34);\r\n    background:rgba(142,199,253,.06);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.08em;\r\n  }\r\n\r\n  .dcim-point h3{\r\n    margin:0 0 7px;\r\n    color:#fff;\r\n    font-size:18px;\r\n    line-height:1.25;\r\n    font-weight:800;\r\n  }\r\n\r\n  .dcim-point p{\r\n    margin:0;\r\n    color:#fff;\r\n    font-size:14.8px;\r\n    line-height:1.68;\r\n    font-weight:400;\r\n  }\r\n\r\n  @media (max-width:1100px){\r\n    .dcim-inner{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .dcim-content{\r\n      max-width:100%;\r\n    }\r\n\r\n    .dcim-image-frame{\r\n      aspect-ratio:16 \/ 10;\r\n    }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    #deseo-cargo-interieur-mesure{\r\n      padding:64px 0 72px;\r\n    }\r\n\r\n    .dcim-inner{\r\n      width:min(1400px, calc(100vw - 24px));\r\n      gap:32px;\r\n    }\r\n\r\n    .dcim-title{\r\n      font-size:clamp(36px, 11vw, 52px);\r\n      line-height:1;\r\n    }\r\n\r\n    .dcim-intro{\r\n      font-size:15.5px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .dcim-image-frame{\r\n      aspect-ratio:4 \/ 4.8;\r\n      border-radius:14px;\r\n    }\r\n\r\n    .dcim-image-frame::before{\r\n      inset:12px;\r\n    }\r\n\r\n    .dcim-point{\r\n      grid-template-columns:40px 1fr;\r\n      gap:12px;\r\n      padding:16px 0;\r\n    }\r\n\r\n    .dcim-point span{\r\n      width:34px;\r\n      height:34px;\r\n      font-size:10px;\r\n    }\r\n\r\n    .dcim-point h3{\r\n      font-size:16px;\r\n    }\r\n\r\n    .dcim-point p{\r\n      font-size:13.8px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbd5f34 e-con-full e-flex e-con e-parent\" data-id=\"fbd5f34\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edc7a60 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"edc7a60\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-cargo-bcm-recyclage\">\r\n  <div class=\"dccbr-inner\">\r\n\r\n    <div class=\"dccbr-left\">\r\n      <p class=\"dccbr-kicker\">Recyclage architectural<\/p>\r\n\r\n      <h2 class=\"dccbr-title\">\r\n        L'Expertise BCM au Service du Recyclage Architectural\r\n      <\/h2>\r\n\r\n      <p class=\"dccbr-text\">\r\n        Fabriqu\u00e9 dans nos ateliers d'Issoire, le <strong>D\u00e9s\u00e9o Cargo<\/strong> b\u00e9n\u00e9ficie du savoir-faire historique de BCM en mati\u00e8re de structures m\u00e9talliques.\r\n      <\/p>\r\n\r\n      <p class=\"dccbr-text\">\r\n        Nous transformons une unit\u00e9 de transport robuste en un lieu de vie ou de travail p\u00e9renne, alliant la rapidit\u00e9 d'installation du modulaire \u00e0 une esth\u00e9tique contemporaine audacieuse.\r\n      <\/p>\r\n\r\n      <p class=\"dccbr-text dccbr-text-strong\">\r\n        Choisir le D\u00e9s\u00e9o Cargo, c'est opter pour un b\u00e2timent qui a une \u00e2me, une histoire, et une performance \u00e9nerg\u00e9tique r\u00e9solument moderne.\r\n      <\/p>\r\n\r\n      <div class=\"dccbr-proof\">\r\n        <span>Depuis<\/span>\r\n        <strong>1988<\/strong>\r\n        <em>Structures m\u00e9talliques \u00b7 Modulaire \u00b7 Transformation<\/em>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dccbr-right\">\r\n\r\n      <div class=\"dccbr-size-card\">\r\n        <div class=\"dccbr-size-head\">\r\n          <div>\r\n            <span>Configuration Cargo<\/span>\r\n            <strong id=\"dccbrCurrentSize\">15 m\u00b2<\/strong>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>Base container<\/span>\r\n            <strong id=\"dccbrCurrentFeet\">20 pieds<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dccbr-tabs\">\r\n          <button class=\"dccbr-tab is-active\" type=\"button\" data-size=\"15\" data-feet=\"20 pieds\">\r\n            <span>Format 01<\/span>\r\n            <strong>15 m\u00b2<\/strong>\r\n            <em>Base 20 pieds<\/em>\r\n          <\/button>\r\n\r\n          <button class=\"dccbr-tab\" type=\"button\" data-size=\"30\" data-feet=\"40 pieds\">\r\n            <span>Format 02<\/span>\r\n            <strong>30 m\u00b2<\/strong>\r\n            <em>Base 40 pieds<\/em>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"dccbr-stage\" id=\"dccbrStage\" data-size=\"15\">\r\n          <div class=\"dccbr-grid-glow\"><\/div>\r\n\r\n          <div class=\"dccbr-module-axis\">\r\n            <div class=\"dccbr-module\">\r\n              <div class=\"dccbr-module-shell\"><\/div>\r\n\r\n              <div class=\"dccbr-module-lines\" aria-hidden=\"true\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n              <\/div>\r\n\r\n              <div class=\"dccbr-module-content\">\r\n                <span id=\"dccbrModuleLabel\">Container 20 pieds<\/span>\r\n                <strong id=\"dccbrModuleSize\">15 m\u00b2<\/strong>\r\n                <em>Transform\u00e9 en espace habitable ou professionnel<\/em>\r\n              <\/div>\r\n\r\n              <div class=\"dccbr-led-line\" aria-hidden=\"true\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"dccbr-size-guide\">\r\n            <span>20 pieds<\/span>\r\n            <span>40 pieds<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  #deseo-cargo-bcm-recyclage{\r\n    --blue:#8ec7fd;\r\n    --brown:#966d4d;\r\n    --line:rgba(255,255,255,.12);\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:\r\n      radial-gradient(circle at 12% 16%, rgba(142,199,253,.08), transparent 28%),\r\n      radial-gradient(circle at 86% 76%, rgba(150,109,77,.12), transparent 32%),\r\n      linear-gradient(180deg, #101113 0%, #131519 100%);\r\n    color:#fff;\r\n    font-family:\"Manrope\", sans-serif;\r\n    padding:104px 0;\r\n  }\r\n\r\n  #deseo-cargo-bcm-recyclage *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .dccbr-inner{\r\n    width:min(1460px, calc(100vw - 44px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(360px, .82fr) minmax(680px, 1.18fr);\r\n    gap:clamp(42px, 6vw, 92px);\r\n    align-items:center;\r\n  }\r\n\r\n  .dccbr-kicker{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    margin:0 0 18px;\r\n    color:var(--blue);\r\n    font-size:13px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dccbr-kicker::before{\r\n    content:\"\";\r\n    width:40px;\r\n    height:1px;\r\n    background:linear-gradient(90deg, var(--blue), rgba(142,199,253,0));\r\n  }\r\n\r\n  .dccbr-title{\r\n    margin:0;\r\n    color:#fff;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:clamp(40px, 4.55vw, 68px);\r\n    line-height:.96;\r\n    font-weight:500;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .dccbr-text{\r\n    margin:24px 0 0;\r\n    color:#fff;\r\n    font-size:17px;\r\n    line-height:1.82;\r\n    font-weight:400;\r\n  }\r\n\r\n  .dccbr-text strong{\r\n    color:#fff;\r\n    font-weight:800;\r\n  }\r\n\r\n  .dccbr-text-strong{\r\n    margin-top:30px;\r\n    padding-left:20px;\r\n    border-left:2px solid var(--blue);\r\n    font-weight:700;\r\n  }\r\n\r\n  .dccbr-proof{\r\n    margin-top:34px;\r\n    padding:18px 20px;\r\n    display:grid;\r\n    grid-template-columns:auto 1fr;\r\n    gap:6px 18px;\r\n    align-items:center;\r\n    border:1px solid rgba(255,255,255,.11);\r\n    background:\r\n      linear-gradient(135deg, rgba(142,199,253,.08), rgba(255,255,255,.025)),\r\n      rgba(255,255,255,.035);\r\n    border-radius:18px;\r\n  }\r\n\r\n  .dccbr-proof span{\r\n    grid-column:1 \/ 2;\r\n    color:var(--blue);\r\n    font-size:11px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:.14em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dccbr-proof strong{\r\n    grid-column:1 \/ 2;\r\n    color:#fff;\r\n    font-size:46px;\r\n    line-height:.9;\r\n    font-weight:800;\r\n    letter-spacing:-.06em;\r\n    white-space:nowrap;\r\n  }\r\n\r\n  .dccbr-proof em{\r\n    grid-column:2 \/ 3;\r\n    grid-row:1 \/ 3;\r\n    color:#fff;\r\n    opacity:.88;\r\n    font-size:14px;\r\n    line-height:1.45;\r\n    font-style:normal;\r\n    font-weight:600;\r\n  }\r\n\r\n  .dccbr-size-card{\r\n    width:100%;\r\n    min-height:650px;\r\n    padding:28px;\r\n    border-radius:28px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),\r\n      rgba(20,23,28,.92);\r\n    border:1px solid rgba(255,255,255,.11);\r\n    box-shadow:0 34px 90px rgba(0,0,0,.36);\r\n    display:flex;\r\n    flex-direction:column;\r\n  }\r\n\r\n  .dccbr-size-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:22px;\r\n    align-items:flex-start;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .dccbr-size-head span,\r\n  .dccbr-bottom span{\r\n    display:block;\r\n    margin-bottom:5px;\r\n    color:var(--blue);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dccbr-size-head strong,\r\n  .dccbr-bottom strong{\r\n    display:block;\r\n    color:#fff;\r\n    font-size:24px;\r\n    line-height:1.1;\r\n    font-weight:800;\r\n  }\r\n\r\n  .dccbr-tabs{\r\n    display:grid;\r\n    grid-template-columns:repeat(2, minmax(0, 1fr));\r\n    gap:16px;\r\n    margin-bottom:22px;\r\n  }\r\n\r\n  .dccbr-tab{\r\n    position:relative;\r\n    min-height:118px;\r\n    padding:20px;\r\n    text-align:left;\r\n    border-radius:18px;\r\n    border:1px solid rgba(255,255,255,.10);\r\n    background:rgba(255,255,255,.035);\r\n    color:#fff;\r\n    cursor:pointer;\r\n    overflow:hidden;\r\n    transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;\r\n  }\r\n\r\n  .dccbr-tab::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto 0 0;\r\n    height:3px;\r\n    background:linear-gradient(90deg, var(--blue), rgba(142,199,253,0));\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .25s ease;\r\n  }\r\n\r\n  .dccbr-tab:hover,\r\n  .dccbr-tab.is-active{\r\n    transform:translateY(-3px);\r\n    background:rgba(142,199,253,.07);\r\n    border-color:rgba(142,199,253,.38);\r\n    box-shadow:0 18px 44px rgba(0,0,0,.24);\r\n  }\r\n\r\n  .dccbr-tab:hover::before,\r\n  .dccbr-tab.is-active::before{\r\n    transform:scaleX(1);\r\n  }\r\n\r\n  .dccbr-tab span{\r\n    display:block;\r\n    margin-bottom:9px;\r\n    color:var(--blue);\r\n    font-size:11px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dccbr-tab strong{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:#fff;\r\n    font-size:40px;\r\n    line-height:.9;\r\n    font-weight:800;\r\n    letter-spacing:-.06em;\r\n  }\r\n\r\n  .dccbr-tab em{\r\n    display:block;\r\n    color:#fff;\r\n    font-size:13px;\r\n    line-height:1.35;\r\n    font-style:normal;\r\n    font-weight:700;\r\n  }\r\n\r\n  .dccbr-stage{\r\n    --module-width:42%;\r\n    position:relative;\r\n    flex:1;\r\n    min-height:390px;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    background:\r\n      linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),\r\n      rgba(9,11,13,.72);\r\n    background-size:32px 32px;\r\n    border:1px solid rgba(255,255,255,.10);\r\n  }\r\n\r\n  .dccbr-stage::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:18px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    pointer-events:none;\r\n    z-index:8;\r\n  }\r\n\r\n  .dccbr-grid-glow{\r\n    position:absolute;\r\n    inset:-20%;\r\n    background:\r\n      radial-gradient(circle at 48% 40%, rgba(142,199,253,.16), transparent 28%),\r\n      radial-gradient(circle at 52% 74%, rgba(150,109,77,.14), transparent 24%);\r\n    filter:blur(24px);\r\n  }\r\n\r\n  .dccbr-module-axis{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    width:min(920px, calc(100% - 70px));\r\n    height:190px;\r\n    transform:translate(-50%, -50%);\r\n    z-index:3;\r\n    display:flex;\r\n    align-items:stretch;\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  .dccbr-module{\r\n    width:var(--module-width);\r\n    height:100%;\r\n    position:relative;\r\n    transition:width .55s cubic-bezier(.22,1,.36,1);\r\n    box-shadow:0 28px 70px rgba(0,0,0,.30);\r\n  }\r\n\r\n  .dccbr-module-shell{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(135deg, rgba(142,199,253,.18), rgba(142,199,253,.045)),\r\n      linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,0));\r\n    border:1px solid rgba(142,199,253,.42);\r\n  }\r\n\r\n  .dccbr-module-lines{\r\n    position:absolute;\r\n    inset:0;\r\n    display:grid;\r\n    grid-template-columns:repeat(6, 1fr);\r\n    opacity:.38;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .dccbr-module-lines span{\r\n    border-left:1px solid rgba(255,255,255,.16);\r\n  }\r\n\r\n  .dccbr-module-content{\r\n    position:absolute;\r\n    left:24px;\r\n    top:24px;\r\n    right:24px;\r\n    z-index:2;\r\n  }\r\n\r\n  .dccbr-module-content span{\r\n    display:block;\r\n    margin-bottom:9px;\r\n    color:var(--blue);\r\n    font-size:12px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .dccbr-module-content strong{\r\n    display:block;\r\n    color:#fff;\r\n    font-size:38px;\r\n    line-height:.95;\r\n    font-weight:800;\r\n    letter-spacing:-.04em;\r\n  }\r\n\r\n  .dccbr-module-content em{\r\n    display:block;\r\n    margin-top:8px;\r\n    max-width:320px;\r\n    color:#fff;\r\n    opacity:.84;\r\n    font-size:13px;\r\n    line-height:1.45;\r\n    font-style:normal;\r\n    font-weight:500;\r\n  }\r\n\r\n  .dccbr-led-line{\r\n    position:absolute;\r\n    left:24px;\r\n    right:24px;\r\n    bottom:24px;\r\n    height:3px;\r\n    background:linear-gradient(90deg, rgba(142,199,253,0), rgba(142,199,253,.95), rgba(142,199,253,0));\r\n    box-shadow:0 0 18px rgba(142,199,253,.5);\r\n  }\r\n\r\n  .dccbr-size-guide{\r\n    position:absolute;\r\n    left:35px;\r\n    right:35px;\r\n    bottom:38px;\r\n    height:1px;\r\n    background:rgba(255,255,255,.16);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    color:var(--blue);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.08em;\r\n    z-index:4;\r\n  }\r\n\r\n  .dccbr-size-guide span{\r\n    transform:translateY(15px);\r\n  }\r\n\r\n  .dccbr-stage[data-size=\"15\"]{\r\n    --module-width:42%;\r\n  }\r\n\r\n  .dccbr-stage[data-size=\"30\"]{\r\n    --module-width:84%;\r\n  }\r\n\r\n  .dccbr-bottom{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:22px;\r\n    padding-top:22px;\r\n  }\r\n\r\n  @media (max-width:1180px){\r\n    .dccbr-inner{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .dccbr-size-card{\r\n      min-height:600px;\r\n    }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    #deseo-cargo-bcm-recyclage{\r\n      padding:68px 0;\r\n    }\r\n\r\n    .dccbr-inner{\r\n      width:min(1400px, calc(100vw - 24px));\r\n      gap:34px;\r\n    }\r\n\r\n    .dccbr-title{\r\n      font-size:clamp(36px, 11vw, 52px);\r\n      line-height:.98;\r\n    }\r\n\r\n    .dccbr-text{\r\n      font-size:15.5px;\r\n      line-height:1.72;\r\n    }\r\n\r\n    .dccbr-proof{\r\n      grid-template-columns:1fr;\r\n      gap:8px;\r\n      padding:16px;\r\n    }\r\n\r\n    .dccbr-proof span,\r\n    .dccbr-proof strong,\r\n    .dccbr-proof em{\r\n      grid-column:auto;\r\n      grid-row:auto;\r\n    }\r\n\r\n    .dccbr-proof strong{\r\n      font-size:42px;\r\n    }\r\n\r\n    .dccbr-size-card{\r\n      padding:16px;\r\n      border-radius:20px;\r\n      min-height:auto;\r\n    }\r\n\r\n    .dccbr-size-head{\r\n      flex-direction:column;\r\n    }\r\n\r\n    .dccbr-size-head strong,\r\n    .dccbr-bottom strong{\r\n      font-size:20px;\r\n    }\r\n\r\n    .dccbr-tabs{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .dccbr-tab{\r\n      min-height:auto;\r\n      padding:18px;\r\n    }\r\n\r\n    .dccbr-tab strong{\r\n      font-size:34px;\r\n    }\r\n\r\n    .dccbr-stage{\r\n      min-height:350px;\r\n    }\r\n\r\n    .dccbr-module-axis{\r\n      width:calc(100% - 36px);\r\n      height:170px;\r\n    }\r\n\r\n    .dccbr-stage[data-size=\"15\"]{\r\n      --module-width:48%;\r\n    }\r\n\r\n    .dccbr-stage[data-size=\"30\"]{\r\n      --module-width:96%;\r\n    }\r\n\r\n    .dccbr-module-content{\r\n      left:14px;\r\n      top:14px;\r\n      right:14px;\r\n    }\r\n\r\n    .dccbr-module-content span{\r\n      font-size:9px;\r\n      margin-bottom:7px;\r\n    }\r\n\r\n    .dccbr-module-content strong{\r\n      font-size:26px;\r\n    }\r\n\r\n    .dccbr-module-content em{\r\n      font-size:11px;\r\n    }\r\n\r\n    .dccbr-led-line{\r\n      left:14px;\r\n      right:14px;\r\n      bottom:16px;\r\n    }\r\n\r\n    .dccbr-size-guide{\r\n      left:18px;\r\n      right:18px;\r\n      bottom:32px;\r\n      font-size:10px;\r\n    }\r\n\r\n    .dccbr-bottom{\r\n      flex-direction:column;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function initDeseoCargoBcmRecyclage(){\r\n    const section = document.getElementById('deseo-cargo-bcm-recyclage');\r\n    if(!section || section.dataset.ready === 'true') return;\r\n    section.dataset.ready = 'true';\r\n\r\n    const buttons = section.querySelectorAll('.dccbr-tab');\r\n    const stage = section.querySelector('#dccbrStage');\r\n    const currentSize = section.querySelector('#dccbrCurrentSize');\r\n    const currentFeet = section.querySelector('#dccbrCurrentFeet');\r\n    const moduleLabel = section.querySelector('#dccbrModuleLabel');\r\n    const moduleSize = section.querySelector('#dccbrModuleSize');\r\n\r\n    buttons.forEach(function(button){\r\n      button.addEventListener('mouseenter', function(){\r\n        activate(button);\r\n      });\r\n\r\n      button.addEventListener('click', function(){\r\n        activate(button);\r\n      });\r\n    });\r\n\r\n    function activate(button){\r\n      const size = button.dataset.size;\r\n      const feet = button.dataset.feet;\r\n\r\n      buttons.forEach(function(btn){\r\n        btn.classList.remove('is-active');\r\n      });\r\n\r\n      button.classList.add('is-active');\r\n\r\n      stage.setAttribute('data-size', size);\r\n      currentSize.textContent = size + ' m\u00b2';\r\n      currentFeet.textContent = feet;\r\n      moduleLabel.textContent = 'Container ' + feet;\r\n      moduleSize.textContent = size + ' m\u00b2';\r\n    }\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', initDeseoCargoBcmRecyclage);\r\n  } else {\r\n    initDeseoCargoBcmRecyclage();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25bb1a9 e-con-full e-flex e-con e-parent\" data-id=\"25bb1a9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e29032 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8e29032\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"deseo-custom-section\">\r\n  <div class=\"deseo-custom-inner\">\r\n    <div class=\"deseo-custom-left\">\r\n      <p class=\"deseo-custom-kicker\">Personnalisation<\/p>\r\n      <h2 class=\"deseo-custom-title\">Un D\u00c9S\u00c9O qui s\u2019accorde \u00e0 votre go\u00fbt.<\/h2>\r\n\r\n      <p class=\"deseo-custom-text\">\r\n        Un espace bien pens\u00e9 ne se limite pas \u00e0 sa forme. Il se ressent aussi dans sa pr\u00e9sence, sa mati\u00e8re, sa teinte.\r\n        Pour aller plus loin dans la projection, vous pouvez personnaliser votre mod\u00e8le avec diff\u00e9rentes couleurs ext\u00e9rieures\r\n        ou finitions bardage, afin de rapprocher son design de votre univers.\r\n      <\/p>\r\n\r\n      <div class=\"deseo-custom-cta-wrap\">\r\n        <a href=\"#contact\" class=\"deseo-custom-cta\">\r\n          Recevoir mon rendu 3D \u00e0 mon go\u00fbt\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"deseo-custom-current\">\r\n        <span class=\"deseo-custom-current-label\">COULEUR s\u00e9lectionn\u00e9e<\/span>\r\n        <span class=\"deseo-custom-current-name\" id=\"deseoCurrentColorName\">Framboise<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"deseo-custom-right\">\r\n      <div class=\"deseo-custom-preview\">\r\n        <img decoding=\"async\" decoding=async data-opt-id=753463284  data-opt-src=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/8de77134-f40c-4a0e-8a7d-c86281a31989.png\" \r\n          id=\"deseoCustomPreviewImage\"\r\n          src=\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\"\r\n          alt=\"D\u00c9S\u00c9O Cargo en Framboise\"\r\n        \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"deseo-custom-palette\" id=\"deseoCustomPalette\">\r\n    <button class=\"deseo-color-card is-active\"\r\n      data-name=\"Framboise\"\r\n      data-color=\"#f00060\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/8de77134-f40c-4a0e-8a7d-c86281a31989.png\"\r\n      aria-label=\"Framboise\">\r\n      <span class=\"deseo-color-name\">Framboise<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#f00060;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Corail clair\"\r\n      data-color=\"#d36072\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/af6a3f85-1ab2-42d5-beab-7677ec352cf9.png\"\r\n      aria-label=\"Corail clair\">\r\n      <span class=\"deseo-color-name\">Corail clair<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#d36072;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Bleu Gris\"\r\n      data-color=\"#729abf\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/123c0119-510c-40ed-bf27-ab2d513c43fe.png\"\r\n      aria-label=\"Bleu Gris\">\r\n      <span class=\"deseo-color-name\">Bleu Gris<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#729abf;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Fauve\"\r\n      data-color=\"#d15c00\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/659a7a8a-632b-4e2f-b1aa-0ccec2a51ef8.png\"\r\n      aria-label=\"Fauve\">\r\n      <span class=\"deseo-color-name\">Fauve<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#d15c00;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Cyan Fonc\u00e9\"\r\n      data-color=\"#009591\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/80dc683f-20d4-4856-a6f8-3766ea707a82.png\"\r\n      aria-label=\"Cyan Fonc\u00e9\">\r\n      <span class=\"deseo-color-name\">Cyan Fonc\u00e9<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#009591;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Rouge Piment\"\r\n      data-color=\"#cf4226\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/130f351c-adf0-49d2-bc2b-d57460262097.png\"\r\n      aria-label=\"Rouge Piment\">\r\n      <span class=\"deseo-color-name\">Rouge Piment<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#cf4226;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Vert Mousse\"\r\n      data-color=\"#94944d\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/5d5244cb-7369-4f1c-a27c-d2b9c91aa6a5.png\"\r\n      aria-label=\"Vert Mousse\">\r\n      <span class=\"deseo-color-name\">Vert Mousse<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#94944d;\"><\/span>\r\n    <\/button>\r\n\r\n    <button class=\"deseo-color-card\"\r\n      data-name=\"Vieux Rosier\"\r\n      data-color=\"#b7766b\"\r\n      data-image=\"https:\/\/mlocslzckar8.i.optimole.com\/cb:X-yy.5c9\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/deseo.bcm.fr\/wp-content\/uploads\/2026\/04\/2a389822-6a47-41b6-ba5b-64bea70aa0a8.png\"\r\n      aria-label=\"Vieux Rosier\">\r\n      <span class=\"deseo-color-name\">Vieux Rosier<\/span>\r\n      <span class=\"deseo-color-swatch\" style=\"--swatch:#b7766b;\"><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  #deseo-custom-section{\r\n    --deseo-bg:#0f1012;\r\n    --deseo-panel:#141518;\r\n    --deseo-text:#ffffff;\r\n    --deseo-muted:rgba(255,255,255,0.72);\r\n    --deseo-line:rgba(255,255,255,0.10);\r\n    --deseo-blue:#8ec7fd;\r\n    --deseo-brown:#4c3113;\r\n    --deseo-brown-2:#966d4d;\r\n    background:\r\n      radial-gradient(circle at 20% 10%, rgba(142,199,253,0.06), transparent 28%),\r\n      radial-gradient(circle at 90% 90%, rgba(76,49,19,0.10), transparent 30%),\r\n      linear-gradient(180deg, #0f1012 0%, #15171a 100%);\r\n    color:var(--deseo-text);\r\n    padding:64px 0 72px;\r\n    overflow:hidden;\r\n    font-family:\"Manrope\", sans-serif;\r\n  }\r\n\r\n  #deseo-custom-section *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .deseo-custom-inner{\r\n    width:min(1400px, calc(100vw - 40px));\r\n    margin:0 auto 28px;\r\n    display:grid;\r\n    grid-template-columns:minmax(320px, 41%) minmax(320px, 59%);\r\n    gap:24px;\r\n    align-items:center;\r\n  }\r\n\r\n  .deseo-custom-kicker{\r\n    margin:0 0 10px;\r\n    color:var(--deseo-blue);\r\n    font-size:13px;\r\n    font-weight:700;\r\n    letter-spacing:.12em;\r\n    text-transform:uppercase;\r\n  }\r\n\r\n  .deseo-custom-title{\r\n    margin:0 0 18px;\r\n    color:#fff;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-size:clamp(36px, 4.2vw, 60px);\r\n    line-height:.95;\r\n    font-weight:600;\r\n    letter-spacing:-0.03em;\r\n    max-width:620px;\r\n  }\r\n\r\n  .deseo-custom-text{\r\n    margin:0;\r\n    color:var(--deseo-muted);\r\n    font-size:16px;\r\n    line-height:1.65;\r\n    font-weight:300;\r\n    max-width:680px;\r\n  }\r\n\r\n  .deseo-custom-cta-wrap{\r\n    margin-top:34px;\r\n    margin-bottom:34px;\r\n  }\r\n\r\n  .deseo-custom-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:56px;\r\n    padding:0 26px;\r\n    background:#f00060;\r\n    \r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:15px;\r\n    font-weight:800;\r\n    line-height:1;\r\n    letter-spacing:-0.01em;\r\n    transition:transform .22s ease, background .22s ease, opacity .22s ease; \r\n    border-radius:10px;\r\n\r\n  }\r\n\r\n  .deseo-custom-cta:hover{\r\n    background:#7f5d43;\r\n    color:#ffff;\r\n    transform:translateY(-1px);\r\n    opacity:.96;\r\n  }\r\n\r\n  .deseo-custom-current{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:4px;\r\n  }\r\n\r\n  .deseo-custom-current-label{\r\n    color:rgba(255,255,255,0.56);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    text-transform:uppercase;\r\n    letter-spacing:.08em;\r\n  }\r\n\r\n  .deseo-custom-current-name{\r\n    color:#fff;\r\n    font-size:24px;\r\n    font-weight:600;\r\n    letter-spacing:-0.02em;\r\n  }\r\n\r\n  .deseo-custom-preview{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:12px;\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    background:#0c0d0f;\r\n    box-shadow:0 24px 70px rgba(0,0,0,.34);\r\n    min-height:460px;\r\n  }\r\n\r\n  .deseo-custom-preview img{\r\n    width:100%;\r\n    height:100%;\r\n    min-height:460px;\r\n    object-fit:cover;\r\n    display:block;\r\n    transition:opacity .28s ease, transform .5s ease;\r\n  }\r\n\r\n  .deseo-custom-preview.is-switching img{\r\n    opacity:.5;\r\n    transform:scale(1.01);\r\n  }\r\n\r\n  .deseo-custom-palette{\r\n    width:min(1400px, calc(100vw - 40px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(4, minmax(0, 1fr));\r\n    gap:18px 22px;\r\n  }\r\n\r\n  .deseo-color-card{\r\n    appearance:none;\r\n    background:transparent;\r\n    border:none;\r\n    padding:0;\r\n    text-align:left;\r\n    cursor:pointer;\r\n    color:#fff;\r\n    transition:transform .22s ease, opacity .22s ease;\r\n  }\r\n\r\n  .deseo-color-card:hover{\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  .deseo-color-name{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    color:#fff;\r\n    font-size:16px;\r\n    font-family:\"Cormorant Garamond\", serif;\r\n    font-weight:500;\r\n    letter-spacing:-0.01em;\r\n  }\r\n\r\n  .deseo-color-swatch{\r\n    display:block;\r\n    position:relative;\r\n    width:100%;\r\n    aspect-ratio:2 \/ 1;\r\n    border-radius:8px;\r\n    overflow:hidden;\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    box-shadow:0 16px 40px rgba(0,0,0,.25);\r\n    background:\r\n      repeating-linear-gradient(\r\n        90deg,\r\n        color-mix(in srgb, var(--swatch) 82%, #000 18%) 0px,\r\n        color-mix(in srgb, var(--swatch) 82%, #000 18%) 8px,\r\n        color-mix(in srgb, var(--swatch) 96%, #fff 4%) 8px,\r\n        color-mix(in srgb, var(--swatch) 96%, #fff 4%) 16px,\r\n        color-mix(in srgb, var(--swatch) 70%, #fff 30%) 16px,\r\n        color-mix(in srgb, var(--swatch) 70%, #fff 30%) 20px,\r\n        color-mix(in srgb, var(--swatch) 92%, #000 8%) 20px,\r\n        color-mix(in srgb, var(--swatch) 92%, #000 8%) 26px\r\n      );\r\n  }\r\n\r\n  .deseo-color-swatch::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(to bottom, rgba(255,255,255,.10), rgba(0,0,0,.08));\r\n    pointer-events:none;\r\n  }\r\n\r\n  .deseo-color-swatch::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:48px;\r\n    height:48px;\r\n    border-radius:999px;\r\n    left:50%;\r\n    top:50%;\r\n    transform:translate(-50%, -50%);\r\n    background:color-mix(in srgb, var(--swatch) 86%, #fff 14%);\r\n    box-shadow:\r\n      inset 0 1px 4px rgba(255,255,255,.18),\r\n      0 4px 10px rgba(0,0,0,.14);\r\n    opacity:.96;\r\n  }\r\n\r\n  .deseo-color-card.is-active .deseo-color-swatch{\r\n    border-color:var(--deseo-blue);\r\n    box-shadow:0 0 0 1px rgba(142,199,253,.35), 0 16px 40px rgba(0,0,0,.28);\r\n  }\r\n\r\n  .deseo-color-card.is-active .deseo-color-name{\r\n    color:var(--deseo-blue);\r\n  }\r\n\r\n  @media (max-width: 1100px){\r\n    .deseo-custom-inner{\r\n      grid-template-columns:1fr;\r\n      gap:20px;\r\n    }\r\n\r\n    .deseo-custom-preview,\r\n    .deseo-custom-preview img{\r\n      min-height:380px;\r\n    }\r\n\r\n    .deseo-custom-palette{\r\n      grid-template-columns:repeat(4, minmax(0, 1fr));\r\n      gap:16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px){\r\n    #deseo-custom-section{\r\n      padding:52px 0 60px;\r\n    }\r\n\r\n    .deseo-custom-inner,\r\n    .deseo-custom-palette{\r\n      width:min(1400px, calc(100vw - 24px));\r\n    }\r\n\r\n    .deseo-custom-title{\r\n      font-size:clamp(34px, 10vw, 48px);\r\n    }\r\n\r\n    .deseo-custom-text{\r\n      font-size:15px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    .deseo-custom-cta-wrap{\r\n      margin-top:24px;\r\n      margin-bottom:24px;\r\n    }\r\n\r\n    .deseo-custom-cta{\r\n      width:100%;\r\n      min-height:52px;\r\n      padding:0 18px;\r\n      font-size:14px;\r\n      text-align:center;\r\n    }\r\n\r\n    .deseo-custom-preview,\r\n    .deseo-custom-preview img{\r\n      min-height:260px;\r\n    }\r\n\r\n    .deseo-custom-palette{\r\n      grid-template-columns:repeat(2, minmax(0, 1fr));\r\n      gap:16px 14px;\r\n    }\r\n\r\n    .deseo-color-name{\r\n      font-size:16px;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .deseo-color-swatch::after{\r\n      width:38px;\r\n      height:38px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const palette = document.getElementById('deseoCustomPalette');\r\n  const previewWrap = document.querySelector('.deseo-custom-preview');\r\n  const previewImage = document.getElementById('deseoCustomPreviewImage');\r\n  const currentName = document.getElementById('deseoCurrentColorName');\r\n\r\n  if (!palette || !previewImage || !currentName) return;\r\n\r\n  const buttons = palette.querySelectorAll('.deseo-color-card');\r\n\r\n  buttons.forEach((button) => {\r\n    button.addEventListener('click', function () {\r\n      const name = this.dataset.name;\r\n      const image = this.dataset.image;\r\n\r\n      buttons.forEach((btn) => btn.classList.remove('is-active'));\r\n      this.classList.add('is-active');\r\n\r\n      previewWrap.classList.add('is-switching');\r\n\r\n      const nextImage = new Image();\r\n      nextImage.onload = function () {\r\n        previewImage.src = image;\r\n        previewImage.alt = `D\u00c9S\u00c9O Cargo en ${name}`;\r\n        currentName.textContent = name;\r\n        previewWrap.classList.remove('is-switching');\r\n      };\r\n      nextImage.src = image;\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-66c4717 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66c4717\" data-element_type=\"section\" id=\"contact\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-da6282b ot-flex-column-vertical\" data-id=\"da6282b\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86e2fea elementor-widget elementor-widget-icontact_info\" data-id=\"86e2fea\" data-element_type=\"widget\" data-widget_type=\"icontact_info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t    \t<div class=\"contact-info\">\r\n\t\t        \t\t\t    \r\n\t\t\t    \t\t        <i class=\"ot-flaticon-place\"><\/i>\r\n\t\t        <div class=\"info-text\">\r\n\t\t        \t\t\t        \t<p>20 Rue Robert Schumann, 63500 Issoire, France<\/p>\t\t        <\/div>\r\n\t\t    <\/div>\r\n\t    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3484ed0 elementor-widget elementor-widget-icontact_info\" data-id=\"3484ed0\" data-element_type=\"widget\" data-widget_type=\"icontact_info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t    \t<div class=\"contact-info\">\r\n\t\t        \t\t\t    \r\n\t\t\t    \t\t        <i class=\"ot-flaticon-mail\"><\/i>\r\n\t\t        <div class=\"info-text\">\r\n\t\t        \t\t\t        \t<p>contact@bcm.fr<\/p>\t\t        <\/div>\r\n\t\t    <\/div>\r\n\t    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bfe9c3 elementor-widget elementor-widget-icontact_info\" data-id=\"0bfe9c3\" data-element_type=\"widget\" data-widget_type=\"icontact_info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t    \t<div class=\"contact-info\">\r\n\t\t        \t\t\t    \r\n\t\t\t    \t\t        <i class=\"ot-flaticon-phone-call\"><\/i>\r\n\t\t        <div class=\"info-text\">\r\n\t\t        \t\t\t        \t<p>+33 4 73 55 08 70 <\/p>\t\t        <\/div>\r\n\t\t    <\/div>\r\n\t    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-639fea1 ot-flex-column-vertical\" data-id=\"639fea1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48cce9d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"48cce9d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/js.hsforms.net\/forms\/embed\/5177846.js\" defer><\/script>\r\n<div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"a4e03e68-7399-408e-9fe0-cd53b169fb40\" data-portal-id=\"5177846\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D\u00c9S\u00c9O CARGO D\u00e9s\u00e9o Cargo : Le Container Am\u00e9nag\u00e9 qui Casse les Codes Avec le D\u00e9s\u00e9o Cargo, nous avons choisi de ne rien cacher. Plut\u00f4t que de dissimuler l&rsquo;origine de la structure, nous assumons pleinement l&rsquo;esth\u00e9tique du container maritime pour la transformer en un objet de design architectural. C&rsquo;est une solution d&rsquo;habitat ou d&rsquo;espace professionnel qui [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6023","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/pages\/6023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6023"}],"version-history":[{"count":4,"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/pages\/6023\/revisions"}],"predecessor-version":[{"id":6047,"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=\/wp\/v2\/pages\/6023\/revisions\/6047"}],"wp:attachment":[{"href":"https:\/\/deseo.bcm.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}