{"id":2025,"date":"2026-04-22T03:18:04","date_gmt":"2026-04-22T03:18:04","guid":{"rendered":"https:\/\/oceanstarhouse.com\/about-us\/"},"modified":"2026-06-18T06:57:46","modified_gmt":"2026-06-18T06:57:46","slug":"a-propos-de-nous","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/fr\/about-us\/","title":{"rendered":"\u00c0 propos de nous"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2025\" class=\"elementor elementor-2025\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4581be5 e-flex e-con-boxed e-con e-parent\" data-id=\"4581be5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0ec46fe e-con-full e-flex e-con e-child\" data-id=\"0ec46fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc91916 elementor-widget elementor-widget-heading\" data-id=\"fc91916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u00c0 propos de nous<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43a6ca7 e-con-full e-flex e-con e-parent\" data-id=\"43a6ca7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f77d3d elementor-widget elementor-widget-shortcode\" data-id=\"8f77d3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            .osh-about-page {\n                --osh-dark: #0b1720;\n                --osh-dark-2: #102231;\n                --osh-dark-3: #152f43;\n                --osh-blue: #1f6f9f;\n                --osh-blue-deep: #155a83;\n                --osh-blue-soft: #e8f3f8;\n                --osh-gold: #d6a84f;\n                --osh-gold-2: #e7bd63;\n                --osh-gray: #6b7a86;\n                --osh-gray-2: #8a98a3;\n                --osh-light: #f4f7f9;\n                --osh-light-2: #eef3f6;\n                --osh-border: rgba(15, 35, 48, 0.12);\n                --osh-white: #ffffff;\n                font-family: Arial, Helvetica, sans-serif;\n                color: var(--osh-dark);\n                background: #ffffff;\n                overflow: hidden;\n            }\n\n            .osh-about-page * {\n                box-sizing: border-box;\n            }\n\n            .osh-about-page a {\n                text-decoration: none;\n            }\n\n            .osh-container {\n                width: min(2000px, calc(100% - 80px));\n                margin: 0 auto;\n            }\n\n            .osh-section {\n                padding: 130px 0;\n            }\n\n            .osh-section-head {\n                display: grid;\n                grid-template-columns: 0.78fr 1.22fr;\n                gap: 110px;\n                align-items: end;\n                margin-bottom: 72px;\n            }\n\n            .osh-section-kicker {\n                display: inline-block;\n                font-size: 13px;\n                letter-spacing: 2.6px;\n                text-transform: uppercase;\n                color: var(--osh-blue);\n                font-weight: 800;\n                margin-bottom: 18px;\n                font-style: normal !important;\n            }\n\n            .osh-section-title {\n                font-size: clamp(40px, 4vw, 76px);\n                line-height: 1.02;\n                letter-spacing: -2.8px;\n                margin: 0;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-section-desc {\n                color: var(--osh-gray);\n                line-height: 1.9;\n                font-size: 17px;\n                margin: 0;\n                max-width: 920px;\n                font-style: normal !important;\n            }\n\n            \/* Brand Story Opening *\/\n            .osh-brand-story {\n                background: #ffffff;\n                padding: 96px 0 0;\n                position: relative;\n            }\n\n            .osh-story-grid {\n                display: grid;\n                grid-template-columns: 0.92fr 1.08fr;\n                gap: 34px;\n                align-items: stretch;\n            }\n\n            .osh-story-visual {\n                min-height: 720px;\n                background:\n                    linear-gradient(180deg, rgba(11, 23, 32, 0.06), rgba(11, 23, 32, 0.72)),\n                    url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/about-1.png') center\/cover no-repeat;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .osh-story-visual::before {\n                content: \"\";\n                position: absolute;\n                inset: 36px;\n                border: 1px solid rgba(255,255,255,0.28);\n                pointer-events: none;\n            }\n\n            .osh-story-vertical {\n                position: absolute;\n                left: 38px;\n                bottom: 38px;\n                color: #fff;\n                z-index: 2;\n                max-width: 680px;\n            }\n\n            .osh-story-vertical span {\n                display: inline-block;\n                color: var(--osh-gold);\n                font-size: 13px;\n                font-weight: 900;\n                letter-spacing: 2.4px;\n                text-transform: uppercase;\n                margin-bottom: 18px;\n            }\n\n            .osh-story-vertical h2 {\n                margin: 0;\n                color: #fff !important;\n                font-size: clamp(36px, 3.2vw, 58px);\n                line-height: 1.08;\n                letter-spacing: -2.2px;\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-story-content {\n                background: var(--osh-dark);\n                color: #fff;\n                padding: 74px;\n                position: relative;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n                min-height: 720px;\n            }\n\n            .osh-story-content::before {\n                content: \"\";\n                position: absolute;\n                right: -210px;\n                top: -210px;\n                width: 620px;\n                height: 620px;\n                border-radius: 50%;\n                border: 92px solid rgba(214, 168, 79, 0.12);\n                pointer-events: none;\n            }\n\n            .osh-story-content::after {\n                content: \"OCEANSTARHOUSE\";\n                position: absolute;\n                right: 38px;\n                bottom: 28px;\n                font-size: 96px;\n                line-height: 1;\n                font-weight: 900;\n                letter-spacing: -6px;\n                color: rgba(255,255,255,0.045);\n                white-space: nowrap;\n                pointer-events: none;\n            }\n\n            .osh-story-copy {\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-story-copy .osh-section-kicker {\n                color: var(--osh-gold);\n            }\n\n            .osh-story-copy h1 {\n                margin: 0 0 32px;\n                max-width: 1080px;\n                color: #fff !important;\n                font-size: clamp(38px, 3.8vw, 68px);\n                line-height: 1.08;\n                letter-spacing: -2.8px;\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-story-copy h1 span {\n                color: var(--osh-gold);\n            }\n\n            .osh-story-text {\n                max-width: 1080px;\n            }\n\n            .osh-story-text p {\n                color: rgba(255,255,255,0.74);\n                font-size: 17px;\n                line-height: 1.9;\n                margin: 0;\n            }\n\n            .osh-story-text p + p {\n                margin-top: 18px;\n            }\n\n            .osh-story-bottom {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: repeat(3, 1fr);\n                gap: 18px;\n                margin-top: 70px;\n            }\n\n            .osh-story-point {\n                background: rgba(255,255,255,0.065);\n                border: 1px solid rgba(255,255,255,0.12);\n                padding: 30px;\n                min-height: 188px;\n                transition: all 0.25s ease;\n            }\n\n            .osh-story-point:hover {\n                background: rgba(255,255,255,0.1);\n                transform: translateY(-4px);\n            }\n\n            .osh-story-point b {\n                display: block;\n                color: var(--osh-gold);\n                font-size: 14px;\n                letter-spacing: 1.8px;\n                margin-bottom: 26px;\n            }\n\n            .osh-story-point h3 {\n                margin: 0 0 12px;\n                color: #fff !important;\n                font-size: 23px;\n                line-height: 1.25;\n                letter-spacing: -0.6px;\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-story-point p {\n                margin: 0;\n                color: rgba(255,255,255,0.66);\n                font-size: 14.5px;\n                line-height: 1.75;\n            }\n\n            \/* Intro Strip *\/\n            .osh-intro-strip {\n                background: #ffffff;\n                padding: 34px 0 0;\n                position: relative;\n                z-index: 3;\n            }\n\n            .osh-intro-card {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                background: #fff;\n                box-shadow: 0 28px 76px rgba(10, 30, 45, 0.12);\n                border: 1px solid var(--osh-border);\n            }\n\n            .osh-intro-item {\n                padding: 46px 42px;\n                border-right: 1px solid var(--osh-border);\n                min-height: 200px;\n            }\n\n            .osh-intro-item:last-child {\n                border-right: none;\n            }\n\n            .osh-intro-item strong {\n                display: block;\n                font-size: 36px;\n                color: var(--osh-dark);\n                margin-bottom: 14px;\n                letter-spacing: -1.2px;\n                font-style: normal !important;\n            }\n\n            .osh-intro-item span {\n                display: block;\n                font-size: 15px;\n                color: var(--osh-gray);\n                line-height: 1.75;\n            }\n\n            \/* Company Identity *\/\n            .osh-identity {\n                background: #fff;\n            }\n\n            .osh-identity-grid {\n                display: grid;\n                grid-template-columns: 0.95fr 1.05fr;\n                gap: 42px;\n                align-items: stretch;\n            }\n\n            .osh-identity-visual {\n                min-height: 760px;\n                background:\n                    linear-gradient(180deg, rgba(11,23,32,0.08), rgba(11,23,32,0.62)),\n                    url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/about-2.png') center\/cover no-repeat;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .osh-identity-visual::before {\n                content: \"MODULAR BUILDING SYSTEM\";\n                position: absolute;\n                left: 42px;\n                bottom: 38px;\n                color: rgba(255,255,255,0.18);\n                font-size: 82px;\n                font-weight: 900;\n                letter-spacing: -3.5px;\n                line-height: 0.9;\n                max-width: 860px;\n            }\n\n            .osh-identity-badge {\n                position: absolute;\n                right: 38px;\n                top: 38px;\n                background: rgba(11,23,32,0.78);\n                backdrop-filter: blur(16px);\n                color: #fff;\n                padding: 30px 32px;\n                width: 310px;\n                border-left: 4px solid var(--osh-gold);\n            }\n\n            .osh-identity-badge b {\n                display: block;\n                font-size: 15px;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n                color: var(--osh-gold);\n                margin-bottom: 12px;\n            }\n\n            .osh-identity-badge span {\n                display: block;\n                font-size: 14.5px;\n                line-height: 1.75;\n                color: rgba(255,255,255,0.74);\n            }\n\n            .osh-identity-content {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 22px;\n            }\n\n            .osh-identity-box {\n                background: var(--osh-light);\n                padding: 48px;\n                min-height: 330px;\n                border: 1px solid rgba(11,23,32,0.08);\n                position: relative;\n                overflow: hidden;\n            }\n\n            .osh-identity-box.dark {\n                background: var(--osh-dark);\n                color: #fff;\n            }\n\n            .osh-identity-box.blue {\n                background: var(--osh-blue-soft);\n            }\n\n            .osh-identity-box.wide {\n                grid-column: span 2;\n                display: grid;\n                grid-template-columns: 0.58fr 1.42fr;\n                gap: 50px;\n                align-items: center;\n                background: #fff;\n                border: 1px solid var(--osh-border);\n                min-height: 350px;\n            }\n\n            .osh-identity-box h3 {\n                margin: 0 0 22px;\n                font-size: 32px;\n                letter-spacing: -1px;\n                color: inherit;\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-identity-box p {\n                margin: 0;\n                color: var(--osh-gray);\n                line-height: 1.9;\n                font-size: 16px;\n            }\n\n            .osh-identity-box.dark p {\n                color: rgba(255,255,255,0.72);\n            }\n\n            .osh-big-mark {\n                font-size: 136px;\n                font-weight: 900;\n                line-height: 0.82;\n                color: var(--osh-gold);\n                letter-spacing: -8px;\n            }\n\n            \/* Build System *\/\n            .osh-build-system {\n                background: var(--osh-light);\n                position: relative;\n            }\n\n            .osh-build-system::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background-image:\n                    linear-gradient(rgba(18,36,50,0.052) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(18,36,50,0.052) 1px, transparent 1px);\n                background-size: 52px 52px;\n                pointer-events: none;\n            }\n\n            .osh-system-layout {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: 1.2fr 0.8fr;\n                gap: 48px;\n                align-items: stretch;\n            }\n\n            .osh-system-left {\n                background: #fff;\n                padding: 76px;\n                border: 1px solid var(--osh-border);\n                min-height: 760px;\n            }\n\n            .osh-system-left h2 {\n                margin: 0 0 30px;\n                font-size: clamp(40px, 4vw, 76px);\n                line-height: 1.03;\n                letter-spacing: -3px;\n                max-width: 1160px;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-system-left > p {\n                color: var(--osh-gray);\n                line-height: 1.9;\n                margin: 0 0 44px;\n                font-size: 17px;\n                max-width: 1080px;\n            }\n\n            .osh-system-diagram {\n                display: grid;\n                gap: 14px;\n                margin-top: 44px;\n            }\n\n            .osh-system-step {\n                display: grid;\n                grid-template-columns: 108px 1fr 52px;\n                gap: 30px;\n                align-items: center;\n                background: #f8fafb;\n                padding: 26px 30px;\n                border-left: 5px solid var(--osh-blue);\n                transition: all 0.25s ease;\n            }\n\n            .osh-system-step:hover {\n                background: #fff;\n                box-shadow: 0 18px 42px rgba(10, 30, 45, 0.08);\n                transform: translateX(4px);\n            }\n\n            .osh-system-step:nth-child(even) {\n                border-left-color: var(--osh-gold);\n            }\n\n            .osh-system-step b {\n                font-size: 13px;\n                color: var(--osh-blue);\n                letter-spacing: 1.4px;\n            }\n\n            .osh-system-step h4 {\n                margin: 0 0 7px;\n                font-size: 20px;\n                letter-spacing: -0.3px;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-system-step span {\n                color: var(--osh-gray);\n                font-size: 15px;\n                line-height: 1.65;\n            }\n\n            .osh-arrow {\n                color: var(--osh-gray);\n                font-size: 30px;\n                text-align: right;\n            }\n\n            .osh-system-right {\n                display: grid;\n                gap: 22px;\n            }\n\n            .osh-product-line {\n                min-height: 242px;\n                padding: 40px;\n                color: #fff;\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-end;\n                position: relative;\n                overflow: hidden;\n                background-size: cover;\n                background-position: center;\n            }\n\n            .osh-product-line::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background: linear-gradient(180deg, rgba(11,23,32,0.04), rgba(11,23,32,0.86));\n                z-index: 1;\n            }\n\n            .osh-product-line::after {\n                content: \"\";\n                position: absolute;\n                left: 0;\n                bottom: 0;\n                width: 0;\n                height: 5px;\n                background: var(--osh-gold);\n                z-index: 2;\n                transition: width 0.3s ease;\n            }\n\n            .osh-product-line:hover::after {\n                width: 100%;\n            }\n\n            .osh-product-line h3,\n            .osh-product-line p {\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-product-line h3 {\n                margin: 0 0 12px;\n                font-size: 30px;\n                letter-spacing: -0.8px;\n                color: #fff !important;\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-product-line p {\n                margin: 0;\n                color: rgba(255,255,255,0.78);\n                font-size: 15.5px;\n                line-height: 1.72;\n                max-width: 620px;\n            }\n\n            .osh-product-line.one {\n                background-image: url('https:\/\/images.unsplash.com\/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1600&q=80');\n            }\n\n            .osh-product-line.two {\n                background-image: url('https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80');\n            }\n\n            .osh-product-line.three {\n                background-image: url('https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1600&q=80');\n            }\n\n            \/* Refined Capabilities *\/\n            .osh-capabilities {\n                background: #ffffff;\n                color: var(--osh-dark);\n                position: relative;\n                padding: 0;\n            }\n\n            .osh-capabilities-shell {\n                background: var(--osh-dark);\n                padding: 130px 0 150px;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .osh-capabilities-shell::before {\n                content: \"\";\n                position: absolute;\n                left: -260px;\n                top: 120px;\n                width: 620px;\n                height: 620px;\n                border-radius: 50%;\n                border: 90px solid rgba(214,168,79,0.08);\n                pointer-events: none;\n            }\n\n            .osh-capabilities-shell::after {\n                content: \"CAPABILITIES\";\n                position: absolute;\n                right: 60px;\n                top: 64px;\n                font-size: clamp(76px, 10vw, 190px);\n                line-height: 0.85;\n                letter-spacing: -8px;\n                font-weight: 900;\n                color: rgba(255,255,255,0.035);\n                pointer-events: none;\n            }\n\n            .osh-capabilities .osh-container {\n                position: relative;\n                z-index: 2;\n            }\n\n            .osh-cap-head {\n                display: grid;\n                grid-template-columns: 0.78fr 1.22fr;\n                gap: 110px;\n                align-items: end;\n                margin-bottom: 72px;\n            }\n\n            .osh-cap-head .osh-section-kicker {\n                color: var(--osh-gold) !important;\n            }\n\n            .osh-cap-head h2 {\n                margin: 0;\n                color: #ffffff !important;\n                font-size: clamp(42px, 4vw, 78px);\n                line-height: 1.03;\n                letter-spacing: -3px;\n                font-style: normal !important;\n                font-weight: 900 !important;\n                max-width: 900px;\n            }\n\n            .osh-cap-head p {\n                margin: 0;\n                color: rgba(255,255,255,0.72) !important;\n                font-size: 17px;\n                line-height: 1.9;\n                max-width: 940px;\n                font-style: normal !important;\n            }\n\n            .osh-capabilities-grid {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 18px;\n            }\n\n            .osh-capability {\n                min-height: 360px;\n                padding: 42px 36px;\n                position: relative;\n                transition: all 0.25s ease;\n                background: rgba(255,255,255,0.055);\n                border: 1px solid rgba(255,255,255,0.12);\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n            }\n\n            .osh-capability:nth-child(2),\n            .osh-capability:nth-child(5),\n            .osh-capability:nth-child(8) {\n                background: rgba(255,255,255,0.095);\n            }\n\n            .osh-capability:hover {\n                background: #ffffff;\n                transform: translateY(-6px);\n                box-shadow: 0 28px 70px rgba(0,0,0,0.26);\n            }\n\n            .osh-capability-top span {\n                display: block;\n                color: var(--osh-gold) !important;\n                font-weight: 900;\n                font-size: 16px;\n                margin-bottom: 42px;\n                letter-spacing: 1px;\n                font-style: normal !important;\n            }\n\n            .osh-capability h3 {\n                margin: 0 0 22px;\n                color: #ffffff !important;\n                font-size: 26px;\n                line-height: 1.23;\n                letter-spacing: -0.8px;\n                font-style: normal !important;\n                font-weight: 800 !important;\n            }\n\n            .osh-capability p {\n                margin: 0;\n                color: rgba(255,255,255,0.68) !important;\n                line-height: 1.78;\n                font-size: 15px;\n                font-style: normal !important;\n            }\n\n            .osh-capability:hover h3 {\n                color: var(--osh-dark) !important;\n            }\n\n            .osh-capability:hover p {\n                color: var(--osh-gray) !important;\n            }\n\n            .osh-capability:hover .osh-capability-top span {\n                color: var(--osh-blue) !important;\n            }\n\n            .osh-capability-line {\n                width: 68px;\n                height: 4px;\n                background: var(--osh-gold);\n                margin-top: 44px;\n                transform: scaleX(0.45);\n                transform-origin: left;\n                transition: transform 0.25s ease;\n            }\n\n            .osh-capability:hover .osh-capability-line {\n                transform: scaleX(1);\n            }\n\n            \/* Factory Control *\/\n            .osh-control {\n                background: #fff;\n            }\n\n            .osh-control-wrap {\n                display: grid;\n                grid-template-columns: 0.92fr 1.08fr;\n                gap: 96px;\n                align-items: center;\n            }\n\n            .osh-control-image {\n                min-height: 820px;\n                background:\n                    linear-gradient(180deg, rgba(11,23,32,0.05), rgba(11,23,32,0.28)),\n                    url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/about-3.png') center\/cover no-repeat;\n                position: relative;\n            }\n\n            .osh-control-image::before {\n                content: \"\";\n                position: absolute;\n                left: 38px;\n                top: 38px;\n                right: 38px;\n                bottom: 38px;\n                border: 1px solid rgba(255,255,255,0.32);\n                pointer-events: none;\n            }\n\n            .osh-control-image-card {\n                position: absolute;\n                right: -48px;\n                bottom: 64px;\n                width: 360px;\n                background: var(--osh-dark);\n                color: #fff;\n                padding: 38px;\n                box-shadow: 0 30px 60px rgba(8,22,34,0.24);\n                border-top: 4px solid var(--osh-gold);\n            }\n\n            .osh-control-image-card strong {\n                display: block;\n                font-size: 58px;\n                color: var(--osh-gold);\n                margin-bottom: 12px;\n                letter-spacing: -2px;\n            }\n\n            .osh-control-image-card span {\n                font-size: 15px;\n                line-height: 1.72;\n                color: rgba(255,255,255,0.72);\n            }\n\n            .osh-control-content h2 {\n                font-size: clamp(40px, 4vw, 76px);\n                line-height: 1.03;\n                letter-spacing: -3px;\n                margin: 0 0 30px;\n                max-width: 1080px;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-control-content > p {\n                color: var(--osh-gray);\n                line-height: 1.9;\n                margin: 0 0 46px;\n                font-size: 17px;\n                max-width: 1020px;\n            }\n\n            .osh-check-list {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 20px;\n            }\n\n            .osh-check-item {\n                display: grid;\n                grid-template-columns: 36px 1fr;\n                gap: 20px;\n                align-items: start;\n                padding: 30px;\n                border: 1px solid var(--osh-border);\n                background: var(--osh-light);\n                min-height: 178px;\n                transition: all 0.25s ease;\n            }\n\n            .osh-check-item:hover {\n                background: #fff;\n                transform: translateY(-3px);\n                box-shadow: 0 20px 46px rgba(10, 30, 45, 0.08);\n            }\n\n            .osh-check-icon {\n                width: 36px;\n                height: 36px;\n                border-radius: 50%;\n                background: var(--osh-blue);\n                color: #fff;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-weight: 900;\n                font-size: 14px;\n            }\n\n            .osh-check-item h4 {\n                margin: 0 0 10px;\n                font-size: 20px;\n                letter-spacing: -0.4px;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-check-item p {\n                margin: 0;\n                color: var(--osh-gray);\n                line-height: 1.72;\n                font-size: 14.5px;\n            }\n\n            \/* Difference *\/\n            .osh-difference {\n                background: var(--osh-light);\n            }\n\n            .osh-difference-layout {\n                display: grid;\n                grid-template-columns: 0.95fr 1.05fr;\n                gap: 32px;\n            }\n\n            .osh-difference-main {\n                background: var(--osh-dark-2);\n                color: #fff;\n                padding: 78px;\n                min-height: 660px;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n                position: relative;\n                overflow: hidden;\n            }\n\n            .osh-difference-main::after {\n                content: \"\";\n                position: absolute;\n                right: -150px;\n                top: -150px;\n                width: 450px;\n                height: 450px;\n                border-radius: 50%;\n                border: 74px solid rgba(214,168,79,0.15);\n            }\n\n            .osh-difference-main h2 {\n                position: relative;\n                z-index: 2;\n                color: #fff !important;\n                font-size: clamp(44px, 4.4vw, 82px);\n                line-height: 1.01;\n                letter-spacing: -3px;\n                margin: 0;\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-difference-main p {\n                position: relative;\n                z-index: 2;\n                color: rgba(255,255,255,0.72);\n                line-height: 1.9;\n                margin: 0;\n                max-width: 720px;\n                font-size: 17px;\n            }\n\n            .osh-difference-side {\n                display: grid;\n                gap: 26px;\n            }\n\n            .osh-difference-card {\n                background: #fff;\n                padding: 46px;\n                border: 1px solid var(--osh-border);\n                display: grid;\n                grid-template-columns: 92px 1fr;\n                gap: 34px;\n                align-items: start;\n                min-height: 200px;\n                transition: all 0.25s ease;\n            }\n\n            .osh-difference-card:hover {\n                transform: translateX(5px);\n                box-shadow: 0 22px 52px rgba(10, 30, 45, 0.10);\n            }\n\n            .osh-difference-card b {\n                width: 92px;\n                height: 92px;\n                background: var(--osh-blue-soft);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 30px;\n                color: var(--osh-blue);\n            }\n\n            .osh-difference-card h3 {\n                margin: 0 0 14px;\n                font-size: 27px;\n                letter-spacing: -0.7px;\n                color: var(--osh-dark);\n                font-style: normal !important;\n                font-weight: 800;\n            }\n\n            .osh-difference-card p {\n                margin: 0;\n                color: var(--osh-gray);\n                line-height: 1.78;\n                font-size: 15px;\n            }\n\n            \/* CTA *\/\n            .osh-final-cta {\n                position: relative;\n                background:\n                    linear-gradient(90deg, rgba(11,23,32,0.94), rgba(11,23,32,0.74)),\n                    url('https:\/\/images.unsplash.com\/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=2200&q=80') center\/cover no-repeat;\n                color: #fff;\n                padding: 128px 0;\n            }\n\n            .osh-final-cta::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background-image:\n                    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\n                background-size: 56px 56px;\n                pointer-events: none;\n            }\n\n            .osh-cta-inner {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: 1fr auto;\n                gap: 70px;\n                align-items: center;\n            }\n\n            .osh-cta-inner h2 {\n                margin: 0 0 24px;\n                color: #fff !important;\n                font-size: clamp(44px, 4.6vw, 84px);\n                line-height: 1.02;\n                letter-spacing: -3px;\n                max-width: 1160px;\n                font-style: normal !important;\n                font-weight: 900;\n            }\n\n            .osh-cta-inner p {\n                margin: 0;\n                color: rgba(255,255,255,0.74);\n                line-height: 1.85;\n                max-width: 940px;\n                font-size: 17px;\n            }\n\n            .osh-cta-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 66px;\n                padding: 0 40px;\n                background: var(--osh-gold);\n                color: #111;\n                font-weight: 900;\n                white-space: nowrap;\n                transition: all 0.25s ease;\n            }\n\n            .osh-cta-button:hover {\n                transform: translateY(-3px);\n                background: var(--osh-gold-2);\n                color: #111;\n            }\n\n            \/* Responsive *\/\n            @media (max-width: 1500px) {\n                .osh-container {\n                    width: min(100% - 64px, 2000px);\n                }\n\n                .osh-story-grid,\n                .osh-identity-grid,\n                .osh-system-layout,\n                .osh-control-wrap,\n                .osh-difference-layout {\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-story-content,\n                .osh-story-visual {\n                    min-height: 620px;\n                }\n\n                .osh-control-image-card {\n                    right: 42px;\n                }\n            }\n\n            @media (max-width: 1180px) {\n                .osh-section-head,\n                .osh-cap-head,\n                .osh-cta-inner {\n                    grid-template-columns: 1fr;\n                    gap: 38px;\n                }\n\n                .osh-story-bottom {\n                    grid-template-columns: 1fr 1fr 1fr;\n                }\n\n                .osh-intro-card {\n                    grid-template-columns: repeat(2, 1fr);\n                }\n\n                .osh-intro-item:nth-child(2) {\n                    border-right: none;\n                }\n\n                .osh-intro-item:nth-child(1),\n                .osh-intro-item:nth-child(2) {\n                    border-bottom: 1px solid var(--osh-border);\n                }\n\n                .osh-capabilities-grid {\n                    grid-template-columns: repeat(2, 1fr);\n                }\n\n                .osh-check-list {\n                    grid-template-columns: 1fr 1fr;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .osh-container {\n                    width: min(100% - 28px, 2000px);\n                }\n\n                .osh-brand-story {\n                    padding-top: 56px;\n                }\n\n                .osh-section {\n                    padding: 82px 0;\n                }\n\n                .osh-section-head,\n                .osh-cap-head {\n                    margin-bottom: 46px;\n                }\n\n                .osh-story-content,\n                .osh-system-left,\n                .osh-difference-main {\n                    padding: 38px 28px;\n                }\n\n                .osh-story-content,\n                .osh-story-visual {\n                    min-height: 500px;\n                }\n\n                .osh-story-content::after {\n                    display: none;\n                }\n\n                .osh-story-bottom,\n                .osh-intro-card,\n                .osh-identity-content,\n                .osh-check-list,\n                .osh-capabilities-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-story-visual::before {\n                    inset: 22px;\n                }\n\n                .osh-story-vertical {\n                    left: 26px;\n                    right: 26px;\n                    bottom: 28px;\n                }\n\n                .osh-intro-item {\n                    border-right: none;\n                    border-bottom: 1px solid var(--osh-border);\n                }\n\n                .osh-intro-item:last-child {\n                    border-bottom: none;\n                }\n\n                .osh-identity-box.wide {\n                    grid-column: span 1;\n                    grid-template-columns: 1fr;\n                }\n\n                .osh-identity-visual,\n                .osh-control-image {\n                    min-height: 480px;\n                }\n\n                .osh-identity-visual::before {\n                    font-size: 42px;\n                    left: 24px;\n                    bottom: 24px;\n                }\n\n                .osh-identity-badge {\n                    position: absolute;\n                    left: 24px;\n                    right: 24px;\n                    top: 24px;\n                    width: auto;\n                }\n\n                .osh-identity-box {\n                    padding: 34px 28px;\n                    min-height: auto;\n                }\n\n                .osh-big-mark {\n                    font-size: 82px;\n                    letter-spacing: -5px;\n                }\n\n                .osh-system-step {\n                    grid-template-columns: 1fr;\n                    gap: 12px;\n                }\n\n                .osh-arrow {\n                    display: none;\n                }\n\n                .osh-product-line {\n                    min-height: 240px;\n                }\n\n                .osh-control-wrap {\n                    gap: 46px;\n                }\n\n                .osh-control-image-card {\n                    right: 24px;\n                    left: 24px;\n                    bottom: 24px;\n                    width: auto;\n                }\n\n                .osh-difference-card {\n                    grid-template-columns: 1fr;\n                    padding: 34px 28px;\n                }\n\n                .osh-final-cta {\n                    padding: 86px 0;\n                }\n\n                .osh-cta-button {\n                    width: 100%;\n                }\n\n                .osh-story-copy h1,\n                .osh-section-title,\n                .osh-system-left h2,\n                .osh-cap-head h2,\n                .osh-control-content h2,\n                .osh-difference-main h2,\n                .osh-cta-inner h2 {\n                    letter-spacing: -1.5px;\n                }\n            }\n        <\/style>\n\n        <div class=\"osh-about-page\">\n\n            <section class=\"osh-brand-story\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-story-grid\">\n\n                        <div class=\"osh-story-visual\">\n                            <div class=\"osh-story-vertical\">\n                                <span>De la structure \u00e0 l'espace utilisable<\/span>\n                                <h2>Nous transformons les id\u00e9es de construction modulaire en espaces pratiques qui peuvent \u00eatre livr\u00e9s, install\u00e9s et utilis\u00e9s.<\/h2>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-story-content\">\n                            <div class=\"osh-story-copy\">\n                                <div class=\"osh-section-kicker\">Histoire de marque<\/div>\n\n                                <h1>Oceanstarhouse a \u00e9t\u00e9 construit pour les acheteurs de projets qui ont besoin <span>solutions de construction modulaires plus claires.<\/span><\/h1>\n\n                                <div class=\"osh-story-text\">\n                                    <p>\n                                        Oceanstarhouse est n\u00e9e d'une simple observation : de nombreux acheteurs ne recherchent pas seulement une maison conteneur ou un module pr\u00e9fabriqu\u00e9. Ils recherchent une solution de construction compl\u00e8te qui puisse correspondre aux conditions r\u00e9elles du site, aux d\u00e9lais du projet, aux limites de transport, aux exigences d'installation et \u00e0 une utilisation \u00e0 long terme.\n                                    <\/p>\n\n                                    <p>\n                                        Dans la construction modulaire, l'apparence n'est qu'une partie de la d\u00e9cision. Un projet r\u00e9ussi d\u00e9pend \u00e9galement de la structure, de l'agencement, de l'isolation, de l'\u00e9tanch\u00e9it\u00e9, de la fonctionnalit\u00e9 int\u00e9rieure, de la m\u00e9thode de chargement, de la pr\u00e9paration \u00e0 la livraison et des performances du b\u00e2timent une fois qu'il arrive sur le site. Ces d\u00e9tails d\u00e9terminent si un espace modulaire est v\u00e9ritablement utile ou s'il ne fait bonne figure que sur les photos.\n                                    <\/p>\n\n                                    <p>\n                                        C'est pourquoi Oceanstarhouse se concentre sur les maisons conteneurs, les maisons modulaires et les syst\u00e8mes de construction pr\u00e9fabriqu\u00e9s pour les besoins de construction commerciaux, r\u00e9sidentiels, pour les travailleurs, de camps, de bureaux et temporaires. Nous travaillons pour aider les promoteurs, les entrepreneurs, les distributeurs et les propri\u00e9taires de projets \u00e0 transformer les exigences initiales en espaces modulaires clairs, pratiques et r\u00e9alisables.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"osh-story-bottom\">\n                                <div class=\"osh-story-point\">\n                                    <b>01<\/b>\n                                    <h3>Concevoir en pensant au projet<\/h3>\n                                    <p>Nous commen\u00e7ons par l'application, l'\u00e9tat du site, la disposition, la capacit\u00e9 et la logique de livraison avant de discuter des d\u00e9tails du produit.<\/p>\n                                <\/div>\n\n                                <div class=\"osh-story-point\">\n                                    <b>02<\/b>\n                                    <h3>Contr\u00f4le en usine<\/h3>\n                                    <p>Plus de travail est effectu\u00e9 avant l'arriv\u00e9e sur le site, aidant les acheteurs \u00e0 r\u00e9duire l'incertitude dans la construction et l'installation.<\/p>\n                                <\/div>\n\n                                <div class=\"osh-story-point\">\n                                    <b>03<\/b>\n                                    <h3>Utilisabilit\u00e9 \u00e0 long terme<\/h3>\n                                    <p>Nous tenons \u00e0 savoir comment l'espace final se comporte apr\u00e8s la livraison, y compris le confort, l'entretien et le fonctionnement quotidien.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-intro-strip\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-intro-card\">\n                        <div class=\"osh-intro-item\">\n                            <strong>Modulaire<\/strong>\n                            <span>Construire des solutions con\u00e7ues autour d'une structure r\u00e9p\u00e9table, d'une mise en page flexible et d'un d\u00e9ploiement plus rapide.<\/span>\n                        <\/div>\n\n                        <div class=\"osh-intro-item\">\n                            <strong>Contenant<\/strong>\n                            <span>Syst\u00e8mes de maisons modulaires bas\u00e9s sur des conteneurs pour camps, bureaux, dortoirs, projets commerciaux et r\u00e9sidentiels.<\/span>\n                        <\/div>\n\n                        <div class=\"osh-intro-item\">\n                            <strong>Projet<\/strong>\n                            <span>Soutien de la discussion du concept \u00e0 la coordination de la production, \u00e0 l'emballage et \u00e0 la pr\u00e9paration de la livraison.<\/span>\n                        <\/div>\n\n                        <div class=\"osh-intro-item\">\n                            <strong>Pratique<\/strong>\n                            <span>Chaque unit\u00e9 est consid\u00e9r\u00e9e du point de vue du transport, de l'installation, de l'utilisation quotidienne et de la maintenance.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-section osh-identity\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-section-head\">\n                        <div>\n                            <div class=\"osh-section-kicker\">Qui nous sommes<\/div>\n                            <h2 class=\"osh-section-title\">Pas juste des pi\u00e8ces mobiles. Nous construisons des espaces modulables utilisables.<\/h2>\n                        <\/div>\n\n                        <p class=\"osh-section-desc\">\n                            Oceanstarhouse s'adresse aux d\u00e9veloppeurs, entrepreneurs, distributeurs et propri\u00e9taires de projets qui ont besoin de solutions fiables de b\u00e2timents pr\u00e9fabriqu\u00e9s. Notre travail repose sur un principe simple : une maison modulaire doit \u00eatre facile \u00e0 transporter, efficace \u00e0 installer et pratique \u00e0 utiliser apr\u00e8s livraison.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"osh-identity-grid\">\n                        <div class=\"osh-identity-visual\">\n                            <div class=\"osh-identity-badge\">\n                                <b>Con\u00e7u pour le B2B<\/b>\n                                <span>Pour les acheteurs de projet, les constructeurs, les distributeurs et les op\u00e9rateurs qui ont besoin de solutions de construction modulaires pratiques.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-identity-content\">\n                            <div class=\"osh-identity-box dark\">\n                                <h3>But<\/h3>\n                                <p>\n                                    Pour faciliter la planification, l'achat et le d\u00e9ploiement de la construction modulaire dans diff\u00e9rents environnements de projet.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"osh-identity-box blue\">\n                                <h3>Concentration<\/h3>\n                                <p>\n                                    Maisons conteneurs, maisons modulaires, bureaux portables, locaux de chantier, cabines pr\u00e9fabriqu\u00e9es et unit\u00e9s de construction personnalis\u00e9es.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"osh-identity-box wide\">\n                                <div class=\"osh-big-mark\">Sant\u00e9 et s\u00e9curit\u00e9 au travail<\/div>\n                                <div>\n                                    <h3>Oceanstarhouse travaille avec une mentalit\u00e9 de projet.<\/h3>\n                                    <p>\n                                        Nous nous soucions du r\u00e9sultat final sur le site, pas seulement du produit quittant l'usine. La structure, la disposition, le sc\u00e9nario d'utilisation, l'isolation, le chargement, l'installation et la maintenance \u00e0 long terme sont tous importants.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-section osh-build-system\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-system-layout\">\n                        <div class=\"osh-system-left\">\n                            <div class=\"osh-section-kicker\">Comment nous pensons<\/div>\n                            <h2>Chaque b\u00e2timent commence comme un syst\u00e8me, pas comme un produit unique.<\/h2>\n\n                            <p>\n                                Un bon b\u00e2timent modulaire ne doit pas \u00eatre jug\u00e9 uniquement sur son apparence. Il doit fonctionner comme un syst\u00e8me complet : structure, isolation, \u00e9tanch\u00e9it\u00e9, portes et fen\u00eatres, passage des c\u00e2bles \u00e9lectriques, finition int\u00e9rieure, m\u00e9thode de chargement et raccordement sur site.\n                            <\/p>\n\n                            <div class=\"osh-system-diagram\">\n                                <div class=\"osh-system-step\">\n                                    <b>\u00c9TAPE 01<\/b>\n                                    <div>\n                                        <h4>Exigence du projet<\/h4>\n                                        <span>Application, environnement local, capacit\u00e9, disposition et temps d'utilisation pr\u00e9vu.<\/span>\n                                    <\/div>\n                                    <div class=\"osh-arrow\">\u2192<\/div>\n                                <\/div>\n\n                                <div class=\"osh-system-step\">\n                                    <b>\u00c9TAPE 02<\/b>\n                                    <div>\n                                        <h4>Configuration modulaire<\/h4>\n                                        <span>Type d'unit\u00e9, m\u00e9thode de combinaison, fonction interne et s\u00e9quence d'installation.<\/span>\n                                    <\/div>\n                                    <div class=\"osh-arrow\">\u2192<\/div>\n                                <\/div>\n\n                                <div class=\"osh-system-step\">\n                                    <b>\u00c9TAPE 03<\/b>\n                                    <div>\n                                        <h4>Contr\u00f4le de la production<\/h4>\n                                        <span>Pr\u00e9paration des mat\u00e9riaux, traitement du cadre, pose des panneaux et contr\u00f4le qualit\u00e9.<\/span>\n                                    <\/div>\n                                    <div class=\"osh-arrow\">\u2192<\/div>\n                                <\/div>\n\n                                <div class=\"osh-system-step\">\n                                    <b>\u00c9TAPE 04<\/b>\n                                    <div>\n                                        <h4>Pr\u00e9paration de la livraison<\/h4>\n                                        <span>Emballage, chargement, protection pendant le transport et coordination de l'installation sur site.<\/span>\n                                    <\/div>\n                                    <div class=\"osh-arrow\">\u2713<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-system-right\">\n                            <div class=\"osh-product-line one\">\n                                <h3>Maisons conteneurs<\/h3>\n                                <p>\n                                    Unit\u00e9s de d\u00e9ploiement rapide pour les applications r\u00e9sidentielles, de bureau, commerciales et de sites temporaires.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"osh-product-line two\">\n                                <h3>B\u00e2timents modulaires<\/h3>\n                                <p>\n                                    Combinaisons de b\u00e2timents flexibles pour les grands projets n\u00e9cessitant des unit\u00e9s r\u00e9p\u00e9tables et des agencements planifi\u00e9s.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"osh-product-line three\">\n                                <h3>Solutions pr\u00e9fabriqu\u00e9es<\/h3>\n                                <p>\n                                    Structures personnalisables con\u00e7ues pour r\u00e9pondre aux besoins du projet, aux conditions climatiques et \u00e0 une utilisation quotidienne pratique.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-capabilities\">\n                <div class=\"osh-capabilities-shell\">\n                    <div class=\"osh-container\">\n                        <div class=\"osh-cap-head\">\n                            <div>\n                                <div class=\"osh-section-kicker\">Capacit\u00e9s principales<\/div>\n                                <h2>Ce que nous v\u00e9rifions avant que votre projet n&#x27;arrive sur le chantier.<\/h2>\n                            <\/div>\n\n                            <p>\n                                Pour les acheteurs B2B, la vraie valeur ne r\u00e9side pas seulement dans le prix unitaire. La valeur r\u00e9side dans la capacit\u00e9 de la construction \u00e0 arriver correctement, \u00e0 \u00eatre assembl\u00e9e sans probl\u00e8me et \u00e0 fonctionner de mani\u00e8re fiable apr\u00e8s l'installation. C'est pourquoi nous avons segment\u00e9 le travail de construction modulaire en \u00e9tapes de projet contr\u00f4lables.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"osh-capabilities-grid\">\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>01<\/span>\n                                    <h3>Structure et ch\u00e2ssis<\/h3>\n                                    <p>\n                                        Structure en acier con\u00e7ue pour le transport, le montage et une utilisation stable sur chantier.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>02<\/span>\n                                    <h3>Personnalisation de la disposition<\/h3>\n                                    <p>\n                                        Fonction de la pi\u00e8ce, emplacement des fen\u00eatres, sens d&#x27;ouverture des portes, organisation des couloirs et planification des unit\u00e9s combin\u00e9es.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>03<\/span>\n                                    <h3>Int\u00e9gration int\u00e9rieure<\/h3>\n                                    <p>\n                                        Panneaux muraux, rev\u00eatement de sol, plafond, agencement \u00e9lectrique, options sanitaires et fonctions de vie de base.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>04<\/span>\n                                    <h3>Protection contre les intemp\u00e9ries<\/h3>\n                                    <p>\n                                        Toiture, drainage, \u00e9tanch\u00e9it\u00e9 des murs, isolation et protection ext\u00e9rieure, pris en compte en fonction des conditions r\u00e9elles du chantier.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>05<\/span>\n                                    <h3>Coordination en usine<\/h3>\n                                    <p>\n                                        Les \u00e9tapes de production sont organis\u00e9es pour r\u00e9duire les pi\u00e8ces manquantes, les mauvaises tailles et les probl\u00e8mes d'installation incompr\u00e9hensibles.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>06<\/span>\n                                    <h3>M\u00e9thode de chargement<\/h3>\n                                    <p>\n                                        Les plans d&#x27;emballage et de chargement des conteneurs visent \u00e0 am\u00e9liorer l&#x27;efficacit\u00e9 du transport et \u00e0 r\u00e9duire les risques de dommages.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>07<\/span>\n                                    <h3>Communication relative au projet<\/h3>\n                                    <p>\n                                        Une discussion claire sur les plans, les mat\u00e9riaux, les cas d&#x27;utilisation et les attentes en mati\u00e8re de livraison.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n\n                            <div class=\"osh-capability\">\n                                <div class=\"osh-capability-top\">\n                                    <span>08<\/span>\n                                    <h3>Utilisabilit\u00e9 \u00e0 long terme<\/h3>\n                                    <p>\n                                        Nous accordons une attention particuli\u00e8re aux d\u00e9tails pratiques qui ont une incidence sur le fonctionnement quotidien, l&#x27;entretien et le confort des utilisateurs.\n                                    <\/p>\n                                <\/div>\n                                <div class=\"osh-capability-line\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-section osh-control\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-control-wrap\">\n                        <div class=\"osh-control-image\">\n                            <div class=\"osh-control-image-card\">\n                                <strong>B2B<\/strong>\n                                <span>Destin\u00e9 aux acheteurs de projets, aux distributeurs, aux entrepreneurs et aux exploitants de b\u00e2timents modulaires.<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-control-content\">\n                            <div class=\"osh-section-kicker\">De l&#x27;usine au chantier<\/div>\n                            <h2>Nous r\u00e9duisons les incertitudes avant le d\u00e9but des travaux.<\/h2>\n\n                            <p>\n                                La construction traditionnelle sur chantier est souvent confront\u00e9e \u00e0 une main-d&#x27;\u0153uvre instable, aux al\u00e9as m\u00e9t\u00e9orologiques, au gaspillage de mat\u00e9riaux et \u00e0 une coordination laborieuse. La construction modulaire bouleverse ce sch\u00e9ma : une plus grande partie des travaux est r\u00e9alis\u00e9e en usine avant que le projet n&#x27;atteigne le chantier.\n                            <\/p>\n\n                            <div class=\"osh-check-list\">\n                                <div class=\"osh-check-item\">\n                                    <div class=\"osh-check-icon\">\u2713<\/div>\n                                    <div>\n                                        <h4>Une pr\u00e9paration plus claire des projets<\/h4>\n                                        <p>\n                                            Les acheteurs peuvent valider la configuration, les sp\u00e9cifications et les exigences fonctionnelles avant le lancement de la production en s\u00e9rie.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"osh-check-item\">\n                                    <div class=\"osh-check-icon\">\u2713<\/div>\n                                    <div>\n                                        <h4>Possibilit\u00e9 d&#x27;un d\u00e9ploiement plus rapide<\/h4>\n                                        <p>\n                                            Les modules pr\u00e9fabriqu\u00e9s permettent de r\u00e9duire la dur\u00e9e des travaux sur place une fois que le chantier est pr\u00eat pour l&#x27;installation.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"osh-check-item\">\n                                    <div class=\"osh-check-icon\">\u2713<\/div>\n                                    <div>\n                                        <h4>Des achats plus pr\u00e9visibles<\/h4>\n                                        <p>\n                                            Les syst\u00e8mes modulaires facilitent la gestion des commandes r\u00e9currentes, la planification par lots et l&#x27;extension des projets.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"osh-check-item\">\n                                    <div class=\"osh-check-icon\">\u2713<\/div>\n                                    <div>\n                                        <h4>Meilleur ajustement pour les projets temporaires et semi-permanents<\/h4>\n                                        <p>\n                                            Convient aux bureaux de chantier, aux logements pour les ouvriers, aux camps, aux locaux commerciaux et aux besoins en espaces d&#x27;urgence.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-section osh-difference\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-difference-layout\">\n                        <div class=\"osh-difference-main\">\n                            <h2>Notre diff\u00e9rence n'est pas une d\u00e9coration. C'est une logique de projet.<\/h2>\n\n                            <p>\n                                Une maison modulaire n&#x27;est une r\u00e9ussite que si l&#x27;utilisateur final peut r\u00e9ellement y vivre, y travailler ou y mener ses activit\u00e9s dans le plus grand confort. C&#x27;est pourquoi Oceanstarhouse aborde la conception de ses produits sous l&#x27;angle de leur utilisation concr\u00e8te sur le terrain.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"osh-difference-side\">\n                            <div class=\"osh-difference-card\">\n                                <b>01<\/b>\n                                <div>\n                                    <h3>Nous raisonnons en termes de cas d&#x27;utilisation.<\/h3>\n                                    <p>\n                                        Les logements, les bureaux, les r\u00e9sidences universitaires, les camps, les commerces, l&#x27;h\u00f4tellerie et les services d&#x27;assistance sur site requi\u00e8rent chacun une logique interne diff\u00e9rente.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"osh-difference-card\">\n                                <b>02<\/b>\n                                <div>\n                                    <h3>Nous respectons les d\u00e9tails de construction.<\/h3>\n                                    <p>\n                                        Le raccordement des panneaux, l&#x27;\u00e9tanch\u00e9it\u00e9, la capacit\u00e9 de charge, le sens d&#x27;ouverture et la protection pendant le transport ne sont pas des d\u00e9tails n\u00e9gligeables.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"osh-difference-card\">\n                                <b>03<\/b>\n                                <div>\n                                    <h3>Nous favorisons une croissance durable.<\/h3>\n                                    <p>\n                                        Pour les distributeurs et les propri\u00e9taires de projets, les produits modulaires doivent prendre en charge les commandes group\u00e9es, les mises \u00e0 niveau et les extensions futures.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"osh-final-cta\">\n                <div class=\"osh-container\">\n                    <div class=\"osh-cta-inner\">\n                        <div>\n                            <h2>Vous envisagez de construire une maison en conteneurs ou un b\u00e2timent modulaire ?<\/h2>\n\n                            <p>\n                                Indiquez-nous le lieu de votre projet, son application, la configuration souhait\u00e9e et la quantit\u00e9 pr\u00e9vue. Oceanstarhouse peut vous aider \u00e0 transformer vos premi\u00e8res exigences en une solution de construction modulaire plus pr\u00e9cise.\n                            <\/p>\n                        <\/div>\n\n                        <a class=\"osh-cta-button\" href=\"\/fr\/contacter\/\">Demander une assistance pour un projet<\/a>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/div>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos de nous<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"footnotes":""},"class_list":["post-2025","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-wF","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/comments?post=2025"}],"version-history":[{"count":95,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2025\/revisions"}],"predecessor-version":[{"id":3392,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2025\/revisions\/3392"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/media?parent=2025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}